/*** TOC ***/
/** CLASSES (=class) **/
/** DROP-DOWNS (=drop) **/
/** NAV (=nav) **/
/** TABS (=tabs) **/
/** EJL (=ejl) **/
/** FOOTER  (=foot) **/
/** MD 20081022 ADDS FOR TABS **/

/*
light blue #adc6de
mid blue #94a9be
dark blue #4b6772

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
Reset
*/

html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/* table{border-collapse:collapse;border-spacing:0;} */
	table{border-collapse:separate;border-spacing:1px; } 
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* Base */
h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{
	/* margin:1em 0; */
	margin:.5em 0;
	}		/* TL: too much space above and below headers? */
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}	/* TL: may be too much margin in some cases? */
ol,ul,dl{margin-left:2em;}			/* TL: may be too much left margin in some cases? */
ol li{list-style:decimal outside;}
/*ul li{list-style:disc outside;}*/
dl dd{margin-left:1em;}
th,td{border:0px solid #000;padding:.5em;}	/* TL: set border 0 as default */
th{font-weight:bold;/*text-align:center;*/}
caption{margin-bottom:.5em;text-align:center;}
p,fieldset,table,pre{margin-bottom:1em;}	
input[type=text],input[type=password],textarea{width:12.25em;}

/** REDECLARATIONS **/
html				{margin:0; padding:0;}
body				{margin:0; padding:0; font-family:Helvetica, Verdana, Arial, sans-serif; font-size:100%; color: #2C3C42; /*#304249;*/ } /*  TL: making darker, orig: #4b6772;, then #374B53;  */
a				{color:#3D545D; /*#4b6772;*/ text-decoration:none; border-bottom:1px dotted #4b6772;} /* TL: note custom treatment for underline */
a:hover				{border:none;}
a:active			{color:#94a9be;}

p		{line-height:1.3em;}	/* TL: tested at http://www.w3schools.com/css/tryit.asp?filename=trycss_dim_line-height_number, 1.3em seems normal in Firefox, 1.2 in IE6 */

ul					{}
ol					{}

h1,h2,h3,h4,
h1 a,h2 a,h3 a,h4 a	{margin:0.5em 0 1em; color:#284f76;}	/* TL: note that this overrides h1-h3 rule on line 34 */
h1			{font-size:197%;}

hr			{display:none;}
.hr			{margin: 10px 0; height:1px; width:auto; background:url(images/hr.gif) left top repeat-x;}

img			{margin:15px; padding:2px; /* border:1px solid #4b6772; */} /* TL: too much margin for img, why border? */

/** CLASSES  (=class) **/
.img_right					{float:right; margin:0 0 15px 20px;}
.img_left					{float:left; margin:0 20px 15px 0;}
.noborder					{border:none;}												/* TL added */
ul.bullets li				{list-style-type:disc !important;}	/* TL added */
.instances 					{ font-size: 99%; padding:0 10px;}	/* TL added */
.pipe								{ color:#aaa; font-weight:bold; font-size:1.2em;}		/* TL added */
span.alpha-links a{padding:0 1px !important;}
.h-span						{ font-size: .85em; color:#94a9be; } 	/* TL:  where used? */
.clear-float					{clear:both;}
.link-addl					{font-style:italic;color:#94a9be;font-size:.95em;}
.indent1 {margin-left:1em;} /* TL 8-12-09 */
.indent2 { margin:0 0 1em 1em !important;}
.debug {border:1px dotted red;}
.examples {font-size: 85% !important;}
.contrast-color a {color:#c60;}
.list-header {font-style:italic;color:#4b6772;font-size:1.1em;}


/** ID's **/
#h1_list					{position:absolute; top:-7px; right:0; text-align:right; font-size:77%;}
#h1_list li					{margin:0 0 3px; list-style:none;}

/** LAYOUT **/
#wrapper					{position:relative; width:960px; margin:0 auto; padding:0;}
#skip_links					{display:none;}

#header					{position:relative; width:960px; min-height:150px; border:1px solid #fff;}

#header h3				{clear:both; margin:0; display:block;}
#header h3 a				{display:block; width:960px; height:75px; margin:0; text-indent:-9999px; border:none; overflow:hidden;}
#header h4				{margin:0;}
#header h4 a				{display:block; width:460px; height:38px; margin:0; text-indent:-9999px; border:none; overflow:hidden;}

#header ul				{margin:8px 0 10px; padding:0;}
#header ul li				{float:left; display:inline; margin:0 0 0 3px; padding:0; list-style:none;}
#header ul li a				{}

#header #nav_util			{float:left; margin-left:25px;}

#header #nav_util li,
#header #nav_global li		{position:relative; padding:0 7px 0 3px; border-right:1px solid #4b6772;}

#header #nav_util li a,
#header #nav_global li a	{float:left; display:block;
	/* font-size:77% !important; TL */
	font-size: 12px; /* trying pixels */
	}

#header #nav_util li.omega,
#header #nav_global li.omega,
#header #nav_global #text_size	{border:none;}

#header #nav_global			{float:right; margin-right:25px;}

/** STYLES FOR SUBJECT BRANCH HEADERS **/
div.header-arch						{background:url(/css/images/header-arch.jpg) center bottom no-repeat !important; }
div.header-art-image					{background:url(/css/images/header-art-image.jpg) center bottom no-repeat !important; }
div.header-bic						{background:url(/css/images/header-bic.jpg) center bottom no-repeat !important; }
div.header-chem						{background:url(/css/images/header-chem.jpg) center bottom no-repeat !important; }
div.header-engin					{background:url(/css/images/header-engin.jpg) center bottom no-repeat !important; }
div.header-kkic						{background:url(/css/images/header-kkic.jpg) center bottom no-repeat !important; }
div.header-math						{background:url(/css/images/header-math.jpg) center bottom no-repeat !important;}
div.header-rad						{background:url(/css/images/header-rad.jpg) center bottom no-repeat !important; }
div.header-rare						{background:url(/css/images/header-rare.jpg) center bottom no-repeat !important; }
/** END SUBJECT BRANCH HEADERS **/

/** DROP-DOWNS  (=drop) **/

.drop_down_element 			{position:absolute; z-index:400; font-size:77%;}		/* TL: don't see any .drop_down_element in HTML, apparently assigned in drop_down.js line 55 */
.drop_down_element div 		{display:block; margin:0; padding:20px; list-style:none; border:1px solid #adc6de; border-top:0; background:url(images/transparent-white.png) left top repeat;}
.drop_down_element ul li	{padding:4px 0;}
.drop_down_element .inner 	{padding:1em;}

#header #nav_global li#text_size			{width:53px; margin:-3px 0 0 5px; padding:0; background:url(images/text-size.gif) left center no-repeat;}

#header #nav_global li#text_size a		{display:block; float:left; overflow:hidden; width:16px; height:16px; margin-right:1px; border:none; text-indent:-9999px;}

#content					{position:relative; margin:30px 0; padding:0; font-size:86%;} 	/* TL: too much top and bottom margin? */
#content li					{line-height:1.4em;}

/** NAV (=nav) **/
#nav					{padding:2px 0; text-align:center; border-bottom:1px dotted #94a9be; font-weight:bold; font-size:95%;}
#nav ul					{width:100%; margin:0 auto; padding: 0;}
#nav ul li				{display:inline; list-style:none;}
#nav ul li a				{margin:5px 18px; border:none;}
#nav ul li a:hover			{border-bottom:1px dotted;}
#nav ul li a.active			{font-weight:bold;}

/** NAV FOR ILL **/
#nav                 {text-align:left}
#utility {position:absolute;top:0;left:0px;width:165px;border-top: 0px solid #999;padding-bottom: 40px;font-size:90%;} 
           

/** TABS (=tabs) **/


#cat-plus            {font-size:150%; font-family:'brush script mt'; font-style:italic; font-weight:lighter; line-height:.5em;}


.tab_set				{position:relative; overflow:auto; width:auto; margin:0 0 20px;}
.tab_set div				{clear:both; z-index:-3; width:auto; margin:0; padding:20px; border:1px solid #adc6de;}

.tabs, 
#tabs3 				{float:left; margin:0 0 -1px; padding:0;}

.tabs li, 
#tabs3 li			{float:left; display:inline; margin:0 !important; padding:0;}

.tab_set div				{}

/* 
.tab_set div ul			{position:absolute; top:0; right:0; margin:0; text-align:right; font-size:85%;}  the culprit TL 
*/
.tab_set div ul li			{display:block; float:none;}


#tab_dat ul { margin-left:0;padding-left:0;text-align:left;white-space:nowrap; }
#tab_dat li span a {font-size:11px;}

/** EJL (=ejl) **/
body#ejl h1{display:none;} /* TL: added to suppress H1 and bring results higher on the page */
body#ejl div#col1_tabshell{margin-top:-1em;} /* TL */

/** footer  (=foot) **/
#footer						{position:relative; clear:both; margin:15px 0; padding:15px; border-top:1px dotted #4b6772;}
#footer p					{margin:0 0 0.4em; font-size:77%; line-height:1.2em;}
#footer p span				{margin:0 1em 0 0;}
#footer a					{color:#b0932c;}
#footer ul					{margin:0; padding:0;}
#footer li 					{float:left; display:inline; margin:0; padding:0 5px; border-right:1px solid #7b9098; list-style:none; font-size:77%;}
#footer li.alpha			{padding-left:0;}
#footer li.omega			{border:none;}
#footer #ndmark				{position:absolute; top:15px; right:30px; border:none;}
#footer #ndmark img			{border:none; margin:0; padding:0;}

/* to prevent content from appearing during slow page loads, javascript hovers still work */
ul#nav_global li#nav_asklib div, 
ul#nav_global li#nav_myacct div, 
ul#nav_global li#nav_hou div, 
ul#nav_global li#nav_lib div, 
ul#nav_global li#nav_probrept div {display:none !important;}   /* div#open_chat !!!!!!!!!! */




/** MD 20081022 ADDS FOR TABS **/

#col1_tabshell {
	position: relative; 
	float: left; 
	padding:0 9px 0 0; 
	background:url(/css/images/wide-rbg-top.gif) left 43px no-repeat;
/*	margin: 20px 0px 40px 20px; */
	margin: 20px 0px 40px 0px;
	}
#col1_content_tabs {
	float: left;
	width: 900px;
	padding-bottom: 20px;
	background:url(/css/images/wide-rbg-bot.gif) left bottom no-repeat; 
	}
#col1_tcontent_tabs #tabs li {
	float: left;
	display:inline; 
	margin:0 !important; 
	padding:0;
	}
#col1_content_tabs #tabs li a {
	display: block;
	width: 115px; 
	height: 27px; 
	margin: 0; 
	padding: 3px 0 14px; 
	border: none; 
	text-align: center; 
	font-size: 12px !important; 
	background:url(/css/images/tab-home.gif) 0 0 no-repeat;
	}
#col1_content_tabs #tabs li.active a {
	background-position:0 -44px;
	color: #666666;
	font-weight:bolder;
}
#col1_content_tabs #tabs li a:hover{
	background-position:0 -44px;
}
#col1_content_in_tabs{
	float: left;
	width: 858px;
	min-height: 100px;
	border-right: 1px solid #ADC6DE; 
	border-left: 1px solid #ADC6DE;
	margin-top: 18px;
	padding: 20px;

}


#col2_tabshell{
	position: relative; 
	float: left; 
	padding:0 9px 0 0; 
	background:url(/css/images/med-rbg-top.gif) 0 43px no-repeat;
	margin: 20px 0px 40px 20px;
}
#col2_content_tabs{
	float: left;
	width: 690px;
	padding-bottom: 20px;
	background:url(/css/images/med-rbg-bot.gif) left bottom no-repeat;
}
#col2_tcontent_tabs #tabs li{
	float: left;
	display:inline; 
	margin:0 !important; 
	padding:0;
}
#col2_content_tabs #tabs li a{
	display: block;
	width: 115px; 
	height: 27px; 
	margin: 0; 
	padding: 3px 0 14px;
	border: none; 
	text-align: center; 
	font-size: 12px !important; 
	background:url(/css/images/tab-home.gif) 0 0 no-repeat;
}
#col2_content_tabs #tabs li.active a{
	background-position:0 -44px;
	color: #666666;
	font-weight:bolder;
}
#col2_content_tabs #tabs li a:hover{
	background-position:0 -44px;
}
#col2_content_in_tabs{
	float: left;
	width: 643px;
	min-height: 100px;
	border-right: 1px solid #ADC6DE; 
	border-left: 1px solid #ADC6DE;
	margin-top: 18px;
	padding: 20px;

}

/** PRIMO tab in secondary page header **/
#primo { color: #C11B17; }

/** STYLES for temporary ILL forms div **/
#ill-beta {
	border: 1px dotted #efefff;
	padding: 4px;
	font-size: 9px;
	width: 2cm;
	background: #FFF8C6;
	position: absolute;
	top: 2.6cm;
	left:14cm;
}


/* ####################  LOG of changes

2008-10-26: removed div#open_chat from non-display (during opening! "li#nav_asklib div...." )  

#################################### */