@CHARSET "UTF-8";

/*JSF message styles start*/
.exceptions{ /*Style of jsf exception messages*/
  	color:#FF0000;
	font-size:10;
	font-weight:600;
}

.errors{ /*Style of jsf error messages*/
  	color:#FF0000;
	font-size:10;
	font-weight:600;
}

.messages{ /*Style of jsf info messages*/
	color:#000000;
	font-size:10;
	font-weight:600;
}
/*JSF message styles end*/

/*Layout start*/
body {
}

/*splash page styles start*/
td.bottom_left{
	background-color:#fdda54;
	text-align:center;
}

td.bottom_left h1{
	margin-bottom: 1.0em;
	text-align: center;
}

td.bottom_left h2{
	font-family: Verdana,sans-serif;
	margin-bottom: 0.3em;
	text-align: center;
}

/*splash page styles end*/

/*general page styles start*/
table.layout{
  	table-layout: auto;
  	width:964px; /* target resolution is 1024*768, width = 40 less than 1024 = approximate size of browser window*/
  	height:590px;
  	border:1px solid #B0C4DE;
  	}

table.help_layout{
	width:600px;
	border:1px solid #B0C4DE;
}

td.logo{
  	background-color:#3090ee;	/*this is the light blue*/
  	/*background-color: #507dc8; this is the dark blue */
  	width:163px;
  	height:125px;
  	border-right:1px solid #B0C4DE;
  	border-bottom:1px solid #B0C4DE;
}

td.logo img {
	vertical-align: bottom; /* make sure the images properly bottom aligned and not aligned with the text baseline*/
	width:163px; /*Same as td width*/
}

td.left_col{
	background-color:#507dc8;
	width:163px;
	vertical-align:bottom;
}


td.left_col img {
	vertical-align: bottom; /* make sure the images properly bottom aligned and not aligned with the text baseline*/
    width:163px; /*Same as td width*/
    height:442px;
}

td.top_row{
	background-color:#3090ee;
	width:801; /* table width - logo width */
	height:104px;
}

td.top_row img {
	vertical-align: bottom; /* make sure the images properly bottom aligned and not aligned with the text baseline*/
}

span.username {
  	font-size:10px;
  	color:#FFFFFF;
}

/*Layout end*/

/* top menu start */
.menu{
	background-color: #3090ee;	/*this is the light blue*/
	height:26px;
	color:LightSteelBlue;
	word-spacing:1px;
	letter-spacing:1px;
	font-size:16;
}

/* top menu static content start */
a.top_menu{
	font-size:13;
	font-family:Verdana,sans-serif;
	font-weight:500;
	text-decoration:none;
	word-spacing:2px;
	letter-spacing:2px;
}
a.top_menu:link{
	color:#000000;
}
a.top_menu:visited{
  	color:#000000;
}
a.top_menu:hover{
  	color:#B0C4DE;
}

/* top menu static content end */

/************************************ top menu dynamic content start ************************************/
a.top_menu_dynamic{
	font-size:10;
	font-family:Verdana,sans-serif;
	font-weight:500;
	text-decoration:none;
}
a.top_menu_dynamic:link{
	color:#000000;
}
a.top_menu_dynamic:visited{
  	color:#000000;
}
a.top_menu_dynamic:hover{
  	color:	#B0C4DE;
}

a.top_menu_highlight{
	font-size:13;
	font-family:Verdana,sans-serif;
	font-weight:500;
	text-decoration:none;
	word-spacing:2px;
	letter-spacing:2px;
}
a.top_menu_highlight:link{
	color: #FFDD00;
}
a.top_menu_highlight:visited{
  	color:#FFDD00;
}
a.top_menu_highlight:hover{
  	color:#FFDD00;
}
/* top menu dynamic content end */

/* top menu end */

/* Content style start */
table{
	/*Set font style here rather than for <p> since users might not enclose their text in <p> tags*/
    font-family: Verdana,sans-serif;
	font-size: 12px;
	text-align: left;
}

td.content{
	/* This is the cell that holds the content table */
	vertical-align: top;
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 9px;
}

table.content{ /*This is the table that holds the content*/
	border-collapse: separate;
    border-spacing: 10px;
    /*background-image:url(/centaur/common/images/light_swirl.jpg);
    background-repeat:no-repeat;
    background-position:center center;	*/
}

td.content_col_1{ /*This is content column one, ie the one on the left*/
	width:240px;
	vertical-align:top;
	border-right:1px solid #DCDCDC;
}

td.content_col_2{ /*This is content column tow, ie the one in the middle*/
	width:240px;
	vertical-align:top;
	border-right:1px solid #DCDCDC;
}

td.content_col_3{ /*This is content column three, ie the one on the right*/
	vertical-align:top;
}

td.mandatory_marker{
  color:#FF0000;
}

img.content{
  border:1px solid LightSteelBlue;
}

h1{
	font-family:Verdana,sans-serif;
	font-weight:500;
	margin-bottom: 0.3em;
	margin-right: 0.3em;
	text-align: left;
}

h2{
	font-family:Verdana,sans-serif;
	font-weight:500;
	margin-bottom: 0.3em;
	text-align: left;
}

h3{
	font-weight: 500;
	margin-bottom: 0.3em;
}

h4{
	font-size:12px;
	font-family:Verdana,sans-serif;
	font-weight:600;
	margin-bottom: 0.3em;

}

.mandatory_message{
	color:black;
	font-size:10;
	font-weight:600;
}

table.login{
   table-layout:auto;
   border:1px solid LightSteelBlue;
   background-color:WhiteSmoke;
}

td.loginLabel{
  height:35px;
  width:130px;
}

td.loginInput{
  height:35px;
  width:150px;
}

td.loginMessage{
  height:35px;
  width:150px;
}

td.loginGlobalMessages{
  height:40px;
  width:550px;
}

td.centre_content{ /*This is the cell used to vertically centre content*/
	vertical-align:middle;
	height:429px; /* Same as height of grain.jpg */
}

/* Content style end */

/* Footer menu start */
a.footer_menu{
	font-size:10;
	font-family:Verdana,sans-serif;
	font-weight:400;
	text-decoration:none;
	letter-spacing:1px;
}
a.footer_menu:link{
	color:#B0C4DE;
}
a.footer_menu:visited{
  	color:#B0C4DE;
}
a.footer_menu:hover{
  	color:black;
}

td.footer_menu{
	font-size:10;
	font-family:Verdana,sans-serif;
	font-weight:400;
	color:#B0C4DE;
}
/* Footer menu end */

/************************************ Sample Results Table ***********************************/

.standardTable {
	font-family: Verdana;
	font-size: 10;
	color: #000000;
	padding: 2;
	border-style: solid;
	border-width: 1px;
}

.standardTable_Header {
	color: #000000;
	background-color: #FFDD00;
	padding: 2;
	text-align: center;
	border: none;
	font-size: 10;
}

.standardTable_SortHeader {
	background-color: #FFDD00;
	color: #000000;
	padding: 2;
	text-align: center;
	border: none;
	font-weight: bold;
	font-size: 10;
}

.standardTable_Footer {
	background-color: #FFFFE0;
	font-size: 10;
}

.standardTable_Row1 {
	background-color: #FFFFE0;
	font-size: 10;
}

.standardTable_Row2 {
	background-color: #FFFFE0;
	font-size: 10;
}

.standardTable_ColumnLeft {
	text-align: left;
}
	
.standardTable_ColumnRight {
	text-align: right;
}

/****************************** Ledger styles**************************************/

.ledgerTable {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	width: 70%;
}

.ledgerTable_Column {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 15;
}

.ledgerPanel {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 2;
	border-style: solid;
	border-width: 1px;
	width: 100%;
}

.ledgerPanel_YearHeader {
	color: #000000;
	padding: 2;
	text-align: left;
	border: none;
	font-weight: bold;
	font-size: 12;
}

.ledgerPanel_NoteHeader {
	color: #000000;
	padding: 2;
	text-align: left;
	border: none;
	font-weight: bold;
	font-size: 12;
	font-style: italic;
}

.ledgerPanel_ItalicHeader {
	color: #000000;
	padding: 2;
	text-align: left;
	border: none;
	font-size: 12;
	font-style: italic;
}

.ledgerPanel_RedHeader {
	color: #FF0000;
	padding: 2;
	text-align: left;
	border: none;
	font-size: 12;
	font-weight: bold;
}

.ledgerPanel_Column1 {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 2 20 2 2;
	text-align: left;
}

.ledgerPanel_Column2 {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 2 2 2 0;
	text-align: right;
}

.ledgerBottomPanel_Column1 {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 2 20 2 20;
	text-align: left;
}

.ledgerBottomPanel_Column2 {
	font-family: Verdana;
	font-size: 12;
	color: #000000;
	padding: 2 20 2 0;
	text-align: right;
}
/***************************** Forms styles***************************************/

td.formLabel{
  height:25px;
  width:170px;
}

td.formInput{
  height:25px;
  width:100px;
}

td.formMessage{
  height:25px;
}

tr.confimationRow{
	height:100px;
}

.confirmationPanel{
   table-layout:auto;
}

/*****************************Member Contract styles***************************************/

.memberContractRow{
	vertical-align:top;
}