body {
	font-family: tahoma; font-size: 12px  ; font-weight: normal; color: #003366;
	
	scrollbar-face-color: #7FA4CC;
    scrollbar-shadow-color: #FFFFFF;
   	scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #1E1E58;
    scrollbar-darkshadow-color: #1E1E58;
    scrollbar-track-color: #D1DFED;
   	scrollbar-arrow-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-repeat: repeat ;
	background-attachment:fixed;
	background-image : url(../../images/back.gif);
}
html, body, form
{
    height: 100%;
    margin: 0px;
    padding: 0px;
   /* overflow: hidden;*/
}
.topheader {  font-family: Tahoma; font-size: 20px; font-weight: bold; color: #003366}
.heading {  font-family: Tahoma; font-size: 16px; font-weight: bold; color: #003366}
.tableheader {  font-family: Tahoma; font-size: 14px; font-weight: bold; color: #003366}
.header { background-color: silver;	font-weight:bold ;}
.headerLeft { background-color: silver;	font-weight:bold ;}
.upper {	text-transform: uppercase;}
.red { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #2677dc; font-weight: bold}
.loginInvalid { font-family: Impact; font-size: 13pt; color:  #2677dc;}
.selected { background-color : #FFFFC0}
div#tipDiv {  position:absolute; visibility:hidden; left:0; top:0; z-index:10000; background-color : #FFFFC0 ; border-width:1px; border-style: solid ;}
.callheader { background-color : #E8EEF4}
.versionHeader { font-family: Tahoma; font-weight: bold; color:  #2677dc; text-align: right }
.smallText {font-size: 8pt;}
.pinText{position:relative; top:-25px; left:2px;width:30px;color:#ffffff; text-align:center; font: bold 12px Arial; }
.today { background-color: #C0C0FF; font-weight:bold ;}
.weekend { background-color: #C0FFC0; font-weight:bold ;}
.bankholiday { background-color: #FFFFC0; font-weight:bold ;}
.normalday { background-color: silver;	font-weight:bold ;}
.outlinedrow{font: italic 22px Arial red; border-width: 3px;}
/*.outlinedrow {border-left-width: 3px;border-right-width: 3px; border-top-width:3px;border-bottom-width:  3px;border-left-color: red; border-top-style: solid; border-right-style:solid; border-left-style: solid;border-bottom-style: solid;}*/

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopupAlert {
	background-color:#FFC0C0;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

 input[type="button"],input[type="submit"]{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	background-color:#6699CC;
	color:white;
	width:100;
	font-family: tahoma; font-size: 12px  ; font-weight: normal;
}

input, select, checkbox, textarea
{
	
	font-family: tahoma; font-size: 12px  ; font-weight: normal; vertical-align: text-bottom ;
}

input[type="radio"] 
{
	vertical-align: baseline ;
}



.disabled
{
	color:Gray ;
	cursor:pointer;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #003366;
	text-decoration: underline;
	font-weight: bold;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

a.heading
{
	 font-family: Tahoma; font-size: 16px; font-weight: bold;
}
.imageAlign, img
{
	vertical-align: top ;
}
 DIV.pinStyle2 a:link {
text-decoration:none;
}

td
{   font-size : 12px;
	vertical-align:top ;
	text-align:left;
	border-collapse:separate ;
}
th
{
	font-size : 12px;
	vertical-align:top ;
	text-align:left;
	border-collapse:separate ;
}

td.mainMenuTabs
{
	vertical-align:middle ;
	text-align:center;
}

td.footer
{
	vertical-align: middle ;
	text-align:left;
}


table.tableborder, .tableborder, table.tableborder td,  table.tableborder th{
	border-width: 1px;
	border-style: inset;
	border-color: #003366;
	border-collapse: collapse ;
}

table.noborder, .noborder, table.noborder td {
                border-width: 0px;
                border-style: none;
                padding: 0px 0px 0px 0px;
}

table.bottomborder, .bottomborder, table.bottomborder td,  table.bottomborder th{
	border-bottom-width: 1px;
	border-top-width :0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: inset;
	border-color: #003366;
	border-collapse: collapse ;	
	margin-left: 10px;	
}
table.bottomborder 
{
}

a:link.liketext, :visited.liketext, a:active.liketext
{
	font-family: tahoma; font-size: 12px  ; font-weight: normal; color: #003366;
	font-style: normal;
	text-decoration: none;
}
a:hover.liketext
{
	background-color: #FFFFC0;
}

html,
body {
	font-family: Tahoma; font-size: 12px; font-weight: normal; color: #003366;
	height:100%; 
	scrollbar-face-color: #7FA4CC;
    scrollbar-shadow-color: #FFFFFF;
   	scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #1E1E58;
    scrollbar-darkshadow-color: #1E1E58;
    scrollbar-track-color: #D1DFED;
   	scrollbar-arrow-color: #FFFFFF;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	background-repeat: repeat;
	background-attachment:fixed;
}
html>body #wrap {height:100%;} /* 100 % height */
#header {
	width:100%;
	height:auto;
}
html>body #header {
	position:fixed;
	z-index:10; /* Prevent certain problems with form controls */
}
html>body #content-wrap {100%} /* 100 % height */

#footer {
	width:100%;
	height:5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}

.suggestion_list
		{
		background: white;
		border: 1px solid;
		padding: 4px;
		}
		
		.suggestion_list ul
		{
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		
		.suggestion_list a
		{
		text-decoration: none;
		color: navy;
		}
		
		.suggestion_list .selected
		{
		background: navy;
		color: white;
		}
		
		.suggestion_list .selected a
		{
		color: white;
		}

		#autosuggest
		{
		display: none;
		}

