@import url(../css/reset.css);
@import url(../css/base.css);
@import url(../css/yuimenu.css); 

/* top.css - global site css for University of Washington Libraries - tawataoc 8/2008 */
/* @import rules for cross-browser rendering - from Yahoo UI library, http://developer.yahoo.com/yui/ */

html body, body {font: 82% Verdana, Helvetica, Arial, sans-serif; min-width: 760px; max-width: 1400px;	margin: 0; padding: 0 10px 0 10px;}


/* global styles */
a, a:visited {text-decoration: none; color: #0F79A3; }
a:hover {text-decoration: underline;}
a img {border: none;}
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, sans-serif;}
h1 	{font-size: 1.25em; font-weight: bold;} 
h2 	{font-size: 1.15em;	font-weight: bold;} 
h3 	{font-size: 1em; font-weight: bold;} 
h4 	{margin: .5em 0 5px 0; font-size: .90em; font-weight: bold; background: #ECEBEC; border-bottom: 1px solid #ccc; margin-bottom: .5em; padding: 0 0 1px 2px;} 
h5	{font-size: .85em; background: #ffffff; font-weight: bold;}
h6 	{font-size: .85em; background: #ffffff; font-weight: bold;} 
td, th {padding: .25em;}
ul li {list-style-image: url(../images/arrow_small.gif);}
ol li {list-style-image: none;}

/* ---------------Header information----------------*/
#header li, #canvas li, #navmenu li {list-style: none; list-style-image: none; margin: 0; padding: .25em 0;}
#header ul, #canvas ul, #navmenu ul {margin: 0; padding: 0;}
#canvas {padding: .5em 15px; overflow: auto; clear: both; background: #39275B;}
#canvas .line {width: 100%; display: block; position: relative;} /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
#canvas .item { position: relative;	float: left;}
#canvas .sap-content {overflow: hidden;}
#line1 a {color: #fff; 	}
#line1 a:hover {color:#E3BF42;}
#line3 {background-color: #f4e0ae;}
#logo {	width: 42%;}
#logo a {color: #39275B;  text-transform: lowercase; font-weight: normal; font-size: .85em; width: 220px; margin: 0; padding: 0;}
#logo a:hover { text-decoration: none;}
#logo a img {margin-left: 3.5em;}
#askus {width: 19%;}
#wcl {width: 38%; background-color: transparent;}
#wcl .sap-content {float: right; padding-top: 10px; color: #fff; vertical-align: top;}
#wcl .homesrchadvan a {padding-top: .5em; display: block; font-size: .85em; color: #ccc;}
#wcl .homesrchadvan {padding-top: .5em; padding-right: 8em; background: none; display: block;}
#wcl form a {font-size: .85em; color: #ccc;}
#wcl form input {vertical-align: top;}
#wcl .tabs li {display: inline; font-size: .85em; padding-bottom: .2em; margin-right: .5em;}
#wcl .tabs li a {padding-left: 12px; background: url(../images/template_sprite.png) -2px -105px no-repeat; color: #ccc !important;}
#wcl .tabs li .current {background: url(../images/template_sprite.png) -2px -166px no-repeat; color: #fff !important;}
#submitSearchSite, #submitSearchWCL, #submitSearchUWCat {width: 26px; height: 20px; padding: 20px 0 0 0; margin: 0; border: 0; background-image: url(../images/template_sprite.png); background-color: #39275B; background-position: 0px -50px; background-repeat: no-repeat; overflow: hidden; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */
}


#header {background-color: #000; color: #ccc; font-size: .85em; float: left; min-height: 28px; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; z-index: 7000;}
#header a {color: #fff;}
#header a:hover {color: #E3BF42; text-decoration: none;}
#patch {display: block; position: absolute; top: 0; left: 10px; height: 85px; width: 85px; z-index: 7000;}
/*horizontal menu items*/
#header li {list-style: none;}
#header ul#uwmain li, #xmenu .yuimenubaritem {margin: 0; padding: 0 .5em; display: inline; line-height: 28px; float: left; }
#xmenu {margin-left: 85px;}
#xmenu .yuimenubaritem a:hover {color: #E3BF42;}
#xmenu .yuimenubar .first-of-type {margin-left: 5px; margin: 0;}
#xmenu .yuimenu {width: auto;}
#xmenu .yuimenu {background-color: #333; margin: 0; padding: 0; height: inherit;}
#xmenu .yuimenu ul {margin: 0; padding: 0;  line-height: 1em;}
#xmenu .yuimenu .yuimenuitem {display: block; padding: .25em .5em; background-color: #333;}
#xmenu .yuimenu .yuimenuitem .yuimenuitemlabel {display:block; padding: .1em; margin: 0; color: #fff;}
#xmenu .yuimenu .yuimenuitem .yuimenuitemlabel-selected {color: #E3BF42;}
#xmenu .yuimenubaritem-hassubmenu-selected {background-color: #333;}
#xmenu .yui-menu-shadow-visible {background-color: #333; opacity: 0.35;filter:alpha(opacity=35);}
#xmenu #liballmenu {position: relative; width: 26em; height: 18em;}
#xmenu #liballmenu ul {float: left; padding-bottom: 5px;}
#xmenu #liballmenu li.more {position: absolute; bottom: 0; left: 0; padding-top: 5px; text-transform: uppercase;}
.menutoggle {background: url(../images/template_sprite.png) right -149px no-repeat; padding-right: 15px;}
.menutoggle:hover {background-position: right -166px;}
.skipnav a {position: absolute; top: -30px; left: 0px; height: 30px; background: #fff; text-align: center; display: block; width: 99%; margin: 0 10px; background-color: #000; color: #E3BF42; text-decoration: none; z-index: 7000;}
.skipnav a:hover, .skipnav a:focus {top: 0px;}
#askus {text-align: center; color: #fff;}
#askus a:hover {text-decoration: underline; color: #E3BF42;}
#askus a {color: #fff; text-decoration: none; font-size: .85em; }
#vb32 a {font-size: 2em; color: #E3BF42;}
#ezproxy {background: #000; float: right;}
#ezproxy a {color: #fff;}
#uwmain {float: right; line-height: 28px; margin: 0; padding: 0 2em 0 0;}
#uwmain a {color: #ccc;}
#navmenu {min-height: 1.75em;  background-color: #555; background-image: url(../images/template_sprite.png); background-position: 0px 0px; background-repeat: repeat-x; z-index: 1001;}
body.unit #navmenu {}
#navmenu a {color: #fff; font-size: .85em;}
#navmenu a:hover {border-bottom: none; text-decoration: none; color: #E3BF42;}
#navmenu li {list-style: none;}
#navmenu div.bd ul.first-of-type {margin: 0; padding: 0;}
#navmenu .yuimenubaritem {float: left; padding: .25em .5em; line-height: 1.2em}
#navmenu .yuimenubaritem .yuimenu {z-index: 1000; background-color: #555;}
#navmenu .yuimenubaritem .yuimenu .yuimenuitem {display: block; padding: .25em .5em;}
#navmenu .yuimenubaritem-hassubmenu {border-left: 1px dotted #666;}
#navmenu .yuimenubaritem-hassubmenu-selected {border-left: 1px solid transparent; background-color: #555;}
#navmenu .yui-menu-shadow-visible {background-color: #000; opacity: 0.15;filter:alpha(opacity=15);}
#yla {float: right; padding: .25em 15px .25em 2px; background: url(../images/template_sprite.png) right -99px no-repeat; margin-right: 8px; line-height: 1.5em;}
a#yla:hover {background-color: #555; color: #E3BF42; background-position: right -116px;}
#list_nav_skip {position: absolute; left: -1000px; top: -1000px;}
a#list_nav_skip:active, a#list_nav_skip:focus {position:absolute; top: 0; left: 50%; width:auto; height:auto; background-color: #fff; color: #cc0000;}
#libAlerts #msg, .alert {border: 1px solid #BD4F19; margin: .5em; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 1em 1em 0 2em; background: #fff url(../images/alert.png) .5em 1em no-repeat; color: #BD4F19; font-family: Arial, Helvetica, sans-serif;}
.more {text-align: right; font-size: .8em; margin: 1em .15em;}
.rss {background: url(../images/template_sprite.png) right -200px no-repeat; padding-right: 20px;}




/* ------------------------- Content information ----------------------*/
#mainbody {clear: both; height: 1px; margin: 0; padding: 0;}
#content {margin: 0; padding: 0 1em; line-height: 1.5em; display: block;}
#title h1 {margin: 0 0 0 5px; color: #39275B; padding: 10px; clear: left; font-size: 180%; font-weight: normal; background-color: #fff; font-family: "Lucida Grande","Lucida Sans Unicode",Arial,san-serif;}
#content ul {margin: 0 0 0 20px;}
#content ul li {line-height: 1.4; margin: auto;}
#content a {text-decoration: none;}
#content a:hover {/*background: #ffffff;*/text-decoration: underline;}
/*#content h1 {font-size: 1.25em; font-weight: bold; }
#content h2 {font-size: 1.15em; font-weight: bold; }
#content h3 {font-size: 1em; font-weight: bold; }
#content h4 {font-size: .90em; font-weight: bold; }
#content h5 {font-size: .85em; font-weight: bold; margin: 10px 10px 15px 0px;}
#content h6 {font-size: .85em; font-weight: bold; font-style: italic; }*/
#content #bookslist, #content #about {padding: 10px;}
#content #about h3 {margin: 10px 0 0 0;}



form#site_search {margin: 3; padding: 5px 5px 0;}
form#site_search input {margin: 0;}
form#site_search input[type~="submit"] {padding: 0;}

/* sections added below for subpage table formatting - Angie */

/* table below is for standard pages such as about, services, resources */
#table_01 td {padding-right: 5px; vertical-align: top; padding-top: 5px; background-color: #fff;	border-bottom: thin solid #EFF2F5;	font-size: 95%; font-family: Verdana, Arial, Helvetica, sans-serif; }
table td#left{width: 25%;}
#table_01 tr.ruled{	background:#333; color:#ccc;}

.navproxy {	font-family: Verdana, Arial, Helvetica, sans-serif;	padding: 10px;}

/* formatting for breadcrumbs*/
span.crumb {font-size: .75em; margin: .5em 5px; display: block; width: auto; white-space: nowrap; text-align: left;}


ul.group li {list-style: none;}

/* formatting for Off-Campus Access link */
.ezproxy {float: right;	font-size: small;}
.ezproxy a:link, .ezproxy a:hover, .ezproxy a:active, .ezproxy a:visited {font-weight: normal; text-decoration: underline;}

/* catalog search styles */
#catalog_search a {	color: #666; text-decoration: none;	font-size: smaller;	font-weight: normal;}
#catalog_search a:hover { color: #C00; font-size: smaller; font-weight: normal;	text-decoration: underline;}
#whatisthis a {float: left;  margin: 0 0 2px 10px;  font: 11px 'Arial Unicode MS', Arial, Helvetica, Verdana, sans-serif;  line-height: 1.25em; color: #333;
  text-decoration: none;}
#whatisthis a:hover {color: #C00; text-decoration: underline;}




/* ------------------- autogen table formatting ----------------------*/
.autogen {font-size: 100%;	font-family: Verdana, Arial, Helvetica, sans-serif;	clear: left;}
html>body table #autogen{font-size: 14px;}

/* -------- dr table formatting for subject-specific lists ------------*/
table.DR, table.dr {border: 1px solid #ccc; width: 80%; margin: auto;}
table.DR td, table.dr td {border: none; padding: .5em; vertical-align: top; border-bottom: 1px solid #eee; font-size: .85em;}
table.DR td a, table.dr td a {font-weight: bold; font-size: 1.15em;}
table.DR th, table.dr th {background-color: #eee; border-bottom: 1px solid #ccc;}

/* FORMS */
.formbg {border: 1px dotted #ccc; padding: 1em; width: auto; margin: .5em 1.5em; background-color: #eee;}
.radiobtn {vertical-align: middle;}

/* MORE HELP */
div.helpsection {float: right; margin: 0 0em 1em 1em; width: auto; max-width: 18em; color: #333; border: 5px solid #eee;}
p.helpsection {padding: 5px; color: #333; border: 5px solid #eee;}
.helpsection a {border-bottom: 1px dotted #313ca9; }
.helpsection a:hover {border-bottom: none;}
.helpsection h3 {background-color: #EDD685; color: #000; padding: .25em; border-bottom: 5px solid #eee; border-top: 5px solid #eee;}
.helpsection p {padding: 5px;}


/* FOOTER AND ANKLE */
#ankle, .ankle {color: #666666; font-size: .80em; margin: 10px; clear: both; display: block;}
#footer {clear: both; margin: 3em 5px 0 5px;  padding: .5em 15px; font-size: .85em; text-align: center; position: relative; background-color: #39275B; color: #fff; }
#footer a {color: #fff;}

#footer ul, #footer p {margin: 1em 0;}
#footer li {display: inline; border-left: 1px dotted #ccc; padding: 0 3px 0 3px; margin: 0 0 0 0;}
#footer li:first-child {border-left: none;}
#footer a:hover {text-decoration: underline;}
#footer #addthis {position: absolute; right: 15px; top: 5px; width: 130px;}
/* formatting for AddThis button */
#addthis {clear: right; float: right; margin: .6em 0;}
#addthis a.printicon {background: url(../images/print.gif) left no-repeat; padding-left: 20px; line-height: 2em;}

/* for right-columned layouts using the rightColTemplate.html */
#right {background: url(../images/right_column.gif) right repeat-y; width: 100%; z-index: 90;}
#right #footer, #right #title, #right #ankle {margin-right: 210px;}
#right #content {margin-right: 210px; margin-left: 0;}
#right #suppcontent {float: right; width: 180px; padding: 0 10px;}

/* FIND IT PAGES */
ul.findittabs {padding-top: 1em;}
ul.findittabs li { font-size: 1.1em; margin: 1em .1em; list-style: none; display: inline; font-weight: bold; }
ul.findittabs li.selected {padding-top: .85em;  background-color: #000; color: #E3BF42;}
ul.findittabs li a {color: #fff; background-color: #39275b; padding-top: .25em; padding-right: .75em; padding-bottom: 0; padding-left: .75em; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #666;}
ul.findittabs li a:hover {background-color: #000; color: #E3BF42; text-decoration: none;}
ul.findittabs {margin: 1em 0; clear: both; border-bottom: 5px solid #000;}
ul.findittabs li h1 {text-transform: none; font-size: 1em; padding: 0; margin: 0; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/findittab_caret_down.png) 0 bottom no-repeat; padding-bottom: 13px; padding-right: .75em; padding-left: .75em; }
ul.alpha li {display: inline; list-style-type: none;}	
ul.startpts li {list-style-image:url(../images/blackarrow_bullet.png); font-size: .85em;}
ul.startpts li a {vertical-align: top; font-size: 1.15em; font-weight: bold;}
.startpts_h2 {background-color: #fff; background-image: url(../images/template_sprite.png); background-position: 0px -250px; background-repeat: repeat-x;}
.startpts_h2 h2, .startpts_h2 h3 {background-image: url(../images/startingpoints.png); background-repeat: no-repeat; background-position: bottom right; min-width: 150px; min-height: 35px;}
a.uwrestricted {background: transparent url(../images/subject/lock.gif) left no-repeat; padding-left: 15px; min-height: 12px; color: #800080; font-size: .85em; font-weight: normal; white-space: nowrap; font-style: italic; border-bottom: 1px dotted #800080;}
a.cdrom {color: #800080; font-size: .85em; white-space: nowrap; font-style: italic; border-bottom: 1px dotted #800080;}
ul.startpts li a.uwrestricted, #ankle a.uwrestricted, #ankle a.cdrom {font-size: 1em; font-weight: normal;}
#azsubject ul li {padding-bottom: .35em; list-style-image: url(../images/arrow_small.gif);}
#azsubject #az li {display: inline; list-style: none; border-right: 1px solid #ccc; padding: 0 .5em;}
#az {text-align: center; border-bottom: 1px solid #eee; padding-bottom: 1em;}
#azsubject h3 {color: #000; border: 1px dotted #D7C896; width: 1em; padding: .2em;}

/* SOCIAL NETWORK ICONS */
#youtwitface span {float: left; display: block; height: 28px; width: 27px; background-image:url(../images/socialnetworkicons.png); background-repeat: no-repeat;}

/* ACCORDIONS and ACCORDIONHOURS */
.accordion {background-color:#fff; border:1px solid #ccc; -background:#666;}
.accordion h3, #AccordionHours h3 {background:#F6F6F6 url(../images/template_sprite.png) 4px -102px no-repeat; margin:0;
	padding:0 0.5em 0 1.5em; font-size: 1em; border-top:1px solid #ddd; cursor:pointer; color: #4A5072;}
.accordion h3 a, #AccordionHours h3 a {color: #000;}
.accordion h3.current, #AccordionHours h3.current {background:#fff url(../images/template_sprite.png) 4px -165px no-repeat; border-bottom:1px solid #fff;}
.accordion h3.current a, #AccordionHours h3.current a {color: #39275B !important;}
.accordion div, #AccordionHours div {border:1px solid #fff; border-width:0 2px; display:none; padding:.5em;}
.accordion div h5 a, #AccordionHours div h5 a {color:#0F79A3 !important;}

@media print {
	#header, #navmenu, #wcl input {font-size: 8pt;}
	#line1 {width: 7in;}
	#logo {width: 3.1in; font-size: 8pt;}
	#askus {width: 1.3in; font-size: 8pt;}
	#wcl {width: 2in; font-size: 8pt;}
	#wcl .homesrchadvan {padding-right: 0;}
}

/* UNIT PAGE SPECIFIC STUFF */
body.unit {background: url(../images/left_column.gif) 0px repeat-y;}
body.unit #navmenu {margin-left: 190px;}
body.unit #libAlerts #msg {margin-left: 205px;}
body.unit .crumb {margin-left: 205px;}
body.unit #title {margin: 0 0 0 200px;}
body.unit #footer {margin-left: 205px; background-color: transparent; color: #000; border-top: 1px solid #39275B;}
body.unit #footer a {color: #000;}
#unitcontent {margin-left:200px; background: #fff;	padding-left: 10px; }
#subnav1 {width:190px; margin: 0px;	padding: 0 0 0 5px;	position: absolute; color: #fff; top: 12em; left:5px;}
#subnav1 ul { margin: 0; padding: 0; list-style: none; }
#subnav1 ul li {list-style: none; margin: 0; padding: 0;}
.unit #subnav1 ul li a {color: #fff;}
#subnav1 ul li a {display: block;	padding: .25em 0 .25em 1em;	color: #000;}
#subnav1 ul li a:hover {background-color: #ffffff; color: #333; text-decoration: none;}
#subnav1 ul li a.sub {font-size: .85em; padding-left: 3em;}
#subnav1 li {border-bottom: 1px solid #39275B;}/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
html>body #subnav1 li {border-bottom: none;}/* fix for browsers that don't need the hack */