/* Heritage Online Styles

See Readme.txt for a list of the different stylesheets used. */

/* --- main styles for all pages */
/*
use of #content before a, h1 etc because these could also be defined differently for the skin
*/
#content{margin:0px 20px 10px 25px; font-size:0.9em;}
#zzcontent caption {display: none; text-align: left}
#zzcontent a {color:#603098; background-color: white}
#zzcontent h1, #zzcontent h2, #zzcontent .textarea {background-color: white; color: #603098}
#zzcontent a:hover {color: black; background-color: white; text-decoration: underline}
#zzcontent form {padding: 15px}
#zzcontent h1 {font-size: 1.5em; line-height: 1.3em; padding: 0 0 0 0; clear: both}
#zzcontent h2 {font-size: 1.15em; }
#zzcontent .textarea {font-size: 0.9em; line-height: 1.2em; padding: 0.5em 1em}
#zzcontent .textarea p {margin: 1em 0}
.centre {margin: 0 auto; text-align: center}
.printonly {display: none}
.error {color: red; background-color: white}
.message {}

.bodytext, #subscribe, #journal_list, #search, #howto_search, #subjectsearch, #results{margin: -20px 25px 25px 25px}

.warning {color: red; background-color: white; font-size: 0.8em}
.usercount {font-size: 0.9em}
.smalltext {font-size: 0.6em}

.buttons {clear: both; padding: 0.4em 0}
.buttonscentre {}
.buttonsright {}
.button{width:6em; text-align:center}
.clear {clear: both; margin: 0; padding: 0; font-size: 0.01em}
.nodisplay {display: none}
.reserveform {display: inline; margin: 15px}

 /* --- styles for any special instructions on each page*/
#instructionssrchadv1, #instructionssrchadv2, #instructionssrchgen1, #instructionssrchgen2, #instructionsfull,
#instructionsbrief, #instructionsemail1, #instructionsemail2, #instructionsseealso {display: none}
#instructionspreview, #instructionsemailresults {clear: both; font-size: 0.8em; padding-bottom: 0.5em}


/* --- styles for the general search data entry and field selection */

.gensrchinput, .searchheading {background-color: white; color: #6c6388}
#gensrchbox {width: 100%; border: none}
#gensrchbox .srchbox {font-size: 0.9em; padding: 0.1em; width: 60%}
#gensrchbox label {font-size: 1.2em; font-weight: bold}
.gensrchinput {float: left; width: 100%; margin-bottom: 1em}
.gensearchbuttons {float: right}
#ysearchautocomplete0 label {color: #6c6388; font-weight:bold}
#ysearchcontainer0 .ysearchquery {position:absolute;right:10px;color:#808080;z-index:10;}

/* --- advanced search page styles*/

#search {float: left; clear: left}
#searchfields {border: none}
#searchfields td {padding: 0.2em 0}
label, legend{width:10em; text-align:right; padding-right:1em; color:#603098; background-color:#ffffff}
legend {font-weight:bold}
.fieldselect, .mediumselect {width:10em}
.journalselect, .searchinput {width:15em}
.booleanselect, .journallabel {width:7em}
.booleanselect, .fieldselect, .mediumselect, .searchinput {width: 90%}
.searchbox, .booleanbox, .mediumbox, .fieldbox{}
.booleanbox {width:7em}
.searchtable {padding: 5px; vertical-align: bottom; width: 100%}
.searchheading th{text-align:left; font-size: 1.15em; font-weight: bold}

/* Subject search styles (CBA system only) */
#subjectlist ul {list-style:none; line-height:1.3em; padding-left:3em}
#subjectlist ul ul {padding-left:3em}
/*#subjectlist ul ul ul {padding-left:6em}*/


/* --- styles for the results format selection box, output selection, email selection, date range input, SDI subject selection*/
.display-select legend, .label, .radiolabel, .rangelabel, .logintext {background-color: white; color:#603098}
.display-select {padding: 0px 0 10px 10px; clear: both; width: auto; margin: 0.5em 0 0 0}
.display-select legend {padding: 1px 10px}
.inputset br {clear: both; }
.inputset {padding: 0.8em 0 0 0}
.checkbox {margin:1px}
.radiolabel, .rangelabel, .label, .singleselect, .emailaddinput, .rangeinput, .emaillabel {font-size: 0.9em}
.display-select legend, .radiolabel, .rangelabel, .label, .emaillabel {font-weight: bold}
.label {width: 8em; float: left; text-align: right; margin: 0 0.7em .7em 0}
.emaillabel {width: 8em; float: left; text-align: right; margin: 0 0.7em .7em 0; color: #6b618c}
.radio {margin: 0 .5em 0em 1em}
.rangeinput {text-align: right}
.shortinput {width: 4em}
.singleselect, .emailaddinput {font-size: 0.9em}
.singleselect, .longinput {width: 25em}
.multiselect {width: 30em; height: 10em}
.noborder {
	border: double;
	background-color: #cccbe1;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.emessagetext {height: 15em; width: 26em}
.addrmessagetext {
	 width: 95%; height: 7em; padding: 10px 10px 0 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;
	 background-color: #b1acd7;
}
.logintext {float: left; width: 60%; font-size: 0.9em; line-height: 1.2em; padding: 1em}
.logintext p {margin: 1em 0}
.login {float: right; width: 30%}
.loginmsgid  {color:salmon; font-size:smaller}


/* --- results pages styles (and circ tables too)*/
/*
need to define some entries under #content e.g. a and a: hover, because they are already defined differently above under the same id
This has been done so that they do not conflict with the entries in the skin which could come from the site
styles
*/
#resultstable {clear:both; margin-top:20px}
.full td    {vertical-align: top; padding-bottom:2em}
.frowno     {font-size: 120%; font-weight: bold; vertical-align: top; width: 4em}
.flabel     {font-weight: bold; white-space: nowrap}
.fdatam     {}
.fdatas     {font-size: 92%}
.cba_title {Background-color: #ccccff; color: #000; font-weight:bold}

.cba_italic {font-style:italic}

.highlight {background-color:#ffff00; color:black; }
a .highlight {text-decoration:underline}
/*colour definitions first, other properties defined later on*/
 table.faccs, table.full{color:black; background-color:white}
 table.brief {color: black; background-color: #ffffee}
.flabel, .rdtdataover, .rdtdata, tr.rdhirowover, #content tr.rdhirowover a {color: black; background-color: white; }
/* colours for selected items in full display (different background color from brief display) */
.full .rdtdataover, .full .rdtdata{color:black; background-color:white}
#content .rdtdata a, #content .rdtdataover a {color: navy; background-color: #ffffee}



/* selected rows etc */
.rdtdatasel, #content .rdtdatasel a {color: #ffff5f; background-color: #a2b0ff; }
/* colour when a selected highlighted row is deselected is rdtdataover (see above for default colour definition) */
.rdtdataover {}
/* colour when an item is overdue */
tr.rdhirow, #content tr.rdhirow a {color: red; background-color: #ffffee}
/* colour when a row is select (in reader info/circ) */
tr.rdhirowsel, #content tr.rdhirowsel a {color: #f8f8f8; background-color: white}
/* colour when a selected row is deselected (defined above by default)*/
tr.rdhirowover, #content tr.rdhirowover a {}

.rdtheadnon {
	background:white;
	border-bottom:0px;
	border-right:0px;
	border-top:0px;
}
.rdcheckboxnon {
	background:white;
	border-bottom:0px;
	border-right:0px;
	border-top:0px;

}
table.rdcirc {font-size: 0.9em; width: 100%; vertical-align: top; border:0px}



.nohits, .hits {float: left; padding: 0.2em 0 0.5em 0; font-weight: bold; width: 10em}
.nohits {color: maroon; background-color: white}
.hits {color: green; background-color: white}
#resultstable, #baskettable {clear: both}
table.full, table.faccs, table.brief {font-size: 0.9em; width: 100%; vertical-align: top; margin-top:1em}
.full td, .brief td {padding: 0.3em; vertical-align: top; }
/*.rdtdata td, .rdtdatasel td, .rdtdataover td {padding: .3em 0.2em .3em 0.2em}*/
#resultstable .bRowNo, #baskettable .bRowNo {text-align: center; vertical-align: middle}
#resultstable .bHeadM, #resultstable .bRowNo {background-color: silver; color: black}
#baskettable .bHeadM, #baskettable .bRowNo {background-color: #fffacd; color: black}
.bHeadS {font-size: 0.8em}
.bDataS {font-size: 0.8em}
.bCheck {vertical-align: middle; text-align: center; color: black; background-color: #eeffff}
.fLabel {font-style: italic; font-size: 0.9em}
.faccs th {text-align: left; font-weight: normal}
.fDataM {}
td.marctag {color: navy; font-weight: bold}
td.marcind {color: gray}
td.marctxt {}
.marcsub   {color: green}
.selimg {border: none}

#seealso {padding: 20px}

/*footer for the previous and next buttons on the results */
#footernav {float: right; margin: 5px 0; text-align: right; font-size: 0.8em}
#footernav a {text-decoration: none}
#footernav a:hover {text-decoration: underline; background-color: white; color: black}

/* end of results pages styles */

/* --- circulation and reader information pages*/
#circdata {width: 100%}
#circinfo {clear: both; width: 100%; padding-bottom: 5px}
#readerdets {border: 2px solid #999999; float: left; height: 5em; width: 20em; margin: 10px 0; padding: 5px; background-color: #eeeeee; color: black}
#circwarnings {float: right; width: 15em; text-align: right; margin: 10px 0}
#tabbar {float: left; width: 100%; background: url(../images/tab_background.gif) repeat-x bottom; font-size: 0.9em; line-height: normal; clear: both; margin: 0}
#tabbar ul {margin: 0; padding: 0px; list-style: none; width: 100%}
#tabbar li {float: left; background: url("../images/tab_left.gif") no-repeat left top; margin: 0; padding: 0 0 0 11px}
#tabbar a, #tabbar span {display: block; Float: left; background: url("../images/tab_right.gif") no-repeat right top; padding: 5px 15px 4px 4px; text-decoration: none; background-color: white; color: #999999; font-weight: bold}
.circbuttonmsg {padding: 0 3px; font-size: 0.8em}

/* Commented backslash Hack hides rule from IE5-Mac \*/
 #tabbar a, #tabbar span {float: none}
/* End of IE5 Mac Hack */

#tabbar a:hover {color: #111111; background-color: white}
li#tabcurrent {background-image: url("../images/tab_left_current.gif")}
li#tabcurrent span {background-image: url("../images/tab_right_current.gif"); background-color: white; color: black; font-weight: bold; padding-bottom: 5px}
#circsel {padding-top: 1em; background-color: #f3f3f3; line-height: 1.4em; clear: both; color: black; border-color: #999999; border-left-style: solid; border-right-style: solid; border-width: 1px; border-top: none; border-bottom: none}
#circsel label {padding: 0 0.5em 0 1em; color: black; background-color: #f3f3f3; font-size: 0.9em; font-weight: bold}
#circtable {padding: 10px 5px 15px 5px; background-color: #f3f3f3; border-color: #999999; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-width: 1px; border-top: none; color: black; clear: both; font-size: 0.8em}
#circtable td {padding: 0.2em}
#circinstructions {display: none}
.circinput {width: 100%}
.inputdate {width: 6em}
.rdcheckbox {text-align: center}
.rdcheckboxnon { background-color:#FFFFFF}
.rdcheckboxnon input {visibility:hidden}

/* confirmation box for renewals, reservations etc */
#circtitle {background-color: #afafef; color: white; font-size: 1.2em; line-height: 1.5em}
.msgbox br {line-height: 0.5em}
.msgboxblcorner {background: url(../images/blc.gif) 0 100% no-repeat; width: 100%; background-color: #afafef; color: black}
.msgboxbrcorner {background: url(../images/brc.gif) 100% 100% no-repeat}
.msgboxtlcorner {background: url(../images/tlc.gif) 0 0 no-repeat}
.msgboxtrcorner {background: url(../images/trc.gif) 100% 0 no-repeat; padding: 1em}
.circmsg {padding: 0.5em 1em 1em 1em; font-size: 0.8em; background-color: #afafef; color: black}
.circmsgid {color:gray; font-size:smaller}
.itemdetails2 {margin-bottom: 1em;  font-weight: bold;}
.itemdetails2 td {padding-right:1.2em;}

/* temporary for circulation buttons to work */
.leftedge {float: left; margin-left: 0px; width: 4px; height: 30px}
.buttondata {padding: 5px; font-size: 83%; float: left; height: 30px}
.rightedge {float: left; width: 4px; height: 30px;}

/* end of circulation and reader information styles */

td.rdwarn1 {white-space: nowrap; background-color: #ff9999; text-align: right; padding: 0 10px 0 20px; color: black}
td.rdwarn2 {font-weight: bold; background-color: #ffdddd; padding: 0 10px 0 20px; color: black}
tr.rdthead {background-color: #d0e0f0; color: black}


/* --- help page button tables */
table.help {border: 0; padding-bottom: 20px;}
tr.imagerow {padding: 20px}
td.image {width: 45px; vertical-align: top; padding-top: 12px}
td.imagelabel {width: 90px; vertical-align: top; font-weight: bold; padding-top: 17px; padding-right: 10px;}
td.desc {vertical-align: top; padding-top: 17px}


/* --- help page tables 2 */
table.help2 {border: 0; padding-bottom: 20px;}
tr.help2 {padding: 20px}
td.help2col1 {width: 120px; vertical-align: top; padding-top: 20px}
td.help2col2 {vertical-align: top; padding-top: 20px}


/* --- help page graphics */
.helpgraphic {float: left; width: 320px; margin-right: 10px; margin-top: 0; margin-bottom: 20px; padding: 0px 0px 0px 0px}
.floattext {float: none; margin-top: 0; margin-bottom: 20px; padding: 0px 0px 0px 0px}
.floatstop {clear: both}


/* --- help page inline graphics */
img.inline {vertical-align: middle}

/* adminpage styles
.admin_status, .admin_logs{font-size:.9em}
.admin_status{margin-top:2em}
.admin_status table{width:100%}
.admin_status div{margin-top:.5em; clear:both}
.admin_status em{font-weight:bold; color:black;}
.admin_status span{width:30%; color:black; display:block; float:left; padding:.1em; margin:.1em}

.admin_logs{clear:both; margin-top: 2em}
.admin_logs div{margin-top:.5em; clear:both}
.admin_logs td{padding:.2em}

.admin_users
.admin_users{margin-top:2em}
.admin_users ol{margin:0;padding: 0 1.5em;}
.admin_users table{font: 0.8em Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;color:black;border:1px solid #8483a0;border-collapse:collapse;	width:92%;}
.admin_users thead th{background-color:#b6cde1;	padding:1em 0.8em .5em; border-top:1px solid black; border-bottom:1px solid black; color:white; font-size:120%; text-align:left;}
.admin_users td, th{border-color:#8483a0;padding:.5em 1em;}*/

.admin-row {float: left; position: relative; width: 100%; height: 1.5em;}
.admin_row_hdg {float: left;  position: relative; top: 0; width: 10em; padding: 0 0 0 2em;}
.admin_form {float: left; top: 0; width: 3.5em; height: 1.5em;}
.admin_input {float: left;  position: relative; top: 0; position: relative; top: 0;}
.admin_button {float: left;  position: absolute; top: 0; left: 0;}
.admin_clear {clear: left;}

.status_header div {width: 250px; float:left;}

#userstable {
	font: 1em Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:black;
	border:1px solid #8483a0;
	border-collapse:collapse;
	width:50em;
}
#userstable td {font: 0.8em Arial, "Lucida Grande", Tahoma, Helvetica, sans-serif;}
#userstable th {
	background-color:#b6cde1;
	padding:1em 0.8em .5em;
 	border-top:0.7px solid black;
 	border-bottom:1px solid black;
	color:white;
	font-size:120%;
 	text-align:left;
}
#userstable td, th {padding:.5em 1em;}

/* issue data formatting */
.LastItem {
   margin: 20px 0 10px 0;
	border-style: solid;
	padding: 0.4em;
	border-color: black;
	font-size: small;
	border-width: thin;
	background-color: #FFFFE0;
}


.LastItem td {
   margin: 20px 0 10px 0;
	padding-right: 2em;
	background-color: #FFFFE0;
}
.LastItem tr.LastItemTitle {
   font-size: large;
   font-weight: bold;
}

.resvfinishmsg {
color: #6C6388;
font-size:105%;
font-weight:bold;
}