body { font-family: verdana, Arial, Helvetica, sans-serif; font-size:11px;}
p { font-family: verdana, Arial, Helvetica, sans-serif; font-size:11px;}
li, td { font-family: verdana, arial, Helvetica, sans-serif; font-size:11px;}
textarea,select { font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; BORDER-BOTTOM: #000022 1px solid;BORDER-LEFT: #000022 1px solid; BORDER-RIGHT: #000022 1px solid; BORDER-TOP: #000022 1px solid;}
input { background-color:#ffffff; font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;}
.button {background-color:#c0c0c0; font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; color:#a40101; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid;}
.radio {background-color:#d4d0c8; font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; color:#a40101; BORDER-BOTTOM: #000000 0px solid;BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid;}
.radio1 {background-image:url('img/addtile.gif'); font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; BORDER-BOTTOM: #000000 0px solid;BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid;}
.radio2 {background-color:#dee7f7; font-family: verdana, arial, Helvetica, sans-serif; font-size:11px; color:#a40101; BORDER-BOTTOM: #000000 0px solid;BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid;}
td.error {font-family:verdana, arial;  color:red; font-size:11px; text-decoration:none;}     			
td.login {font-family:arial,verdana;  color:#a40101; font-size:16px; text-decoration:none;}     			
td.icontxt {font-family:arial,verdana;  color:#000000; font-size:11px; text-decoration:none;}     			
.pagetitle { font-family: verdana, arial, Helvetica, sans-serif; color:#000000; font-weight:bold; BORDER-BOTTOM: #757575 1px solid;BORDER-LEFT: #757575 1px solid; BORDER-RIGHT: #757575 1px solid; BORDER-TOP: #757575 1px solid;}

hr { color:#000000; width:100%; text-align:center; height:1px; BACKGROUND-COLOR: #e0e0e0; }

.checkbox { font-family: verdana, arial, Helvetica, sans-serif; BORDER-BOTTOM: #000022 0px solid;BORDER-LEFT: #000022 0px solid; BORDER-RIGHT: #000022 0px solid; BORDER-TOP: #000022 0px solid;}
td.txtgray {font-family:arial,verdana;  color:#535353; font-size:12px; text-decoration:none;}     			

td.color a:link {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}     			
td.color a:active {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.color a:visited {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.color a:hover {font-family:verdana, arial;  color:red; font-size:11px; text-decoration:none;}

a:link {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}     			
a:active {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
a:visited {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
a:hover {font-family:verdana, arial;  color:red; font-size:11px; text-decoration:underline;}

.cell_over {BACKGROUND-COLOR: #3569BE; BORDER-BOTTOM: #000080 0px solid;BORDER-LEFT: #000080 0px solid; BORDER-RIGHT: #000080 0px solid; BORDER-TOP: #000080 0px solid}
.cell_over A:link {COLOR: white; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.cell_over A:active {COLOR: white; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.cell_over A:visited {COLOR: white; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.cell_over A:hover {COLOR: white; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
    	
.cell_out A:link {BACKGROUND-COLOR: #f4f4f4; COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.cell_out A:active {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.cell_out A:visited {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}

.submenu A:link {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.submenu A:active {	COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.submenu A:visited {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.submenu A:hover {COLOR: blue; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}						

.box {BACKGROUND-COLOR: #d4d0c8; BORDER-BOTTOM: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid;}
.boxpaymentpeso {BACKGROUND-COLOR: #8cb0d1; BORDER-BOTTOM: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid;}
.boxpaymentdollar {BACKGROUND-COLOR: #95e299; BORDER-BOTTOM: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid;}
.boxa {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #ffffff 0px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid;}
.box2 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; font-size:10px;}
.box3 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; font-size:11px;}
.box4 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.box5 {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none; text-align:center}
.box6 {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none;}
.box7 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #cccccc 1px solid;BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid;COLOR: black; FONT-FAMILY: arial; FONT-SIZE: 10px; TEXT-DECORATION: none}

.box11 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid;COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.box11_white {BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid;COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.boxtrans {BACKGROUND-COLOR: #dce5f4; BORDER-BOTTOM: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid;COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.boxtrans_gray {BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid;COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.boxtrans_eo {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #333333 1px solid;BORDER-LEFT: #333333 1px solid; BORDER-RIGHT: #333333 1px solid; BORDER-TOP: #333333 1px solid;COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}

td.box11 a:link {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}     			
td.box11 a:active {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.box11 a:visited {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.box11 a:hover {font-family:verdana, arial;  color:red; font-size:11px; text-decoration:none;}

.jop {COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none; BACKGROUND-COLOR: #f0f0f0;}
.joborder {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #c0c0c0 1px solid;BORDER-LEFT: #c0c0c0 1px solid; BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid;}


.box1 {BACKGROUND-COLOR: #e0e0e0; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px;
font-family:verdana, arial;  color:blue;
}
.box1_white {BACKGROUND-COLOR: #FFFFFF; BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px;
font-family:verdana, arial;  color:blue;
}
td.box4 a:link {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}     			
td.box4 a:active {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.box4 a:visited {font-family:verdana, arial;  color:blue; font-size:11px; text-decoration:none;}      			
td.box4 a:hover {font-family:verdana, arial;  color:red; font-size:11px; text-decoration:none;}

td.box7 a:link {font-family:arial,verdana;  color:blue; font-size:10px; text-decoration:none;}     			
td.box7 a:active {font-family:arial,verdana;  color:blue; font-size:10px; text-decoration:none;}      			
td.box7 a:visited {font-family:arial,verdana;  color:blue; font-size:10px; text-decoration:none;}      			
td.box7 a:hover {font-family:arial,verdana;  color:red; font-size:10px; text-decoration:none;}

.box4a {BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM: #e0e0e0 2px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 11px; TEXT-DECORATION: none}
.picture {BORDER-BOTTOM: #a40101 1px solid; BORDER-LEFT: #a40101 1px solid; BORDER-RIGHT: #a40101 1px solid; BORDER-TOP: #a40101 1px solid;}


td.display2 {BACKGROUND-COLOR: #e4eaf2; BORDER-BOTTOM:#b30000 0px solid; BORDER-LEFT:#b30000 0px solid; BORDER-RIGHT:#b30000 0px solid; BORDER-TOP:#b30000 0px solid;}
td.display3 {BACKGROUND-COLOR: #f5f9fd; BORDER-BOTTOM:#b30000 0px solid; BORDER-LEFT:#b30000 0px solid; BORDER-RIGHT:#b30000 0px solid; BORDER-TOP:#b30000 0px solid;}
td.display4 {BACKGROUND-COLOR: #d4d0c8; BORDER-BOTTOM:#b30000 0px solid; BORDER-LEFT:#b30000 0px solid; BORDER-RIGHT:#b30000 0px solid; BORDER-TOP:#b30000 0px solid;}
td.display5 {BACKGROUND-COLOR: #d0d0d0; BORDER-BOTTOM:#b30000 0px solid; BORDER-LEFT:#b30000 0px solid; BORDER-RIGHT:#b30000 0px solid; BORDER-TOP:#b30000 0px solid;}

.boxu {BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #ffffff 0px solid; BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; COLOR: black; FONT-SIZE: 11px; TEXT-DECORATION: none}

table.report {
	BORDER-RIGHT: #757575 1px solid; BORDER-TOP: #757575 1px solid; BORDER-LEFT: #757575 1px solid; BORDER-BOTTOM: #757575 1px solid; BORDER-COLLAPSE: collapse; border-spacing: 0
}
td.report {
	BORDER-RIGHT: #757575 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #757575 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #757575 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #757575 1px solid; FONT-FAMILY: verdana,arial, helvetica, geneva, sans-serif;
}
td.reporthead {
	BORDER-RIGHT: #757575 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #757575 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #757575 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #757575 1px solid; FONT-FAMILY: verdana,arial, helvetica, geneva, sans-serif; background-color:#cccccc;
}
td.reportinside {
	BORDER-RIGHT: #757575 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #757575 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #757575 1px solid; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #757575 1px solid; FONT-FAMILY: verdana,arial, helvetica, geneva, sans-serif; background-color:#cccccc;
}
td.reportinsidedata {
	BORDER-RIGHT: #757575 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #757575 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #757575 1px solid; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: #757575 1px solid; FONT-FAMILY: verdana,arial, helvetica, geneva, sans-serif;
}
/*resume class*/
td.resumehead {font-family:verdana,arial;  color:#000000; font-size:11px; text-decoration:none; font-weight:bold; background-color:#e8e8e8; height:22px;}
td.resumehighlight {font-family:verdana,arial;  color:#000000; font-size:14px; text-decoration:none; font-weight:bold;}
td.spacer {height:10px;}

#fadeinbox{ position:absolute; width: 450px; left: 0; top: -400px; border: 2px solid black; background-color: lightyellow; padding:4px; z-index: 100; visibility:hidden;
}
div#blinking {text-decoration: blink;}

#filter { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #CCCCCC; z-index:10; opacity:0.5; filter: alpha(opacity=50); }
#help { display: none; position: absolute; top: 20%; left: 20%; width: 400px; height: 200px; padding: 48px;	margin:0; border: 1px solid black; background-color: white; z-index:101; overflow: none; }
#helptitle { position:absolute; float:center; top:0; left:0; width:496px; height:24px; padding:0; padding-top:4px; left-padding:8px; margin:0; border-bottom:4px solid #3CF; background-color: #09c; color:white; text-align:center; }

.leftonly {border-left: 1px solid #666666;border-bottom: 0px solid #666666;padding: 2px 2px 2px 2px; color:#000000;}

.rightonly {border-right: 1px solid #757575;border-bottom: 0px solid #666666;padding: 2px 2px 2px 2px; color:#000000;}

.bottomonly {border-bottom: 1px solid #757575;padding: 2px 2px 2px 2px; color:#000000;}

.paddingonly {border-bottom: 0px solid #757575;padding: 2px 2px 2px 2px; color:#000000;}

#fieldsetjob{ background-color:#d4doc8;border-width:2px 0px 0px 0px;border-style:solid;border-color:#657887;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;letter-spacing:-1px;margin:0px 0px 20px 0px;width:97%;position:relative;display:block;padding: 0px 10px 10px 10px;}

#fieldsetjob legend{ background-color:none;border-width:0px 1px;border-style:solid;border-color:#657887;color:#363636;font-weight:bold;text-transform:uppercase;font-size:100%;font-family: Arial, Helvetica, sans-serif;letter-spacing:2px;padding:2px 5px;margin:0px 0px 10px 0px;position:relative;top: -12px;}
	 
#fieldsetjob img{ padding: 0px 0px 0px 2px;align:center;}

#fieldsetjob label{ font-size:100%;	display:block;float:left;width:230px;text-align:right;margin:10px 5px 0px 0px;color:#00006c;letter-spacing:-1px;font-family:Verdana, Arial, Helvetica, sans-serif;}


#fieldsetjob input, #fieldsetjob select{margin:5px 0px 0px 0px;border-width: 1px 1px 3px 1px;border-style: solid solid ridge solid;
border-color:#657887;font-family: Verdana, Arial, Helvetica, sans-serif;padding:1px 2px;}

#fieldsetjob .data{ margin:0px 0px 0px 0px;border-width: 0px 0px 3px 0px;border-style: solid solid ridge solid;border-color:#657887;font-family: Verdana, Arial, Helvetica, sans-serif;padding: 5px 4px;background-color: #f1f1eb;}

#fieldsetjob .radio{margin:8px 0px 0px 0px;border-width: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;padding:1px 2px;}

#fieldsetjob .submitbutton{ background-color:#f0f2dc;border-width:2px;border-style:solid;border-color:#657887;font-weight:bold;font-family:Arial, Helvetica, sans-serif;width:120px;padding:2px;margin:2px auto;}

#fieldsetjob .comment{margin:10px 0px 0px 5px;letter-spacing:-1px;font-size:100%;font-family: Verdana, Arial, Helvetica, sans-serif;padding:1px 2px;color:#494949;}

#fieldsetjob .label{font-size:100%;text-align:right;margin:10px 5px 0px 0px;color:#00006c;letter-spacing:-1px;font-family:Verdana, Arial, Helvetica, sans-serif;}

.respWarning { border:1px solid #000; background:#E0E0E0; padding-bottom:5px; height:100%;}
#responseDiv { clear:both; display:block; text-align:center; vertical-align:middle; }
#inbox_headers #responseDiv { margin:10px; }
#msgTop #responseDiv, #boxviewTop #responseDiv { margin:0 10px 10px 10px; }
#responseDiv p { margin:5px 10px 0 10px !important; }
#responseDiv a { color:#000; }
#responseDiv .greyBtn { margin:0 0 0 10px; }
#responseDiv img.close { float:right; margin:5px; }