/* dev.lib */
/* Overview Styles
Body Background #ffffff
Content Font Size .85em
Content Font Color #666666
Line Height 1.5em
Link Color #195252
Link Visited #098484
*/


/****************/
/*General Styles*/
/****************/

body {
	font:normal normal normal 100% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background: #ffffff;
	padding: .5em; /* white space around site */
	margin: 0;
}

#wrapper {
	margin:0 auto;
	text-align:left;
/* 	width:98%; */
	min-width:960px;
	max-width:1200px;
}

div {
	margin: 0;
	padding: 0; /* prevents whitespace around different site elements */
}

img {
	border: 0; /* prevents blue border around image links */
}

a:link {
	text-decoration: none;
	color: #666666;
}

a:visited {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
}

p {
	color: #555555;
}

fieldset {
	border:0;
}

/******************/
/* Hours Widget  **/
/******************/

/*	Opted to not use a file font-embed. There are issues with cross-domain 
	compatibility in IE and Firefox when using @font-face. To get around this, 
	we've opted instead for a base64 embed in the CSS with only the few 
	glyphs used from the entire font. This was all done using fontsquirrel.com 
	for pre-processing and base64 code. 
*/
/*@font-face {
    font-family: 'sosaregular';
    src: url('http://lib.utexas.edu/fonts/sosa-webfont.eot');
    src: url('http://lib.utexas.edu/fonts/sosa-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://lib.utexas.edu/fonts/sosa-webfont.woff') format('woff'),
         url('http://lib.utexas.edu/fonts/sosa-webfont.ttf') format('truetype'),
         url('http://lib.utexas.edu/fonts/sosa-webfont.svg#sosaregular') format('svg');
    font-weight: normal;
    font-style: normal; }
*/

@font-face {
    font-family: 'clockicon';
	src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');
    font-weight: normal;
    font-style: normal; }

#libhours-header-widget {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	padding: 4px;
	height: 24px;
	width: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 6px 0 0 6px;
	text-shadow: 0 1px 0 #DDD; }

/* When library is open, change the color of background & text to green */
.libhours-header-widget-open { background-color: #E3F1DD }
.libhours-header-widget-open a, .libhours-header-widget-open a:visited, .libhours-header-widget-open a:active, .libhours-header-widget-open { color: #137D15 }

/* When library is closed, change the color of background & text to red */
.libhours-header-widget-closed { background-color: #FBE9E9; }
.libhours-header-widget-closed a, .libhours-header-widget-closed a:visited, .libhours-header-widget-closed a:active, .libhours-header-widget-closed { color: #BB0300; }
	 
/* If there is an error retrieving data, style the widget neutrally */
.libhours-header-widget-error { background-color: #CCC; }
.libhours-header-widget-error a, .libhours-header-widget-error a:visited, .libhours-header-widget-error a:active, .libhours-header-widget-error { color: black; }

/* Single clock icon on left */
#libhours-header-widget-clockicon {
	font-family: clockicon;
	font-size: 17px;
	margin-right: 7px; }

/******************/
/*Skip to content**/
/******************/
#skip a, #skip a:hover, #skip a:visited
{       
        position:absolute; 
        left:0px;
        top:-500px;
        width:1px;
        height:1px;
        overflow:hidden; 
}       
        
#skip a:active
{
        position:static;
        width:auto;
        height:auto;
}


/****************************/
/******** Header ************/
/*inludes wordmarkblock,*****/ 
/*supernav, logotd, searchtd*/
/****************************/

/* wordmark and supervav container */
#wordmarkblock {
	position: relative;
	height: 36px;
	width:100%;
	min-width:960px;
	/*margin-bottom: -1px; - removed from site when we adjusted the gradient for accessibility concerns */
}

#supernav {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11px;
	color: #666666;
	margin: 0;
	font-weight: bold;
	padding-bottom: 4px;
}

#supernav a {
	color: #666666;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

#supernav a:visited {
	color: #666666;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

#supernav a:hover {
	color: #666666;
	text-decoration: underline;
	padding-left: 4px;
	padding-right: 4px;
}

#support-us-header {
        display:inline;
}       
#support-us-header img {
        padding-bottom:0px;
        margin-bottom:-4px;
	border:0;
} 

/* logo/name container */
#libwordblock {
        background:none repeat scroll 0 0 #bf5700;
        width:100%;
        height:28px;
        line-height:12px;
}       
#life_of_the_mind{
        width:270px;
        float:left;
        padding:5px 2px 2px 20px;
} 

#logotd {
	background-color: #000000;
	width: 253px;
	height: 28px;
	padding: 0;
	float:left;
}

/* University of Texas Libraries */
#logotd h1 {
	display:none;
	/*text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 17px;*/
}

/* search box container */
#searchtd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        /* background:url(/graphics/orange-right-corner.png) no-repeat top right; - removed for accessibility concerns */
        background-color:transparent;
        float:right;
        width:375px;
        height:23px;
        text-align:right;
        padding:2px 12px 2px 2px;
}

#searchtd form {
	margin: 0;
	padding: 0;
}

#searchtd p {
	color: #FFFFFF;
	font-size: 0.80em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#searcharea {
	position: absolute;
	left: -999px;
	width: 900px;
}

#searchtd select {
	font-size: .80em;
}

#searchtd input {
	font-size: .80em;
}



/**************************/
/*Rotating picture section*/
/**************************/

#picture {
	width:100%;
	min-width: 783px;
	height: auto;
	/*height:300px;*/
	background-color: #999;
	margin-top: 1px;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#3D5166;
	padding-bottom:1px;
/*	border-right:2px solid #999999; */
	padding:0 0 0 0;
	float: left;
	/* background-image added by imagestyle.php */
	background-position:500px 0;
}



/*********************************/
/******Search Box over image******/
/*look in sitescripts/search-box*/
/********************************/


/***********************/
/* Spotlight Container*/
/**********************/


/* spotlight wrapper */
#spotlights {
	clear: both;
/*	width:100%; */
	min-width: 960px;
	height: auto;
	background-color: #ffffff;
/* 	border: 1px solid #999999; */
/*
	border-top: none;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
*/
  border-left: 15px solid #cccccc;
  border-right: 15px solid #cccccc;
  border-bottom: 15px solid #cccccc;
	padding: 4px 0 6px 0;
	margin-top:-10px;
}


#googlebox {
	text-align: right;
}

img#googlescholar {
	border-bottom: 1px solid #999999; /* border below spotlight image */
	padding: 0;
	width: 145px;
	height: 58px;
}


#spotlight-listing {
	position:relative;
	display:block;
	width:98%;
	margin:0;
	padding:0 0 0 1%;
}


#spotlight-listing ul {
	width:100%;
	height:auto;
	padding:0 0 0 0;
	margin:0 auto;
	/*text-align:center;*/
	list-style:none;
}

#spotlight-listing li {
	display:inline;
	width:19.9%;
	min-width:145px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*text-align:center;*/
	font-size:0.84em;
	float:left;
}

#spotlight-listing li div.spotlight-cell {
	margin:4px;
	min-height:31em;
	border:1px solid #cccccc;
    	border-right:2px solid #cccccc;
   	 border-bottom:2px solid #cccccc;
}

.spotlight-cell {
        /*text-align:center;*/
} 

.spotlight-cell p.cantFind {
	text-align:center;
	margin-top:90px;
	color:#666666;
} 

.spotlight-cell  a.suggestPurchase, .spotlight-cell  a.suggestPurchase:link, .spotlight-cell  a.suggestPurchase:visited, .spotlight-cell  a.suggestPurchase:active{display:block; text-align:center; width:145px; height:25px; padding:0px; margin:auto; box-sizing:border-box; color:white; background-color:#BF5700; font-size:12px; font-family:Lucida Sans Unicode; text-decoration:none;}

.spotlight-cell  a.suggestPurchase span
{
	position:relative;
	top:3px;
}

.spotlight-cell  a.suggestPurchase:hover
{
	background-color:#DF5700;
}

.spotlight-cell a:link {
	color:#098484;
}
.spotlight-cell a:visited{
	color:#098484;
}

.students p{
	padding-top:0;
	padding-bottom:0;
	margin-top:.8em;
	margin-bottom:.8em;
	
}

#spotlight-listing li p {
	font-size:.80em;
	padding:0px;
	text-align:left;
	font-weight:600;
	margin-left:.3em;
	margin-right:.3em;
}
#spotlight-listing h3 {
	text-align:center;
	/*font-size:.8em;*/
	font-size:13px;
	font-weight:800;
	line-height:1.6em;
	color:#ffffff;
	padding:4px 0 6px 0;
	margin:-1px 0 2px -1px;
	/* background-image:url(spotlight-header-bd.png); */
	background-position:top left;
	background-repeat: repeat-x;
	/* scout additions */
	background-color: #327673;
	text-shadow: #333 1px 1px 0px;
}

/*.spotlight-listing img {
.spotlightcontent img{
	border:0;
	margin:0 auto;
	margin-bottom:.3em;
}*/
.spotlightcontent {margin:0 auto; text-align:center;}


.spotlight-cell-rss {position:absolute;width:18px;margin:5px 0px 0px 4px;}
.spotlight-cell-rss img{text-align:left !important;}

/* rotating spotlight text */
.spotlightdesc {
	font-size: x-small;
	color: #666666;
	margin-top: 0;
	margin-bottom: 0;
}

/* MORE about... links */
a.spotlightmore {
	color: #BF5700 !important;
	text-decoration: underline;
	font-weight: bold;
}

a.spotlightmore:visited {
	color: #BF5700 !important;
	text-decoration: underline;
	font-weight: bold;
}

/* MORE for... links */
.spotlightmore2 {
	text-align: right;
}

.spotlightmore2 a {
	color: #BF5700 !important;
	text-decoration: underline;
	font-weight: bold;
}

.spotlightmore2 a:visited {
	color: #BF5700 !important;
	text-decoration: underline;
	font-weight: bold;
}

/*.txlibres-blog-icon {margin:8px auto;width:145px;}*/
.spotlight-button-icon, 
.txlibres-blog-icon {
	padding: 6px 6px 0;
}

/********************/
/* footer container */
/*******************/

#footer {
	margin-top: 10px;
	position: relative;
	clear: both;
	width: 100%;
}

#footertext {
	text-align: right;
	margin-bottom:0px;
	padding-top:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #666666;
}

#footertext a {
	color: #000000;
	text-decoration: none;
}

#footertext a:visited {
	color: #000000;
	text-decoration: none;
}

#footertext a:hover {
	color: #000000;
	text-decoration: underline;
}


/*UT Direct Logo is no longer used */
#utdirectlogo {
	float: right;
	padding: 13px;
	padding-bottom: 24px;
	padding-top: 10px;
	font-size: x-small;
}

#social-icons-footer {
	position:absolute;
	height:32px;
	right:100px;
	text-align:right;
	padding:4px 0 0 0;
	margin:0 0 0 0;
}
#support-us-footer {
	position:absolute;
	width:80px;
	top:4px;
	left:4px;
	z-index:200;
}


/*******************/
/* main navigation */
/*******************/

#navcontainer {
	position: relative;
	z-index: 199;  /*should layer over other elements on the page */
	/*width: 48em;  slightly short of 780px; min-width fills in the rest */
	width:100%;
	height: auto;
	/*margin-left: 2px;*/
	min-width: 960px;
	padding:0;
	background-color:#999999;
	border-top:1px solid #ffffff;
/*	border-left:1px solid #ccc; */
	border-right:0px solid #808080;
	border-bottom:1px solid #000;
	float:left;
	margin-top: -1px;
	margin-bottom: 2px;
}	

#siteswitch a{
	position:absolute;
	left:0;
	width: 75px;
	/*font-size:.70em;*/
	font-size:11px;
	font-family: Helvetica, Arial, sans-serif;
	padding:.5em;
/*	margin-top:.1em; */
	display:inline;
	color:#000000;
}


/* dynamic menu container */
div#nav {
	position: relative;
	z-index: 200; /* should layer over #first */
	width: auto; /* width of the whole menu; big enough to display all menu triggers to display without wrapping */
	/*margin-top: 1px;*/
/*	margin-left:126px; */
	margin-left:  85px;
	padding: 0;
	background-color: #ffffff;
}

/* menu triggers */
#nav li {
	float: left; /* tiles menu triggers horizontally, aligns dropdown menus to the left margin of their trigger */
	padding: 0;
	
}


/* the whole menu system */
div#nav ul {
        list-style: none; /* gets rid of bullets */
        line-height: 1;
        background-color: #FFFFFF; 
        padding: 0;
	margin:0;
        /*filter:alpha(opacity=95);*/
        /*-moz-opacity: 0.97; */
        opacity:.97;
}



/* dropdown menus, initially hidden */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto; /* adjusts height to contents */
	width: 12em; /* width of dropdown menus */
	w\idth: 11em; /* hack for IE */
	font-weight: normal; /* font weight for dropdown menu links */
	margin: 0;
	border: 1px solid #999999;
	border-right:2px solid #909090; /* Steve is testing*/
	border-bottom:2px solid #909090; /* Steve is testing */
}

/* Styles on menu triggers and dropdown menu links */
#nav a {
	display: block; /* allows the whole li to be clickable, not just the link text */
	/*font-size: .8em;  default size for text; used for dropdown menu text */
	font-size:13px;
	font-weight: bold; /* default font-weight for text; used for menu triggers */
	color: #000000; /* default color for text */
	text-decoration: none; /* default style for links */
	width: 100%; /* hack to simulate display: block for IE */
}

/* menu triggers (box) */
#nav .li1 {
	display: block;
    background: #999 none;
	border-left: 1px solid #ccc;
	border-right: 1px solid #808080;
	width: auto;
	padding: 0 5px; 
	height:24px;
}

/* menu triggers (position of text) */
.li1 h2 {
	margin: 0;
/*	padding-top: 4px; */
/*	padding-bottom: 4px; */
	padding-top: 5px;
	padding-bottom: 3px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 16px;
}

/* positioning for Opera */
li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	width: 12em;
	w\idth: 11em;
	background-color: #FFFFFF; /* redundancy for NS 6 */
	/*filter:alpha(opacity=90); steve testing */
        /*-moz-opacity: 0.90; steve testing */
        /*opacity:.90; steve testing */
}

/* drop down menu item links */
#nav li ul a {
	text-align: left;
	font-weight: normal;
	padding: 0.4em 0.5em 0.4em 0.5em; /* space around links; margins would create unclickable areas */
	width: 95%; /* sets the width for IE <6 browsers */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#nav li:hover ul, #nav li.sfhover ul {
	top: auto;
	left: auto;
}

/* hover color for menu triggers */
#nav li:hover, #nav li.sfhover {
	background-color: #CCCCCC;
	text-decoration: none;
}

/* hover color for menu items */
#nav li li:hover, #nav li li.sfhover {
	display: block; /* allows the whole li to be clickable, not just the link text */
	width: 12em;
	w\idth: 11em;
	background-color: #CCCCCC;
	text-decoration: none;
	border: 0;
	height: auto;
	font-size: inherit;
	padding: inherit;
} 

.ui-widget-content {font-size:12px;}
.ui-widget-content a {text-decoration:none;
font-weight:900;}
.ui-dialog-title {font-size:20px;font-style:italic;}

.ui-dialog {display: block;
    height: auto;
    left: 775px;
    position: absolute;
    top: 140px;
    width: 300px;}

#info-box-front {
    background:#FFF !important;
	opacity:.95;
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    right: 100px;
    bottom: 640px;
    width: 300px;
    z-index: 1;
	display:block;
}

#info-box-front p {
    font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

@media all and (max-width: 1095px) {
    #info-box-front {
        margin-left: 0px;
        right: 300px;
		bottom:590px;
		padding:2px 10px 2px 10px;
		    }
}