/*** CONSUMER LOG - STYLE SHEET - 21 Mar 2012 ***/

/* Dark Green 	- 005d2f - 000-093-047 */
/* Light Green 	- 61967c - 097-150-124 */
/* Grey 		- bac3bf - 186-195-191 */

/*** START OF GENERAL SETTINGS ***/

p, ol, ul, li, tr, td, h1, h2, h3, h4, h5, h6, input, select, a, div {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;    
}

p {
  text-align: left;  
  padding:3px 30px 3px 30px; 
}

tr, td, ul, li {
 font-size: 12px;
 text-align: left;  
} 

td {
  padding:0px 2px 0px 5px;  
}

h1 {
  font-size: 18px; 
  background: #005d2f; 
  color: #fff;
  padding:10px 10px 10px 10px;
  border:10px 10px 10px 10px;
  text-align: left;   
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

h2 {
  font-size: 18px; 
  background: #005d2f; 
  color: #fff;
  padding:10px 10px 10px 10px;
  text-align: center; 
  width:85%;
  margin-left: auto;
  margin-right: auto;
}

h3 {
  font-size: 16px; 
  background: #005d2f; 
  color: #fff;
  padding:8px 8px 8px 8px;
  text-align: center; 
}

h4 {
  font-size: 18px; 
  background: #005d2f; 
  color: #fff;
  padding:10px 10px 10px 10px;
  text-align: center; 
  width:97%;
  margin-left: auto;
  margin-right: auto;
}


h6 {
  font-size: 14px; 
  background: #005d2f; 
  color: #fff;
  padding:10px 1px 10px 10px;
  text-align: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto;

}


/*** END OF GENERAL SETTINGS ***/


/*** START OF CONLOG CUSTOM SETTINGS ***/

.tablelabel {
  font-size: 12px; 
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  background-color: #005d2f;
}

.tablelabelcenter {
  font-size: 12px; 
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #005d2f;
}

.tablabel {
  font-size: 12px; 
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #005d2f;
}

.tablabelfocus {
  font-size: 12px; 
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-color: #61967c;
}


.readonly {
  background-color:#cccccc;
}


/*** END OF CONLOG CUSTOM SETTINGS ***/


/*** START OF ALL HYPERLINK SETTINGS ***/

/* NAV LEFT STARTS */

div#menu {
  width:130px;
  background:#106d2f;
  padding:0;
  margin:16px 16px 0 0;
  border:0px #617c96 dotted;
  text-align:left;
  margin-left: auto;
  margin-right: auto;
}

div#menu a {
  display:block;
  margin:0;
  width:130px;
  padding:0 0 0 8px;
  border:1px solid #617c96;
  color:#c9ebda;
  background:#106d2f;
  text-decoration:none;
}

html>body div#menu a {width:auto;}

div#menu a.search {
  margin:10px 0;
  width:130px;
  padding:4px;
  text-align:center;
}

html>body div#menu a.search {width:auto;}

div#menu span a, div#menu span a.search {
  border:1px #bac3bf solid;
  color:#000;
  background:#c9ebda;
}

div#menu a:hover {
  color:#fff;
  background:#61967c;
  border:1px #bac3bf solid;
}
/* NAV LEFT ENDS */

/* STANDARD LINKS STARTS */

a {
  font-size: 12px;
  text-decoration:underline;
  font-weight:normal;
  background-color: #bac3bf;
  color:#fff;
}

a:hover {
  font-size: 12px;
  background-color: #c9ebda;
  color:#002f5d;
}

/* LINKS ENDS */

/* CUSTOM LINKS STARTS */

/* table header - yellow on dark green cell */

.tableheader { 
  font-size: 12px;
  color: #fdd017; 
  background-color: #005d2f;
  font-family: arial; 
  text-decoration: none;
  font-weight: bold;
}

a.tableheader:link {
  background-color: #005d2f;  
}

a.tableheader:hover {
  color: #e9ab17;
  background-color: #005d2f;
  text-decoration: none;
}


/* tab header (& focus)- yellow on dark green cell */

.tabheader { 
  color: #fdd017; 
  background-color: #005d2f;
  font-family: arial; 
  text-decoration: none;
  font-weight: bold;
}

a.tabheader:link {
  background-color: #005d2f;  
}

a.tabheader:hover {
  color: #e9ab17;
  background-color: #005d2f;
  text-decoration: none;
}

.tabheaderfocus { 
  color: #fdd017; 
  background-color: #61967c;
  font-family: arial; 
  text-decoration: none;
  font-weight: bold;
}

a.tabheaderfocus:link {
  background-color: #61967c;  
}

a.tabheaderfocus:hover {
  color: #e9ab17;
  background-color: #61967c;
  text-decoration: none;
}


/* footer link - light green on dark green*/

.footer { 
  color: #61967c; 
  background-color: #005d2f;
  font-family: arial; 
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

a.footer:link {
  background-color: #005d2f;  
}

a.footer:hover {
  color: #e9ab17;
  background-color: #005d2f;
  text-decoration: none;
  font-size: 16px;
}

/* sort order link - dark green on dark green*/

.sortorder { 
  color: #005d2f; 
  background-color: #005d2f;
  font-family: arial; 
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
}

a.sortorder:link {
  background-color: #005d2f;  
}

a.sortorder:hover {
  color: #ffd017;
  background-color: #005d2f;
  text-decoration: none;
  font-size: 16px;
}


/* rh nav link - white on light green*/

.rhnav { 
  color: #fff; 
  background-color: #61967c;
  font-family: arial; 
  text-decoration: underline;  
}

a.rhnav:link {
  background-color: #61967c;  
}

a.rhnav:hover {
  color: #e9ab17;
  background-color: #61967c;
  text-decoration: underline;
}

/* table cell - yellow on light grey cell */

.tablecell { 
  color: #fff; 
  background-color: #bac3bf;
  font-family: arial; 
  text-decoration: underline;
  font-weight: bold;
}

a.tablecell:link {
  background-color: #bac3bf;  
}

a.tablecell:hover {
  color: #e9ab17;
  background-color: #bac3bf;
  text-decoration: underline;
}

/* grey background - yellow on light grey cell */

.greybg { 
  color: #61967c; 
  background-color: #bac3bf;
  font-size: 13px; 
  font-family: arial; 
  text-decoration: none; 
  font-weight: bold;
}

a.greybg:link {
  background-color: #bac3bf;  
}

a.greybg:hover {
  color: #e9ab17;
  font-size: 13px; 
  background-color: #bac3bf;
  text-decoration: none;
}



/* CUSTOM LINKS ENDS */

/*** END OF ALL HYPERLINK SETTINGS ***/


/*** START OF 3 COLUMN PAGE LAYOUT ***/

body {
  margin:0;
  padding:0;
  border:0;		
  width:100%;
  background:#bac3bf;
  min-width:600px;
  font-size:90%;
  text-align:center;   
}

#header {
  clear:both;
  float:left;
  width:100%;
  color:#fff;
  font-size:24px; 
  font-weight:bold;
  background-color:#005d2f;
  height:75px;  
}

#footer {
  background-color: #005d2f;
  clear:both;
  float:left;
  width:100%;
  height:50px;    
}

.container {
  position:relative;
  clear:both;
  float:left;
  width:100%;
  overflow:hidden;
}

.containerright,
.containermid,
.containerleft {
  float:left;
  width:100%;
  position:relative;
}
.columncenter,
.columnleft,
.columnright {
  float:left;
  position:relative;
  padding:0 0 1em 0;	
  overflow:hidden;
}

.threecol {
  background:#61967c; /* right column background colour */
}

.threecol .containermid {
  right:20%; /* width of the right column */
  background:#bac3bf; /* center column background colour */
}

.threecol .containerleft {
  right:65%; /* width of the middle column */
  background:#106d3f;	/* left column background colour */
}

.threecol .columncenter {
  width:65%; /* width of center column content (column width    
  minus padding on either side) */
  left:100%; /* 100% plus left padding of center column */
  background:#bac3bf;	/* centre column background colour */
}

.threecol .columnleft {
  width:15%; /* Width of left column content (column width minus padding on either side) */
  left:20%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .columnright {
  width:20%; /* Width of right column content (column width minus padding on either side) */
  left:85%; /* Please make note of the brackets here:
		 (100% - left column width) plus (center column left 			and right padding) plus (left column left and right 			padding) plus (right column left padding) */
}

/*** END OF 3 COLUMN PAGE LAYOUT ***/