/* General Settings */
BODY {
    font-family 	 : Arial,Verdana,Geneva;
    font-weight 	 : normal;
    font-style		 : normal;
}

.usual {
    font-family 	 : Arial,Verdana,Geneva;
    font-size		 : 9pt;
    font-weight 	 : normal;
    font-style		 : normal;
    color			 : #635FA9;
}

BODY.popup {
    font-family 	 : Arial,Verdana,Geneva;
    font-size		 : 9pt;
    font-weight 	 : normal;
    font-style		 : normal;
    color			 : #000000;
    background-color : #FFCC00;
    text-decoration  : none;
}

.topic {
    font-family 	 : Arial,Verdana,Geneva;
    font-size		 : 9pt;
    font-weight 	 : bold;
    font-style		 : normal;
    color			 : #003399;
    text-decoration  : underline;
}

.subtopic		{
    font-family 	 : Arial,Verdana,Geneva;
    font-size		 : 9pt;
    font-weight 	 : bold;
    font-style		 : normal;
    color			 : #000000;
    text-decoration  : none;
}


TD.infobar {
    font-family 	 : Arial,Verdana,Geneva;
    font-size		 : 8pt;
    font-weight 	 : normal;
    color			 : #0000FF;
    background-color : #EEEEEE;
    text-decoration  : none;
}

TD.leftmenu 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #006600;
    background-color : #FFCC00;
    text-decoration	: none;
}

TD.subHeader	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FFFFFF;
    background-color : #6487DC;
    text-decoration	: none;
    text-align: left;
}

TD.pana_red { font-family		: Arial,Verdana,Geneva; 
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FFFFFF;
    background-color : #FF9999;
    text-decoration	: none;
}


TR.subHeader	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FFFFFF;
    background-color : #6487DC;
    text-decoration	: none;
}


TD.subHeader2	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #CCFFCC;
    text-decoration	: none;
    height : 15pt;
}

TR.subHeader2	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #CCFFCC;
    text-decoration	: none;
    height : 15pt;
}


TD.HRheader 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #083194;
    background-color : #A1A1A1;
    text-decoration	: none;
}

TD.HR2header	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #218429;
    background-color : #FFE7C6;
    text-decoration	: none;
}

TD.HR3header	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #083194;
    background-color : #FFE7C6;
    text-decoration	: none;
}

TD.heading, .headingCol		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #ECECFF;
    text-decoration	: none;
}

TD.headingForm	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #FFFFFF;
    text-decoration	: none;

    text-align: left;
}

TD.TrainingCalendarContent		 
{ 
    font-family		: Arial,Verdana,Geneva;
    font-size		: 8pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #ECECFF;
    text-decoration	: none;
    /*position : top;
    height : 100pt;*/
    position :   absolute;
    top  :   100pt;
}

TD.content		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #ECECFF;
    text-decoration	: none;
    height : 15pt;
}

TD.contentForm	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    /*font-weight		: italic;*/
    color			: #000000;
    background-color : #FFFFFF;
    /*text-decoration	: italic;*/

    text-align: left;
}

TD.contentFormA1  { font-family 	 : Arial,Verdana,Geneva;
    font-size		: 9pt;
    /*font-weight		: italic;*/
    font-style       : italic;
    color			: #000000;
    background-color : #FFFF42;
    /*text-decoration	: italic;*/
}

TD.contentFormA2  { font-family 	 : Arial,Verdana,Geneva;
    font-size		: 9pt;
    /*font-weight		: italic;*/
    font-style       : italic;
    color			: #000000;
    background-color : #DEF763;
    /*text-decoration	: italic;*/
}

TD.contentFormR  { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    /*font-weight		: italic;*/
    font-style       : italic;
    color			: #FF0000;
    background-color : #FFFFFF;
    /*text-decoration	: italic;*/
}

TD.contentStatus { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #6AAFF2;
    /*text-decoration	: italic;*/
    font-style       : italic;
}

TD.contentSplit { font-family	   : Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #E0E0E0;
    /*text-decoration	: italic;*/
    /*font-style       : italic;*/
    text-align: left;
}

TD.text 		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    text-decoration	: none;
}

.itemBorder { border: 1px solid black }
.itemText { text-decoration: none; color: #FFFFFF; font: 12px Arial, Helvetica }


FONT.highlight	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #0000FF;
    text-decoration	: none;
}

FONT.star		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FF0000;
}

FONT.subscript	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 8pt;
    color			: #FFFFFF;
}

FONT.modifyFlag  { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #0000FF;
}

FONT.small		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #000000;
    text-decoration	: underline;
}

FONT.title		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 22pt;
    color			: #000000;
}

A.left:link 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #000066;
    text-decoration	: underline;
}
A.left:visited	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #000066;
    text-decoration	: underline;
}
A.left:active	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #FF0000;
    text-decoration	: underline;
}
A.left:hover	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #FFCC00;
    background-color : #000066;
    text-decoration	: underline;
}

A.header:link	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000066;
    text-decoration	: underline;
}
A.header:visited { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000066;
    text-decoration	: underline;
}
A.header:active  { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FF0000;
    text-decoration	: underline;
}
A.header:hover	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #FFCC00;
    background-color : #000066;
    text-decoration	: underline;
}


A.small:link	 { font-family		: Arial,Verdana,Geneva; 
    font-size		: 9pt;
    color			: #000066;
    text-decoration	: underline;
}
A.small:visited  { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #000066;
    text-decoration	: underline;
}
A.small:active	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #FF0000;
    text-decoration	: underline;
}
A.small:hover	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    color			: #FF0000;
    text-decoration	: underline;
}

A.navigate:link  { font-family		: Arial;
    font-size		: 8pt;
    color			: #000066;
    text-decoration	: underline;
}
A.navigate:visited { font-family	  : Arial;
    font-size		  : 8pt;
    color			  : #000066;
    text-decoration  : underline;
}
A.navigate:active  { font-family	  : Arial;
    font-size		  : 8pt;
    color			  : #FF0000;
    text-decoration  : underline;
}
A.navigate:hover   { font-family	  : Arial;
    font-size		  : 8pt;
    color			  : #FF0000;
    text-decoration  : underline;
}

/* Alert Message Specified */
TD.content0 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #FFFFFF;
    text-decoration	: none;
    height : 15pt;
}

TD.content1 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    background-color : f5f5f5;
    text-decoration	: none;
    height : 15pt;
}

TD.content2 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 10pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #FFFFFF;
    text-decoration	: none;
}

TD.content3 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #CCFFCC;
    text-decoration	: none;
    height : 15pt;
}

TD.content4 	 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    color			: #000000;
    background-color : #FFFFCC;
    text-decoration	: none;
    height : 15pt;
}

TD.content5		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #ECECFF;
    text-decoration	: none;
    height : 15pt;
}

TD.content6		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 10pt;
    font-weight		: bold;
    color			: #000000;
    background-color : #FFFFFF;
    text-decoration	: none;
}

TD.content7		 { font-family		: Arial,Verdana,Geneva;
    font-size		: 12pt;
    font-weight		: bold;
    color			: #3333AA;
    background-color : #FFFFFF;
    text-decoration	: none;
}

/* New */
.indexLinkFont {
    font-family  : Arial;
    color		 : #3152A5;
    font-size	 : 10pt;
    font-weight  : bold;
}

.indexDescFont {
    font-family  : Arial;
    color		 : #000000;
    font-size	 : 10pt;
    font-weight  : normal;
}

/* Self-Service Enquiry */
.reportTitle {
    font-family  : Arial;
    color		 : #299C39;
    font-size	 : 12pt;
    font-weight  : bold;
    background-color : #FFFFFF;
}

.reportHeader {
    font-family  : Arial;
    color		 : #000000;
    font-size	 : 8pt;
    font-weight  : bold;
    background-color : #FFFFFF;
}

.reportSubHeader {
    font-family  : Arial;
    color		 : #083194;
    font-size	 : 8pt;
    font-weight  : bold;
    background-color : #FFFFFF;
}

.reportDetails {
    font-family  : Arial;
    color		 : #000000;
    font-size	 : 8pt;
    font-weight  : normal;
    background-color : #FFFFFF;
}

td {
    min-height: 1px;
    height: 1px;
}

/* Tom Group */
TR.tomHeader-1	{ background-color : #FDD6B3;
    /*valign : middle;*/
    vertical-align: middle;
}

TR.tomTableHead	{ background-color : #FFFFCC;
}

TR.tomRowData1	{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
}

TR.tomRowData2	{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    background-color	: #D8D8D8;
}

TD.tomHeader-1	{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: bold;
    color				: #505050;
    text-decoration	: none;
    height			: 21px;
}

TD.tomLabel		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: bold;
    color				: #666699;
    text-align       : center;
    text-decoration	: none;
}

TD.tomLabel2		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: bold;
    color				: #666699;
    text-decoration	: none;
}

TD.tomRptHeader1		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 12pt;
    font-weight		: bold;
    color				: #666699;
    text-align  : center;
    text-decoration	: none;
}

TD.tomRptPara1		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: bold;
    color				: #000000;
    text-align  : right;
    text-decoration	: none;
}

TD.tomRptPara2		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: normal;
    color				: #000000;
    text-align  : left;
    text-decoration	: none;
}

TD.tomRptPara3		{ font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    font-weight		: bold;
    color				: #000000;
    text-align  : left;
    text-decoration	: none;
}

TD.tomFormContent2 {  background-color : #E1E54E;
}

TD.tomFormContent3 {  background-color : #FFFFFF;
}

FONT.tomHeader-1 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: bold;
    color			: #505050;
}

FONT.tomFormContent1 { font-family		: Arial,Verdana,Geneva;
    font-size		: 7pt;
    font-weight	: normal;
    color			  : #000000;
}

FONT.tomContent2 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight	: bold;
    color			  : #000000;
}

FONT.tomContent3 { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight	: bold;
    color			  : #0000FF;
}

FONT.signature { font-family		: Arial,Verdana,Geneva;
    font-size		: 14pt;
    font-weight	: bold;
    color			  : #000000;
}


TR.tomFormContent1  { font-family		: Arial,Verdana,Geneva;
    font-size			: 7pt;
    color				  : #000000;
    font-weight		: normal;
    text-decoration	: none;
}

TR.tomFormContent2  { font-family		: Arial,Verdana,Geneva;
    font-size			: 8pt;
    color				  : #000000;
    font-weight		: normal;
    text-decoration	: none;
}

TR.tomFormContent2b  { font-family		: Arial,Verdana,Geneva;
    font-size			: 8pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: none;
}

TR.tomFormContent2c  { font-family		: Arial,Verdana,Geneva;
    font-size			: 7pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: none;
}

TR.tomFormContent3  { font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    color				  : #000000;
    font-weight		: normal;
    text-decoration	: none;
}

TR.tomFormSubHeader1  { font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: underline;
}

TR.tomFormSubHeader2  { font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: none;
}

TR.tomFormSubHeader3  { font-family		: Arial,Verdana,Geneva;
    font-size			: 9pt;
    color				  : #000000;
    background-color : #CCCCCC;
    font-weight		: bold;
    text-decoration	: none;
}

TR.tomFormHeader1  { font-family		: Arial,Verdana,Geneva;
    font-size			: 10pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: none;
}

TR.tomFormHeader2  { font-family		: Arial,Verdana,Geneva;
    font-size			: 12pt;
    color				  : #000000;
    font-weight		: bold;
    text-decoration	: none;
}

UL.tomFormQuest1 {  margin-left : 18px;
    margin-bottom : 5px;
}

.APPROVE { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: #94D639    //Color Version */
    color			: #000000;
    text-decoration	: none;
}

.PENDING { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: #FF9C4A;   /*Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.REJECT { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: RED;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.FINALAPPROVE { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: GREEN;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}


.CANCEL_APP { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: GRAY;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.EMAIL_APPROVE_ERROR { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: RED;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.SUBMIT { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: BLUE;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.APPROVE_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: #94D639    //Color Version */
    color			: #000000;
    text-decoration	: none;
}

.PENDING_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: #FF9C4A;   /*Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.REJECT_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: RED;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.FINALAPPROVE_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: GREEN;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}


.CANCEL_APP_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: GRAY;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.EMAIL_APPROVE_ERROR_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: RED;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}

.SUBMIT_LIST { font-family		: Arial,Verdana,Geneva;
    font-size		: 9pt;
    font-weight		: normal;
    /*color			: BLUE;   //Color Version*/
    color			: #000000;
    text-decoration	: none;
}


.table{
    border: 1px solid #000;
    font-size: 12px;
    text-align: center;
}
.table tr th{
    padding: 0px 10px;
}
.table tr:nth-child(even){
    background-color: rgb(219,229,241);
}

form table{
    width:100%;
}
form tr{
    height:25px;
}
.separator{
    height:1px;
}
form .headingForm{
    width:180px;
    padding:0px 5px 0px 5px;
    vertical-align:middle;
}
form .contentForm, form .headingCol, form [class*="content"], form .contentSplit, form .subscript{
    padding:0px 5px 0px 5px;
    vertical-align:middle;
}

.textInput, .datepicker{
    height:20px;
    padding:0px 5px 0px 5px;
    margin:2px 0px 2px 0px;
    border:solid 1px #888888;
    border-radius: 3px;
}

:focus {
    outline: 0px;
}

form select[name="lveCode0"],form input[name="lveCode1"]{
    min-width:300px;
}

form input[type="text"].datepicker{
    width:90px;
}

form .date{
    width:100px;
    min-width:62px;
}

form input[name*="subject"], form [name*="remarks"], form [name*="Remarks"], form [name*="acctBankAcNo"], form [name*="reason"], form [name*="comments"]
, form [name*="Name"], form [name*="pager"], form [name*="extension"], form .textInput [name*="email"]
, form [name*="mobile"], form [name*="empNat"], form [name*="addr"], form [name*="schoolName"], form [name*="assessment"], form [name*="certNo"]
, form [name*="purpose"]{
    width:100%;
    margin:2px 0px 2px 0px;
}

.intro{
    position:absolute;
    left:0;
    top:0;
    /*layer-background-color:#000000;*/
    background-color:#000000;
    border:5px double blue
}


/* nicer version */
 .button{
    margin: 3px;
    border:1px solid #AAAAAA;
    box-shadow: #444444 1px 1px 2px ;
    border-radius:4px;
    padding: 2px 10px 2px 10px; 
    text-decoration:none; 
    display:inline-block;
    text-shadow: 0px 0px 0px #000000; 
    color: #000000;
    background-color: #FFFFFF; 
    background-image: linear-gradient(to bottom, #cccccc, #e8e8e8, #f8f8f8, #ffffff, #f8f8f8, #e8e8e8, #cccccc);
    outline: none;
}
    
.button:hover{
    box-shadow: #555555 2px 2px 3px ;
    border:1px solid #999999;
}

.button:active{
    border:1px solid #666666;
    box-shadow: #aaaaaa 0px 0px 0px ;
    background-image: linear-gradient(to bottom, #999999,#d8d8d8, #e8e8e8, #eeeeee, #e8e8e8, #d8d8d8, #999999);
    outline: none;
}