/*
   std.css - LIVE
   Copyright (C) 2009 Auburn University Libraries
   Created by Tony Oravet <tony.oravet@auburn.edu>
    
   Screen styles for all Auburn University Libraries Websites.
   
   September 2009 - Updated Website Layout from 1000px in width to 950px in width. (Tony Oravet)
   
*/


/*Set everything to default*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}


/* Base elements
***********************************************************/
html {color: #111; font-family: Arial Unicode MS, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 19px;}
body {	background:#03244D;  margin:auto; background:#03244D url(../../images/bg/bg.gif) top center repeat-y;}
#pagecontainer { width:950px; margin:auto; margin-top:0px; margin-bottom:269px;}

p {display: block; padding: 2px 0 8px 0; line-height: 16px;}
em {font-style: italic;}
strong {font-weight: bold;}
.tab {padding-left:8px; font-size:12px;}
pre {font-weight:normal; font-style:italic; font-size: 12px; line-height: 19px;}

/* Layout Elements
**********************************************************/
#header {
	width: 100%;
	margin: auto;
	background: #1e4262 url(../../includes/yui/img/tignish/template/header-background.png) bottom left repeat-x;
	height: 58px;
border-top:1px solid #fff;
margin-top:-5px;}

#imgborder {border:1px #ccc; padding:4px;}
#clear {clear: both;}
#daynum {display:none;}
.hidden {display:none;}
.nounderline {text-decoration:none;border-bottom:none;}
.marginneg {margin-bottom:-10px;}

#imageheader {width:950px; height:80px; }
.imagecaption {font-size:10px; font-style:italic; padding-left:6px;}

.xbig {font-size:200%; text-align:center;}

/* Global Headings
***********************************************************/
h1, h2, h3, h4, h5, h6 {font-family: Arial Unicode MS, Helvetica, Arial, sans-serif; color:#003366; line-height:1em;}
h1 {font-size: 24px; padding: 0px 0 4px 0; }
h2 {font-size: 22px; padding: 12px 0 4px 0px;}
h3 {font-size: 16px; padding: 12px 0 4px 0; }
h4 {font-size: 14px; padding: 0 0 4px 0; }
h5, h6 {font-style: italic;}

/* Service Interuptions */
.maintenance-notice {margin-top:10px;padding:10px; background:#900; color:#FFF;border:1px solid #ccc;}
.maintenance-notice h3 {color:#FFF;  font-size: 18px; line-height: 20px; padding: 0px 0px 6px 0px;}

/*Description Tag
***********************************************************/
.description {font-size:10px;}

/* Wrapper Section
***********************************************************/
#wrap {	width:949px; margin:auto; background: #FFF; overflow:hidden; }

/*Translate
***********************************************************/
#translate {width:930px; padding-right: 0px; padding-top:6px; text-align:right;height:50px;}

/* Content Section 
***********************************************************/
#contentcontainer {float:left;   background:#FFF;  width: 949px; height:100%; min-height:320px;text-align:left; font-size:13px; font-weight:normal; margin-top:-50px; }
#indexcontentcontainer {float:left;   background:#FFF;  width: 949px; height:100%; min-height:320px; text-align:left; font-size:13px; font-weight:normal; margin-top:0px; }
.content {width:910px;padding:20px;  }
.content a {	color: #1C5CA3;		text-decoration: none;	border-bottom: 1px solid #D7E4F3;	}
.content a:hover {	color: #003366;	border-bottom-color: #003366;}
.content a:visited {	color: #1C5CA3;}
.content ul {list-style-type:disc; margin-left: 20px;padding:6px;}
.content li {list-style-type:circle;}
.content ol {list-style-type:decimal;}
.content ol li {list-style-type:decimal;}
.content blockquote {margin: 4px 0 12px 15px; padding: 2px 0 2px 10px; border-left: 1px solid #ccc; font-style: italic; line-height: 17px;}
.content img { padding: 6px 6px }
.imgright {padding: 0px 10px 10px 0px;}
.imgleft {padding: 0px 10px 10px 0px;}

/* Content Section Lengths
***********************************************************/

#mediumcontent {width:670px; float:left;height:100%;}
#longcontent {width:910px; float:left;}
#largesidebar {width:300px; float:right; background:#f7f7f7; border: double #ccc; padding:0px 10px; margin-right:-10px; margin-bottom:10px;}
#mediumsidebar {width: 177px; float:right; background:#f7f7f7; border-left: 1px solid #ccc; padding:0px 10px; margin-top:40px;margin-bottom:10px;}
#smallsidebar {width:100px; float:right; background:#f7f7f7; border: double #ccc; padding:0px 10px; margin-right:-10px; margin:bottom:10px; }
.clear {clear:both;}

/*Medium and Small Sidebar List Styles
***********************************************************/
.noliststyle ul {list-style-type:none; margin:0 0 0 0; padding:0px; }
.noliststyle li {list-style-type:none; margin:0 0 0 0; padding:0px; }
.noliststyle li a {list-style-type:none; margin:0 0 0 0; padding:0px; }


/*Help and Ask A Librarian Section
************************************************************/
#asklib {width:100%; height:600px;}
#asklib h3 {font-size:24px;}
#asklib h4 {font-size:18px;}
.phone {background: #eee; border:1px solid #ccc;width:410px; padding:20px;  float:right;}
.email {background: #eee; border:1px solid #ccc;width:410px; padding:20px; float:left;margin-bottom:20px; }
.chat {background: #eee; border:1px solid #ccc;width:410px; padding:20px; margin-top:20px;float:right; clear:all;}


/*Content Box Links
***************************************************************/
/*#contentboxcontainer {display:none;}*/
#contentboxcontainer { width:906px;	 clear:both; height:225px;border: double #ccc; background:#f7f7f7; margin-left:-1px;}
.content #content_box_area {padding:4px 10px 4px 16px;}
.content #content_box_area .content_box { clear: none; float: left; width: 200px; text-align: left; }

.content #content_box_area #digitalcollections {width: 380px; flaat:left; }

.content #content_box_area img {padding:0px; margin:0px;}

.content #content_box_area #rbd_whatsnew {width: 290px;}
.content #content_box_area #rbd_placeholder {width: 180px; padding-right:30px; }
.content #content_box_area #rbd_quicklinks {width: 180px; padding-right:30px;}
.content #content_box_area dl {}
.content #content_box_area dl dt {font-size: 16px; color: #03244d; padding: 6px 0 8px 0; font-weight:normal;}
.content #content_box_area dl dd {color: #03244d; font-size: 12px; line-height: 1.0em; padding: 0 0 6px 0;}
.content #content_box_area dl dd p {padding: 0; line-height: 1.25em;}

/*Popup Modal
**************************************************/
#modal_content {display: none;  position: fixed;    padding: 10px;	top:50%; left:50%; margin-left:-300px; -webkit-box-shadow: 0px 0px 8px #111;  background:#F7F7F7; border:4px solid #ccc;	width:300px;		text-align:left;}
#modal_content .modal_close{	float:right;	cursor:pointer; color:#000; }
#modal_overlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.overlay {position:absolute;top:0;left:0;z-index:-1;	width: expression(this.parentNode.offsetWidth+'px');	height: expression(this.parentNode.offsetHeight+'px');}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html #modal_content {     position: absolute;     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}
#modal_content ul {list-style:none; padding:0; margin:0;}
#modal_content a {	color: #1C5CA3;		text-decoration: none;	border-bottom: 1px solid #D7E4F3;	}
#modal_content a:hover {	color: #003366;	border-bottom-color: #003366;}
#modal_content a:visited {	color: #1C5CA3;}
#modal_content p {padding:2px; font-size:10px;}



/*Sidebar Section
*********************************************************************/
#sidebar {color:#03244d; background:url(../images/h4_bg.jpg) top left repeat; float:left; margin:0px 4px;padding: 4px 4px;}
#sidebarmain {color:#03244d; background:url(../images/h4_bg.jpg) top left repeat; border: 1px solid #ccc;float:right; margin:4px 4px;padding: 4px 4px;}
#sidebar a {color: #1C5CA3;	text-decoration: none;	border-bottom: 1px solid #D7E4F3;	}
#sidebar a:hover {color: #003366; border-bottom-color: #003366;}
#sidebar a:visited {color: #1C5CA3;}


/*Footer Section
***************************************************************/
#footercontainer {background:#03244D url(../../images/newau/gif/ddbottomgradient.gif) top left repeat-x; 
margin:auto;
padding-left:1px;
 width:950px;
 border-top:2px solid #dd550c;
position: relative;
 margin-top: -269px;
		height: 330px;
 clear:both;
 overflow:hidden;
}#footer {padding: 10px 0px 0px 0px; color: #FFFFFF;	text-align:center;	font-size:10px; }
#footer a {color:#FFFFFF; text-decoration: none;}	
#footer a:hover {color: #FFFFFF; text-decoration:underline;}

/*Main Page Footer
***************************************************************/
#indexfootercontainer {background:#03244D url(../../images/newau/gif/ddbottomgradient.gif) top left repeat-x; margin:auto; padding-left:1px; width:950px; border-top:2px solid #dd550c;position: relative; margin-top: -150px;	 min-height:150px; clear:both; overflow:hidden;}

/*Footer Site Links
***************************************************************/
#footer #footer_box_area {padding: 2px 0 2px 0; margin: 20px 0 35px 0; background: url(../../images/bg/footer_box.png) 193px 0px repeat-y;}
#footer #footer_box_area .footer_box {clear: none; float: left; width: 220px; padding: 0 10px 0 20px; text-align: left;}
#footer #footer_box_area #rbd_pin {width: 200px;}
#footer #footer_box_area #rbd_find {width: 200px;}
#footer #footer_box_area #rbd_services {width: 200px;}
#footer #footer_box_area #rbd_about {width: 200px;}
#footer #footer_box_area dl {}
#footer #footer_box_area dl dt {font-size: 16px; color: #f9fcfb; padding: 6px 0 8px 0; font-weight:normal;}
#footer #footer_box_area dl dd {color: #b9b9b9; font-size: 12px; line-height: 1.0em; padding: 0 0 6px 0;}
#footer #footer_box_area dl dd p {padding: 0; line-height: 1.25em;}
#footer #footer_box_area dl dd a {color: #b9b9b9; text-decoration: none; font-weight:normal;}
#footer #footer_box_area dl dd a:hover {color: #eeeeee; text-decoration: none;}

#contactbox {text-align:right; width:750px; padding:20px 100px 20px 0px; background:#03244d; display:none;}

/*Feature Tabs Styles
**************************************************/
#featuretabscontainer {float:right;    width:300px; height:300px;    border: 1px solid #ccc; padding:2px;     background: #fff;}

#featuretabs { background: #f7f7f7; margin:0; padding:0;/* declare background color for container to avoid distorted fonts in IE while fading */	}
#container-9 a {	color: #1C5CA3;		text-decoration: none;	border-bottom: 1px solid #D7E4F3;	}
#container-9 a:hover {	color: #003366;	border-bottom-color: #003366;}
#container-9 a:visited {	color: #1C5CA3;}

.orange ul li {background:#dd550c;}



/*Feature Content Styles
**************************************************/
#contentright {float:left;padding:8px;margin-top:-6px;margin-bottom:10px; margin-left:20px; width: 290px;  height:260px;   border: double #ccc;    background: #f7f7f7;   /* declare background color for container to avoid distorted fonts in IE while fading */	}
 

.subtitle {font-size:10px; padding-top: 4px;}




/*Image Captions
***************************************************/
.picture { background-color: #F9F9F9;
border: 1px solid #333; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }



/*RSS Feed Blocks
**************************************************/
/*RSS Feed Blocks
**************************************************/
.feedburnerFeedBlock {	margin-left:-6px; margin-top:-6px;	border:none;}
div.feedburnerFeedBlock ul li span.headline {margin-left:0px;	font-weight:normal;	font-size:12px;	list-style-type:none;	border:none; }
.feedburnerFeedBlock ul, p {	margin-left:0; !important		list-style-type:none;		border:none; !important}
.feedburnerFeedBlock li {margin-left:0px; !important	padding-top: 6px;	padding-bottom: 6px;	list-style-type:none;	border:none;}
.feedBurnerFeedBlock a {text-decoration:none;}
#creditfooter {display:none;}

/*Lightbox Styles for Popup Video Player
**************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



/* Clear Fix
**************************************************/

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*Collapsible Panel Styles
**************************************************/
.CollapsiblePanel {	margin: 0px;	padding: 10px 0 0px 0;	}
.CollapsiblePanelTab {margin: 0px;	padding: 0px;	padding-left:0px; cursor: pointer;	-moz-user-select: none;	-khtml-user-select: none;}
.CollapsiblePanelContent {	margin: 0px;	padding: 4px 0px 4px 8px; background-color:#fff;}
.CollapsiblePanelTab a {text-decoration: none;}
.CollapsiblePanelOpen .CollapsiblePanelTab {	background-color: #fff;}
.CollapsiblePanelClosed .CollapsiblePanelTab { /* background-color: #EFEFEF */}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {	background-color: #FFF; }
.CollapsiblePanelFocused .CollapsiblePanelTab {	background-color: #FFF; }
.CollapsiblePanelOpen .CollapsiblePanelTab {	background-image:url(../images/arrow_up.jpg);	background-repeat:no-repeat;	background-position:right;}
.CollapsiblePanelClosed .CollapsiblePanelTab {	background-image:url(../images/arrow_down.jpg);	background-repeat:no-repeat;	background-position:right;}
.CollapsiblePanel ol li {list-style-type: decimal;}


/*Slider Styles For Main Page
**************************************************/

#slider1 {width: 660px;  height: 300px;   position: relative; 	overflow: hidden; 	margin-top:-40px;	margin-left:-12px;  }
#slide {float:left;width: 525px;  height: 280px;  }
#searchwidget {float:left;width: 580px;   margin:0px; padding:0px;  }



#sliderContent, #slider1Content {    width: 640px;     position: absolute;	margin-left: 0px;}
.sliderImage, .slider1Image {    float: left;    position: relative;	display: none;}
.slider1Image span {    position: absolute;	font: 12px Arial, Helvetica, sans-serif ;  color:#fff;  padding: 10px 10px;    width: 620px;    background-color: #000;    filter: alpha(opacity=80);    -moz-opacity: 0.8;	-khtml-opacity: 0.8;    opacity: 0.8;        display: none;}

.sliderImage span strong, .slider1Image span strong {    font-size: 18px; font-weight:normal; }
.top {	top: 10px;	left: 13px;}
.bottom {	bottom: 0;	height:100px;    left: 6px;	}
.left {	top: 6px;    left: 6px;	width: 150px !important;	height: 280px;}
.right {	right: 6px;	bottom: 6px; 	width: 150px !important;	height: 290px;}
ul { list-style-type: none;}

/*Buttons
**************************************************/
a.button {
background: transparent url(../../images/gif/bg_button_a.gif) no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
a.button span {
background: transparent url(../../images/gif/bg_button_span.gif) no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}

a.button:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}

/* FORM STYLES
*/

.forms {width:50%; padding:10px; background:#eee; border:1px solid #ccc; margin:20px auto;}

/*Dean Main Page Features Section
*********************************************************************/
.yellow {background-color:#FF0; padding:4px;}

#todays_hours {margin:o; padding:0;}
#todays_hours td {width:150px;text-align:right; font-size: 0.9em; font-weight:400; color:#507EA0; text-transform:uppercase;}
#todays_hours th {text-align:left;}
#todays_hours th a {font-size:1.0em; font-weight:400; color:#507EA0;}

/*Table Styles
***************************************************/
#mytable {	width: 100%; background:#E6EAE9;	padding: 0;	margin: 0;}
#mytable caption {	padding: 0 0 5px 0;	width: 100%;	 	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	text-align: right;}
#mytable th {	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #FFF;	border-right: 1px solid #c8c8c8;	border-bottom: 1px solid #c8c8c8;	border-top: 1px solid #c8c8c8;	letter-spacing: 2px;	text-transform: uppercase;	text-align: left;	padding: 6px 6px 6px 12px;	background: #03244d url(images/bg_header.jpg) no-repeat;}
#mytable th.nobg {	border-top: 0;	border-left: 0;	border-right: 1px solid #c8c8c8;	background: #ccc;}
#mytable td {	border-right: 1px solid #c8c8c8;	border-bottom: 1px solid #c8c8c8;	background: #fff;	padding: 6px 6px 6px 12px;	color: #03244d;}
#mytable td.alt {	background: #F5FAFA;	color: #03244d;}
#mytable th.spec {	border-left: 1px solid #c8c8c8;	border-top: 0;	background: #fff url(images/bullet1.gif) no-repeat;	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif ;	color: #03244d;}
#mytable th.specalt {	border-left: 1px solid #c8c8c8;	border-top: 0;	background: #f5fafa url(images/bullet2.gif) no-repeat;	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #03244d;}

#mytable td.none {	border-right: none;	border-bottom: none;	background: #fff;	padding: 6px 6px 6px 12px;	color: #03244d; width:inherit;}

/* Data tables
***********************************************************/
table.data {	width:95%;	margin:0 0 0 10px;	font-size:small;}
table.data th {	background-color:#03244D;	color:#FFF;	font-weight:bold;	text-align:center;}
table.data td {	padding:1px;	background-color:#EBEDF4;}

.no_bold a {font-weight:normal; font-size:3em;}

/*Sticky Bar
*/
#stickybarcontainer {width:100%; background: url(../../images/sb/sb_bg.png) repeat-x; top:0;left:0;  height:42px; }
.stickybar {font-size:12px; width:950px; margin:auto; padding-left:20px; color:#fff;}

#countdown1 {font-size:20px; color:#dd550c; font-weight:bold; text-transform:lowercase;}
.countdown_text {font-size:20px; color:#dd550c; font-weight:bold;  padding:10px;}

/*E-JOURNALS STYLES
*********************/
.SS_CopyRightStatement {display:none;}
span.SS_ContentHeading {font-size:16px; font-family: Arial Unicode MS, Helvetica, Arial, sans-serif;}
span.CustomLinkGroupLabel {font-size:14px; color:#03244d; margin-left:-4px;}
.MediumLine {margin: 4px 0px 4px 0px;}
#MoreOptions {margin-bottom:6px;}
#ContentAvailableTable, #JournalLinkTable, .WideNoBorder {margin-top:20px;}
.AnchorButton {font-size:12px;}
.AnchorButton {margin-right:30px;}

/*Styles for the Social Media Page
***********************************/
.twitter-facebook{font-size:13px;display:block;margin-right:15px;color:#b0b0b0;}
.twitter-facebook a{font-weight:bold;}
.twitter-facebook img{float:left;}
.twitter-facebook span{margin-left:6px; margin-top:10px;float:left;}

.twtr-hd, .twtr-ft {display:none;}
/*Styles for the Frequently Asked Questions Page
************************************************/
.question {font-size:18px; display:inline; color:#03244d; font-weight:normal;}
.question_text {font-size:14px; display:inline; color:#03244d;}

.answer {font-size:18px; display:inline; color:#ccc;}
#faq h2 {padding:20px 0px 0px 0px;}
#stickybarcontainer {display:none;}
#stickycontrol {display:none;}