/*********************************************************************

	Enter here any styles that should override the information in 
	xerxes-blue.css file, or define your own for elements not
	included in the distributed files

**********************************************************************/

/* @import url("/javascript/jquery/css/jquery-ui-1.8.16.custom.css") */

@import url("books.css"); 

#hd-banner {
       background-color: #336699;
       padding: 20px;
       padding-bottom: 2px;
       /* overflow: hidden; */
       float: left;
       width: 96%;
}

#hd-banner form {
	float: left;
}

#hd-banner .raised-box {
	margin-top: 1em;
	background-color: white;
}

#hd-banner-link {
      color: #fff;
      font-weight: bold;
     font-size: 150%;
     font-family: Arial, Helvetica, sans-serif;
     text-decoration: none;
}

#hd-banner ul li {
	list-style: none;
	display: inline;
	margin-left: 1.5em;
}

#hd-banner ul li a {
	color: white;
}

#hd-banner ul li a:link, a:visited, a:active {text-decoration: none}

/* #hd-banner ul li a:hover {font-size: 105%} */

#banner-logo{
	float:right;
	width: 300px;
	height: 100px;
	margin-right: 10px;
	padding-bottom: 10px;
}

/* static pages  */

.active {
	color: green;
}
.inactive {
	color: red;
}

table.institutions, table.institutions th, table.institutions td {
	border: 1px solid #aaa;
	margin: 5px;
	padding: 5px;
}

.slogan {
	font-size: 110%;
	font-style: italic;
	color: #333;
}

#inform25 ul, #about ul {
	margin-left: 10px;
}
#inform25 li, #about li {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 5px;
	padding-bottom: 5px;
}
#inform25 li ul li{
	list-style-type: square;
}

#faq dl {
}

#faq dt {
	clear: both;
	float: left;
	font-weight: bold;
	width: 14em;
	text-align: right;
	color: #444;
	margin-bottom: .5em;
	display: block;
}
#faq dd {
	clear: left;
	margin-left: 15em;
	margin-bottom: .5em;
	display: block;
}
#faq ul, #faq li {
	list-style-type: disc;
	list-style-position: inside;
	color: #336699;
	padding-top: 5px;
	padding-bottom: 5px;
}
#faq li span {
  color: black;
}
/* index for faq page */
ul#index li{
	list-style-type: square;
	padding: 0 0 0 0;
}
ul#index li a:hover {
	text-decoration: none;
}

#contact-form { 
	width: 600px; 
	margin-top: 25px; 
} 
#contact-form input, #contact-form textarea { 
	padding: 5px; 
	width: 471px; 
	font-size: 110%; 
	margin: 0px 0px 10px 0px; 
	border: 2px solid #ccc; 
} 
#contact-form textarea { 
	height: 110px; 
} 
#contact-form textarea:focus, #contact-form input:focus { 
	border: 2px solid #900; 
} 
#contact-form input.submit-button { 
	width: 100px; 
	float: right; 
} 
#contact-form label { 
	float: left; 
	text-align: right; 
	margin-right: 15px; 
	width: 100px; 
	padding-top: 5px; 
	font-size: 110%; 
}

/* experimental additions for pazpar2 */

/* info boxes for flashMessages */

/* borrowed from http://css.dzone.com/news/css-message-boxes-different-me */
.info-box, .success-box, .warning-box, .error-box {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    /* float with a bit of grey shadow */
    -moz-box-shadow:    1px 1px 5px 6px #ccc;
    -webkit-box-shadow: 1px 1px 5px 6px #ccc;
    box-shadow:         1px 1px 5px 6px #ccc;
}

.info-box {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}

.success-box {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/success.png');
}

.warning-box {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}

.error-box {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png')
}

/* Options pages */

.title {
	font-weight: bold;
}
.set-option{
	margin-top: 1em;
}

#button-column input{
	margin: 1em 1em 0.5em 1em;
}

#tabnav .tabs-hit { 
    font-size: 85%; 
    padding-left: .5em; 
} 

#tabnav { 
    float: left; 
    width: 99%; 
    line-height: normal; 
    background: #fff url("../images/tabs/bg.png") repeat-x bottom; 
    padding-left: 10px; 
    margin-right: 10px; 
} 

#tabnav ul { 
    margin: 0; padding: 10px 10px 0; 
    list-style: none; 
} 

#tabnav li { 
    float: left; 
    background: url("../images/tabs/left.png") no-repeat left top; 
    margin: 0; 
    padding: 0 0 0 9px; 
}

#tabnav a { 
    display:block; 
    background: url("../images/tabs/right.png") no-repeat right top; 
    padding: 5px 15px 4px 6px; 
    padding: 10px 18px 9px 7px; 
    text-decoration: none; 
    font-weight: bold; 
    color: #444; 
} 

#tabnav a:hover { 
    color: #333; 
} 

#tabnav .here { 
    background-image: url("../images/tabs/left_on.png"); 
} 

#tabnav .here a { 
    background-image: url("../images/tabs/right_on.png"); 
    color: #333; 
    padding-bottom: 10px; 
}



/* Optional external links */
li.hidden {
    display: none;
}

#tabnav {
    background: url("../images/tabs/bg.png") repeat-x scroll center bottom #FFFFFF;
    float: left;
    line-height: normal;
    margin-right: 10px;
    padding-left: 10px;
    width: 99%;
}

#tabnav .here {
    background-image: url("../images/tabs/left_on.png");
}

/* library page */

h2 {
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#map-attribution{
	font-size: 70%;
}

.heading{
	font-weight: bold;
}
/* Search results */

.tabs .results-pager{
    float: right;
    position: relative;
    margin-top: -40px;
    margin-bottom: 0;
}


/* new short record field */

.results-edition {
    display: block;
    margin-bottom: 0.35em;
}

/* de-emphasize language */
.results-language {
    color: #777777;
}

/* float bookcover and record-summary side by side */
.book-record-cover {
    float: left;
}

#record-summary {
    float: left;
}

.holdings-table {
	margin-bottom: 1em;
}

button#holdings-toggle{
	margin: 1em 0 1em 4em;
}

/* shrink box for related searches */
.sidebar .box {
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.sidebar {
	margin: 0.5em;
}

/* for additional target status column on right of results page */

.status {
    float: right;
    display: block;
    width: 25%;
    background-color: white;
}
.status li span.working {
    color: #FFAC00; /* amber */
    color: black;
}

.status li span.failed {
    color: red;
}
/** progress bar */

div#progress_container {
    border: 6px double #ccc;
    width: 200px;
    margin-top: 15px;
    padding: 0;
    float: left;
}
div#progress{ 
    color: #FFF;
    background-color: #FF8D40;
    height: 12px;
    padding-bottom: 2px;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    line-height: 1.2em;
}

#terminator {
    margin-left: 5px;
    margin-top: 15px;
    float:left;
}

/** RESULTS **/

/* allow for target status width of 25%  - disabled after first user feedback */
/* #results-block{
    width: 70%; 
}
*/

#pz2sort {
	margin-bottom: 2em;
}

/* include pager in sort bar */
/* pager */

#pz2sort  .results-pager {
	float: right;
	margin-top: 0;
        margin-bottom: 0;
        text-align: center;
}
#pz2sort  .results-pager-list {
    display: inline; 
    padding: .5em; 
    border: 0; 
    background-color: #EEE; 
} 

#pz2sort  .results-pager li { 
	display: inline; 
	padding: .3em; 
	background-image: none; 
} 
#pz2sort  .results-pager-next { 
	padding-left: 2em; 
}


.results-title {
	font-weight: bold;
    color: #003333; 
}

.results-holdings ul {
  margin-top: 0.5em;
  list-style-type: square;
}
.results-holdings li {
	list-style: square;
	margin-left: 3em;
}
.region-targets ul {
    margin-top: 1em;
    margin-left: 2em;
}
.region-targets li {
    margin-left: 2em;
}
.region-targets .title {
    font-family: Arial, Helvetica, sans-serif;
    color: #003366;
    margin: 1em 1em 1em 1em; /* left margin does nothing; why? */
    font-size: 110%;
    font-weight: bold;
}
.region-targets input {
    margin-right: 1em;
}
.subjectDatabaseInfo a{
    margin-left: 1em;
}

/* record page */
table.holdings-table{
	table-layout: fixed;
}