/*
---------------------------------------------
RESET
---------------------------------------------
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}						

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: #354188;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

.fltleft {float:left}
.fltright {float: right}

hr {display: block; height: 1px; border: 0; border-top: 1px dashed #ccc; margin: 25px 0; padding: 0;}

hr.short {display: block; height: 1px; border: 0; border-top: 1px solid #EFEFEF; margin: 20px auto; padding: 0; width: 70%;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */}

input[type="radio"] {margin-right: 5px}
input[type="checkbox"] {*vertical-align: baseline; margin-right: 5px}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable,label, input[type=button], input[type=submit], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfloat {clear:both; height:0; line-height:0} 


.help-letter {
	text-transform: uppercase;
	padding: 8px 35px 8px 14px;
	margin: 40px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-size: 18px;}


.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0; 
	position: absolute;
	width: 1px;}

.sms {text-decoration: none; color: #000}

@font-face{
	font-family:'DINRegular';
	src:url('/inc/fonts/DIN-Regular.eot');
	src:local('☺'),url('/inc/fonts/DIN-Regular.woff') format('woff'),url('/inc/fonts/DIN-Regular.ttf') format('truetype'),url('/inc/fonts/DIN-Regular.svg#webfontvugT94qN') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face{
	font-family:'DINLight';
	src:url('/inc/fonts/DIN-Light.eot');
	src:local('☺'),url('/inc/fonts/DIN-Light.woff') format('woff'),url('/inc/fonts/DIN-Light.ttf') format('truetype'),url('/inc/fonts/DIN-Light.svg#webfontaaHewQlQ') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face{
	font-family:'DINBold';
	src:url('/inc/fonts/DIN-Bold.eot');
	src:local('☺'),url('/inc/fonts/DIN-Bold.woff') format('woff'),url('/inc/fonts/DIN-Bold.ttf') format('truetype'),url('/inc/fonts/DIN-Bold.svg#webfontOQQc9qcQ') format('svg');
	font-weight: normal;
	font-style: normal;}




/*
---------------------------------------------
STRUCTURE
---------------------------------------------
*/

body {
	font: normal 100% "Trebuchet MS", helvetica, sans-serif;
	background: url(/img/bg-body.png) repeat-x;
	background-color: #f0f0f0;}

.img-left {
	float:left;
	margin: 0 20px 20px 0}
	
.img-right {
	float:right;
	margin: 0 0 20px 20px}
	
.img-text {
	overflow: hidden}
	
#content .img-text p {margin-bottom: 0}


.fig-left {float: left}


.fig-left figcaption {word-wrap: break-word}



/****** UB Header ******/

.ubheader {
	background-color: #041A9B;
	border-bottom: 1px solid #fff;
	height: 48px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	z-index: 2;}
	
.ubheader .inner {
	margin: 0 auto;
	width: 92%;
	padding: 12px 0 0 0;
	max-width: 1080px}
	
.print {display: none}

.ublogo {
	display: block;
	width: 492px;
	height: 23px;
	line-height: 350px;
	overflow: hidden;
	background: url(/img/ub-logo.gif) no-repeat;
	-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;}
    
    
.button-search {
	background: url(/img/button-search.png) no-repeat;
	width: 100px;
	height: 35px;
	border: 0} 
	
#catalog input[type="text"], 
#scores input[type="text"], 
#audio input[type="text"], 
#video input[type="text"], 
#reserve input[type="text"], 
#finding input[type="text"] {
width: 550px;}


/****** Page ******/

#container {
	margin: 0 auto;
	width: 92%;
	background-color: #fff;
	padding: 0 10px;
	max-width: 1080px;}

#page {
	margin-right: -268px;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	background-color: white;}

.home-min {
	background-color: #fff;
	position: relative;
	margin: 0 auto;
	padding: 0;
	-moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    height: 40px;
    z-index: 1;}

.home-min .inner {
	margin: 0 auto;
	width: 92%;
	max-width: 1080px;}

.home-min h1 {
	font: 11px/1.0 DINLight, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	padding: 15px 0;
	letter-spacing: 0.1em;
	margin-left: 0;
	float: left}

.home-min h1 a {text-decoration: none}

.unit {
	margin: 0 auto;
	width: 92%;
	padding: 35px 10px 30px 10px;
	max-width: 1080px;
	margin-bottom: 35px}

.unit-info {
	padding: 30px 0 0 0;}

.unit .title {
	display: block;
	font: 28px/1.0em DINLight, "Trebuchet MS", sans-serif;
	color: #fff;
	text-decoration: none;
	white-space:nowrap;
	float: left;}
	
.ie7 .unit .title {line-height: 1.7em}
.ie7 .unit {margin-bottom: 0}

.unit-info p {
	font: 12px/18px DINLight, "Trebuchet MS", sans-serif;
	color: #fff;
	float: left;
	display: block;
	width: 70%;
	margin-left: 20px}

.unit-info a {color: #fff}


.quicklinks {
	float: right;
	margin-top: 10px}

.quicklinks a {
	color: #fff;
	font: 10px/1.0em DINRegular, "Trebuchet MS", sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #e59319; /* Old browsers */
	background: -moz-linear-gradient(top,  #e59319 15%, #cc5f19 77%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#e59319), color-stop(77%,#cc5f19));
	background: -webkit-linear-gradient(top,  #e59319 15%,#cc5f19 77%);
	background: -o-linear-gradient(top,  #e59319 15%,#cc5f19 77%); 
	background: -ms-linear-gradient(top,  #e59319 15%,#cc5f19 77%); 
	background: linear-gradient(to bottom,  #e59319 15%,#cc5f19 77%);
	padding: 3px 10px;
	border: 1px solid #b3b3b3;}

.ie7 .quicklinks a,
.ie8 .quicklinks a,
.ie9 .quicklinks a {padding-bottom: 0}

.quicklinks a:hover {
	background: #333;
	text-decoration: none;
	color: #fff;
	border-color: #333}
	
	



/****** Breadcrumbs ******/

ul.breadcrumbs {
	padding: 15px 2px;
	font-size: 10px}

ul.breadcrumbs li {display: inline}
	
ul.breadcrumbs li a {color: #666; text-decoration: none}
	
ul.breadcrumbs li .arrow-grey {
	font-family: Consolas;
	margin: 0 2px;
	color: #666;}
	
ul.breadcrumbs li:last-child {font-weight: bold}





/****** Poetry Resources ******/
.db {
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dashed #CCC;}

.db h4 {
	margin-bottom: 12px}

.db-desc {
	width: 70%;
	float: left;}

.db-access {
	padding-left: 10px;
	margin-bottom: 10px;}

.db-access, .db-text {float: right;}

#content .db h3 {margin: 0;}

.ub-only, .public, .in-house, .special, .cancelled {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 7px;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	letter-spacing: 0.1em;}

.ub-only {
	background-color: #2A69CE;
	text-shadow: 0 1px 0 #2157AD;
	-webkit-box-shadow: inset 0 1px 0 0 #8DAADB;
	-moz-box-shadow: inset 0 1px 0 0 #8daadb;
	box-shadow: inset 0 1px 0 0 #8DAADB;
	border: 1px solid #2F6AC6;}
	
.public {
	background-color: #87C254;
	text-shadow: 0 1px 0 #2157AD;
	-webkit-box-shadow: inset 0 1px 0 0 #C9E6B3;
	-moz-box-shadow: inset 0 1px 0 0 #c9e6b3;
	box-shadow: inset 0 1px 0 0 #C9E6B3;
	border: 1px solid #86AE56;}

.db-text span {
	background-color: #E1E8DF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 10px;
	font-size: 11px;
	margin-bottom: 10px;
	display: block;
	-webkit-box-shadow: inset 0 1px 0 0 #EDF0EC;
	border: 1px solid #E0E5DE;}

.in-house {
	background-color: #CE9230;
	text-shadow: 0 1px 0 #BB842B;
	-webkit-box-shadow: inset 0 1px 0 0 #DCB98B;
	-moz-box-shadow: inset 0 1px 0 0 #dcb98b;
	box-shadow: inset 0 1px 0 0 #DCB98B;
	border: 1px solid #B57838;}

	
	
/****** Home Page Specific ******/	
	
.main-top {
	margin-left: -510px;
	margin-bottom: 15px;
	float: right;
	width: 100%;}
		
.main {margin-left: 510px;}
	
.carousel {
	margin: 15px 5px 0 0;
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	background-image: url(../img/home/1.jpg);
	height: 295px;
	border: 5px solid #fff}

.ie8 .carousel, .ie7 .carousel {border: 1px solid #ccc}
.ie8 .tab-container, .ie7 .tab-container {border: 1px solid #ccc}

.carousel img {}
	
a.advanced {
	color: #80807f;
	font: 12px/1.0em georgia, serif;
	font-style: italic;
	padding-left: 10px;}	

.unit-desc {
	margin: 20px 0 0 25px;
	min-height: 500px;
	width: 60%;
	font: 12px/20px DINRegular, "Trebuchet MS", sans-serif;
	color: #444;
	float: left;
	padding: 0 50px 50px 0;
	background: url(/img/home-shadow.jpg) no-repeat top right;}

.unit-desc h2 {
	color: #354188;
	font: 24px/20px DINRegular, "Trebuchet MS", sans-serif;
	padding-bottom: 10px}

.ie7 .unit-desc h2 {line-height: 1.7em}

.unit-desc li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #ccc;
	white-space: nowrap}

.unit-desc li:first-child {padding-left: 0}
.unit-desc li:last-child {border: 0}

.description {padding-top: 20px}

.description p {
	color: #444;
	font: 16px/1.5em georgia, serif;}



/****** Home Search Tabs ******/


#myTab {border-bottom: 1px dotted #bcbcbc}

.tab-container input[type=text]::-webkit-input-placeholder, .coll-search::-webkit-input-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}
   
.tab-container input[type=text]:-moz-placeholder, .coll-search:-moz-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}

.tab-container {
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	background: url(/img/bg-search.jpg);
	border: 5px solid white;
	color: #000;
	font: 12px/1.0 "Georgia", garamond, serif;
	margin: 15px 5px 10px 5px;
	padding: 20px;
	float: left;
	margin-right: 20px;
	width: 430px;
	min-height: 255px;}

.tab-container h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	padding: 24px 0 10px 0}

.tab-container p {
	padding-bottom: 10px}

.tab-container input[type=text]{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	display: inline-block;
	width: 95%;
	padding: .7em;
	margin-bottom: 16px}
	
.search-button {
	margin-top: 20px}

.advanced {
	text-shadow: 0 1px 0 #fff;
	padding-left: 16px;
	font: 12px georgia, serif;
	color: #80807f;
	text-decoration: none;
	font-style: italic}

.nav-tabs {*zoom: 1;}

.nav-tabs:before, .nav-tabs:after {
  	display: table;
 	content: "";}

.nav-tabs:after {clear: both;}

.nav-tabs > li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 8px}

.nav-tabs > li > a {line-height: 14px;}

.nav-tabs > li.first {padding-left: 0}
.nav-tabs > li.last {border: 0}

.nav-tabs > li {margin-bottom: 10px;}

.nav-tabs > li > a {
  	padding-top: 8px;
  	padding-bottom: 8px;
  	line-height: 18px;
  	border: 1px solid transparent;
  	-webkit-border-radius: 4px 4px 0 0;
  	-moz-border-radius: 4px 4px 0 0;
  	border-radius: 4px 4px 0 0;
  	text-decoration: none;
  	color: #000}

.nav-tabs > li > a:hover {}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  	color: #000;
  	cursor: default;
  	font-weight: bold}

.tabbable:after {clear: both;}

.tab-content {}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  	border-bottom: 0;}

.tab-content > .tab-pane {display: none;}

.tab-content > .active {display: block;}
	
.fade {
  	opacity: 0;
  	filter: alpha(opacity=0);
  	-webkit-transition: opacity 0.15s linear;
  	-moz-transition: opacity 0.15s linear;
  	-ms-transition: opacity 0.15s linear;
  	-o-transition: opacity 0.15s linear;
  	transition: opacity 0.15s linear;}

.fade.in {
  	opacity: 1;
  	filter: alpha(opacity=100);}





/****** Global Search Tabs ******/

.tab-global input[type=text]::-webkit-input-placeholder, .coll-search::-webkit-input-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}
   
.tab-global input[type=text]:-moz-placeholder, .coll-search:-moz-placeholder {
   color: #959595; 
   font: 12px georgia, serif;
   font-style: italic;}
   
.tab-global #myTab {border: 0}

.tab-global {
	-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	background: url(/img/bg-search.jpg);
	border: 5px solid white;
	color: #000;
	font: 12px/1.0 "Georgia", garamond, serif;
	margin: 15px 5px 10px 5px;
	padding: 20px;
	float: left;
	margin-right: 20px;
	width: 94%}

.tab-global h2 {
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	padding: 24px 0 10px 0}

.tab-global p {
	padding-bottom: 10px}

.tab-global input[type=text]{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	display: inline-block;
	width: 95%;
	padding: .8em;}

.panel-close {
	float: right;
	background: url(/img/panel-close.png) no-repeat;
	width: 12px;
	height: 12px;
	border: 0;
	line-height: 350px;
	overflow: hidden;
	padding: 0}


/****** Forms ******/

.form input[type=text], .form textarea, .form input[type=email], .form input[type=number], .form input[type=password] {
	margin-bottom:20px;
	width: 70%}

.form select {
	margin-bottom: 30px;
	width: 70%}
	
.dates select {width: 100px; margin-bottom: 0}	


/****** Alerts ******/

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	color: #C09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px}

.alert-error {
	color: #B94A48;
	background-color: #F2DEDE;
	border-color: #EED3D7;}
	
.alert-error a {color: #90211e;}

.alert-success {
	color: #468847;
	background-color: #DFF0D8;
	border-color: #D6E9C6;}
	
.alert-info {
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;}


.help-letter {
	text-transform: uppercase;
	padding: 8px 35px 8px 14px;
	margin: 0 0 40px 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #3A87AD;
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-size: 18px}	

/****** Tables ******/

table.basic {
	border: 1px solid #ccc; 
	width: 100%;}

table.basic td {
	border: 1px solid #ccc;
	padding: 10px;}
	
table .ref td {
	border: 1px solid #ccc;
	padding: 10px;}

table.basic th {
	background-color: #e2e2e2;
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
	text-align: left}

#content table.basic img {border: 0}




/****** Access ******/

.ub-only, .public, .in-house, .special, .cancelled {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0 7px;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: inline-block;
	*display: inline;
	zoom: 1;}
	
.ub-only {
	background-color: #2a69ce;
	text-shadow: 0 1px 0 #2157ad;
	-webkit-box-shadow: inset 0 1px 0 0 #8daadb;
	-moz-box-shadow: inset 0 1px 0 0 #8daadb;
	box-shadow: inset 0 1px 0 0 #8daadb;
	border: 1px solid #2f6ac6;}
	
.cancelled {
	background-color: #c43900;
	text-shadow: 0 1px 0 #a12f00;
	-webkit-box-shadow: inset 0 1px 0 0 #af1000;
	-moz-box-shadow: inset 0 1px 0 0 #af1000;
	box-shadow: inset 0 1px 0 0 #af1000;
	border: 1px solid #2f6ac6;}

.public {
	background-color: #87c254;
	text-shadow: 0 1px 0 #2157ad;
	-webkit-box-shadow: inset 0 1px 0 0 #c9e6b3;
	-moz-box-shadow: inset 0 1px 0 0 #c9e6b3;
	box-shadow: inset 0 1px 0 0 #c9e6b3;
	border: 1px solid #86ae56;}
	
.in-house {
	background-color: #ce9230;
	text-shadow: 0 1px 0 #bb842b;
	-webkit-box-shadow: inset 0 1px 0 0 #dcb98b;
	-moz-box-shadow: inset 0 1px 0 0 #dcb98b;
	box-shadow: inset 0 1px 0 0 #dcb98b;
	border: 1px solid #b57838;}
	
	
	



/****** Left Navigation ******/

.left {
	width: 228px;
	float: left;}
	
.left .inner {
	margin-left: -15px;
	background: #a6bad6;
	background: url(/img/leftnav-shadow.png) repeat-y right, -moz-linear-gradient(top,  #a6bad6 0%, #809dc4 28%, #809dc4 100%);
	background: url(/img/leftnav-shadow.png) repeat-y right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6bad6), color-stop(28%,#809dc4), color-stop(100%,#809dc4));
	background: url(/img/leftnav-shadow.png) repeat-y right, -webkit-linear-gradient(top,  #a6bad6 0%,#809dc4 28%,#809dc4 100%); 
	background: url(/img/leftnav-shadow.png) repeat-y right, -o-linear-gradient(top,  #a6bad6 0%,#809dc4 28%,#809dc4 100%); 
	background: url(/img/leftnav-shadow.png) repeat-y right, -ms-linear-gradient(top,  #a6bad6 0%,#809dc4 28%,#809dc4 100%); 
	background: url(/img/leftnav-shadow.png) repeat-y right, linear-gradient(top,  #a6bad6 0%,#809dc4 28%,#809dc4 100%);
	border-top: 1px solid #7F99B2;
	border-left: 1px solid #7F99B2;
	border-bottom: 1px solid #7F99B2;
	padding: 12px 0;}
	
.left-col-shadow {
	width: 238px;
	height: 192px;
	background: url(/img/leftbottom-shadow.png) no-repeat;
	margin-left: -10px;}

.left h2 {
	padding: 4px 10px 9px 18px;
	color: #fff;
	font: 21px/1.2 DINLight,"Trebuchet MS",sans-serif;}

.left h2.active {background: url(/img/icon-left-arrow.png) no-repeat right center;}

.left h2 a {color: #fff; text-decoration: none}

.left ul {margin: 10px 0 12px;}

.left li a {
	color: #fff;
	font: 12px "Trebuchet MS",sans-serif;
	border-bottom: 1px solid #BBCBE0;
	text-decoration: none;
	display: block;
	margin: 0 12px;
	padding: 4px 8px;}

.left li.active-level span {
	background: url(/img/icon-left-arrow.png) no-repeat right center;
	display: block}

.left li a:hover {color: #3D5A79}

.left li.active-level {
	background-color: #D6DFEC; 
	margin: 0;
	margin-top: -1px; 
	border: 0;
	border-top: 1px solid #7F99B2;
	background-color: #D6DFEC;
	background-image: url(/img/leftnav-shadow.png);
	background-repeat: repeat-y;
	background-position: right;
	padding: 8px 0;}
	
.left li.active-level a {
	border-bottom: 0;
	color: #606060;}
	
.left .highlight {
	background-color: #C3D1E3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;;
	padding: 18px;
	margin: 0 10px;
	color: #2e4864;
	font-size: 12px;
	line-height: 18px}	

.left hr {margin: 20px 20px}

/****** 3rd level nav ******/

.left li > ul {margin: 0;}

.left li > ul > li {
	background: url(/img/icon-arrow-left-sm.png) no-repeat;
	padding-left: 22px;
	background-position: 26px 8px}

.left li > ul > li a {
	color: #ccc;
	font-size: 11px;
	border: 0;}

.left li.active-level a:hover {
	color: #000;
	cursor: pointer}



/****** 4th level nav ******/

.left li > ul > li > ul {margin: 0;}

.left li > ul > li > ul > li {
	background: url(/img/icon-nav-4th.png) no-repeat;
	padding-left: 22px;
	background-position: 32px 9px}

.left li > ul > li > ul > li a {
	color: #ccc;
	font-size: 11px;
	border: 0;}

.left li.active-level a:hover {
	color: #000;
	cursor: pointer}
	
	
	
/****** Home Left Navigation ******/

.left-home {
	font-size: 12px;
	padding-left: 30px;
	overflow: hidden;
	margin: 20px 30px 0 0}
	
.left-home h2 {
	color: #354188;
	font: 14px/20px DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;}

.left-home h2 span {
	padding-left: 5px;
	vertical-align: middle}

.left-home ul {margin: 10px 0 12px;}	

.left-home li {
	border-bottom: 1px dashed #ccc;
	padding: 18px 0}

.left-home li:last-child {border-bottom: 0}

.left-home li a:hover {
	text-decoration: underline;
	cursor: pointer}

.left-home input[type=text] {
	width: 97%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	height: 24px;
	padding-left: 5px;
	margin: 10px 0}

.left-home select {width: 100%; margin-bottom: 10px}

.slidingDiv {
    height:300px;
    background-color: #99CCFF;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;}

.hide-box, .hide-toolbar, .hide-toolbar-mobile, .search-min {display: none}






/****** Page-list ******/


#content .page-list ul {margin-top: 5px}

#content .page-list p {
	color: #444;}

#content .page-list li {
	padding: 15px 25px;
	border-bottom: 1px dotted #ccc;
	background: url(/img/icon-blue-arrow.png) no-repeat;
	background-position: 0 23px}
	
#content .page-list li h3 {
	font: 16px/20px DINRegular, "Trebuchet MS", sans-serif;
	vertical-align: bottom}


#content .page-list li:last-child {border: 0}

#content .page-list li > ul > li {
	border: 0;
	padding: 5px 12px;
	background: url(/img/arrow-li-ul-li.png) no-repeat;
	background-position: 0 9px}
	
	
.right p {
	line-height: 1.4em;
	padding-top: 10px;
	color: #222;}	
		
	
/****** Select Menu ******/


div.selector, div.selector span {
	background-image: url(/img/select.png);
  	background-repeat: no-repeat;
  	-webkit-font-smoothing: antialiased;}

.selector, .selector * {
  	margin: 0;
  	padding: 0;
  	font-style: italic;}

div.selector {
  	background-position: -483px -130px;
  	line-height: 35px;
  	height: 35px;}

div.selector span {
  	background-position: right 0px;
  	height: 35px;
  	line-height: 35px;}

div.selector select {
  	top: 0;
  	left: 0;
  	width: 100%}

div.selector:active, div.selector.active {background-position: -483px -156px;}

div.selector:active span, div.selector.active span {background-position: right -26px;}

div.selector.focus, div.selector.hover, div.selector:hover {background-position: -483px -130px;}

div.selector.focus span, div.selector.hover span, div.selector:hover span {background-position: right 0px;}

div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover {
  	background-position: -483px -130px;}

div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span {
  	background-position: right 0;}

div.selector {
  	min-width: 100px;
  	font-size: 12px;}

div.selector select {
  	min-width: 60px;
  	font-family: georgia, serif;
  	font-size: 12px;
  	border: solid 1px #fff;}

div.selector span {
  	padding: 0 30px 0 2px;
  	cursor: pointer;}
	
div.selector span {
  	color: #666;
  	min-width: 100px;
  	text-shadow: 0 1px 0 #fff;}

div.selector.disabled span {color: #bbb;}

.selector {
  	display: -moz-inline-box;
  	display: inline-block;
  	vertical-align: middle;
  	zoom: 1;
  	*display: inline;}

.selector select:focus {outline: 0;}

div.selector {
  	position: relative;
  	padding-left: 10px;
  	overflow: hidden;}

div.selector span {
  	display: block;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;}

div.selector select {
  	position: absolute;
  	opacity: 0;
  	filter: alpha(opacity:0);
  	height: 35px;
  	border: none;
  	background: none;}  	
  	
  	
  	






/****** Feed Burner ******/

.feedburnerFeedBlock {
	float: left}

.feedburnerFeedBlock div {
	font-size: 12px;
	line-height: 18px}

#creditfooter {display: none}


.feedburnerFeedBlock .headline {
	padding-bottom: 2px;
	display: block;
	font-size: 14px}

.feedburnerFeedBlock .date {
	color: #666}



/****** Rare Books ******/

.rare-book {
	float: left;
	width: 100px;
	height: 180px;
	padding: 15px;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    margin: 0 20px 20px 0;
    }





.hide-box, .hide-toolbar, .hide-toolbar-mobile, .search-min, .to-top {display: none}

.tinynav { display: none }






/****** #Content ******/

#content {
	margin: 0 240px 0 260px;
	color: #444;
	font-size: 0.75em;
	line-height: 1.6em;
	padding: 0 20px 0 0;
	min-height: 400px;
	border-right: 1px solid #CCC;}
	

#content img {border: 1px solid #CCC;}

#content input[type=text] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;
	height: 25px;
	padding-left: 5px;}
	
#content textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D8D8D8;}
	
#content label {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;}

#content label span {
	font-weight: normal}

#content .no-border {border: 0}

#content .find-box {
	margin:30px 20px;
	clear: both;
	width: 94%}

.one-column #content {
	margin: 0;
	border: 0;
	min-height: inherit}

.two-column #content {
	margin-right: 0;
	border: 0}

#content p {margin: 12px 0}

#content h2, #content-page h2 {
	font: 28px/1.2em Georgia, serif;
	margin: 12px 0}

#content h3 {
	font: 16px/25px DINRegular, "Trebuchet MS", sans-serif;
	font-weight: bold;
	margin: 5px 0 15px;}

#content h3 a {
	font-size: 16px;
	text-decoration: underline;}

#content h2 span {font-size: 16px; line-height: 0em}

#content h3 a:hover {text-decoration: underline}

#content small {
	font: 11px/16px DINRegular, "Trebuchet MS", sans-serif;
	padding-bottom: 5px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 25px}
	
.intro {font: 16px/1.5em georgia, serif}


#content-home {}

#home #container .navbar .nav > li.search {display: none}



/****** #Content List ul ol ******/

	
#content ul, #content ol {margin: 10px 25px 10px}

#content ul li ol li {background: none; padding-left: 5px}

#content ol li {padding-bottom: 20px }

#content ul li {
	background: url(/img/icon-bullet-blue.png) no-repeat;
	background-position: 0 6px;
	padding: 0 0 15px 15px}
	
	
	
#content-page {
	padding: 20px 30px;
	min-height: 400px}

#content-page .page-list ul {margin-top: 5px}

#content-page .page-list p {
	color: #444;}

#content-page .page-list li {
	padding: 15px 25px;
	border-bottom: 1px dotted #ccc;
	background: url(/img/icon-blue-arrow.png) no-repeat;
	background-position: 0 20px}
	
#content-page .page-list li h3 {
	font: 18px/20px DINRegular, "Trebuchet MS", sans-serif;
	text-decoration: underline}


#content-page .page-list li:last-child {border: 0}

#content-page .page-list li > ul {margin-top: 10px}

#content-page .page-list li > ul > li {
	border: 0;
	padding: 5px 0px;
	list-style: circle;
	background-image: none;
	font-size: 12px;
	margin-left: 20px}



/****** #Content side by side columns ******/

#content .content-columns {width: 100%; overflow: hidden}
#content .leftcol {width:45%; float:left;}
#content .rightcol {width:50%; float:left; }



/****** Right Column ******/

.right {
	width: 225px;
	float: right;
	margin: 0;
	font-size: 12px;
	line-height: 22px;
	color: #222;}
	
.right .inner {
	padding: 15px;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);}
	
.right .title {
	font: 14px DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	color: #354188;}

.right ul {
	margin: 12px 0 12px 20px;}

.right ul li {
	list-style: circle;
	padding-bottom: 8px;}

/****** Center Column Callout ******/	


#content .callout-box-center ul {padding: 0; margin: 0}

#content .callout-box-center ul li {
	display: inline;
	font-size: 14px;
	color: #717171;
	font-weight: bold;
	border: 1px solid;
	border-color: #C2C2C2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #F9F9F9;
	background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(234, 234, 234, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249, 249, 249, 1)), color-stop(100%,rgba(234, 234, 234, 1)));
	background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%,rgba(234, 234, 234, 1) 100%);
	background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%,rgba(234, 234, 234, 1) 100%);
	background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%,rgba(234, 234, 234, 1) 100%);
	background: linear-gradient(top, rgba(249, 249, 249, 1) 0%,rgba(234, 234, 234, 1) 100%);
	cursor: pointer;
	margin-right: 5px;
	text-shadow: 0 1px 0 #fff;
	line-height: 40px;
	padding: 0}

#content .callout-box-center ul li a {
	color: #717171;
	text-decoration: none;
	padding: 2px 8px;}

#content .callout-box-center li:hover {
	background: #dfeffc;
	border-color: #79b7e7;
	color: #1d5987}

#content .callout-box-center input[type=text] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 31px;
	padding-left: 5px;
	width: 95%;
	margin-bottom: 10px}
	

.callout-box, .callout-box-center {
	background-color: white;
	border: 5px solid #F7F4F1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px 15px;
	font-size: 12px;
	margin: 20px 5px 0 0;}
	

.callout-box input[type=text] {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
	height: 30px;
	margin-bottom: 15px;
	padding-left: 5px;
	vertical-align: middle}

/*
---------------------------------------------
Global Navigation - Twitter Bootstrap
---------------------------------------------
*/


/****** basic styles ******/


.nav-unit {display: none}

#container .btn {
  	display: inline-block;
  	*display: inline;
  	padding: 4px 10px 4px;
  	margin-bottom: 0;
	vertical-align: middle;
  	cursor: pointer;
  	*border: 0;}


#container .navbar {
  	*position: relative;
  	*z-index: 2;
  	overflow: visible;}


#container .navbar-inner {
    min-height: 45px;
	border: 1px solid #bcbcbc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f8f8f8; 
	background-image: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 51%, #f2f2f2 51%, #e5e5e5 100%); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(51%,#f8f8f8), color-stop(51%,#f2f2f2), color-stop(100%,#e5e5e5));
	background-image: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%);
	background-image: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%); 
	background-image: linear-gradient(top, #f8f8f8 0%,#f8f8f8 51%,#f2f2f2 51%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e5e5e5',GradientType=0 ); 
	margin-top: 5px}


#container .navbar .nav {
  	position: relative;
  	left: 0;
  	display: block;
  	float: left;
  	margin: 0;}


#container .navbar .nav > li {
  	display: block;
  	float: left;}


#container .navbar .nav > li > a {
  	display: inline;
	font: 13px/1.0 DINBold, "Trebuchet MS", sans-serif;
	color: #37407b;
	text-transform: uppercase;
	float: left;
	padding: 16px;
	text-decoration: none;}


.ie7 #container .navbar .nav > li > a,
.ie8 #container .navbar .nav > li > a,
.ie9 #container .navbar .nav > li > a {
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold}


#container .about {border-right: 1px solid #fff;}


#container .spacer-line {
	border-left: 1px solid #dcdbdb;
	border-right: 1px solid #fff;}


#container .links {border-left: 1px solid #dcdbdb;}	


#container .collapse {
	position: relative;	
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;}


#container .navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 18px;}


#container .navbar .nav > li > a:hover {background-color: #f0eded} 


#container .navbar .nav .active > a,
#container .navbar .nav .active > a:hover {
  color: #fff;
  background-color: #222;}


#container .navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin: 12px 5px 10px 5px;
  background-color: #fff;
  *background-color: #fff;}

    
#container .nav-collapse.collapse {
    height: 0;
    overflow: visible;}
    
#container .nav-collapse {float: none}

/****** mobile button ******/

#container .navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

#container .btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}


/****** dropdowns ******/


#container .navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);}


#container .navbar .nav li.dropdown.open > .dropdown-toggle,
#container .navbar .nav li.dropdown.active > .dropdown-toggle,
#container .navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: transparent;}


#container .navbar .nav li.dropdown.active > .dropdown-toggle:hover {color: #fff;}


#container .navbar .pull-right .dropdown-menu,
#container .navbar .dropdown-menu.pull-right {
  right: 0;
  left: auto;}


#container .navbar .pull-right .dropdown-menu:before, 
#container .navbar .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;}


#container .navbar .pull-right .dropdown-menu:after, 
#container .navbar .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;}


#container .dropup, .dropdown {position: relative;}


#container .dropdown-toggle {*margin-bottom: -3px;}


#container .dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}


#container .dropdown-menu {
  	position: absolute;
  	top: 100%;
  	left: 0;
  	z-index: 1000;
  	display: none;
  	float: left;
  	padding: 5px;
  	margin: 0;
  	list-style: none;
  	background-color: #ccc;
  	*border-right-width: 2px;
  	*border-bottom-width: 2px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);}
  

#container .navbar .nav > li > .search {
	display: block;
	width: 49px;
	height: 45px;
	line-height: 350px;
	overflow: hidden;
	background: url(/img/icon-search.png) no-repeat;
	padding: 0;
	background-color: #dad7d7;
	background-position: 18px 18px;
	border: 0;}
 
 
#container .dropdown-menu a {
  	text-transform: none;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #CCC;
	width: 220px;
	display: block;
	padding: 8px;
	background-color: #fff;
	color: #6C89B4;
	text-decoration: none}


#container .dropdown-menu .sm a {
  	text-transform: none;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #CCC;
	width: 125px;
	display: block;
	padding: 8px;
	background-color: #fff;
	color: #6C89B4;
	text-decoration: none}



#container .dropdown-menu .sm a.chat {
	background: url(/img/icon-chat.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 10px 9px}
	
#container .dropdown-menu .sm a.text {
	background: url(/img/icon-text.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 11px 6px}
	
#container .dropdown-menu .sm a.email {
	background: url(/img/icon-email.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 7px 8px}
	
#container .dropdown-menu .sm a.phone {
	background: url(/img/icon-phone.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 8px 7px}
	
#container .dropdown-menu .sm a.person {
	background: url(/img/icon-person.png) no-repeat;
	padding: 8px;
	text-indent: 24px;
	background-color: #fff;
	background-position: 10px 6px}

#container .dropdown-menu .sm a.text:hover, #container .dropdown-menu .sm a.phone:hover, #container .dropdown-menu .sm a.email:hover, #container .dropdown-menu .sm a.chat:hover, #container .dropdown-menu .sm a.person:hover {background-color: #F5F2F2;}





#container .dropdown-menu li > a:hover,
#container .dropdown-menu .active > a,
#container .dropdown-menu .active > a:hover {background-color: #F5F2F2;}

#container ul.nav li.dropdown:hover ul.dropdown-menu{display: block;}

#container .touch ul.nav li.dropdown:hover, .touch ul.dropdown-menu{display: none;}

#container a.menu:after, .dropdown-toggle:after {content: none;}















/*
---------------------------------------------
Global Navigation - Twitter Bootstrap
---------------------------------------------
*/


/****** basic styles ******/


.btn {
  	display: inline-block;
  	*display: inline;
  	padding: 4px 10px 4px;
  	margin-bottom: 0;
	vertical-align: middle;
  	cursor: pointer;
  	*border: 0;}


.navbar {
  	*position: relative;
  	*z-index: 2;
  	overflow: visible;
  	padding-top: 9px;}

.navbar .nav {
  	position: relative;
  	left: 0;
  	display: block;
  	float: left;
  	margin: 0;}


.navbar .nav > li {
  	display: block;
  	float: left;}


.navbar .nav > li > a {
  	display: inline;
	font: 10px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	color: #37407b;
	text-decoration: none;
	white-space: nowrap}


.find {
	border-right: 1px solid #b0b0b0;
	padding-right:5px}


.accounts , .help, .help, .libraries, .about {
	border-right: 1px solid #b0b0b0;
	padding: 0 5px}


.ask {
	border-left: 1px solid #dcdbdb;
	padding-left: 5px}	


.collapse {
	position: relative;	
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	-moz-transition: height 0.35s ease;
	-ms-transition: height 0.35s ease;
	-o-transition: height 0.35s ease;
	transition: height 0.35s ease;}


.navbar .btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin: 5px 5px 6px;
  line-height: 18px;}


.navbar .nav > li > a:hover {text-decoration: underline} 


.navbar .nav .active > a,
.navbar .nav .active > a:hover {
  color: #fff;
  background-color: #222;}


.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin: 0 5px 10px 5px;
  background-color: #fff;
  *background-color: #fff;}

    
.nav-collapse {float: right}

.nav-collapse.collapse {
    height: 0;
    overflow: visible;
    float: right}
    
     

/****** mobile button ******/

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #ccc;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}

.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}


/****** dropdowns ******/


.navbar .nav li.dropdown.active .caret {
  opacity: 1;
  filter: alpha(opacity=100);}


.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {background-color: transparent;}


.navbar .nav li.dropdown.active > .dropdown-toggle:hover {color: #fff;}


.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
  right: 0;
  left: auto;}


.navbar .pull-right .dropdown-menu:before, 
.navbar .dropdown-menu.pull-right:before {
  right: 12px;
  left: auto;}


.navbar .pull-right .dropdown-menu:after, 
.navbar .dropdown-menu.pull-right:after {
  right: 13px;
  left: auto;}


.dropup, .dropdown {position: relative;}


.dropdown-toggle {*margin-bottom: -3px;}


.dropdown-toggle:active, .open .dropdown-toggle {outline: 0;}


.dropdown-menu {
  	position: absolute;
  	top: 100%;
  	left: 0;
  	z-index: 1000;
  	display: none;
  	float: left;
  	padding: 5px;
  	margin: 0;
  	list-style: none;
  	background-color: #ccc;
  	*border-right-width: 2px;
  	*border-bottom-width: 2px;
  	-webkit-border-radius: 5px;
  	-moz-border-radius: 5px;
  	border-radius: 5px;
  	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
  	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);}
  




/*
---------------------------------------------
Footer
---------------------------------------------
*/


.breadcrumbs-btm {
	border-top-color: #B9C8DC;
	border-bottom: 1px solid white;
	background: #A6BAD6;
	padding: 8px;
	font: 10px/18px "Trebuchet MS", sans-serif;}
	
.breadcrumbs-btm ul {
	margin: 0 auto;
	color: #fff;
	width: 93%;
	max-width: 1080px;}
	
.breadcrumbs-btm li {
	display: inline}

.breadcrumbs-btm li a {
	color: #355E8F;
	text-decoration: none}

.breadcrumbs-btm li a:hover {text-decoration: underline}

.breadcrumbs-btm .arrow-grey {
	font-family: Consolas;
	margin: 0 2px;
	color: #355E8F;}

.ffooter {
	background: #3c6494; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d8bb6), color-stop(100%,#3c6494)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* IE10+ */
	background: linear-gradient(top,  #6d8bb6 0%,#3c6494 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d8bb6', endColorstr='#3c6494',GradientType=0 ); /* IE6-9 */
	padding-bottom: 20px;}

.footer-columns {
	margin: 0 auto;
	width: 96%;
	max-width: 1130px;
	padding:40px 0 30px 0;
	background: url(/img/bg-footer-left.png) left top no-repeat, url(/img/bg-footer-right.png) right top no-repeat;
	zoom: 1;
	overflow: hidden;
	color: #fff;
	font: 11px "Trebuchet MS", sans-serif;
	}


.footer-column {
	float: left;
	padding: 0 48px;
	border-right: 1px solid #93aecb;
	height: 320px;
	width: 15%}

.footer-column h3 {
	color: #ffffcc;
	text-transform: uppercase;
	padding-bottom: 9px;
	font-size: 12px;
	letter-spacing: 0.1em}

.footer-column.last {border: 0; padding-right: 0}

.footer-column ul {margin-bottom: 20px}

.footer-column li {
	background: url(/img/icon-arrow-footer.png) no-repeat;
	background-position: 3px 6px;
	padding: 1px 0 1px 14px;
	line-height: 1.3em;
	color: #fff;
	text-decoration: none}

.footer-column li a {
	color: #fff;
	text-decoration: none}

.footer-column li a:hover {text-decoration: underline}

.footer-simple {
	max-width:1080px;
	width: 92%;
	border-top: 1px solid #7e99b9;
	border-bottom: 1px solid #7e99b9;
	padding: 10px;
	margin: 0 auto;
	overflow: hidden;
	color: #fff;
	font: 11px/40px "Trebuchet MS", sans-serif;}
	
.footer-column li.rss {
	background: url(/img/icon-rss.png) no-repeat;
	padding: 0 0 8px 25px}
	
.footer-column li.facebook {
	background: url(/img/icon-facebook.png) no-repeat;
	padding: 0 0 8px 25px}
	
.footer-column li.twitter {
	background: url(/img/icon-twitter.png) no-repeat;
	padding: 0 0 8px 25px}

.footer-column li.youtube {
	background: url(/img/icon-youtube.png) no-repeat;
	padding: 0 0 8px 25px}

.footer-column li.pinterest {
	background: url(/img/icon-pinterest.png) no-repeat;
	padding: 0 0 8px 25px}

a.logo-text {
	display: block;
	background: url(/img/logo-simple-footer.png) no-repeat;
	background-position: 0 0;
	color: #fff;
	font: 12px/1.0 DINRegular, "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	padding-left: 75px;
	height: 40px;
	text-decoration: none;
	line-height: 40px;
	float: left}
	
.copyright {
	float: right;}
	
.copyright li {
	display: inline;
	border-right: 1px solid #6e8cb0;
	padding: 0 5px 0 3px}

.copyright li a {color: #fff; text-decoration: none}

.copyright li a:hover {text-decoration: underline}

.copyright li.last {border: 0}





/*
---------------------------------------------
IE styles
---------------------------------------------
*/


.ie9 .navbar .nav > li > a, .ie8 .navbar .nav > li > a, .ie7 .navbar .nav > li > a {
  	font: 10px/1.0 "Trebuchet MS", sans-serif;
  	font-weight: bold}
  	


/*
---------------------------------------------
Media @ 960px
---------------------------------------------
*/


@media screen and (max-width: 962px) {

#container .navbar .nav > li > a {
	font-size: 11px;
	padding: 12px;}
	
#container .navbar-inner {
	min-height: 35px;}

.right {
	clear: both;
	float: none;
	width: 95%; 
	margin: 0 auto;
	padding-top: 10px;
	border-top: 1px dashed #ccc }

#content {
	margin-right: 0;
	border: 0}

ul.nav li.dropdown:hover ul.dropdown-menu, .navbar .nav > li > a.search, a.logo-text, .footer-columns, #global-container, #container .navbar .nav > li > .search  {display: none;}


.sm-database-search input[type=text] {
	height: 31px;
	margin: 0;
	width: 50%} 

.footer-simple {border: 0}

.copyright {
	float: left;}

.copyright ul {
	line-height: 25px;
	margin-top: 10px} 

.copyright li {
	display: block;
	border: 0}

.form input[type=text], .form textarea, .form select {width: 100%}

#content-record  {
	margin:0;
	border-right: 0;
	padding: 0}

.tab-container {width: 370px}
.main {margin-left: 445px; }

.nav-tabs > li {padding: 0 8px}
	
#content .leftcol {width:auto; float:none;}
#content .rightcol {width:auto; float:none; }

.dates select {width: auto; margin-bottom: 0}


}







/*
---------------------------------------------
Media @ 768px
---------------------------------------------
*/



@media (max-width: 768px) {

body {
	background: none;
	background-color: #fff}

select {width: 100%;}

#container {
	position: relative;
	background: none;
	margin-top: 20px}


.ubheader {
	height: 44px;
	background: url(/img/bg-header-mobile.png) repeat-x;
	border: 0}

.ublogo {
	background: url(/img/ub-logo-mobile.png) no-repeat center;
	width:42px;
	height: 21px;
	margin: auto}
	
.ubheader .inner {
	width: 100%;
	margin: 0;
	padding: 12px 0 0 0}

.home-min {
	z-index: auto;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);}

.home-min .inner {
	margin: 0 auto;
	width: 100%;
	max-width: auto}
	
.home-min h1 {
	padding-left: 15px}
		
.breadcrumbs, .global, #suggestions, .utilities, .tab-info .title, .carousel {display: none}


.nav-unit {
	display: block;
	width: 100%;
	margin: 25px 0 10px 0;}

.nav-tabs > li {padding: 0 8px}

#content h3 {
	font: 16px/24px DINRegular, "Trebuchet MS", sans-serif;}

.main {margin-left: 0}


#container .navbar, .unit {display: none}

#content input[type=text]::-webkit-input-placeholder {
   color: #fff; 
   font: 0 georgia, serif;}
   
#content input[type=text]:-moz-placeholder {
   color: #959595; 
   font: 0 georgia, serif;}

.callout-box, .callout-box-center {margin: 0}


.db-desc {width: 100%}

.db-access, .db-text {float: left}

.db-access {padding-left: 0; margin-right: 10px}

.tab-container {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: 0;
	margin: 15px 5px 10px 5px;
	padding: 0;
	margin-right: 20px;
	width: 95%;
	min-height: inherit}

#content {
	margin: 0;
	padding: 5px 0 0 0;
	clear: both}
	
#content .find-box {
	margin:0;
	clear: both;
	width: auto}

	
.search-container {margin-top: 4px}


.right, .left {display: none}

.unit-desc li {
	display: block;
	padding: 0;
	border: 0;}

.unit-desc {
	width: 100%;
	min-height: inherit;
	margin: 0;
	background: none;
	padding: 0;
	overflow: visible;
	border-top: 1px dashed #ccc;
	padding-top: 20px}
	
.unit-desc h2 {font: 20px/20px DINRegular, "Trebuchet MS", sans-serif;}

.tab-container input[type="text"] {margin-bottom: 0}
.ie8 .tab-container, .ie7 .tab-container {border: 0}
.search-button {margin-top: 10px}


#content .callout-box-center input[type=text] {margin-bottom: 15px}

/****** Left Column ******/

.left-home {
	border-top: 1px dashed #ccc;
	width: 100%;
	margin: 20px 0 0 2px;
	padding: 20px 0 0 0}




/****** List Styles ******/

#content ul.page-list  {margin: 0 5px}
#content .page-list li {padding-right: 0}




/****** Forms ******/

.search-box input[type=text] {
	margin-bottom: 10px;
	display: block}

.search-box {margin-top: 3px}




/****** Tabs ******/

.js .tinynav {
	display: block;
	width: 100%;
	margin: 5px 0;}

.js .tabs-group { display: none }
 
.tabs {
	padding-top: 10px;
	clear: both}




/****** Global Navigation @ 768 - Twitter Bootstrap ******/

.navbar .nav > li > a {font-size: 13px}
	
.navbar {margin-bottom: 0;}

.navbar-fixed-top {
    position: static;
    margin-bottom: 0; }
    
.navbar-fixed-top .navbar-inner {padding: 5px;}

.navbar .container {
    width: auto;
    padding: 0;}

.navbar .brand {
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;}

.nav-collapse {clear: both;}

.nav-collapse .nav {
    float: none;
    margin: 0;
    padding: 15px 10px;
    z-index: 1}
       
.nav-collapse .nav > li {float: none;}

.nav-collapse .nav > li > a {margin-bottom: 0;}

.nav-collapse .nav > .divider-vertical {display: none;}

.nav-collapse .nav .nav-header {
    color: #999999;
    text-shadow: none;}
        
.nav-collapse .nav > li > a {
    padding: 6px 15px;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: none;
    display: block;
    float: none;
    text-decoration: none}
            
.nav-collapse .btn {
   	padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}


ul.nav li.dropdown:hover ul.dropdown-menu{display: none;}

a.menu:after, .dropdown-toggle:after {content: none;}

.find, .accounts, .help, .help, .libraries, .about, .ask {border:0;}

.nav-collapse .dropdown-menu li + li a {margin-bottom: 2px;}

.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover {background-color: #222;}
    
.nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;}
  
.nav-collapse .dropdown-menu {display: none;}
  
.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after {display: none;}

.nav-collapse .dropdown-menu .divider {display: none;}

.navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;}
    
.nav-collapse,.nav-collapse.collapse {
    height: 0;
    overflow: hidden;
    background-color: #2c2c2c;
    width: 100%;}
    
.navbar .btn-navbar {
    display: block;
    padding: 4px 10px}

.navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;}


.hide-box {
	display:block;
	position: absolute;
	right: 50px;
	top: 11px;}

.search-min small {
	font: 10px/1.2em DINRegular, "Trebuchet MS", sans-serif;
	padding-bottom: 5px;
	display: block;}

.search-min {
	display: block;
	padding: 15px 0;
	margin-top: 15px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	border: 0;
	border-bottom: 1px dashed #93aecb;
	border-top: 1px dashed #93aecb;}

.search-min input[type=text] {
	width: 95%;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #93aecb;
	height: 31px;
	padding-left: 10px;
	background: url(../img/icon-search-box.png) center left no-repeat;
	background-color: #fff;
	background-position-x: 10px}

.search-min select {width: 100%}

.to-top {
   color: #fff;
   padding: 15px 20px 0 0;
   float: right;
   margin-bottom: -10px;
   font: 11px/1.2em DINRegular, "Trebuchet MS", sans-serif;
   padding-bottom: 5px;
   display: block;
   text-transform: uppercase}

.to-top:hover {color: #fff}


}





	
	
/*
---------------------------------------------
Media @ Print
---------------------------------------------
*/


@media print {

* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  
.navbar-inner, .left, .right, .breadcrumbs-btm, .footer-columns, a.logo-text, .footer-simple, .search-box, .tabs-container, .toolbar, .backtosearch, .nav-unit, .hide-box, .to-top {display: none}

.record h1 {padding-top: 0}

.home {padding: 0; width: 95%; margin: 0 20px;}

#container {
	margin: 0 20px;
	width: 95%;
	background-color: #fff;
	padding: 0}
	
#content {width: 100%; margin: 0; border: 0}

#content-record {width: 100%; margin: 0}

.home h1 {
	font: 24pt/1.0 DINLight, "Trebuchet MS", sans-serif; /* 28px / 16px */
	color: #000;
	margin: 50px 0 0 0}
	
#content h2 {font-size: 18pt}

.print {display: block;}

.ubheader .inner {
	margin: 0;
	width: 95%;
	padding: 0;
	margin: 0 20px;}
	
	
	

}