﻿body {
  border: 0px;
  margin: 0px;
  text-align: center;
}

a img
{
  border: none;    
}

#centered-div
{
    width: 955px;
    margin: 0 auto;
    }

#maspage
{
  float: left;
  width: 955px;
  text-align: left;     

}

body,td,th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

th {
  text-align: left;
}

.strongtext 
{
  font-weight: bold;
  color: #000066;
  font-size: 13px;
}

.coretext 
{
  font-size: 11px;
  text-align:justify;
}

h1 {
font-size: 16px;
  font-weight: bold;
  color: #000066;
margin: 20px 0px 20px 0px;
}

.bodyheader {
  font-size: 16px;
  font-weight: bold;
  color: #000066;
}

h3
{ 
 font-size: 12px;
  font-weight: bold;
  color: #000066;
}

h4 
{
  font-size: 12px;
  font-weight: bold;
  color: #000066;
margin: 10px 0px 0px 0px;
}

p 
{
 text-align: left;    
}

strong 
{
  color: #000066;
}
    
.tb-blue-header 
{
  background: #000066;
  color: #fff;
  font-weight: bold;
}

/***header***/

#header {
  height: 235px; 
  float: left; 
  width: 955px;
  background: url(Images/background-header.gif) 0% 100% no-repeat;
}

#headercontainer {
  float: left;
  width: 690px;
}

#topheader {
  float: left; 
  width: 690px;
  height: 94px;
}

#topheader h1 {
color: #000066;
font-size: 16px;
font-weight: normal;
margin: 10px 10px 0px 10px;
font-style: italic;
text-align: right;
}

/*top logos:*/
.topheader01, .topheader02{
  float: left;
}
.topheader01 {
  margin: 20px 0px 0px 14px;
}
.topheader02 {
  margin: 30px 0px 0px 100px;
}
.topheader03 {
  float: right;
  margin: 8px 14px 0px 0px;
}

#headerimg {
  float: left;
  margin-top: 1px;
}

#headerimg img {
  border: 2px solid #fff;
}

#mainmenu {
float: left;
width: 690px;
height: 21px;
margin-bottom: 2px;
background: url(Images/topnav-background.gif) #000066 no-repeat;

}

#mainmenu ul {
padding: 4px 0px 0px 10px;
margin: 0px;
float: left;
}

#mainmenu li {
display: block; 
float: left;
padding: 0px 5px 0px 5px;
border-right: 1px solid #fff;
}

#mainmenu a {
color: #fff;
text-decoration: none;
}

#mainmenu a:hover {
color: #feef00;
}


#topnav {
float: left;
padding-bottom: 20px;
width: 690px;
height: 66px;
background: #000066;
color: #fff;

}

#topnav p {
text-align: left;
font-size: 14px;
padding: 0px 0px 0px 0px;
}

#topnav a {
color: #fff;
}

#topnav img {
border: 0px;
margin-left: 14px;
margin-top: 5px;
float:left;
}

/***header***/

#content-outer 
{
background: url(Images/left-menu-background.gif) repeat-y; 
float: left; 
width: 955px;
}


/***leftcol***/

#leftcol {
    width: 162px;
    float: left;
    background: #000066;
    color: white;/*#fff;*/
    padding: 1px 4px 0px 4px;
}

#leftcol legend 
{
    color: #fff;    
}

#leftsub 
{
    height: 400px;
}

#leftcol a {
    display: block;
    text-decoration: none;
    margin: 1px 0px 1px 0px;
    padding: 2px 0px 2px 0px;
    font-size: 12px; 
    color: #fff;
}

#leftcol a:hover {
    color: #fff;
    text-decoration: underline;
}

#leftcol .nomenu {
  display: block;
  text-decoration: none;
  margin: 1px 0px 1px 0px;
  padding: 2px 0px 2px 0px;
  font-size: 12px; 
  color: #999;
}


#secmenu {
margin-top: 30px;
}

#secmenu a {
color: #00FFFF;
}

#leftcol img {
margin: 3px 0px 0px 0px;
}

#copyright {
color: #fff;
float: left;
border-top: 1px solid #fff;  
border-bottom: 1px solid #fff;
width: 142px;
font-size: 10px;
text-align: center;
margin: 5px 0px;
}

#leftcol ul {
padding: 0px;
margin: 0px;
list-style: none;
}

#leftcol li {
padding: 3px;
margin: 0px;
border-bottom: 1px solid #fff;
background: #000e66 url(../Images/menu-arrows.gif) no-repeat 96% 50%;
}

#leftcol .sf-menu li {
background-image: none;
}

#leftcol .sf-menu li li {
padding: 3px 0px 3px 10px;
margin: 0px 0px 0px 6px ;
background: #b2b2e0;
}

#leftcol .sf-menu li li a {
color: #000;
}

/***leftcol***/

/***content container***/

#contentcontainerouter {
  float: left;
  width: 745px;
  margin: 0px 15px ;
  padding: 0px;
}

#contentcontainerouter_large
{
  float: left;
  width: 752px;
  margin: 0px 10px ;

}

#contentcontainer {
  float: left;
  width: 481px;
  margin: 0px 20px 0px 0px;
}

#contentcontainer_large{
  float: left;
  width: 752px;
  margin: 0px;
}

td 
{
    vertical-align: top;
}

#contentcontainer_large td, #contentcontainer td {
    vertical-align: top;
    /*border-right: 10px solid #fff;
    border-left: 10px solid #fff;  */
}

.twocolcontent {
float: left;
}

.twocolcontent td
{
    width: 50%; padding: 0px 15px 10px 0px;
	vertical-align: top;
}

.consultationbuttons img
{
float: left;   
margin-bottom: 10px; 
    }
    

/***content container***/

/***right col***/

#rightcol {
float: left;
width: 244px;
}

.grey {
color: #666666;
font-size: 12px; 
}

.consultgroupdiv 
{
  border: 1px #ccc solid;
width: 590px;    
}

.consultgroup {border: 1px #ccc solid; padding: 10px; height: 180px;}

.newconsult {border: 1px #ccc solid; padding: 10px;}

.inputformitemgroup
{
  margin: 0px 0px 10px 0px; 
}

/***********ConsultationConsult.aspx***********/
#consult-table 
{
    width: 590px; height: 65px; text-align: left;
    }
    
.consult-left, .consult-right, .consult-middle
{
    margin: 0px; 
    padding: 10px;
    vertical-align: top; 
    background:#cccccc; 
    width: 290px;
} 

.consult-left h4, .consult-right h4, .consult-middle h4, .consultgroup h4, .newconsult h4 {
margin: 0px 0px 5px 0px; color: #000066;
}

/*******Performance/Default.aspx*******/

.table-header {
background: #000066;
color: #ffffff;
font-weight: bold;
}

#consultationmenu a{
display: block;
background: #000066;
color: #fff;
text-decoration: none;
padding: 5px;
margin: 3px;
width: 100px;
text-align: center;
}

#consultationmenu a:hover {
text-decoration: underline;
}

.bluebutton 
{
background: #000066;
color: #fff;
border: 1px #000066 solid;
padding: 5px;
float: left;
text-decoration: none;
margin: 1px;
}

a.bluebutton:hover {
text-decoration: underline;
}

a.itemButton, a.pageButton, a.itemButton:visited, a.pageButton:visited
{
  border-width: 1px;
  border-color:#CCCCCC;
  border-style: solid;
  padding: 5px;
  background-color: #999999;
  color: #FFFFFF;
}

.disabledActionButton
{
	padding: 3px;
	padding-right: 5px;
	font-size: 10px;
	text-decoration: none;
	/*color: #333;*/
	margin: 1px;
	display: inline-block;
	border: 1px solid;
    font-style: italic;
	color: #ccc;
	background-color: #eee;
}

a.actionButton:link, a.actionButton:visited
{
	padding: 3px;
	padding-right: 5px;
	font-size: 10px;
	text-decoration: none;
	/*color: #333;*/
	color: #000;
	margin: 1px;
	display: inline-block;
	border: 1px solid #999;
	background-color: #eee;
}

a.actionButton:hover, .actionButton:active
{
	padding: 3px;
	padding-right: 5px;
	font-size: 10px;
	text-decoration: none;
	color: #333;
	margin: 1px;
	display: inline-block;
	border: 1px solid #999;
	color: #333;
	background-color: #ccc;
}

a.actionButton img 
{
	vertical-align: middle;
	padding-right: 5px;
	border-style: none;
	border-width: 0;
}

.selectedRow
{
  background-color: Yellow;
}

.alertmessage
{
  color: Red;
}

.hinttext
{
  color: #333;
}

table.newsborder {
}

h2.news {
background: url(Images/emas-icon.gif) no-repeat 0px 3px;
padding: 3px 0px 5px 30px;
margin: 0px 0px 5px 0px;
color: #000066;
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #ccc;
}

h3.news {
background: url(Images/emas-tick.gif) no-repeat 0px 3px ;
padding: 3px 0px 3px 20px;
margin: 0px;
color: #000066;
font-size: 12px;

}

.date {
font-style:italic;
font-size: 10px;
}

.readmore {
font-style:italic;
text-align: right;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

.dob 
{
  width: 80px;   
}

.dobpb
{
  width: 80px;   
}


.dt
{
  width: 80px;       
}
    
.loginhint {
    font-size: 11px;
    padding: 3px 0px 0px 25px;
    margin: 0px 0px 10px 5px;
    width: 100%;
    clear: both;
    height: 33px; 
    background: url(Images/login.gif) no-repeat; 
    float: left;
}

/* notification messages */ 
#notification_messages p, .error {
	border-style: solid;
	border-width: 1px;
	padding: 5px 5px 5px 40px !important;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin: 0;
	margin-bottom: 5px;
	cursor: pointer;
	font-weight: bold;
}

.error {
	padding: 5px 5px 5px 40px;
	min-height: 25px;
}

#notification_messages p.error, .error {
	border-color: #c00;
	font-weight: bold;
	color: #c00;
	background-image: url(Images/alert_24x24.png);
	background-color: #fcc;
}

#notification_messages p.alert {
	border-color: #fc0;
	color: black;
	background-color: #eeb;
	background-image: url(Images/alert_24x24.png);
}

#notification_messages p.success {
	border-color: #090;
	color: black;
	background-color: #9f9;
	background-image: url(Images/ok_24x24.png);
}

#notification_messages p.info {
	border-color: #03c;
	color: black;
	background-color: #9cf;
	background-image: url(Images/sinfo_24x24.png);
}

.WeekendGridRow 
{
  background-color: #FFF380;    
    
}

.ui-datepicker
{
        z-index: 1003 !important; /* must be > than popup editor (1002) */
}

.subscribedservices a img, .serviceseval a img {
border: 1px solid #b2b2e0; padding: 3px; margin: 1px;
}

.subscribedservices a:hover img, .serviceseval a:hover img {
border: 1px solid #000066;
}

.icon {
float: right;
padding: 10px 10px 10px 10px;
}

ol {
padding-left: 20px;
}

/* twitter tweaks */

.query {
	font-size: 120%;
	color: #000;
    float: left;
}

.text-disabled
{
    color: #777;    
}

.number-box-small {width: 50px}
.number-box-med {width: 75px}
