﻿.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bolder; color: #000000; line-height: normal; font-variant: small-caps}
.header {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009999; text-decoration: none; font-variant: small-caps}
.formDefault {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #586A89; font-variant: normal}
.defaultText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #586A89; font-variant: normal; text-decoration: none}
.headings { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; font-variant: small-caps; color: #586A89}
.txtBox {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066; background-color: #E4E4E4; border-color: #000000 000000 000000; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.button {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #E9E9E9}
.txtBoxDisabled { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #586A89; border-style: none}
.formDefaultSmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #586A89; font-variant: normal }

/*Add by Eric 20-08-2007*/
.tableHeader {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #009999; 
	text-decoration: none; 
	font-variant: small-caps; 
	border-bottom: 2px #FFFFFF solid;
}

.searchBoxTable {
	width: 100%;
	padding: 10px;
	border: 1px #FFFFFF solid;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	font-variant: normal;	
	background-color: #86a2b8;
}

.searchBoxTable a{
	color: #FFFFFF; 
}

.addingProfileTable {
	width: 588px;
	padding: 10px;
	border: 1px #FFFFFF solid;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	font-variant: normal;	
	background-color: #CC0000;
}

.sortable{
		width: 100%;
}
.sortable th{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #586A89; 
	font-variant: normal;	
	padding: 0px;
}

.sortable td{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #586A89; 
	font-variant: normal;	
	padding: 0px;
	vertical-align: top;
	padding-top: 8px;
}

.isInProfileTable td{
	color: #FF5050; 
}
.isInBothTable td{
	color: #07ae07; 
}

.sortable a{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #586A89; 
	font-variant: normal;	
	padding: 0px;
	text-decoration: none;
}

.sortable a:visited{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: bold; 
	color: #586A89; 
	font-variant: normal;	
	padding: 0px;
	text-decoration: none;
}

.postcodeTable {
	width: 100%;
	padding: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #586A89; 
	font-variant: normal;	
	background-color: #86a2b8;
	background-image: url('/blue_strip.jpg');
}

.postcode{
	overflow:auto;
	height: 200px;
}

.postcodeTable td{
	padding: 0px 5px 0px 5px;
	background-color: #E9E9E9;
	border: 1px #586A89 outset;
}

.onBlur
{
	border:1px solid #999999; background-Color:#FFFFFF;
	font-size: 8pt;
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-weight:normal;
	color:#666666;
	width:140px;
}

.onFocus
{
	border-right-width:1px;
	border-left-width:1px;
	border-top-width:1px;
	background-Color:#FFFFFF;
	font-size: 8pt;
	font-family: Tahoma;
	font-weight:normal;
	border: 1px solid #586A89;
	color: #586A89;
	width:140px;
}

.onError {
	font-family: Arial, Helvetica, sans-serif; 
	border: 1px solid #7f9db9;
	height: 19px;
	width:140px;
	font-size: .9em;
	font-weight: normal; 
	color:#ffffff;
	border:1px solid #999999;
	background-color:#cc0000;
	background-image: url('/images/onerror.gif');
	background-repeat: no-repeat;
	width:140px;
	height:19px;
}

.button2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #000000;
	background: #E9E9E9;
	border-style: outset;
	border-width: 1px;
	border-color: #7189A4;
}

.button3 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #FFFFFF;
	background: #86a2b8;
	border-style: outset;
	border-width: 1px;
	border-color: #7189A4;
}

.noImage{
	background-color: #FFFFFF;
	padding: 40px 20px 80px 20px;
	border: 1px #000000 outset;
	text-align: center;
	vertical-align: middle;
}
.emptySpace{
	background-color: #FFFFFF;
	padding: 40px 20px 80px 20px;
}

.imageHeader{
	background-color:#86a2b8;
	color: #FFFFFF;
	height: 20px;
}
.imageColumn{
	border: 1px #86a2b8 outset;
	background-color:#E9E9E9;
	padding: 0px;
}
.imageFooter{
	background-color:  #C0C0C0;
	height: 16px;
}

.legendHeader{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #FFFFFF; 
	background-color: #86a2b8;
	padding: 0px 0px 0px 10px;
}

.legend{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal; 
	color: #586A89; 
	background-color: #FFFFFF;
	padding: 0px 0px 0px 10px;
}

.icon{
	width: 20px;
	float: left;
}

#imageResponse{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #CC0000; 
	color: #FFFFFF;
	padding: 0px 0px 0px 5px;
}

.overflow{overflow: auto; height: 200px; padding: 0px; margin: 0px;}
.errMsg{color:  #CC0000; padding: 0px 0px 0px 0px;}
.mainContent{padding: 0px 10px 0px 10px;}

/* MOTIVATIONAL QUOTES FOR /board/topics.asp */
.quote, .quote .tqpHeader {
	color:#586A89;
}
.quote a {
	font-weight: normal;
	font-style:normal;
}
.quote .tqpHeader{
	font-size:12px;
	font-weight: bold;
	font-style:normal;
}
.quote .tqpQuote {
	font-size:12px;
	font-weight: bold;
	margin: 6px 0px 6px 0px;
	color:#d88400;
}
.quote .tqpAuthor{
	font-size:12px;
	font-weight: normal !important;
	font-style:normal;
	color:#586A89;
}
.quote .tqpAuthor a{
	color:#586A89;
}
.quote dd, .quote dl, .quote dt, .quote p {margin: 0px; padding:0px}

.quote dd {	margin: 0px 0px 6px 0px;}

.quote span.tqpFooter{
	display: block;
	width: 100%;
	text-align:center;
}

.quote .tqpFooter{
	font-size:9px;
}
.quote .tqpFooter b{
	font-weight: normal !important;
}
.quote .tqpFooter a{
	font-style:normal;
	text-decoration:none;
	color:#586A89;
}



/*********************************************************  2009 updates ************************************************/

#header{
	width:980px;
	height:98px;
	margin:0px auto;
	background:transparent url(../images/2009/nav/menu-bg.jpg) bottom center no-repeat;

}

#header #logo{
	margin-left:35px;
	margin-top:10px;
	float:left;
	padding-bottom:50px;
}

#header #nav{
	float:right;
	margin-top:30px;
	right:0;
	color:#FFF;
	font-size:12px;
}

#nav ul{
	margin-right:20px;
	list-style-type:none;
}

#nav ul li{
	float:right;
	list-style-type:none;
	padding-right:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#nav ul li a{
	display:block;
	color:#FFF;
	padding:8px 0;
	text-decoration:none;
	width:75px;
	text-align:center;
	background:transparent url(../images/2009/nav/menu-item-bg.jpg) top left no-repeat;
}

#nav ul li a:hover, #nav ul li .selected{
	color:#FFF;
	text-decoration:none;
	background-position:bottom;
}

#nav ul li a.selected{
	color:#FFF;
	text-decoration:none;
	background-position:bottom;
}

#footer{
	width:980px;
	margin:0px auto;
	color:#333;
	background:transparent url(../images/2009/nav/footer-bg.jpg) top left no-repeat;
	padding-bottom:40px;
}



.clearFloat{
	clear:both;
}

p.home{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:25px 15px 25px 0;
	line-height:18px;
}

p.header{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:18px;
	color:#fff ;
	margin:0 15px 15px 0;
}



#content{
	margin-left:30px;
}

.footer{
	background:url(../images/2009/nav/footer-bg.jpg) bottom center no-repeat;
	min-height:13px;
}


/********************************************* Menu alt *************************************************/


#menu ul{
	list-style-type:none;
}

#menu ul li{
	float:right;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px dotted #001c54;
}

#menu ul li.first{
	float:right;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:1px dotted #001c54;
}

#menu ul li a{
	display:block;
	color:#333;
	padding:8px 0 8px 0;
	text-decoration:none;
	width:150px;
	text-align:center;
}

#menu ul li a:hover, #menu ul li .selected{
	color:#333;
	background:#fff;
	text-decoration:none;
	background-position:bottom;
	border-right:0;
	border-left:1px dotted #001c54 !important;
}

#menu ul li a.selected{
	background:#fff;
	text-decoration:none;
	background-position:bottom;
	border-right:0;
}


.whiteText{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*********************************************************  2010 updates ************************************************/


body {background-color:#001C54 !important;}