/*----------------------------------------------------------------------------*/
/*--- custom.css -------------------------------------------------------------*/
/*----Last updated 28/08/10 MW -----------------------------------------------*/
/*----------------------------------------------------------------------------*/

body {
  background-color: #555555; /* #777777 for fixed width */
  margin: 0px;
}

/*#wrapper {
  margin: 0px auto;
  padding: 0px;
  width: 960px;
}*/

/*----------------------------------------------------------------------------*/
/*--- Header -----------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*--- Dark grey header background and gradient -------------------------------*/
.header_container {
  background-color: #4F4F4F;
  background-image: url(/WebCat_Images/Dstyle/headerbkgd.jpg);
  background-position: top left;
  border-bottom: none;
}

/*--- Padding/margins of TALIS logo container --------------------------------*/
.branding_container {
  margin: 0px;
  padding: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

/*--- 'Login to TALIS' button ------------------------------------------------*/
.login_button,
.login_button:focus {
  background-color: #2175A8;
  background-image: url(/WebCat_Images/Dstyle/bluebutton.jpg);
  border: 1px solid #063D70;
  color: #FFFFFF;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  margin-right: 3px;
  z-index: 500;
}

.login_container {
  color: #EEEEEE;
}

select:focus, textarea:focus {
  background-color:#FFEEDD;
}

input[type="text"]:focus, input[type="password"]:focus {
 border:1px solid #FFCD7F;
 background-color:#FFEEDD;
}

/*--- Other buttons ----------------------------------------------------------*/
input[type="button"], input[type="file"] input[type="button"]  {
  background-color: #2175A8;
  background-image: url(/WebCat_Images/Dstyle/bluebutton.jpg);
  border: 1px solid #063D70;
  color: #FFFFFF;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  padding: 2px;
  margin-right: 4px;
}

.button, .formButton {
  background-color: #2175A8;
  background-image: url(/WebCat_Images/Dstyle/bluebutton.jpg);
  border: 1px solid #063D70;
  color: #FFFFFF;
  font-size: 1.1em;
  letter-spacing: 0.1em;
  padding: 2px;
  margin-right: 4px;
}

/*--- Blue library title bar in header ---------------------------------------*/
.branding_subheading {
  background-color: #2174A7;
  background-image: url(/WebCat_Images/Dstyle/libtitlebkgd.jpg);
  color: #FFFFFF;
  margin: 0px;
  padding: 4px 0px;
  width: 100%;
  /*width: 951px;*/ /* width of wrapper minus left and right padding */
  z-index: 0;
}

.branding_title {
  padding-left: 9px;
}

/*----------------------------------------------------------------------------*/
/*--- Navigation bars --------------------------------------------------------*/
/*----------------------------------------------------------------------------*/

/*--- Orange navigation bar --------------------------------------------------*/
.header_menu_container {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
  background-color: #FF9900;
  background-image: url(/WebCat_Images/Dstyle/linksbarbkgd.jpg);
  background-position: bottom left;
  padding: 0px;
  text-align: left;
}

/*--- Links within orange navigation bar (e.g. Search/Home, My Account) ------*/
.header_menu_container .menu_link a {
  background-color: #FFD8AF;
  background-image: none;
  background-position: bottom left;
  border: 1px solid #777777;
  color: #333333;
  float: none;
  font-weight: bold;
  line-height: 28px;
  padding: 3px 6px;
}

/*--- Hover state of links within orange navigation bar ----------------------*/
.header_menu_container a:hover {
  background-color: #FF9900;
  background-image: url(/WebCat_Images/Dstyle/tabbkgd.gif);
  background-position: bottom left;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  text-decoration: none;
}

/*--- Black navigation bar ---------------------------------------------------*/
.secondary_header_menu_container {
  background-color: #333333;
  background-image: none;
  border-top: none;
  border-bottom: none;
  color: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

/*--- Content  ---------------------------------------------------------------*/
.heading , h3,
.quick_search h3 {
  border-bottom: 1px solid #FFCD7F;
  font-family: "Trebuchet MS";
  text-align: left;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  width: 100%;
}

.content_container {
  background-color: #FEFEFE;
  border: 1px solid #FEFEFE;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-box-shadow: 2px 2px 4px #777777;
  -webkit-box-shadow: 2px 2px 4px #777777;
  box-shadow: 2px 2px 4px #777777;
  padding: 0px;
  margin: 14px 11px;
}

.columns_container {
  background-color: #78B1CE;
  /*min-height: 540px;*/
}

ul.search_fields li {
  padding-bottom: 8px;
}

ul.search_fields label {
  padding-right: 8px;
  padding-top: 0.5em;
  text-align: right;
  width: 20em;
}

ul#browse_search label {
  text-align: left;
  width: 7em;
}

ul#callnum_search label {
  text-align: left;
  width: 12em;
}

.top_edge,
.bottom_edge,
.left_edge,
.right_edge,
.top_left,
.top_right,
.bottom_left,
.bottom_right {
  display: none;
}

.bottom_buttons {
  border-top: none;
}

.most_popular li {
  list-style-type: none;
}

/*--- Kept (Saved) List ------------------------------------------------------*/
.kept_list_options li {
  padding-bottom: 8px;
}

.kept_list_options label {
  padding-right: 10px;
}

.print_kept_records pre {
  font-size:8pt;
}

/*--- Formatting of item information for each record -------------------------*/
li#detail_enrichment {
  margin: 0px;
  padding: 0px;
}

.item_details {
  margin-top: 0px;
  padding-top: 0px;
}

.bibinfo {
  font-size: 1.5em;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 0px;
}

table#display_holdings_table {
  margin: 0px;
  padding: 0px;
}

table#display_holdings_table caption {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 6px;
  text-align: left;
}
table td.holdingslist {
  padding: 6px 4px;
  text-align: left;
}

table th.accountheader,
table th.holdingsheader {
  font-weight: bold;
  margin: 0px;
  padding: 4px;
  background-color: #D3E8F3;
  background-image: none;
  text-align: left;
}

li#detail_marc_record dl dd.viewmarctags {
  width: 80%;
}

li#detail_marc_record dt {
  width: 11em;
}

/*--- Search results hit list ------------------------------------------------*/
.hit_list_form {
}

.hit_list {
}

.hit_list li {
}

.browse_list ul li {
  width: 100%;
}

.browse_list dl,
.browse_list dt,
.browse_list dd {
  margin: 0px;
  padding: 0px;
}

.call_num_details {
  margin-top: 14px;
}

.call_num_list .searchsummary,
.browse_list .searchsummary {
  background-image: none;
  border-bottom: 1px solid #D3E8F3;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 0px;
}

.searchsummary {
  background-image: none;
  border-bottom: 1px solid #D3E8F3;
  border-left: 1px solid #D3E8F3;
  border-right: 1px solid #D3E8F3;
  border-top: 1px solid #D3E8F3;
  padding: 4px;
  text-align: left;
}

.searchsum_container_bottom {
  background-image: none;
  border-bottom: 1px solid #D3E8F3;
  border-left: 1px solid #D3E8F3;
  border-right: 1px solid #D3E8F3;
  padding: 4px !important;
  text-align: left;
}

.searchsummary_pagination {
  border-bottom: 1px solid #D3E8F3;
  border-left: 1px solid #D3E8F3;
  border-right: 1px solid #D3E8F3;
  padding: 4px;
  text-align: left;
}

.hit_list_buttons {
  border-bottom: 1px solid #D3E8F3;
  border-left: 1px solid #D3E8F3;
  border-right: 1px solid #D3E8F3;
  padding: 4px !important;
}

.hit_list_buttons input {
}

.hit_list_row {
  background-image: none;
  border-bottom: 1px solid #D3E8F3;
  border-left:1px solid #D3E8F3;
  border-right:1px solid #D3E8F3;
}

.hit_list_row li {
}

.hit_list form {
}

li.hit_list_row_left {
  width: 11em;
}

li.hit_list_item_info {
  width: 70%;
}

ul.hit_list dd.title {
  font-size: 1.1em;
}

ul.hit_list dd.author {
  font-weight: bold;
}

li.hit_list_number {
  font-weight: bold;
}

/*--- Custom buttons ---------------------------------------------------------*/

li.hit_list_details a,
li.hit_list_hold a,
li.hit_list_keepremove a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  display: block;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  text-decoration: none;
  width: 9em;
}

li.hit_list_details a:hover,
li.hit_list_hold a:hover,
li.hit_list_keepremove a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

#keep_all_button.button {
  background-color: #D3E8F3;
  background-image: none;
  border: 1px solid #063D70;
  color: #063D70;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  text-decoration: none;
  width: 21em;
}

#keep_all_button.button:hover {
  background-color: #FF9900;
  background-image: none;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

/* Custom hold button on item record screen */
.hold_button_cst a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  float: right;
  font-size: 0.7em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin: 0px;
  padding: 2px 6px 2px 6px;
  text-decoration: none;
}

.hold_button_cst a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
}

.searchcontent a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  display: block;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  text-decoration: none;
  width: 18em;
}

.searchcontent a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

li.whats_hot_more a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  width: 9em;
}

li.whats_hot_more a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

.more_fav_btn a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-bottom: 6px;
  margin-top: 6px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  width: 20em;
}

.more_fav_btn a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

.publishing_date {
  float: right;
  font-weight: bold;
}

#sortresults a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  display: block;
  float: right;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin-top: -25px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: center;
  text-decoration: none;
  width: 9em;
}

#sortresults a:hover {
  background-color: #FF9900;
  background-image: none;
  border: 1px solid #FF7700;
  color: #FFFFFF;
  text-decoration: none;
}

/*--- Custom styles for saved list (kept) viewing/printing page --------------*/

.kept_screen pre {
  font-size: 1.4em;
}

#savedlist-printbtn a {
  background-color: #D3E8F3;
  border: 1px solid #063D70;
  color: #063D70;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin: 0px;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
}

#savedlist-printbtn a:hover {
  background-color: #FF9900;
  border: 1px solid #FF7700;
  color: #FFFFFF;
}

#savedlist-printinstruct {
  font-size: 1.1em;
  margin-top: 15px;
}

.account_details {
  font-size: 1.1em;
}

.account_details th,
.account_details td {
  text-align: left;
  margin: 0px;
  padding: 6px 0px 6px 0px;
}

.account_details th,
.accountheader {
  background-color: #D3E8F3 !important;
  background-image: none !important;
}

.bills_panel strong,
.bookings_panel .strong,
.charges_panel strong,
.holds_panel strong,
.requests_panel strong,
.summary_panel strong {
  background-color: #FFFFFF;
  font-size: 1.1em;
  margin-top: 10px;
}

.bills_panel table strong,
.charges_panel table strong,
.holds_panel table strong {
  font-size: 1em;
}

.bills_panel .amount {
  float: right;
}

li#detail_item_information table td.holdingsheader {
  background-color: #D3E8F3;
  font-weight: bold;
  padding: 4px;
}

li#detail_item_information table th.holdingslist,
li#detail_item_information table td.holdingslist {
  text-align: left;
}

li#detail_item_information table th.holdingslist {
  width: 18em;
}

ul.tabs_container {
  border-bottom: 1px solid #D3E8F3;
  margin: 0px;
  padding-bottom: 6px;
}

ul.tabs_container li {
  background-color: #EEEEEE;
  color: #333333;
  margin: 0px 2px 0px 0px;
  padding: 6px;
}

ul.tabs_container li:hover {
  background-color: #FF9900;
  color: #FFFFFF;
  margin: 0px 2px 0px 0px;
  padding: 6px;
}

ul.tabs_container li.selected_tab,
ul.tabs_container li.selected_tab:hover {
  background-color: #D3E8F3;
  color: #333333;
  margin: 0px 2px 0px 0px;
  padding: 6px;
}

/* place hold screen - volume listing */
#holdform ul li ul li ul li label {
  width: 80%;
}

/*--- Footer -----------------------------------------------------------------*/
.footer_container {
  background-color:#333333;
  background-image: none;
  background-position: top left;
  border-top: 1px solid #555555;
  border-bottom: none;
  color: #AAAAAA;
}

.footer_container a {
  color: #FEFEFE;
}

/*--- Invoice -----------------------------------------------------------------*/
#invoice {
	background-color:#FAFAFA;
	font-family:Verdana, Arial;
}

#inv_department {

  font-weight: bold;
}

#inv_agency {
  
}

#inv_url {
	
}

.inv_small {
	font-size: x-small;
}
.inv_large {
	font-weight:bold;
	font-size: large;
}

#inv_right {
	text-align: right;
}

/*------- Syndetics (by catherine) ---------------------------------------------------- */

.syn_title {
    padding: 5px;
    background-color: rgb(211, 232, 243);
    text-align: left;
    font-weight: bold;
}

/*------- Online User Registration (by catherine) ---------------------------------------------------- */

.termsbackground {
	position: fixed;
	left: 0px;
    z-index: 22;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    text-align: left;
}

.termstext {
	position: absolute;
	top: 20%;
	left: 40%;
    background-color: white;
    text-align: left;
    padding: 2%;
	
}

.termstext p {
	padding: 10px;
}

.content_container.oureg_form a {
	padding: 7px 10px;
    border: 1px solid #ababab;
    background-color: #fdfdfd;
	background-image: none;
    margin-left: 10px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: #444;
}

.content_container.oureg_form a:hover {
	cursor: hand; cursor: pointer;
}

/* ------------ QR Codes (Catherine) ------------------------------ */
#qr {
	width: 120px;
	font-size: 8pt;
	float: right;
}