/*
   people.css
   Copyright (C) 2008 Auburn University Libraries
   Created by Tony Oravet <tony.oravet@auburn.edu>
    
   Screen styles for all Auburn University Libraries Websites.
*/


/*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, Helvetica, 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; }

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;}

/* Layout Elements
**********************************************************/
#header {
	width: 100%;
	margin: auto;
	background: #1e4262 url(http://www.lib.auburn.edu/includes/yui/img/tignish/template/header-background.png) bottom left repeat-x;
	height: 58px;
	 
font-family: Arial, Tahoma, Verdana;
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;}
.marginneg {margin-bottom:-10px;}


.xbig {font-size:200%; text-align:center;}
/* Global Headings
***********************************************************/
h1 {font-size: 28px; line-height: 32px; padding: 0px 0 4px 0; font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;color:#111; clear:both;}
h2 {font-size: 22px; line-height: 24px; padding: 12px 0 4px 0px; font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;color:#111; clear:both; }
h3 {font-size: 16px; line-height: 18px; padding: 12px 0 4px 0; color: #111; font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;color:#111; clear:both;}
h4 {font-size: 14px; line-height: 16px; padding: 0 0 4px 0; color: #111; font-weight:normal; font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif;color:#111; clear:both;}
h5, h6 {font-style: italic;}


/*Description Tag
***********************************************************/
.description {font-family:"lucida grande", Helvetica, Arial, sans-serif; font-size:10px;}

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

/*Translate
***********************************************************/
#translate {width:920px; padding-right: 20px; padding-top:4px; text-align:right;}

/* Content Section 
***********************************************************/
#contentcontainer {float:left;   background-color:#FFF;  width: 950px; height:100%; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:13px; font-weight:normal; margin-top:0px; padding-bottom:60px;}
.content {padding:20px; padding-top:0px; }
.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 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;}

.link a {	color: #FFF; text-decoration: none;	border-bottom:none; }
.link a:hover {	color: #ccc;	border-bottom: 1px solid #ccc;}
.link a:visited {	color: #FFF;}

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

#mediumcontent {width:750px; float:left;}
#longcontent {width:960px; float:left;}
#largesidebar {width:300px; float:right; background:#f7f7f7; border: double #ccc; padding:0px 10px; margin-right:-10px; margin-bottom:10px;}
#mediumsidebar {width: 178px; float:right; background:#f7f7f7; border-left: 1px solid #ccc; padding:0px 10px; 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:430px; padding:20px;  float:right;}
.email {background: #eee; border:1px solid #ccc;width:430px; padding:20px; float:left; }
.chat {background: #eee; border:1px solid #ccc;width:430px; padding:20px; margin-top:20px;float:right; clear:all;}


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

.content #content_box_area #digitalcollections {width: 390px; flaat:left; margin-right:0px; }



.content #content_box_area #rbd_whatsnew {width: 278px;}
.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(http://www.lib.auburn.edu/images/newau/gif/ddbottomgradient.gif) top left repeat-x; margin:auto; margin-bottom:150px;padding-left:1px; width:950px; border-top:2px solid #dd550c;position: relative; margin-top: -269px; height: auto; min-height:269px; 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(http://www.lib.auburn.edu/images/newau/gif/ddbottomgradient.gif) top left repeat-x; margin:auto; padding-left:1px; width:1000px; 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;}

/*Feature Tabs Styles
**************************************************/
#featuretabscontainer {float:right;margin-top:-16px;margin-bottom:10px; margin-left:10px;     border: 1px solid #ccc;     background: #f7f7f7;}
#featuretabscontainer_2 {float:right; margin-left:10px;     border: 1px solid #ccc;     background: #f7f7f7;}

#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;}
/*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
**************************************************/
.feedburnerFeedBlock {	margin-left:0;	background-color:#fff;	padding:12px;	border:none;}
div.feedburnerFeedBlock ul li span.headline {margin-left:0px;	font-weight:bold;	font-size:1.2em;	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;}

/*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: 0px 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;}



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

#slider1 {width: 660px;  height: 300px;   position: relative; 	overflow: hidden; 	margin-top:-40px;	margin-left:-12px;  }
#slide {float:left;width: 640px;  height: 350px;  }


#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;}