/* adding to import CSS for JQUERY forms, 10/13/10 */
@import url("/mentoring/ui-lightness/jquery-ui-1.7.2b.custom.css");

/* styles for 2009 tab reorganization */
.compactUL {list-style: inside; }
.sidegrayback {background-color: #e0e0e0; }
.sidewhiteback {background-color: #ffffff; }
.bgcolor-black {background-color: #000000 ; } 

.color-teachers {color: #9FC2B1; }
.bgcolor-teachers, .tabcolor-teachers, .breadcrumbs-teachers {background-color: #9FC2B1; }

.color-projectideas {color: #C187C3; }
.bgcolor-projectideas, .tabcolor-projectideas, .breadcrumbs-projectideas {background-color: #C187C3; }

.color-expert {color: #DF5459; }
.bgcolor-expert, .tabcolor-expert, .breadcrumbs-expert {background-color: #DF5459; }

.color-aboutus {color: #f2c862;}
.bgcolor-aboutus, .tabcolor-aboutus, .breadcrumbs-aboutus {background-color: #f2c862;}

.color-home {color: #f2c862; }
.bgcolor-home, .tabcolor-home, .breadcrumbs-home {background-color: #f2c862; }

.color-projectguide {color: #7D97CD; }
.bgcolor-projectguide, .tabcolor-projectguide, .breadcrumbs-projectguide {background-color: #7D97CD; }

.color-blog {color: #f5ac5d; }
.bgcolor-blog, .tabcolor-blog, .breadcrumbs-blog {background-color: #f5ac5d; }

.color-careers {color: #BEB09D; }
.bgcolor-careers, .tabcolor-careers, .breadcrumbs-careers {background-color: #BEB09D; }

.color-students {color: #f26d7d; }
.bgcolor-students, .tabcolor-students, .breadcrumbs-students {background-color: #f26d7d; }

.color-parents {color: #8781bd; }
.bgcolor-parents, .tabcolor-parents, .breadcrumbs-parents {background-color: #8781bd; }

/* dusty blue - My Science Buddies */
.color-mysciencebuddies {color: #8ebed2; }
.bgcolor-mysciencebuddies, .tabcolor-mysciencebuddies, .breadcrumbs-mysciencebuddies {background-color: #8ebed2 !important; }
.colorstrip-title-mysciencebuddies {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px;  background-color: #8ebed2 !important;}

/* gray - More */
.color-more {color: #a0a0a0; }
.bgcolor-more, .tabcolor-more, .breadcrumbs-more {background-color: #a0a0a0; }
.colorstrip-title-more {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #a0a0a0;}

/* light blue - My Science Buddies */
.color-boxes-mysciencebuddies { background-color: #bbdbe8;}

/* .breadcrumb-* controls bgcolor of breadcrumbs; tab-color-specific */


/* controls spacing of H1 title in colored strip */
.colorstrip-title {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; }
.colorstrip-title-printable {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #ffffff; color: #000000;}
.colorstrip-title-parents {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #8781bd;}
.colorstrip-title-students {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #f26d7d;}
.colorstrip-title-careers {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #BEB09D;}
.colorstrip-title-blog {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #f5ac5d;}
.colorstrip-title-projectguide {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #7D97CD;}
.colorstrip-title-home {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #f2c862;}
.colorstrip-title-aboutus {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #f2c862;}
.colorstrip-title-expert {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #DF5459;}
.colorstrip-title-projectideas {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #C187C3;}
.colorstrip-title-teachers {margin-top: 0px; padding-top: 4px; margin-left: 0px; padding-left: 0px; background-color: #9FC2B1;}

/* removed margin-left and padding setting because this one is NOT in the breadcrumbing area */
/* letting global H1 formatting control the margin */
.colorstrip-title-projectideas-compiled {margin-top: 0px; padding-top: 4px; background-color: #C187C3;}
.colorstrip-title-careers-compiled {margin-top: 0px; padding-top: 4px; background-color: #BEB09D;}


.compact {margin-bottom: 0px; padding-bottom: 0px; }
.sidebarbloghead {font-weight: bold; }
.searchStrip {display: inline; width:55; height:18; border:0; color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; text-decoration: underline;  vertical-align: bottom; margin-top: 4px; margin-bottom:0px; }

.breadcrumbs {margin-top: 0px; padding-top: 0px; }
#tabs {margin-bottom: 0px; padding-bottom: 0px;}


/* NEW HIGHLIGHT STYLES 9/17/09 */

#highlightsbox2009wrap {
	background-color: #ffffff;
 	margin: 0px 0px 12px 10px;   /* padding outside box  : top right bottom left */
	padding: 0px 10px 0px 0px;  /* padding within box */
	width: 99%; 
	/* with width: 100% chrome and firefox showing scroll */
	
}	

/* highlightsbox2009 in use on pages pre-9/22/09 */
#highlightsbox2009 {
	/* background-color: #ecece0; */ /* was FFFFCC  */
	background-color: #ecece0;
	line-height: 125%; 
	/* width: 80%; */
 	margin: 0px 10px 12px 10px;   /* padding outside box  : top right bottom left */
	
	padding: 8px 8px 8px 8px;  /* padding within box */
	/* float: left; */
	
	/* following three are to deal with overlapping problem of key info box next to sidebar */
	display: table; 
	/*width: 65%;
	min-width: 500px; */
	/* overflow: hidden;  */
	position: relative;

}

/* -------------------------------------------------- */
/* highlightsbox2009b in use on pages post-9/22/09
/* to avoid possible display errors as I update new files, changing style name here to "b" for updated files */
#highlightsbox2009b {
	background-color: #ecece0;
	line-height: 125%; 
	padding: 8px 8px 8px 8px;  /* padding within box */
	/* margin-right: 10px;*/
	align: center;
	margin: 0 auto; /* centers */
	position: relative;
	display: table;
	overflow: hidden;
}

.sidebarbox { background-color: #e0e0e0; /* width: 230px; */ }
.sidebarboxWrap { float: right; background-color: white; margin-left: 10px; }

/* OVERRIDE Default style for all tables for the SIDEBAR boxes to ensure padding around them */
table.sidebarbox { border-collapse: separate; }
table.sidebarboxWrap { border-collapse: separate; }
/* .sidebarbox td { padding-bottom: 10px; } */

/* END HIGHLIGHT STYLES */
/* -------------------------------------------------- */
.relatedlinks, A.relatedlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;}

.keywordSide {font-style: italic; }

.sidebarboxPG {margin-left: 10px; float: right;}

.skrelatedsearchbox {
	/* width: 240px; */
	background-color: #e0e0e0;
 	margin: 0px 0px 0px 0px;   /* padding outside box  : top right bottom left */
	padding: 0px;  /* padding within box */
	font-size: 12px;
	  /* color: #333366;    dark grey color was #909090  light gold FAE1A4    ltgreenDEDE74 ltgreenlogomateEDED99; */
	float: right;  /* the whole box is floated to the right */
 	border-style: none;
        border-width: 2px;        /* sets border width on all sides */
        border-color: black;
}

/* updated in testing of PI's with 2009 tab restructure */

#skrelatedlinkboxPI {
width: 240px;
/* testing this 2/26/10 - to set size of PI column 240 should be correct but was too wide*/
	background-color: #e0e0e0;
 	margin: 0px 0px 0px 0px;   /* padding outside box  : top right bottom left */
	padding: 0px;  /* padding within box */
	font-size: 8px;
	  /* color: #333366;    dark grey color was #909090  light gold FAE1A4    ltgreenDEDE74 ltgreenlogomateEDED99; */
	float: none;  /* the whole box is floated to the right */
	/* altered float to test it within larger SKSIDEBOXES to also hold search */
 	border-style: none;
        border-width: 2px;        /* sets border width on all sides */
        border-color: black;
}

	/* this one necessary to reduce size of Related Links in this PI box */
#skrelatedlinkboxPI a.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	line-height: 110%;
	/* color: #333366;*/ 
}

#skrelatedlinkboxPI a:hover {
	text-decoration: underline;
	color: brown;
}

/* end PI update */

#sksideboxes {
	width: 240px;
	margin-top: 6px;
	margin-bottom: 10px; 
	margin-left: 6px;
	margin-right: 2px;
	background-color: #e0e0e0;
	padding: 10px; 
	float: right; }

table.bodytext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none}

.searchlink {cursor: pointer; }

/* Default style for all tables */
/* updating to contain the basic formatting for tables that don't have any other specification; the font was changing with the 2009 tab update */
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
}

/* update to troubleshoot staggered tables in framework at 800 x 600 */
/* body { min-width:1024px; } */

/* AMC 10/9/09: new for FIRST table in main content area on page - address chrome scaling and centering issue */
.table-firstonpage { 
	/* not always a 700 px table max-width: 700px; */
	position: relative; display: inline; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none;
    background-color:#FFFFFF;
    border: solid #000000 1px;	
}
.table-firstonpage td {
	padding: 8px;
	line-height: 115%;
    border: solid #000000 1px;		
}

/* these two table styles added 10/13/09 when putting Chrome solution in place */
table#tablehowtoBorder {
	background-color:#ffffff;
	/* border:  solid   #000000 1px;  */
	/* align:center;  */
	/* testing this for chrome center issue */
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; 
	line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none
}
.toprowBorder { 
	background: #E0E0E0;  
	font-weight: bold;
	line-height: 100%;
	/* border:  solid   #000000 1px; */
	font-weight: bold; 
	text-align: center;
	padding: 8px;
	line-height: 115%;		
	
}

.homepageIMG { margin-bottom: 8px; padding-right: 2px; padding-bottom: 8px; }


/* AMC: added 2/23/2010 - for Social Media strip in PI sidebars */
.addthis_toolbox .custom_images a
{
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 2;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}
/* end Social Media custom styles for larger icons */


/* AMC 10/13/10 - for LOGIN dialog */
.ui-widget {width: 500px !important; max-width: 500px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 12px !important;}
.ui-widget #dialog_login, #dialog_login  {height: 160px !important;   overflow: hidden; }
A.loginLink:link, A.loginLink:visited {color: white !important; }

#dialog_login .ui-widget-content { border: 1px solid #c187c3; background: #c187c3 url(images/ui-bg_glass_100_c187c3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }


textarea {
    resize: none;
}

/* nobreak style for PIs */
.nobreak {white-space:nowrap; } 

body
{
   margin: 8px 8px;
}
body.bodytext
{
   margin: 8px 8px;
}