/*
 * Copyright (c) 2007 Sarawak Information System Sdn. Bhd. 
 * 
 * MODIFICATION HISTORY
 *
 * NAME			DATE		DESCRIPTION												VERSION #
 * ----------------------------------------------------------------------------------------------
 * wswong		25/01/07	file created											1.0.0
 * 
 */
 
 .body {
/*the color here #2c2721 was the bottom color of my gradient image - a seamless fade*/
  background: #9ed08b; /*73b25a*/
  margin: 0;
  padding: 0;
}

.modulebody{
  background: #FFFFFF;
  margin: 0;
  padding: 0;
}

/*body {
	background-color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	margin: 0px;
}*/

.moduleheader {
  font: bold 1em "Trebuchet MS", Helvetica, Sans-Serif; 
  margin: 0; 
  color: #546F92; 
  background-color:transparent; 
  TEXT-DECORATION:none
}
.whitetext {
  font: bold 1em "Trebuchet MS", Helvetica, Sans-Serif; 
  margin: 0; 
  color: #FFFFFF; 
  background-color:transparent; 
  TEXT-DECORATION:none
}
.label {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.theform {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	background-color: #E8E8E8;
}

.row1 {
	color: #EEEEEE;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	background-color: #E8E8E8;
}

.row2 {
	color: #EEEEEE;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
}

.content {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
}

A.content {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
}

A.content:hover {
	color: #0052A4;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: underline;
}

.menu1 {
	color: #0052A4;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
}

A.menu1 {
	color: #797A79;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
  	text-decoration: none;
}

A.menu1:hover {
	color: #FF9F40;;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.menu2 {
	color: #00005E;
	background-color:  #d7e1eb;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	width:170px;	
}


A.menulink {
/*display: block;
width: 170px;
text-align: left;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size:9pt;
color: #00005E;
BORDER: none;
background-color: #d7e1eb;*/
  color: black;
  font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}

A.menulink:hover {
/*background-color: #00005E;
color: #d7e1eb;*/

	/*color: #0000A0;
	font-family: Arial,Tahoma,Verdana;
	font-size: 8pt;
	font-weight: bold;    
	text-align: center;
	TEXT-DECORATION:none*/
	color: #0000A0;
	font-family: Arial,Tahoma,Verdana;
  font-size: 8pt;
  font-weight: bold;    
  text-align: center;
  TEXT-DECORATION:none
}


.title {
	color: #000062;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

.title1 {
	/*color: #CC6600;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;*/
	
	color: #227104;
	margin-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 20px;
	font-size: 18px;
	font-family: Arial,Tahoma,Verdana;
	font-weight: bold;
}

.dim {
	color: #808080;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size:9pt;
}

.dim2 {
	color: #808080;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size:8pt;
}

.highlight {
	color: #FF0000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.error {
	color: #FF0000;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.header{
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}

.footer {
	color: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

.mandatory {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
}

.login {
	color: #FFFFFF;
	background-color: #757575;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.loginPanel {
	color: #616564;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;

}

.pane{
	color: #FFFFFF;
	background-color: #227104;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.button {
	color:black;
	BORDER-RIGHT: #000000 1pt solid; BORDER-TOP: #000000 1pt solid; FONT: 7pt Univers,Arial, Helvetica, sans-serif;TEXT-TRANSFORM: none; BORDER-LEFT: black 2pt solid; COLOR: #000000; BORDER-BOTTOM: #000000 1pt solid; COLOR: #000000; BORDER-RIGHT: #000000 1pt solid; BORDER-TOP: #000000 1pt solid; FONT-WEIGHT: bold; FONT: 9pt Univers,Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; BORDER-LEFT: #000000 1.5pt solid; COLOR: #000000; BORDER-BOTTOM: #000000 1.5pt solid;  
	 background-image:url("/ess2/images/button.jpg"); font-weight: bold; color: #FFFFFF;
 
}

/* newly added to format fieldset*/

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #666666;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:10pt;	
    	font-weight: bold;				 /* bump up legend font size, not too large or it'll overwrite border on left */
    	color: #CC6600;
	font-family: arial, helvetica, sans-serif;  /* be careful with padding, it'll shift the nice offset on top of border  */
	margin-bottom:5px; width:150px; 
	padding: 2px 6px

}

.tabletitle{
	font-size:10pt;	
	font-weight: bold;				 /* bump up legend font size, not too large or it'll overwrite border on left */
    	color: #CC6600;
	font-family: arial, helvetica, sans-serif;  /* be careful with padding, it'll shift the nice offset on top of border  */
	margin-bottom:5px; width:150px; 
	padding: 2px 6px
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 35%; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
    font-size:9pt;
	font-weight:bold;
}

form label.second { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 35%; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
    font-size:9pt;
	font-weight:bold;
	color:#666666;
}


form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	/*text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}


form .reqMark{font-weight:bold; color:red;}  /*uses class instead of div, more efficient */

form .instructions {
	margin: 0.5em 0;
	padding: 1px;
	background-color:#dee;
	font-size: 10pt;
}

.menu {
	color: #00005E;
	background-color:  #d7e1eb;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	
}

A.menu {
	color: #00005E;
	background-color: #d7e1eb;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}


A.menu:hover {
	color:  #0000FB;
	background-color: #d7e1eb;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

option.yellow1 {
	background-color: #FF9F40;
	font-family: arial, helvetica, sans-serif;
 	font-size: 12px; 	
}


.border1
{
  BORDER-RIGHT: 1px solid;
  BORDER-TOP: 1px solid;
  BORDER-LEFT: 1px solid;
  WIDTH: 95%;
  BORDER-BOTTOM: 1px solid;
  Border-color: black;
  Background-color:#FFE6BF;
}

.border0
{
  WIDTH: 95%
}

.tbheader
{
  color:#ffffff;
  background-color:#FF9F40;
  font-family: verdana, helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
}
.tbrow1
{
  color: black;
  background-color: #BF9960;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 8pt;
  text-align:left;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.link{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	}

.progress{
	width: 1px;
	height: 14px;
	color: #FF9F40;
	font-weight: bold;
	font-size: 12px;
  overflow: hidden;
	background-color: #FFE6BF;
	padding-left: 5px;
}



/*original color background #F9F8F8*/

.second {
color: #666666;
background: #F5F5F1;
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
}

.readprc {
color: #666666;
background: #F9F8F8;
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
}

.tablecontent {
color: #666666;
background: #F5F5F1;
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
}

.tablecontent2 {
color: #666666;
background: #F9F8F8;
border: 0px solid #000000;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: center;
}

.tablecontent3 {
color: #666666;
background: #F9F8F8;
border: 0px solid #000000;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
text-align: center;
}

.tablecontent4 {
color: #666666;
background: #E8E8E8;;
border: 0px solid #000000;
font-family: arial, helvetica, sans-serif;
font-size: 10pt;
text-align: center;
}

.tablecontent5 {
color: #666666;
background: #F5F5F1;
border: 1px solid #999999;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
text-align: right;
}

.fontview {
color: #666666;
font-size: 9pt;
font-weight: bold;
}

.option1 
{
color: #666666;
background-color: #F5F5F1;
font-size: 9pt;
width:180px;
}

P, TD { 
	font-family: Arial,Tahoma,Verdana;
  font-size:	8pt;
}

.tdlabel{ 
	text-align: right; 
    font-size:9pt;
	font-weight:bold;
	color:#000000;
}

.tdlabel2{ 
	text-align: left; 
    font-size:9pt;
	font-weight:bold;
	color:#000000;
}

TABLE   { 
/*border-collapse: collapse;*/
border-color: #666666;

}
/*input:focus { border: 2px solid #3366CC; }*/


.cellheader {
font-size: 7.5pt;
font-weight: bold;
background: #E8E8E9;
/*border-right: 1px solid #ffffff;*/
/*border-bottom: 1px solid #ffffff;*/
}

.tdlisting {
color: #666666;
text-align: center;
font-weight: bold;
}

.tdinput {
color: #666666;
/*background: #E5E5E5;*/
background: #FFFFFF;
border: none;

}

.three {
border: 1px solid #999999;
}

.tdheader {
font-size:8pt;
font-weight: bold;
text-align: center;
background: #E8E8E8;

}

.tddetail {
font-size:8pt;
color: #666666;
text-align: center;
}

.tddetail2 {
font-size:8pt;
color: #666666;
text-align: right;
}

.tddetail3 {
font-size:8pt;
text-align: left;
color: #666666;
background-color: #F9F8F8;
}


.evenrowbg {
background-color: #F0F0F0; 
} 

.oddrowbg {
background-color: #ffffff;
}

.subtitle {
	color: #FFFFFF;
	background-color: #8C8C8C;
	font-family: arial, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

a.tab, a.tab:link, a.tab:visited  {
  font-family:verdana;
  font-size:7pt;
  color: #000000; 
  font-weight: bold;
  TEXT-DECORATION:none
}

a.tab:hover {
  font-family:verdana;
  font-size:7pt;
  color : #0000A0; 
  font-weight: bold;
  TEXT-DECORATION: none
}

.Title {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-DECORATION: none
}