/* Applied to all desktop browsers  */
body {
	margin:0px;
	padding:0px;
	min-width: 1000px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	border-left:1px #6c8794 solid;
	border-right: 1px #6c8794 solid;
	font-family:Verdana,Geneva,Tahoma,Arial,sans-serif;font-size:0.75em;color:#000;
}

/* Header: On top on all pages */
#ctl00_PanelHeader {
	margin-top:0px;
	margin-left:0px;
	border-bottom:1px #c2c2c2 solid;
	background:url(imgs/logo-bg.gif) repeat-x; 	/* Behind logo  */
	background-position:bottom;
	background-color: #F1EFF0;
	width: 100%;
	position: relative;
}

/* Main conteantarea */
#content {
	background-color: #ffffff;
}

/* Main-Text: The text on all pages goes here */
#main-text {
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

#ctl00_PanelHeader .logotext	{color:#666666;font-weight:bold;text-align: center;margin-top: 0px;margin-bottom: 0px;font-size: 2.8em;height: 100%;display: table;}

/* Default link color entire website */
a{color:#0052af;text-decoration:underline}
a:hover{color:red;text-decoration:none}

/* CP */
.cp{padding:8px 10px;}

/* SearchBox on frontpage */
input.search{width:100%;border:1px #6b6b6b solid;white-space:nowrap;background:#fff url(imgs/search-input-bg.gif)}
input.searchBTN{font-size:90%;}
div.divrss{margin-left:3%;}
.linksBox{background:#f0f0f0;width:31%;margin-right: 3%;float: left;}
.linksBox div.LinkListHeader {
    background:#f6f6f6 url(imgs/lml1.gif);
    border-bottom:1px #c2c2c2 solid;
    border-top:1px #c2c2c2 solid;
    padding:3px;
    margin: 0px;
    font-weight:bold;
}

.linksBox a 
{
   display: block;
   overflow: hidden;
   margin-bottom: -10px; 
}

.FrontSearch 
{
    PADDING-RIGHT:13px;
    DISPLAY:block;
    PADDING-LEFT:13px;
    BACKGROUND:url(imgs/search-bg.gif);
    BORDER:#a7a7a7 1px solid;
    PADDING-TOP:21px;
    PADDING-BOTTOM:13px;
    width: 96%;
}


/* Special conditions where we do not want link underlined */
.no_underline_link{text-decoration:none;}

/* Footer: Used on all pages */
.footer {
	border-bottom:3px #c6c6c6 solid;
	padding:6px;
	text-align:right;
	background:#e6e6e6;
	font-size:smaller;
}

/* Footer: link color */
#footer a{color:#000;}

/* Top navigation bar */
#topmenu {
	height:24px;
	width:100%;
	background:#f6f6f6 url(imgs/lml1.gif);
	border-bottom:1px #c2c2c2 solid;
	white-space:nowrap;
}

#topmenu a{
	white-space:nowrap;
	text-decoration: underline;
	margin-right:10px;
	font-size:small;
}

.statusbar
{
    padding-top:4px;
    float:right;
}

.flags {
    margin-top:2px;
    margin-right:20px;
}

h2 {font: bold 15px arial, sans-serif;margin: 20px 0 0 0;clear: both;border-bottom: 1px solid #a3aab7;}

/* This is used to remove space around paragraphs in many situations */
p.nomargin {
	margin:0px;
}

/* Make room  */
.imagemargin {
	margin-right:5px;
    border:none;
}

/* Make room for arrows on detail view  */
.detailarrow {
	margin-right:5px;
	margin-left:5px;
}

/* Make room  */
.imageBorder {
    border-color:#000000;
    border-style:solid;
}

/* Margin for tabs on search and detailed page */
.tabmargin {
    margin-left:5px;
}

/* Detail row, alternate colors  */
.marc_record_row_one { background-color:#ffffff}
.marc_record_row_two { background-color:#f4faff}

/* Common background */
.bg {
	border: 1px solid #ccc;
	padding: 5px;	
}

.bgOk {
	background-color:#C0FFC0;
	border: 1px solid #ccc;
	padding: 5px;	
}

/* Headline red used on frontpage only */
.nicered {
	color:#C00000;
	margin-left:10px;
}

/* Box for simple search filter */
#searchfilterbox {
	float:right;
	width:200px;
}

/* Used when expanding the shopping basket*/
.shoppingBasket {
    background-color: #E6E6E6;
}

#center{border-left:1px #e7e7e7 solid;padding:4px;}

/* Icon location used for search */
.seIcon{position:absolute;}

.padrigth{PADDING-RIGHT: 10px;}

.invisible {
	display:none;
}
.cssbox{
	background: url(imgs/bg_img_corner.png) no-repeat;width:500px;height:100px;
}

.loadingadvanced {
   position:absolute;top:120px;left:390px;
}
.flagspace {
	padding-left:3px;
}

/* Remove border from images */
img {border-style: none;}

.errorMsg {
	font-weight: bold;
	color: red;
}

.roundCorner {
	background: transparent; margin:1em;
	margin-left: 0px;
	margin-top: 1px;
	overflow: auto;
	width: 100%;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #d0d0bf; border-right:1px solid #d0d0bf;}
.xb1 {margin:0 5px; background:#d0d0bf;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #d0d0bf; border-width:0 1px;}

div.searchComboContainer {
	float: right;
	margin: 0px;
	padding-right: 15px;
}

div.megaphoneContainer {
	overflow: auto;
	margin-bottom: 12px;
	background-color: #e7ebff;
	border-bottom: 1px solid #c6c3c6;
	border-top: 1px solid #c6c3c6;
	padding-left: 0px;
}

h2.megaphone {
	background:#f6f6f6 url(imgs/lml1.gif) repeat-x;
	margin-top: 0px;
	padding-left: 5px;
}

div.MegaphoneReviewContainer {
	margin-left: 190px;
	background-color: #ffffff;
	min-height: 200px;
	padding: 5px;
	border-left: 1px solid #c6c3c6;
}

p.megaphone {
	padding: 5px;
	margin: 0px;
}

img.megaphone 
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#OpeningTimesContainer label, #OpeningTimesContainer span {
	display: block;
	width: 170px;
	float: left;
	margin-bottom: 10px;
	text-align: right;
}

#OpeningTimesContainer label {
	text-align: left;
	width: 100px;
	margin-left: 10px;
}

#OpeningTimesContainer br {
	clear: left;
}

h3.openTitle {
    margin-left: 10px;
    margin-top: 0px;
    font-size: 1em;
}

#ctl00_PageContent_DivClosedTimes {
    min-height: 160px;
}

.showActive {
    color: green;
}

.FindAsYouTypeContainer {
	display: none;
	width: 100%;
}

.FindAsYouTypeContainer table {
	width: 99%;
	border-collapse: collapse;
	border: 1px solid #e7e7e7;
	background-color: #f7f7f7;
}

.FindAsYouTypeContainer th {
	background: url(imgs/FindHeaderBg.gif) repeat-x;
	text-align: left;
	height: 24px;
	font-size: x-small;
	vertical-align: bottom;
}

.FindAsYouTypeContainer tr.even {
	background-color: #efefef;
}

td.numberCol {
	text-align: right;
}

img#findLoading {
	display: inline;
	visibility: hidden;
	margin-left: 15px;
}

/*TOC*/
ul.UlIndex {
	margin: 0px;
	padding: 0px 25px 0px 25px;
}

ul.UlIndex li {
	list-style-type: none;
}

ul.UlIndex span {
	float: right;
}

/*Main Menu*/
td.menuContainer {
    padding: 0px;
    background-color:#e6e6e6;
    margin: 0px;
    border-collapse: collapse;
    width: 155px;
}

#ctl00_navbar {
	background-color:#e6e6e6;
	font-size:90%;
	padding-top:0px;
	margin-top:-1px;
	border-right:1px #e6e6e6 solid;
}

#ctl00_navbar ul li {
	list-style-type: none;
}

#ctl00_MainMenu {
	margin: 0px;
	padding: 0px;
}

#ctl00_navbar ul li{
	margin-bottom: 10px;
	background:#f6f6f6 url(imgs/lml1.gif);
}

#ctl00_navbar ul li ul {
	margin-bottom: 0px;
	background-color: Blue;
}

#ctl00_navbar ul li ul li {
	margin-bottom: 0px;
	background:#f0f0f0 url(imgs/lml2.gif) repeat-y;
}

#ctl00_navbar ul li a {
	color:#424242;
	font-weight:bold;
	border-top:1px #c2c2c2 solid;
	border-bottom:1px #c2c2c2 solid;
	padding:2px 0 1px 28px;
}

#ctl00_navbar ul li ul a {
	font-weight: normal;
	border-top: none;
}

#ctl00_navbar > ul > li > a:hover {
	color:#b29700;
}

#ctl00_navbar ul li ul {
	margin: 0px;
	padding: 0px;
}

#ctl00_navbar a {
    color:#424242;
    border-bottom:1px #d8d8d8 solid;
    padding:2px 0 1px 30px;
    height:19px;
    display:block;
    white-space:nowrap;
    text-decoration:none;
}

#ctl00_navbar a:hover {
    color:#c92201;
    background:#e8ebed;
}

.RadCaptchaImage
{
}

.RadCaptchaTextBox
{
    text-align:left;
    border:solid 1px red;
}

.RadCaptchaLabel
{
    float:left;
    text-align:right;
    width: 190px;
    padding-right: 20px;
}

.sendMessageLabel
{
    text-align: right;
	width: 190px;
	padding-right: 20px;
	float: left;
	margin-bottom: 10px;
}

.sendMessageInput
{
    width: 250px;
	float: left;
	margin-bottom: 10px;
}

.sendMessageTextArea
{
    width: 450px;
    float: left;
	margin-bottom: 10px;
}

.cssForm br {
	clear: left;
}

.buttonStyle {
	color:#284E98;
	background-color:White;
	border-color:#507CD1;
	border-width:1px;
	border-style:Solid;
}

.buttonStyle:hover {
	background-color: #CFEFFB;
}

.searchButtons {
    float: right;
    margin-left: 5px;
}

.panelNoHits {
    margin-top: 15px;
}

.panelSpellTips {
    margin: 8px 0 15px 0;
    padding: 3px 0 3px 3px;
    font-style: italic;
    font-size: 120%;
}

ul.horizontalList li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

/*MessageLabel*/
.labelInfo
{
    border:solid 1px #235BD9;
    background-color:#55A3FF;
    display:inline-block;
    padding-top:20px;
    padding-bottom:17px;
    padding-left:50px;  
    padding-right:10px;
    background-image:url(imgs/Info.png);
    background-repeat:no-repeat;
}

.labelOK
{
    border:solid 1px #014201;
    background-color:#C0FFC0;
    display:inline-block;
    padding-top:20px;
    padding-bottom:17px;
    padding-left:50px;  
    padding-right:10px;
    background-image:url(imgs/success.png);
    background-repeat:no-repeat;
}

.labelWarning
{
    border:solid 1px #E59B29;
    background-color:#FFFF99;
    display:inline-block;
    padding-top:20px;
    padding-bottom:17px;
    padding-left:50px;  
    padding-right:10px;
    background-image:url(imgs/warning.png);
    background-repeat:no-repeat;
}

.labelError
{
    border:solid 1px #91190B;
    background-color:#E57569;
    display:inline-block;
    padding-top:20px;
    padding-bottom:17px;
    padding-left:50px;  
    padding-right:10px;
    background-image:url(imgs/error.png);
    background-repeat:no-repeat;
}

.ILLTable
{
    border:solid 1px red;
}

.OrderLoggedInAs
{
    padding:0px 0px 0px 5px;
}
.OrderHeader
{
    width:150px;
}

.OrderIsIllLabel
{
    color:#0D851A;
}

.OrderIsIllOrderLabel
{
    color:Gray;
}

.OrderIsRemtelyReturned
{
    font-style:italic;
}

.OrderIsIRejectedllLabel
{
    color:#740000;
}

.ServiceCompenSationClaimSent
{
    color:#F90022;
}

.IllOrder
{
    margin: 10px 0px 10px 0px;
    width:450px;
}

.IllOrder td
{
    padding:3px 0px 3px 0px;
}

.IllOrderHeader
{
    padding:5px 0px 5px 0px;
}

.IllOrderValueColumn
{
    width:270px;
}

.RadGrid TD.HideAnchor a
{
    /* Just to be sure that it works in all browsers
       we set both visibility and display */
    visibility: hidden;
    display: none;
}

#WhoHasItemInfo
{
    margin-left: 10px;
}

#WhoHasItemInfo a
{
    cursor: pointer;
}

#WhoHasItemInfo #LoanInfo
{
    margin-top: 20px;
    margin-bottom: 20px;
}

#WhoHasItemInfo #BorrowerInfo
{
    margin-top: 40px;
    margin-bottom: 20px;
}

#WhoHasItemInfo label.withLabel
{
    font-weight: bold;
	display: -moz-inline-box;    
    display: inline-block;
    vertical-align: baseline;
    width: 10em;
}

#WhoHasItemInfo #printDate
{
    display: none;
}

td.tdOpeningSubUnit
{
    overflow:hidden;
}

td.tdClosedDaysSubUnits
{
    overflow:hidden;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:top;
}

span.spanSub
{
    width:100px;
}

.tdOpeningSubUnit span
{
    padding-right:5px;
}

.spanRight
{
    float:right;
}

.tdClosedDaysSubUnits span
{
    padding-right:5px;
}
.tdOpeningSubUnit
{
    padding-top:10px;
    padding-bottom:10px;
    border-right:solid 1px black;
}
.restDdlBtn
{
    color:Black;
    font-size: smaller;
    padding-top:5px;
}
.pnlWelcome
{
    font-size:x-large;
}
.pnlBorrower
{
    margin-top:25px;
}
.webDeskBorrowerName
{
    width:100%;
    font-weight:bold;
    font-size:medium;
}
.webDeskBorrowerBarCode
{
    width:50%;
    float:left;
}
.webDeskOtherUser
{
    width:50%;
    float:right;
    text-align:right;
}
.pnlBorrowerLogin
{
    padding-top:30px;
}

.loginLiteral
{
    padding-top:4px;
    width:25%;float:left;
}

.panelDesk
{
    padding-top:40px;
}

.loginInput
{
    float:left; width:75%;
}

.btnDesk
{
    vertical-align:top;
}
.itemBarCode
{
    padding-top:10px;
}
.DeskGreen
{
    border:solid 3px green;
    padding:20px;
    width:50%;
    margin-top:20px;
}
.DeskYellow
{
    border:solid 3px #F5C300;
    padding:20px;
    width:50%;
    margin-top:20px;
}
.DeskRed
{
    border:solid 3px red;
    padding:20px;
    width:50%;
    margin-top:20px;
}
.DeskHeader
{
    font-weight:bold;
}
.DeskMessageGreen
{
    color:Green;
    padding:5px 0px 5px 0px;
    font-weight:bold;
    font-size:x-large;
}
.DeskMessageYellow
{
    color:#F5C300;
    padding:5px 0px 5px 0px;
    font-weight:bold;
    font-size:x-large;
}
.DeskMessageRed
{
    color:Red;
    padding:5px 0px 5px 0px;
    font-weight:bold;
    font-size:x-large;
}
.trafficlightheader
{
    font-weight:bold;
    display:inline;
}
.trafficlightvalue
{
    display:inline;
}
.contentRow
{
    padding:5px 0px 5px 0px;
}
.finishRow
{
    padding-top:20px;
}
.deskFinishButton
{
    width:100px;
    height:50px;
    border:solid 1px red;
}

a.hitListMatTypes span
{
    display: block;
    overflow: hidden;
    position: relative;
    height: 24px;
    width: 24px;
}

a.hitListMatTypes span img
{
    position: relative;
}

.iconImage
{
    background-image:url('imgs/icons/searchIcons.png');
    height:16px; width:16px;
    display: block;
}

div.ListViewContainer {
	height: 100px; /* Must be greater than tbody */
	overflow: auto;
	min-width:250px;
	}

div.ListViewContainer table {
	width: 99%; /* 100% of container produces horizontal scroll in Mozilla */
	border: none;
	border:solid 1px #828282;
	}
	
div.ListViewContainer table tbody	{ /* Child selector syntax which IE6 and older do not support */
	overflow: auto; 
	height: 50;
	overflow-x: hidden;
	}
	
div.ListViewContainer thead tr {
	position:relative; 
	top: expression(offsetParent.scrollTop); /* For IE5+ only */
	}
	
div.ListViewContainer thead td {
	background-color: #CCCCCC;
	font-weight: bold;
	}	
	
div.ListViewContainer td {
    color: #000000;
    text-align: left;
    padding-left:5px;
    padding-right:5px;
    }
	
div.ListViewContainer tfoot tr {
      position: relative; 
      background-color:Blue;
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }

div.ListViewContainer tfoot td {
    background-color: #CCCCCC;
    }

div.ListViewContainer td:last-child { /* Prevent Mozilla scrollbar from hiding cell content */
    padding-right: 20px;
    }
    
.watermark
{
    color:#808080;
    font-size:small;
    border:solid 1px #ABADB3;
    font-family:Arial;
    font-size:10pt;
}
.panelFrontLogin
{
    padding-top:1px;
    float:right;
}
.loginMainFormButton
{
    height:23px;
}
.LinkForgottenMain
{
    width:75px;
}

input.error  { background: #fed; border: 1px solid #e00; }
select.error { background: #fed; border: 1px solid #e00; }
span.error, .form-side-labels span.error, .form-top-labels span.error
{
	float: left;
	display: block;
	margin: 0 0 0 5px;
	padding: 3px;
	width: auto;
	font-weight: bold;
	color: #fff;
	background: red;
}

.form-top-labels span.error
{
	float: none;
	margin: 3px 0 0;
	width: 416px;
}
.form-top-labels .side-by-side span.error, .form-top-labels .side-by-side-last span.error { width: 200px; }

.pnlLoginForm
{
    float: right;
}

.pnlLogoutForm
{
    float: right;
}

.pnlWait
{
    
}
.watermark
{
    border:none;
    cursor: text !important;
}

.txtNoWaterMark
{
    border:solid 1px #ABADB3;
}
.gridPrintItems
{
    border-style:none;
}

.isbItem
{
    margin:20px 10px 0px 10px;
}
.listItems
{
    margin:5px 10px 0px 10px;
    padding-bottom:10px;
    border-bottom-width:1px;
    border-bottom-style:dashed;
    border-bottom-color:#969696;
}
.summary
{
    margin:5px 10px 0px 10px;
}

.previewItems
{
    width:100%;
}

.previewItemsHeader
{
    font-weight:bold;
}
.divPrintItems
{
    overflow-y: scroll; 
    height: 450px;
}

.printUnitsList
{
    margin-top:10px;
    border-top:solid 1px black;
}

.yearTextBoxMargin 
{
    margin-left: 5px !important;
}