/* Body */

body { 
	
	font-family: Verdana;
	font-size: 11px; }
	
body.main { 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; }

body.background { 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px; }
		
/* Table */

table { }

table.outline { 
	border: 1px solid #658a94; 
	background-color: #ffffff;
	padding: 3px; }

/* Table Data */
	
td { 
	font-family: Verdana;
	font-size: 11px; }	

td.header { 
	background-color: #658a94; }

td.headerleft {
	background-color: #9bb3b9;
}

td.headerleft td {
	color: #41585e;
	font-weight: bold;
	padding: 2px 5px;
	font-size: 1.1em;
}

td.headerright {
	background-color: #658a94;
}

td.headerright td {
	color: #c1d0d4;
	padding: 2px 5px;
	font-size: .8em;
}
	
td.lightheader { 
	background-color: #9bb3b9; }
	
td.lighterheader { 
	background-color: #bdcdd1; }	
	
td.darkheader { 
	background-color: #425a52; }	
	
td.blank { 
	background-color: #ffffff; }
	
td.line { 
	background-color: #658a94;  
	padding: 0px; }
	
td.outline { 
	border: 1px solid #658a94; 
	background-color: #ffffff;
	padding: 3px; }	
			
/* Inline Frame */

iframe { }

/* Font */
	
font { 
	font-family: Verdana;
	font-size: 11px; }
	
font.small {
	font-size: 9px; }	
	
font.large {
	font-size: 14px; }
	
font.larger {
	font-size: 20px; }
	
font.dark { 
	color: #658a94; }
	
font.blank { 
	color: #ffffff; }
	
font.error { 
	color: #cc0000; }
	
/* Paragraph  */
	
p { 
	font-family: Verdana;
	font-size: 11px; }
	
p.break {
	page-break-after: always; }
	
/* Bold */

b, strong { 
	color: #658a94; }
	
/* Input */

input { 
	font-family: Verdana;
	font-size: 11px; }
	
input.button { 
	color: #000000; 
	background-color: #bdcdd1;
	font-size: 10px; 
	font-weight: bold; }

input.searchButton {
	width: 46px;
	height: 43px;
	border: none;
	color: transparent;
	cursor: pointer;
	background: url("/images/search_button.jpg") left no-repeat;
}

input.booksearch {
	/* width: 113px; */
	height: 18px;
	padding: 1px;
	margin: 0px;
	font-size: 1.2em;
	border: none;
	vertical-align: 25%;
}

input.changepassword {
	width: 118px;
	height: 18px;
	border: none;
	color: transparent;
	cursor: pointer;
	background: url("/images/button_changepassword_FB.jpg") left no-repeat;
}

input.booksearch:focus {
	outline: none; /* Remove focus in Google Chrome */
}

/* Text Area */
	
textarea { 
	font-family: Verdana;
	font-size: 11px; }

textarea.searchBox {
	height: 40px;
	width: 354px;
	font-size: 1.5em;
	vertical-align: 3px;
	color: #bbbbbb;
	padding: 0px 2px 0px 4px;
	margin: 4px 0px 0px 4px;
	background-color: transparent;
	border: none; 
	overflow: auto; 
	resize: none;
}

textarea.searchBox:focus {
	outline: none; /* Remove focus in Google Chrome */
}
	
/* Select */
	
select { 
	font-family: Verdana;
	font-size: 11px; }
	
/* Hyperlink */
	
a { 
	color: #425a52; }

a:hover { 
	color: #658a94; }

div#message {
	text-align: center;
}

div#message em{
	font-weight: bold;
	font-style: normal;
}
div#holidaymessage a{
	color: red;
	
}

/* Suggestions */
ul.suggestionbox{
	background-color: #FAFAFA;
	box-sizing: border-box;
	border: 0px;
	border-top: 1px solid #425951;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    position: absolute;
    /* filter: alpha(opacity=85); */ /* IE */
    /* opacity: 0.85; */
}

ul.suggestionbox li{
	background-color: #FAFAFA;
	border: 2px solid #FAFAFA;
	cursor: default;
    padding: 1px 4px;
    vertical-align: top;
    text-align: left;
}

ul.suggestionbox li.selected{
	background-color: #bdcdd1;
}

ul.suggestionbox table{
	border: 0px;
	margin: 0px;
	vertical-align: top;
	text-align: left;
}

/* List */

ul { }

ol { }
	
/* Horizontal Rule */
	
hr {
	height: 1px;
	color: #658a94; }
	
.homepage-content {
	padding: 10px 10px 1px 10px;
	color: #eee;
	text-align: left;
	font-size: 10pt;
	background: #425a52;
	margin-bottom: 3px;
}
.homepage-content b{
	color: #fff;
}
.homepage-content p {
	font-size: 10pt;
	margin: 7px 0 7px 0;
}
.homepage-content ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-style: italic;
}
.homepage-content ul li {
	margin: 4px 20px;
	padding-left: 18px;
	background: url("/images/bullet.jpg") left no-repeat;
	font-size: 9pt;
}
.homepage-content a {
	color: #eee;
}
.homepage-content a:hover {
	color: #000;
}

img.right {
	float: right;
	margin: 3px 0 10px 10px;
	border: 2px solid #ccc;
	clear: right;
}

#alertMessage {
	width: 600px;
	border: 1px solid red;
    padding: 3px;
    background: #fff;
	color: red;
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}