﻿/* 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 {
	background-color: #cfd0d0;
	margin-top:0px;
	margin-left:0px;
	border-bottom:1px #c2c2c2 solid;
	white-space:nowrap;					
	background:url(imgs/logo-bg.gif); 	/* Behind logo  */
	width: 100%;
}

/* 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	{position: absolute; top: 20px; color:#666666;font-weight:bold;margin-left: 185px;}

/* 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{border:1px #9a9a9a solid;background:#fff url(imgs/searchbtn-input-bg.gif);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 
{
   white-space: nowrap;
   display: block;
   -o-text-overflow: ellipsis;
   -ms-text-overflow: ellipsis;
   text-overflow: ellipsis;
   -moz-binding: url("ellipsis.xml#ellipsis");
   overflow: hidden;
   margin-bottom: -10px; 
}

.linksBox div span {color: Black;}

/* 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 {
	background-color:#EEECEC;
	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;
}


#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 {background:#fff; 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; background:#fff; 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;
}

/* Tableless forms  */
.cssForm label, .cssForm input, .cssForm textarea {
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

.cssForm textarea {
	width: 450px;
}

.cssForm label {
	text-align: right;
	width: 190px;
	padding-right: 20px;
}

.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;
}

.OrderIsIRejectedllLabel
{
    color:#740000;
}