/*** TOC ***/
/** #header **/
/** #nav_tabs **/
/** #alpha **/
/** #col_1 **/
/** #col_2 **/
/** #col_3 **/
/** #col_4 **/
/** DIRECTORY **/
/** SUBJECT PAGES **/
/** BRANCH PAGES **/
/** COURSE PAGES **/
/** EJL PAGES **/
/** MISC PAGES **/

#header				{background:url(images/header-sub.jpg) center bottom no-repeat; } 

#nav_tabs						{position:absolute; width:455px; left:490px; bottom:79px;}
#nav_tabs #tabs 				{float:left; margin:0; padding:0;}
#nav_tabs #tabs li, #subj-body-tabs #tabs li		{float:left; display:inline; margin:0 !important; padding:0; }
div#nav_tabs ul#tabs li a, #subj-body-tabs #tabs li a			{
	display:block;
	width:89px; /*	TL was 79px, value needed for wider tab.gif */
	height:18px; 
	margin:0; 
	padding:10px 0 0;
	border:none; 
	text-align:center; 
	/* font-size:83% !important;  TL: 69% was a little too small */
	font-size: 12px; /* trying pixels */
	background:url(/css/images/tab_wider.gif) 0 0 no-repeat;
	background:url(/css/images/tab.gif) 0 0 no-repeat;}

#nav_tabs #tab_cat #srch1 {display:none} 

div#nav_tabs div ul li {		/* 2008-12-15 TL: for the related links in the search box on secondary pages */
	line-height:/*1.2em;*/ 1.8em;
	/*font-size:83% !important;  TL: 69% was a little too small */
	font-size:11px;} /* trying pixels */


#nav_tabs #tabs li.active a,
#nav_tabs #tabs li a:hover	{background-position:0 -28px;}

#nav_tabs div	{position:absolute; top:40px; left:0; width:100%;font-size:83%;}
#nav_tabs div form	{margin:5px;font-size:85%;}
#nav_tabs div form input {padding:5px; width: 50%;}
#nav_tabs input 			{ width: 16em; } 			/* TL: make the search box in the header bigger */
#nav_tabs div ul			{position:absolute; top:0; right:0; margin:0; text-align:right; font-size:85%;}
#nav_tabs div#tab_dat ul		{top:22px;} /* TL 1/5/09: so doesn't prevent clicking in the search box */
#nav_tabs div ul li			{display:block; float:none;	}
#nav_tabs div#tab_art ul li	{line-height:1.6em;}
#header-down {padding-top:1.5em !important;}

.help-tab, .about-tab {display:none;} /* TL: 8/4/09 */

#searchbtn{width:52px;}		/* TL: make narrower */
button#searchbtn{width:75px !important;}		/* TL: make narrower */


#nav_tabs div button#searchbtn {
	font-weight:normal;
    	border: 1px solid #7F9DB9;
    	background: #F4F8FC;
	color:#284f76;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:50px;
	height:26px;
	text-align:center;
	/* vertical-align: middle !important; */
	margin-top: -2px;
}

span.drop-down { display:none;}

.examples					{display:none;}	/* TL: don't display examples on search box in header */

#alpha						{position:relative;}
#alpha h2					{
	padding:10px 0 8px; 
	color:#4b6772; 
	font-weight: bold; }	/* TL: bolding h2s */

#alpha h2 a						{font-weight:bold; color:#284f76;}
#alpha h3						{margin:20px 0 5px;}

/** QSRCH TAB PAGE **/
div#tab_aq ul li{display:inline;margin:5px 14px;}
div#tab_aq form input{width:6cm;}

/** col_1 **/
.col_1 #content_wrapper		{float:left; width:100%; margin:20px 0; background:url(images/col1-top.gif) center top no-repeat;}
.col_1 #content				{float:left; width:100%; margin:14px 0; background:url(images/col1-bg.gif) center top repeat-y;}
.col_1 #alpha				{padding:0 30px 20px; background:url(images/col1-bot.gif) center bottom no-repeat;} 
.col_1 h1					{margin:-.5em -26px 25px -30px; padding:15px 30px; border-bottom:1px solid #adc6de;font-size: 150%;}
.col_1 #h1_list				{right:20px;}
.col_1 #alpha h2			{margin:0.5em -26px 1em -30px; padding:10px 30px 8px;}

.col_1 .resource_body a.no_underline {margin-right: 1em;} /* TL 2008-12-17 */

/** col_2 **/
.col_2 #content						{float:left; background:url(images/col2-bg-test.gif) left top repeat-y;}
.col_2 #alpha							{float:left; width:555px; margin:0 0 0 380px;}
.col_2 #alpha							{float:left; width:610px; margin:0 0 0 345px;}
					                                                       
 

.col_2 #beta	             {
	float:left;
	/*width:315px; */
	width:6.5cm;	/* to fix lines in byzantine studies left col image -- TL 10-10-08 */ 
	margin:0 0 0 -935px;
	}
                                                      


.col_2 #gamma							{float:left; width:555px; margin:15px 0 0 380px; padding:15px; border-top:1px dotted #4b6772;}
.col_2 .col								{width:313px; background:url(images/col2-beta-top.gif) top left no-repeat;} 

.col_2 .col_inner						{width:223px; margin:0; padding:45px 45px 35px; background:url(images/col2-beta-bot.gif) bottom left no-repeat;} 

/** col2 nav_beta **/
.col_2 #nav_beta {
	font-size:93%; 
	background:url(images/col2-navbeta-top-test.gif) top left no-repeat; 
	border:1px solid #fff;
	}
.col_2 #nav_beta ul	{
	margin:0; 
	padding:0 30px 30px; 
	background:url(images/col2-navbeta-bot-test.gif) bottom left no-repeat;
	}
.col_2 #nav_beta ul li			{
	margin:0; 
	list-style:none;
	width: 3cm;			/* added width to reduce length of lines in byzantine left col links */
	}
.col_2 #nav_beta ul li a		{display:block; padding:4px 4px 3px; border-bottom:1px dotted #b6d4f4;}
.col_2 #nav_beta li a:hover	{background-color:#e9ecf0;}
.col_2 #nav_beta a.current	{font-weight:bold;}
.col_2 #nav_beta h2					{margin:0; padding:22px 0 10px 24px; font-size:146.5%;}
.col_2 #nav_beta ul ul			{
	padding:10px 20px; 
	background:none; 
	/*background-color:#fff;*/	/* commented out background color -- TL 7/10/08 */
	font-size:93%; } 

/** col_3 **/
.col_3 #content						{float:left; width:100%; background:url(images/col3-bg.gif) left top repeat-y;}
.col_3 #alpha						{float:left; position:relative; width:400px; margin:0 0 0 275px;}
.col_3 #alpha h2					{font-size:100%;
	margin-bottom:-1px;}

.col_3 #beta							{float:left; width:245px; margin:0 0 0 -675px;}
.col_3 #gamma							{float:left; width:245px; margin:0 0 0 40px;}

.col_3 .col						{width:243px; background:url(images/col3-col-top.gif) top left no-repeat;}
.col_3 .col_inner			{width:173px; margin:0; padding:35px 35px 25px; background:url(images/col3-col-bot.gif) bottom left no-repeat;}

/** col3 nav_beta **/
.col_3 #nav_beta						{font-size:93%; background:url(images/col3-navbeta-top.gif) top left no-repeat; border:1px solid #fff;}

.col_3 #nav_beta ul					{margin:0; padding:0 25px 30px; background:url(images/col3-navbeta-bot.gif) bottom left no-repeat;}

.col_3 #nav_beta ul li			{margin:0; list-style:none;}
.col_3 #nav_beta ul li a		{
	display:inline; /* TL: was block */
	padding:4px 4px 3px; border-bottom:1px dotted #b6d4f4;}
.col_3 #nav_beta li a:hover	{background-color:#e9ecf0;}
.col_3 #nav_beta a.current	{font-weight:bold;}
.col_3 #nav_beta h2					{margin:0; padding:22px 0 10px 24px; font-size:146.5%;}
.col_3 #nav_beta ul ul			{padding:10px 15px; background:none; background-color:#fff; font-size:93%;}

/** col3 nav_gamma **/
.col_3 #nav_gamma				{margin:0; font-size:93%; background:url(images/col3-navbeta-top.gif) top left no-repeat; border:1px solid #fff;}
.col_3 #nav_gamma ul			{margin:0; padding:0 25px 30px; background:url(images/col3-navbeta-bot.gif) bottom left no-repeat;}
.col_3 #nav_gamma ul li			{margin:0; list-style:none;
	line-height:1.4} /* TL added line-height part of changing a to inline in nav_beta ul li a above */
.col_3 #nav_gamma ul li a		{
	display:inline; /* TL: was block */
	padding:4px 4px 3px; border-bottom:1px dotted #b6d4f4;}
.col_3 #nav_gamma li a:hover{background-color:#e9ecf0;}
.col_3 #nav_gamma a.current	{font-weight:bold;}
.col_3 #nav_gamma h2				{margin:0; padding:22px 0 10px 24px; font-size:146.5%;}
.col_3 #nav_gamma ul ul			{padding:10px 15px; background:none; /*background-color:#fff;*/ font-size:93%;} /* commented out the background color-- TL 7/10/08 */

/** col_4 **/
.col_4 #content		{float:left; background:url(images/col4-top.gif) left top no-repeat;}
.col_4 #alpha			{background:url(images/col4-bot.gif) left bottom no-repeat;}

.col_4 #alpha			{float:left; width:100%;}

.col_4 #alpha div	{float:left; width:156px; margin:0 23px 0 0; padding:30px 30px 60px;}

.col_4 #alpha #alpha1,
.col_4 #alpha #alpha4		{width:168px;}

.col_4 #alpha #alpha4		{margin:0;}

/** DIRECTORY **/
.click{font-size:85%;font-weight:normal;} /* TL */
#brief th{text-align:left;} /* TL */
h3#dir-nav{margin:1em 0 -.5em 1.8em;font-size:123%} /* TL */
h3#dir-nav a{margin:0 6px;}

/** SUBJECT PAGES **/
.col_1 ul.resource_list li b, 
.col_1 ul.resource_list li .label {font-weight:bold; font-size:95% !important;margin-left:2em;} /* TL */
.col_1 ul.resource_list li div.description{margin-left:2em !important;}

#subj-body-tabs .title {font-size:90%; } /* TL 6/26/09 */
#subj-body-tabs .description {font-size:90%; } /* TL 6/26/09 */
#tab_start h2 {padding:0 0 .2em 0;margin-top:0;font-size:90%; } /* TL 6/26/09 */
#tab_start h2.ddw_tab_title {font-size:105%;} /* TL 6/26/09 */

/** MORE-LESS ELEMENTS **/
span.toggle-more, span.toggle-less {cursor:pointer !important;}
.description 			{padding: 2px; color: #444484; background-color: transparent; text-decoration: none; font-size: 90%;}


/** BRANCH PAGES **/
img#apollo-img	{margin-left:-12px;} /* TL: align the image on the Art Image home page */
img#clav-img	{margin-left:-24px;} /* TL: align the image on the Mathematics home page */
img#kkic-img	{margin-left:-14px;} /* TL: align the image on the KKIC home page */
img#bond-img	{margin-left:-24px;} /* TL: align the image on the Arch home page */
img#rome-img	{margin-left:-24px;}
img#med-lib-img	{margin-left:-14px !important;} /* TL: align the image on the Medieval Library home page */
.col_3 div.right-col h2	{margin-left:-.7cm !important;} /* move h2 to left-align with the bulleted items underneath  (for Arch)*/
.col_3 div.right-col li {list-style-type: square !important;}

/** COURSE PAGES **/
.cpg .record {margin-bottom: 1em;}
.cpg .callno {color:#666;}
.cpg .auth {font-weight:bold;}
.cpg .title, .cpg .desc	{margin-left:1em;}

/** EJL PAGES **/
#ejl #col1_content_tabs #tabs li a.active	{
     font-size: 115% !important;
     font-weight:bold;
     color: #5595d3;}
#ejl #col1_content_tabs #tabs li a {
     font-size: 115% !important;
     color: #000;}

/** MISC PAGES **/

/* ILLIAD PAGES */
.col_1 #header h3 {border-bottom:0;}

/* ASKLIB LEFT COLUMN */
#asklib #nav_beta {background:url(/css/images/col3-navbeta-top.gif) top left no-repeat; border:1px solid #fff;}
#asklib #nav_beta ul {background:url(/css/images/col3-navbeta-bot.gif) bottom left no-repeat;}

/*
#asklib #nav_beta ul h3 {margin: 1em 0 0 0; font-size:95%;}
#asklib #nav_beta li{margin:0 0 0 1.5em;padding:0;}
#asklib table td{vertical-align:middle !important;}
#asklib #beta a {padding-left:0;}
*/

.ddw #col1_tabshell table ul { margin:0;}
.ddw #col1_tabshell td {vertical-align:top;}


.h1-title				{font-size: 77%; color: #94a9be; padding-left:1em;}

.inb {border:none;} /* for newspaper page */

.narrow { width:50%;}

#tab_news th {text-align:left;padding:.8em 0 2px 0;} /* Newspaper databases page */
#tab_news ul {margin-left: -6px;}
#tab_news li  {white-space:nowrap !important;} 

/** FIND ARTICLES styles (development only, move to production when approved, remove .new-index) **/
/*.new-index .expl {color:#c60;font-weight:normal;}*/
.expl {color:#c60; font-style:italic; }
.new-index h2 {color:#4863A0 !important;}

/** EXPL-TAB popup pages **/
.about_tabs h2 {font-family: arial;color: #4863A0;}
.about_tabs p, .about_tabs li	 {font-family: arial;font-size:.95em; }

/** WHAT IS CATPLUS link **/
#what-is-catplus { display:inline; float:right; margin-top:-1em;}
#primo-beta {display:none;} /* suppress the BETA */

/** WHAT AM I SEARCHING? link **/
.tab-expl { border:1px dotted #aaa; padding: 0 2em; margin-bottom:2em;}

/** WORKING ON DDW ADMIN ******************************************************/
#ddw-admin #alpha ul li img { margin:0 1em 0 0;}
#ddw-admin #alpha ul li	{margin-bottom:1em;}
#ddw-admin textarea {width: 7cm;}

/**********************************************************************
LOG OF CHANGES

2008-10-10 #col_2 #beta
-- adjusted width of column
2008-10-10 #col_2 #beta ul li
-- adjusted length of link underlines
2008-11-25 added DIRECTORY and SUBJECT PAGES above




***********************************************************************/