/* This file is generated by Blacklight. You probably don't want to edit
   this file directly, or you'll have to manually merge your changes if later
   versions of Blacklight change this file. Instead, use your own CSS file
   which over-rides things in this file. Or of course you can choose
   not to use the Blacklight CSS file at all in your local app. */

/* Global */
html {background: #707070;}

/* yui-grids sets text-align:center on body, which ends up centering
   text in our jquery ui dialogs, which we don't actually want, it was
   an accident. */
.ui-dialog-content { text-align: left; }

body {background: url('../../images/blacklight/bg.png') repeat-x top left; font: 0.7em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif; line-height: 1.4; color:#333; margin: 0px; padding: 15px;}

select,input,button,textarea {font: 1em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode MS", Arial, sans-serif;}

strong {font-weight: bold;}
input {padding: .1em;}
label {color:#555; font-weight:bold;}
hr {border:none; height:1px; background-color:#ccc;}

.width100p {width: 100%;}
.left {float: left;}
.right {float: right;}
.clear-left {clear: left;}
.clear-both {clear: both;}
.topDottedBorder {border-top: 1px dotted #ccc;}
.bottomDottedBorder{border-bottom: 1px dotted #ccc;}
.formElement {font: 8pt Verdana, "Arial Unicode MS", Arial, sans-serif;}

/* Links */
a:link, a:visited, a:active {border-bottom: 1px dotted #aaa; color: #2e4f81; text-decoration: none;}
a:hover {color: #029;}

/* Header Container Layout */
#hd {margin: 0em 2em 0 2em; padding: 2em 0 2em 0; }
#hd .yui-g {text-align: right;}
#hd .yui-g .first {text-align: left;}
#doc, #doc2, #doc3, #doc4 {background: #fff url('../../images/blacklight/border.png') repeat-x top left; border-bottom: 2px solid #555; margin: 0px auto;}
/* border-top: 10px solid #548cd8; -moz-border-top-colors: #548cd8 #5188d3 #4e84d0 #4b81cd #497dc9 #457ac6 #4376c2 #4173be #3e71bc #3d6fba; */

/* Body Container Layout */
#bd {padding: 0 2em 2em 2em;}
.yui-t1 #yui-main .yui-b, .yui-t2 #yui-main .yui-b, .yui-t3 #yui-main .yui-b {border-left: 1px dotted #ccc; padding: 1em 0 2em 2em; position: relative;}

/* Left Sidebar Layout */
.sidebar p {padding-top: 2em;}

/* Top Banner */
h1.site_title {background: transparent url('../../images/blacklight/logo.png') no-repeat top left; margin: 2em 0px 0px 1em; height: 35px; width: 120px;}
.first h1 {margin: 0px; padding: 0px;}
h1.site_title a {display:block; height: 35px; width:120px; text-indent: -9999px; overflow: hidden; text-decoration: none; border: 0px;}
h1.site_title a:link, h1.site_title a:visited, h1.site_title a:hover, h1.site_title a:active {border: 0px;}
h2.search {margin:0; display:inline;}

/* Search Box */
#search  {
  text-align: left; 
  font-size: 120%;
  border: 1px solid #AAAAAA;
  border-radius: 4px 4px 0 0;  
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 0.66em;
}
#search #q {width: 200px;}
#search .submit {padding: 0px 0.25em; margin: 0 0.5em; text-transform: capitalize;}
#search h2 {display: none;}
#search hr {display: none; margin:1em 0; margin-top: 2em;}



/* Content */
table.zebra .zebra_stripe, ul.zebra .zebra_stripe {background-color: #F1F5FA;}
th, td {border: 0;}

/* Facets */
#facets {font-size: 93%; padding: 1em 0 0 1em;}
#facets h2 {color: #555;}
#facets h3 {margin-bottom: 0; color:#555; font-weight:normal; text-align:justify; cursor: pointer;}
#facets ul, #facets h3 +div {border-bottom: 1px dotted #ccc; padding-bottom: 1em; margin:0;}
#facets li {list-style:none; margin: .3em 0;}
#facets li a:hover {background-color: #eee;}
#facets li a.remove {color: #666;}
#facets span.selected {color: green;}
#facets li.more_facets_link {text-align: right;}
ul.facet_extended_list { margin:0; clear: both; margin: 1.5em 0 1.5em 0;}
ul.facet_extended_list li {list-style:none; margin: 0.5em 0;}
.facet_extended_list {text-align: left;} /* for our ajaxy dialog to make sure we're overriding the yui global text-align: center */
.facet_extended_list .sort_options {
  text-align: right
}
.facet_extended_list .prev_next_links { float: left; }

/* jquery-ui-like buttonsets, but without actually using jquery-ui */
.facet_extended_list .sort_options .az, .facet_extended_list .sort_options .numeric, .facet_extended_list .next_page, .facet_extended_list .prev_page {
  display: inline-block;
  background: #F6F6F6;  
  border: 1px solid #CCCCCC;
  padding: 0.2em 1em;
  font-weight: bold;
}
.facet_extended_list .next_page, .facet_extended_list .sort_options .numeric {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.facet_extended_list .prev_page, .facet_extended_list .sort_options .az {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
}
.facet_extended_list .prev_next_links .disabled {
  background: none;
  color: gray;
  font-weight: normal;
}
.facet_extended_list .sort_options .disabled {
  /* in this case disabled really means selected */
  background-color: #E2EDFE;
  border:1px solid #C4DAFE;
}
.facet_extended_list .sort_options a:hover, .facet_extended_list .prev_next_links a:hover {
  border: 1px solid #999999; 
  background: #dadada;  
  color: #212121; 
}

/* Solr Query */
.solrQuery {padding: .5em; margin: 2em; background-color:#eee; border: 1px dotted #ccc; font-size:90%;}

/* Page Navigation */
.constraints {margin: 0px; padding: 0px;}

.pagination {
  padding: 0.66em;
  background-color:#F0F0F0;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0 1px 1px 1px;  
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  position: relative; /* to allow abs positioning of buttons inside */
  line-height: 2em;
}

.pagination h2 {display: none;}

.pagination .prev_page {
  position: absolute;
  left: 0;
  margin-left: 0.66em;
  border-bottom: none;  
}
.pagination .next_page {
  position: absolute;
  right: 0;
  margin-right: 0.66em;
  border-bottom: none;
  
}
#results_text {display: none;}


.page_links a, .page_links span {
  margin-right:0.2em;
  padding:0.2em 0.5em;
  text-decoration: none;
  border-bottom: none;
}

.page_links .next_page, .page_links .prev_page {
  /* we show these seperately, but can't get will_paginate to suppress
  them entirely. */
  display: none;
}

.page_links span.current {
background:none repeat scroll 0 0 #2E4F81;
border:1px solid #2E4F81;
color:white;
font-weight:bold;
}
.pagination span.disabled {
    color: #999;
}

.pagination a {
  /* leave room so when we show the box on hover, it won't nudge
     everything all over the place. */
  border: 1px solid transparent;  
}
.pagination a:hover, .pagination a:focus {
  border:1px solid #000033;
  text-decoration:none;
}

.page_links {
  /* centering, taking account of absolutely positioned right/left buttons*/  
  margin-right: 8em;
  margin-left: 8em;
  text-align: center;
}

.pageEntriesInfo {
  background-color:#F0F0F0;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 1px 1px 0 1px;
  -moz-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
  padding: 0.66em;
  position:relative; /* so the absolutely positioned startOverLink does right */
  text-align: center;
}

#startOverLink{display:block; position:absolute; top:50%; right:0.66em; margin-top:-12px; padding:0 7px 3px 12px; line-height:22px; text-decoration:none; color:#fff; background:url(../../images/blacklight/start_over.gif) no-repeat center center; border-bottom: none;}


#sortAndPerPage {
  background-color: #F0F0F0;
  padding: 0.66em;
  border-style: solid;
  border-color: #AAAAAA;
  border-width: 0 1px 1px 1px;
}
#sortAndPerPage label {
  font-weight: normal;
}

#previousNextDocument { /* on item detail page, under paging info */
  padding: 0.66em;
  background-color: #F0F0F0;
  border: 1px solid #AAAAAA;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  margin-bottom: 1.5em;
  overflow: auto; /* to make it expand to hold floated children */
}

#previousNextDocument .next {
  float: right;
}

/* 'Document functions', Bookmark/Folder. Appear on both results/index and 
   detail/show views. */
.documentFunctions { float: right; margin-left: 1em; margin-bottom: 0.5em;}
.documentFunctions .folder_toggle, .documentFunctions .bookmark_toggle { display: inline; }
label.toggle_bookmark, label.toggle_folder {
  /* the ajaxy checkbox for toggle */
  display: inline-block;
  min-width: 8.5em;
  text-align: left;
  font-weight: inherit;
  color: inherit;
}
label.toggle_folder { min-width: 6em; }
label.checked { font-weight: bold; }


/* Search Results */
.document {padding: 0.5em 0 0 0; background-color: #fff; border-bottom: 1px dotted #ccc; clear: both;}

#documents {background-color: #eee; color: #333; margin-top: 1.5em; margin-bottom: 1.5em; }
#documents .documentHeader {background-color: #fff; padding: 0px;}


#documents .per_page {padding-right: 5px;}

/* Result List (http://www.quirksmode.org/css/clearing.html) */
h3.index_title { margin: 0px; padding: 0px; }

dl {margin: 0px; padding: 0px;}
dl.defList {overflow: auto; padding: 0.5em 0; clear: both}
dl.defList dt {float:left; text-align: right; width: 20%; clear: both; color: #888; margin: 0; padding: 2px 1em 2px 0px;}
dl.defList dd {float: left; text-align: left; margin: 0; padding: 2px 0; width: 450px;}

/* Individual Result Listing */
#document {margin-top: 1em;}
#document h1 {margin: 0px; padding: 0px 0px 1em 0px;}
#marc_view {padding:5px; text-align:left;}
#marc_view .ind1, #marc_view .ind2 {padding:0 5px; display:inline;}
#marc_view .tag_ind {float:left;}
#marc_view .subfields {padding-left:5em;}
#marc_view .field {clear:both; border-bottom:1px solid #CCCCCC;}
#librarian_view{top:10%;left:-17%;text-align:left;width:700px;} /* Lightbox element */

/* Search History */
.search_history .query > a {
  display: block;
  border-bottom: none;
}
.search_history .constraint {
  display: block;
  text-indent: -2em;
  padding-left: 2em;
}

.search_history .constraint .search {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.search_history td {
  vertical-align: top; 
}

.search_history .filterName, .search_history .label {
  color: gray; 
}
.search_history .constraint {
    margin-right: 2em;
}
.search_history .constraint:last-child {
  margin-right: 0;
}

/* FORMS */
form div.row label {float:left; width:120px; text-align:right; margin-right: .5em;}
form div.row {clear:both; margin-bottom:.5em;}
form div.row.submit {margin-left:130px;}
form.per_page {float:right;}
form.sort {display:inline;}
textarea {width:30em; height:15em;}

.fieldWithErrors {display:inline;}
.fieldWithErrors label {color:darkred;}

/* Show Tools */
ul.tools {margin: 0px; padding: 0px;}
ul.tools li {display: inline; margin: 0 10px;}

/* Folder Tools */
ul.folderTools {
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #F0F0F0;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    margin: 0;
    padding: 0.66em;
}
ul.folderTools li {
  display: inline-block;
  margin: 0 10px;
}
ul.folderTools li form { display: inline; }
ul.folderTools li.refworks form input.submit{display:none;}
/*ul.folderTools {float:left;list-style-type: none; margin: 0 0 10px; padding:0;}
ul.folderTools li {float:left; padding:0 20px 0 0;}
ul.folderTools li.refworks form input.submit{display:none;}*/


/* Lightbox */
.lightboxTitle {background-color: #cccccc; width: 100%; color: black;}
.lightboxBack {float:right;}
#lightboxContainer {position:absolute; top:0; left:0; right:0; bottom:0; width:99.9%; height:99.9%; background-color:#000000; opacity: 0.6; filter:alpha(opacity=60); text-align:center; z-index:9;}
#lightboxContent, .lightboxContent {position:absolute; display:block; background-color:#EFEFEF; border: 3px solid #DEDEDE; top: 25%; left:25%; width:50%; height:auto; padding-bottom:10px; text-align:center; opacity: 1.0; filter:alpha(opacity=100); z-index:10;}

/* Tag Cloud */
.tagCloud1 {font-size: 1.0em;}
.tagCloud2 {font-size: 1.2em;}
.tagCloud3 {font-size: 1.4em;}
.tagCloud4 {font-size: 1.6em;}
#userBookmarks div{}

#login form {margin-bottom:1em;}

.error, .notice, .errorExplanation { padding:1em; margin-bottom:1em;}
.error, .notice { }
.error, .errorExplanation { }
.notice { }

/* IE 6 Adjustments */
* html #hd .yui-g .yui-u {margin-top: -5em;}
* html #hd .yui-g .first {margin-top: 2em;}
* html #search {left: -1.8em;}

/********** PRINT ***********/
@media print {
	html {background: #fff;}
	body {background: none; padding: 0px;}
	#hd {margin: 0; padding: 0 0 2em 0;}
	.yui-u.first {margin: 2em 0px 0px 0px;}
	#doc, #doc2, #doc1, #doc4 {width: 100%; margin: 0; padding: 0; background: none; border: 0px;}
	#bd {padding: 0;}
	#yui-main {position: relative; width: 100%;}
	#yui-main .yui-b {border-left: 1px dotted #ccc; padding: 2em 0 2em 1em; position: relative; margin-left: 150px;}
	.yui-b {float: none; width: 130px;}
	.yui-b p {padding-top: 2em;}
	#facets {padding: 1em 0 0 0;}
	.solrQuery {display: none;}
	/* IE 6 Adjustments */
	* html #yui-main .yui-b {position: absolute; top: 0px; left: 0px;}
	* html #search {position: absolute; top: -4em; left: 1em;}
	* html #documents {width: 75%;}
}

/* search constraints/filter block */
/* ========================
Search Parameters
======================== */
  /* current search criteria are rendered right under search box, and appear
   as part of same section. */
#appliedParams {
  background-color: #F0F0F0;
  border-right: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-bottom: 1px solid #AAAAAA;
  padding: 1em 0.66em 0em 1em;
  border-radius:0 0 4px 4px;  
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  margin-bottom: 1.5em;
}

#appliedParams .label {
  /* just here for screen-readers, attributes copied from Jquery-ui 
     .ui-helper-hidden-accessible */
  position: absolute;
  left: -100000000px;
}

/* but don't hide it on show page, where there is no actual search box. */
.show #appliedParams .label {
  position: static;
  margin-top: 0;
}
.show #appliedParams {
  /* it's the top, give it a top border with corners */
  border-top: 1px solid #AAAAAA;
  border-radius:4px 4px 4px 4px;  
  -moz-border-radius:4px 4px 4px 4px;
  -webkit-border-radius:4px 4px 4px 4px;
}

.appliedFilter {
  position: relative;
  display:inline-block;
  padding:3px 3px 3px 1.5em; 
  margin-bottom: 0.66em;
  margin-right: 0.33em;
  background:#e2edfe;  
  border:1px solid #c4dafe;
  -moz-border-radius:15px 15px 15px 15px;
  -webkit-border-radius:15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
}
.appliedFilter .btnRemove{
  display:block;
  position:absolute; 
  z-index:5; 
  right:0px; 
  top:0; 
  width:32px;
  height:100%; 
  background:url(../../images/blacklight/remove.gif) no-repeat center center; 
  border-left:1px solid #d0daea;
  border-bottom: none;
  text-indent:-99999px; /* text there for screen readers, hidden visually */
  outline: none; /* the screen reader text indent above will make weird outlines on link clicking, unless we turn em off. */
}
.appliedFilter .btnRemove:active, .appliedFilter .btnRemove:focus {
  /* we took outline away above; add a border instead, for accesibility
     so someone tabbing to the link knows what link is active */
  border: 1px dotted #FFD27A;
}

.appliedFilter .queryName, .appliedFilter .filterName {
  /* ">" image */ 
  padding-right:14px; 
  background:url(../../images/blacklight/separator.gif) no-repeat right center;
}

.filterValue {
  padding-right:37px; /* leave room for close button */ 
}





.hide {display:none}

/* local implementations may define styles for open + closed "twiddles", e.g. disclosure triangles */ 
.twiddle { }
.twiddle-open { }