/*
2002/12/11 FiZ Created
2004/10/18 TJS Modified for accessibility changes
2005/02/08 GB  Modified site_logo position from relative to absolute (PRL 9434)
2005/02/14 GB  PRL 9462 - Modified leftnavbar styles (removed text-indent), site_logo (position left=-05.em).
               and leftnavcol (text-indent replaced with padding-left), and added .menu-button and menu-top.
2005/03/24 TS  Reduced width on leftnavcol from 160px to 141px to match menu.glu
2005/04/14 GB  Changed width on leftnavcol back to 160px (PRL 9797)
2006/01/11 TJS Added zero-margin to form tag (PRL11223)
2006/02/02 TJS Corrected comment syntax (PRL11325)
2006/02/13 GB  Corrected syntax on recnavlinks lines
2006/05/23 GB  PRL 11715: added buttontxt class.
2006/10/10 GB  PRL 12058: added site_logo2 class
2008/09/17 GB  OLB-9050: added olib_hitlist_item_odd/even styles.
2009/02/10 CG  OLB-8020: Work on making the pages pass HTML 4 validation.
2009/02/19 FiZ Lots of style changes throughout for the Plantaganet release.
2009/03/10 TJS OLB-9512: Added formbutton classes for text-based for translatability
2009/05/20 GB  OLB-9512: Changed detail-action to float: center so that Reserve a copy on details is centred instead of right-aligned.
                         Added prevnxtbutton and noprevnxtbutton to control formatting of Previous and Next buttons on the hitlist.
2010/02/18 GB  OLB-9952: Added td.tabcolname.
2011/01/06 GB  OLB-11198/OLB-11200 - added .rgtbar_header and #div-tidetails-main/rgrbar/clear
=================== OLIB 9.0 SP5 Developments ===================================
RSD-0500-OLIB12828  20/11/13  GB  OLB-12937 / OLB-13047 - Added Basket hitlist classes, imgoffleft and details_tab_ratingsxxx, and modified bresmfld, setres_avcal and seldesel_lnk
============= OLIB 9.0 SP7 Developments =========================================
30/03/15  GB  OLB-13467 - Added ui-datepicker styles
=================================================================================
*/

form { margin: 0; }

html, body, td { font-family: "Arial Unicode MS", Arial, Helvetica, Verdana, sans-serif; }

body {
  font-size: 101.1%;
  border: 0;
  margin: 0;
  padding: 0;
  background-color: #FFF;
  color: #000;
  margin:0 10px;
}

a:link, a:visited { color: #034ea2; }
a:hover { color: #f60; }
a:active { color: #034ea2; }
a:visited:hover { color: #f60; }

td.workpage {
	vertical-align: top;
}
table.pagelayout
{
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
table.menu_table
{
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
	width: 141px;
	height: 100%;
}
table.mainpagetable
{
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}
form.DockableSearchField
{
	margin: 0;
	padding: 0;
	border: 0;
}
table.mainheadingtable
{
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 40px;
}
td.rightbodycol
{
	border: 0;
	padding: 0;
	margin: 0;
}
td
{
  font-size: 1em;
}


h1
{
  font-size: 1.4em;
  font-weight:  bold;
  color: #000;
}

h2
{
  font-size: 1.2em;
  font-weight:  bold;
  color: #333;
}


th
{
  font-weight: bold;
	font-size: 10pt;
  padding-right: 2px;
}

.boxinner th
{
/* font-size: 10pt; */
color: #718AAC;
}


.boxborder
{
  background-color: #F9F9F9;
  border: 1px solid #C3C3C3;
  padding: 10px;
}

.results-nav-bottom div table{ float: right; width: auto; }

.box
{
  overflow: hidden;  /* Needs float fix */
}

.boxinner
{
background-color: #fefefe;
}


.datafname
{
	font-weight: bold;
	background-color: #b3c1ca;
	vertical-align: top;
}


.datafnametwo
{
	font-weight: bold;
	background-color: #C7D6E0;
	vertical-align: top;
}

.dateformat
{
  font-weight: bold;
	font-style: italic;
	color: darkorange;
	font-size: 9pt;
	
}



.subbutton
{
background-color: #006699;
color: white;
font-weight: bold;
border: 0;
}

.mainheading
{
/* background-color: #D9E1E5; */
}


.footer
{
  background-color: #d4dee4;
}


.formfieldz
{
  font-weight: bold; 
  color: #000;
}


.formfieldztwo
{
  font-weight: bold;
	font-size: 0.85em; 
  color: #666;
}

/* Alternative LOCATION text displays (just swap display:none between them) */

span.location { font-weight: bold; font-style: italic; font-size: 12pt; color: #5c8896; text-indent: 5px; display: none; }
div.location { margin: 0 10px 0 0; color: #b0b9bc; font-size:0.9em; text-align:left;}

.navbar {}


.navbarseparator
{
    background-color: #ffffff;
}



.recnavlinks, .pagenavlinks
{
  font-size: 0.85em;
}


.resultsbright
{
  color: #cc3300;
	font-weight: bold;
}


/* additions for 2005 devs */

a img {
	border: 0px;
	vertical-align: middle;
}

.button { /* Styling for Netscape 4.7 (avoid padding/borders as they make an element into a block) */
	white-space: nowrap;
	font-size: 0.85em;
	text-decoration: none;
	color: black;
}

.buttontxt { /* Styling for Netscape 4.7 (avoid padding/borders as they make an element into a block) */
	white-space: nowrap;
	font-size: 0.85em;
	text-decoration: none;
	color: black;
}

.buttontxt img { padding-left: 5px; } /* Spacer for images in links */

.menudivider {
	background-color: #0404a0;
	white-space: nowrap;
	font-size: 14px;
	text-decoration: none;
  font-weight:  bold;
	color: white;
  width: 140px;
}


.menu_top table td.menu_button {
  background: url(icons/b_background.gif) no-repeat right top;
  padding: 0;
  width: 140px;
  height: 21px;
  font-size: 0.9em;
  text-align: center;
  color: #666;
}

.rgtbar_header {
  background: url(icons/rgtbar_header.jpg) no-repeat center top;
  padding: 0;
  width: 215px;
  height: 21px;
  font-size: 1.1em;
  text-align: center;
  color: #666;
}


.leftnavcol
{
  width: 150px;
  vertical-align: top;
}

.GoButton {
	background-color: #c0c040;
	color: white;
	white-space: nowrap;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
  font-weight:  bold;
  padding-right: 0.7em;
  padding-left: 0.7em;
}
	
.ReviewButton {
	background-color: #00AA00;
	color: white;
	white-space: nowrap;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
  font-weight:  bold;
  padding-right: 0.7em;
  padding-left: 0.7em;
}

.site_logo {
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 0px;
}

.site_logo2 {
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 0px;
}

.menu_button {}

.menu_top {}

.olib_hitlist_item_odd
{
    background-color: #f9f9f9;
}

.olib_hitlist_item_even
{
    background-color: white;
}

@media print
{
	body
	{
		background: #fff !important;
	}
	.leftnavcol, table.mainheadingtable, td.editsearchbutton, .hideprint
	{
		display: none;
	}
}


.rightbodycol {
  font-size: 80%;
}


/* Top Search */

td.top-search {
  vertical-align: middle;
  text-align: right;
  width: 100%;
  padding-right: 10px;
  white-space: nowrap;
}

td.top-search input { vertical-align: middle; }
td.top-search #top-keyword { width: 15em; }



/* Results */ 

.hit-number strong {
  font-weight: normal;
}

/* Result options bar  Number of hits */

p.number-of-hits { font-size: 0.9em; }
p.number-of-hits font { font-weight: bold; font-size: 1em; }


/* Results & Details Pagination */

.details-nav-top,
.results-nav-top,
.results-nav-bottom {  background-color: #efefef; }

.details-nav-top div.boxborder,
.results-nav-top div.boxborder,
.results-nav-bottom div.boxborder { padding: 2px 5px; border-width: 0; }

.details-nav-top div table,
.results-nav-top div table,
.results-nav-bottom div table{ float: right; width: auto; }

.details-nav-top *,
.results-nav-top *,
.results-nav-bottom * { background: none; }


/* Results Extra Info */

span.extras {
  /* display: block; margin-top: -0.7em; */
  line-height: 1.9em;
  font-size: 0.9em;
}

span.extras i { font-style: normal; color: #666; }


/* Results table Padding */

.hitlist-alt td,
.hitlist-title td {
  padding: 5px 3px;
}



/* Details Page */

.show-details td { padding: 3px; }
.details-nav-top td { padding: 0; padding-left: 0.5em; }
.details-nav-top table p { margin: 0; }
.detail-action { float: center; }

/* Location Profile */
.opentimes td { padding: 0px; font-size: 0.9em; padding-right: 0.5em; }

/* Item Title */

.show-details .resultsbright { color: black; }


/* Basket hitlist */
.bresfname {
  width: 15%;
  background-color: transparent;
  border-top: 1px solid #EEE;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
  text-align: left;
}

.bresfld {
  width: 85%;
  background-color: transparent;
  border-top: 1px solid #EEE;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
  text-align: left;
}

.bresmfld input {
  background-color: #FFF0F0;
//  border-top: 1px solid #EEE;
  border: 3px ridge red;
  style: sunken;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
  text-align: left;
}

.bresbcell {
  width: 15%;
  background-color: transparent;
  border-top: 1px solid #EEE;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
  text-align: left;
  text-valign: center;
}

.setres_avcal {
  position: absolute;
  top: 19%;
  bottom: 25%;
  right: 9999px;
  left: -19999px;
  z-index: +10;
  background-color: rgb(192, 217, 239);
  border-right: 2px solid;
  border-bottom: 3px solid;
  border-color: #808080;
  border-radius: 5px;
  padding: 7px;
  padding: 7px;
//  opacity: 0.9;
  overflow: auto;
}
.avcal_tcell {
  background-color: transparent;
  font-weight: bold;
  text-align: left;
  text-valign: center;
}

.avcal_hcell {
  background-color: transparent;
  border: 1px solid;
  font-weight: bold;
  text-align: center;
  text-valign: center;
}

.avcal_ncell {
  background-color: white;
  font-weight: bold;
  color: #666;
  text-align: center;
  text-valign: center;
}

.avcal_lcell {
  background-color: white;
  font-weight: normal;
  color: #666;
  text-align: center;
  text-valign: center;
}

.avcal_bcell {
  background-color: transparent;
  font-weight: normal;
  color: #666;
  text-align: center;
  text-valign: center;
}

.seldesel_lnk {
//  font-size: 10px;
  text-decoration: underline;
}

.seldesel_lnk:hover {
  cursor: pointer;
  text-decoration: none;
}

/* Fieldname */
.show-details td.datafname {
  width: 18%;
  background-color: transparent;
  border-top: 1px solid #EEE;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
  text-align: left;
}

.show-details .title-details {
	float: left;
}

.show-details .title-mediatype-details {
	float: right;
	font-weight: normal;
}

/* Left Hand Navigation */

.menu_top table { font-size: 1em; /* margin-top:10px; */ width:140px; }
.menu_top table td { text-align:left; padding:0;}
.menu_top table td br {display:none;}
.menu_top table td a br {display:block;}
.menu_top a {font-size:0.7em}
.menu_top a:link,.menu_top a:visited,.menu_top a:hover{display:block;border-top:1px dotted #eeeeee;line-height:120%;margin:0;padding:3px 10px;text-decoration:none; width:120px;}
.menu_top a:hover{background-color:#f9f9f8}


/* Footer */

.footer-con {
  vertical-align: bottom;
  font-size:0.85em;
}

div.copyright {
  text-align:right;
  font-size:0.85em;
  padding-right: 65px;
  line-height: 32px;
  height: 32px;
  vertical-align: middle;
  background: url(icons/oclclogo.gif) no-repeat right top;
  margin-top: 10px;
}


/* Important Announcement */

div.message {
  color: #C00;
  border: 1px solid #C00;
  background-color: #FFC;
  padding: 5px;
  margin-bottom:10px;
  font-style: normal;
  font-weight: normal;
}


/* Shopping Cart */

#headerlinks { white-space: nowrap; }

#shoppinglink { margin-right: 10px; font-size: 0.9em; }
a#shoppinglink { text-decoration:none !important; }
a#shoppinglink img {padding-left:5px; vertical-align:top;}

.imgoffleft {
  display: none;
}

.basketoptions { text-align: right; }

.fauxpointer:hover { cursor: pointer; }

.formbutton1 {
  background: url(icons/go_bg.gif);
  border: 1px solid blue;
  padding: 0;
  background-color: red;
  color: white;
}

.formbutton2 {
  background: url(icons/reset_bg.gif);
  border: 1px solid #333;
  padding: 0;
  background-color: red;
  color: black;
}

.prevnxtbutton {
  border: 1px;
  background-color: #efefef;
  color: #034EA2;
}

.noprevnxtbutton {
  color: #B0B9BC;
}

td.tabcolname
{
  vertical-align: top;
  background-color: transparent;
  border-top: 1px solid #EEE;
  font-weight: normal;
  color: #666;
  padding-right: 10px;
}

#div-tidetails-main {
 float: left;
 width: 80%;
}
#div-tidetails-rgtbar {
 float: right;
 width: 19%;
 padding-left: 10px;
}
#div-tidetails-clear {
 clear: both;
}


.details_tab_rating_msg {
   float: left;
}

.details_tab_rating_stars {
   float: left;
}

.details_tab_rating_star1 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarGrey.png");
   float: left;
}

.details_tab_rating_star2 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarGrey.png");
   float: left;
}

.details_tab_rating_star3 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarGrey.png");
   float: left;
}

.details_tab_rating_star4 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarGrey.png");
   float: left;
}

.details_tab_rating_star5 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarGrey.png");
   float: left;
}

.details_tab_rating_bin {
   width: 21px;
   height: 21px;
   background-image: url("icons/DustbinLow.png");
   float: left;
}

.details_tab_rating_starr1 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarRed.png");
   float: left;
}

.details_tab_rating_starr2 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarRed.png");
   float: left;
}

.details_tab_rating_starr3 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarRed.png");
   float: left;
}

.details_tab_rating_starr4 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarRed.png");
   float: left;
}

.details_tab_rating_starr5 {
   width: 21px;
   height: 21px;
   background-image: url("icons/RatingStarRed.png");
   float: left;
}

.ratingStarOld1 {
   display: none;
   background-image: url("icons/RatingStarRed.png");
}

.ratingStarOld2 {
   display: none;
   background-image: url("icons/RatingStarRed.png");
}

.ratingStarOld3 {
   display: none;
   background-image: url("icons/RatingStarRed.png");
}

.ratingStarOld4 {
   display: none;
   background-image: url("icons/RatingStarRed.png");
}

.ratingStarOld5 {
   display: none;
   background-image: url("icons/RatingStarRed.png");
}

/* Datepicker 1.10.2 - http://jqueryui.com/datepicker/ */
/* move the prev/next buttons - they ship one above the other and are unusable as they move when hovered */
a.ui-datepicker-prev {
  float: left; /* place the prev button on the left of the widget - same line as the month */
}
a.ui-datepicker-next {
  float: right; /* place the next button on the right of the widget */
}
a[title=Prev]:hover,
a[title=Next]:hover {
  border: none;  /* stops the hovering over the prev/next buttons from affecting the rest of the dialogue */
}
.ui-datepicker-title {
  text-align: center;
  font-size: 0.8em;  /* Otherwise "September" is placed on the line below the prev/next buttons */
}
/* Por Nova Informática Ltda */
.bluetext {
font-weight: semi-bold;
color: blue;
}
/* Por Nova Informatica Ltda */
.redtext {
  font-weight: bold;
  color: red;
}