/* Define all custom CSS used for EMPS here */

@import url(emps-login.css);    /* for login page */
@import url(emps-pay-advc.css); /* for payment advices page */
@import url(emps-file-dl.css);  /* for file download page */
@import url(emps-account.css);  /* for account maintenance pages */


/********************************/
/*   CSS share among all pages  */
/********************************/

body {
	position:relative;
	width:100%;height:100%;
	color:#000;background-color:#fff;
	padding:0;margin:0;
	font-size: 11pt;
	line-height: 95%;
	font-family: tahoma, arial, helvetica, san-serif, serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal
}
/*
.empsHeader{
	position:absolute;
	top:0px;
	left:0px
}
*/

.empsTitle {
	position: absolute; 
	left: 40px;
	top: 135px;
	font-size: 16pt;
}

.empsTitleNoTab {
	position: absolute; 
	left: 40px;
	top: 160px;
	font-size: 16pt;
	font-weight:bold;
}

.empsSmallTitle {
	font-weight:normal;
	font-size:14pt;
	color:black;
}

.footerArea {
	position:absolute;
	top:600px;
	width:980px;
}

.footerAreaLower {
	position:absolute;
	top:800px;
	width:980px;
}

.footerAreaFlow {
	position:relative;
	left:-40px;
	width:980px;
}

.disclaimerFooterArea {
	position:absolute;
	top:1350px;
	width:980px;
}	

.empsBold {
	font-weight:bold;

}

.empsFooterText {
	font-weight:normal;
	font-size:8pt
}

.empsNormal {
	font-weight:normal;
	color:black;
	font-size:10pt;
}
.empsUnderline{
	text-decoration:underline;
}

.empsUnderlineBlack{
	text-decoration:underline;
	color:black;
}

.empsItalicLink {
	font-weight:normal;
	font-size:8pt;
	font-style: italic;
	text-decoration: none;
}

.empsImportantMsg {
	font-weight:normal;
	font-size:10pt;
	font-style: italic;
	text-decoration: underline;
	color:red;
	
}

.empsFont12{
	font-size:11pt;
}

.empsBlack {
	color:black;
}

.empsContentArea {
	position:absolute;
	width:600px;
	left:40px;
	top:215px;
	font-size:10pt;
}

.empsContentAreaFlow {
	position:relative;
	width:600px;
	left:40px;
	top:215px;
}

.empsContentAreaHigher {
	position:absolute;
	width:600px;
	left:40px;
	top:200px;
	font-size:11pt;
}
.empsTable{
	border-width:0px;
	border-space:0px;
}

.empsValidationMessage{
	position:absolute;
	left:610px;
	top:70px;
	width:325px;
}

.empsValidationMessageLower{
	position:absolute;
	left:610px;
	top:95px;
	width:325px;
}

.empsLineSpace{
	height:40px;
}

.empsRedBar {
	position:absolute; 
	top:128px; 
	width:980px;
}


/****************************************/
/* CSS for EMPS header and footer pages */
/****************************************/
span#EMPSTitleBox {
	position:absolute; 
	left:0px;
	top:80px;
	height:50px;
	background-color:#999;
	width:980px;
	color:white;
}

span#EMPSTitle {
	position:absolute; 
	left:15px;
	top:85px;
	font-size:22pt;
	width:965px;
	color:white;
	font-weight:bold;
}

div#headerTabsArea {
	position:absolute; 
	top:85px; 
	width:980px;
}
div#headerNavArea {
	position:absolute; 
	top:85px; 
	left:830px;
	width:150px;
}

span#headerTabs {
	font-size:12pt;
}

.footerLeft {
	position:absolute; 
	padding-top:2px;
	height:20px;
	width:100%;
	font-size:8pt;
	left:15px;
}

.footerRight {
	position:absolute;
	text-align:right;
	padding-top:2px;
	width:100%;
	font-size:8pt;
	border-top:1px dotted #666;
	color:#666;
	font-family: Tahoma, Trebuchet MS,Arial;

}

.headerSiteInfo {
	position:absolute;
	top:20px; 
	left:120px; 
	font-size:16pt; 
	line-height:120%;
	color:blue;
}

/*********************************/
/*       CSS for Error Pages     */
/*********************************/
div#errorBar {
	position:absolute; 
	top:80px; 
	width:980px;
}

span#errorText {
	position:absolute;
	left:40px;
	font-size:16pt;
}

div#errorContentArea {
	position:absolute;
	width:600px;
	left:40px;
	top:225px;
}

/**********************************/
/* CSS for Misc Page    */
/**********************************/

.miscRedbarUpper {
	position:absolute; 
	left:0px;
	top:135px; 
	width:980px;
	border-top:5px solid red;
}
.miscRedbarLower {
	position:absolute; 
	left:0px;
	top:140px; 
	width:980px;
	border-top:5px solid #cc0000;
}

.miscLogo {
	position:absolute; 
	left:15px;
	top:15px;
}

.miscH1 {
	position:absolute; 
	left:15px;
	top:85px;
	width:965px;
	color:white;
	font-size:22pt;
	height:40px;
	line-height:100%;
	font-weight:bold;
	vertical-align:middle;
}

.miscH2 {
	position:absolute; 
	left:40px;
	top:160px;
	font-size:16pt;
	height:50px;
	line-height:100%;
	vertical-align:middle;
	font-weight:bold;
}

.miscContentArea {
	position:absolute;
	width:700px;
	left:20px;
	top:229px;
}

.textArea{
	font-family: courier, Tahoma, Trebuchet MS,Arial;
	font-size:10pt;
}

.goBtn{
	position:relative;
	top:4px;
}