html {
	overflow-x: hidden;
	overflow-y: scroll;
	}

body {
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #282727;
	background-color: white;
	text-align:center;	
}

.normaltext{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
}

.alermessage{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
font-size:11px;
font-weight:normal;
text-align:right;
}

.notemessage{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: red;
font-size:11px;
font-weight:normal;
}

.pwdmessage{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: blue;
font-size:11px;
font-weight:normal;
text-align:right;
}
.alermessagehome{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #1B04FD;
font-size:11px;
font-weight:none;
}

.contenttext {
	padding:2px;
	text-align:justify;
	font: normal 1.1em sans-serif;
	color:#084A5E;
	margin-bottom:3px;
}

p {
	text-align:justify;
	margin:0px;
}

img {
	border:0;
}

#innerpages {
	width:1000px;
	border-left:1px solid #4293CD;	
	text-align:left;
	margin: auto;
}
#homepage {
	width:956px;
	border-left:1px solid #4293CD;
	text-align:left;
	margin: auto;
	margin-left:auto;
}

#bannerimage {
	border:1px solid #6AB8EF;
	padding:2px;
	width:536px;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:0px;
}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:white;
	height:14px;
	border:1px solid #709CC3;
	padding:1px;
	width:190px;
}


.inputboxcount {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#F8FBFF;
	height:14px;
	border:0px solid #709CC3;
	padding:1px;
	width:190px;	
}

textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:white;	
	border:1px solid #709CC3;
	padding:1px;
	width:190px;
	height:40px;
}

.textareaApp{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.7pt;
	background-color:white;	
	border:1px solid #709CC3;
	padding:1px;
	width:300px;
}


/*--------footer-----------*/

#footer {
	width:100%;
	height:20px;
	padding: 2px 2px 0px 0px;
	vertical-align:middle;
}
#footercontent {
	margin:2 2 2 40%;
	float:left;
	padding:2px;
	display:inline;
}

#footer {
	background-image:url(../images/footerbg.jpg);
	height:20px;
	background-repeat:repeat;
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color:white;
}

.tablecontentbold {
	font-family: Verdana;
	font-size: 12px;
	color:#6E8627;
	text-decoration: none;
	font-weight: bold;
	background-image:url(../images/headingline.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:13px;
	padding-bottom:7px;/*padding-left:8px */
}

a.sitelink {
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	color: #6E8627;
	font-weight: bold;
	text-decoration: underline;
}
.pfont {
	text-align:justify;
	line-height:15px;
}
a.sitelink:hover {
	font-family: Tahoma, sans-serif, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: underline;
}
.topsection {
	background-image:url(../images/innerTopLogo.jpg);
	background-repeat:no-repeat;
	width:746px;
	height:75px;
}

.formtable {
	border:1px solid #E8E8E8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.3pt;
	background-image: url(../images/formbg.gif);
}
.formtablebig {
	border:1px solid #E8E8E8;
	background-image: url(../images/formbg1.gif);
	padding:8px 5px 8px 5px;
}
.formtableplain {
	border:1px solid #E8E8E8;
	padding:8px 5px 8px 5px;
}

.inputarea{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:white;
height:15px;
border:1px solid #54A5DD;
color:#3C3C3C;
width:190px;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, 
Color='#CCCCCC', Positive='true');
}

.mandatory
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:red;
text-decoration:none;
} 
.mandatorytext{
FONT-SIZE: 11px;
PADDING-BOTTOM: 5px;
COLOR: black;
PADDING-TOP: 4px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-style:italic;
}

#PageHeading
{
text-align:left;
color:#FFFFFF;
font-weight:bold;
padding-left:2px;
}

th
{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/nosort.gif);
background-repeat:repeat-x;
background-position:right;
height:23px;
text-align:left;
padding-left:2px;
}


.labelarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
background-color:#F8FBFF;
color:#000000;
text-align:left;
border-top:1px solid #E6F1FE;
border-right:1px solid #E6F1FE;
border-left:1px solid #E6F1FE;
}


.labelareaNone{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
padding-left:15px;
background-color:#F8FBFF;
color:#000000;
text-align:left;
border-top:1px solid #E6F1FE;
border-right:1px solid #E6F1FE;
border-left:1px solid #E6F1FE;
}

.buttonarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:4px;
background-color:#F8FBFF;
color:#000000;
text-align:right;
border-top:1px solid #E6F1FE;
border-right:1px solid #E6F1FE;
border-left:1px solid #E6F1FE;
}


.labelconarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
background-color:#F8FBFF;
color:#000000;
border-top:1px solid #E6F1FE;
text-align:left;
}

.button {
	background-color:#F09102;
	color:white;
	border: #cccccc 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8.3pt;
	height: 20px;
	font-weight:normal;
	margin-right:2px;
	padding:1px 2px 3px 2px;
	text-align:center;
	cursor:pointer;
}

.innerCrum
{
background-image:url(../images/innerCrum.gif);
background-repeat:no-repeat;
border-bottom:1px solid #4B90C4;
height:20px;
}

#PageHeading
{
text-align:left;
color:#FFFFFF;
font-weight:bold;
padding-left:2px;
}

.detailsBar{
background-image:url(../images/topNavBG.gif);
border:1px solid #B7D6ED;
text-align:right;
padding-right:2px;
font-weight:bold;
}

.mainmenu {
	width:70%;
	border:1px solid white;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#F0F0F0', Positive='true');
}

.gridheading{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: bold;
color: black;
text-align:left;
padding-left:2px;
background-color:#EFEFEF;
}

.gridoddrow{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color:#3C3C3C;
background-color:#D9E6F0;
border-bottom:1px solid #C8C8C8;
padding:2px;
text-align:left;
}
.gridevenrow{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color:#3C3C3C;
background-color:#FAFAFA;
padding:2px;
text-align:left;
}

.tablebg{
border-right:1px solid #E6F1FE;
border-bottom:1px solid #E6F1FE;
}

.action{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/barplain.gif);
background-repeat:repeat-x;
background-position:right;
height:23px;
text-align:left;
}


.Errortxtbox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:yellow;
height:17px;
width:190px;
border:1px solid #A61814;
padding:1px;
color:#3C3C3C;
filter:progid:DXImageTransform.Microsoft.dropshadow (OffX=2, OffY=2,
Color='#CCCCCC', Positive='true');
}


.Errortxtarea
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:yellow;
height:65px;
width:190px;
border:1px solid #A61814;
padding:1px;
color:#3C3C3C;
filter:progid:DXImageTransform.Microsoft.dropshadow (OffX=2, OffY=2,
Color='#CCCCCC', Positive='true');
}


.ErrorReport
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:yellow;
height:17px;
width:105px;
border:1px solid #A61814;
padding:1px;
color:#3C3C3C;
filter:progid:DXImageTransform.Microsoft.dropshadow (OffX=2, OffY=2,
Color='#CCCCCC', Positive='true');
}


.bg1{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color:#3C3C3C;
background-color:#D9E6F0;
border-bottom:1px solid #C8C8C8;
padding:3px;
text-align:left;
height:22px;
}

.bg2{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color:#3C3C3C;
background-color:#FAFAFA;
padding:3px;
text-align:left;
height:22px;
}

.cancelFont{
font:normal 9pt arial;
color:#1A1FD7;
font-weight:bold;
}

.hideTextbox{
width:100px; 
height:18px; 
border:1px solid #709CC3; 
background-color:#ffffff;
}


.paySlipBg{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:13px;
border:1px solid #cccccc;
}

.paLabelArea{
text-align:left;
background-color:#ffffff;
border:1px solid #cccccc;
}

.paySlipHeading{
text-align:center;
background-color:#ffffff;
font-weight:bold;
border:1px solid #cccccc;
}

.paLabelAreaConNum{
text-align:right;
background-color:#ffffff;
border:1px solid #cccccc;
}

.paLabelAreaConTxt{
text-align:left;
background-color:#ffffff;
border:1px solid #cccccc;
}

.leaveHeading{
background-color:#E4E4E4; 
height:20px; 
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.leaveHeadingTop{
border-right:1px solid #cccccc;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:20px;
background-color:#ECF6FD;
}

.logName{
height:30px; 
text-align:right; 
font-weight:bold; 
color:#993333;
}


/*---------sort-start----------------------------*/
th.sortable{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/sortablebar.gif);
background-repeat:repeat-x;
background-position:right;
height:21px;
text-align:left;
empty-cell: show;
padding-left:3px;
}

a.shortlink{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
color: black;
text-decoration:none;
}

a.shortlink:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight: normal;
color: black;
text-decoration:none;
}

th.imgarea{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/headermail.gif);
background-repeat:no-repeat;
height:18px;
width:30px;
text-align:left;
empty-cell: show;

}
th.imgareaw{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/headerwatch.gif);
background-repeat:no-repeat;
height:18px;
width:30px;
text-align:left;
empty-cell: show; 
}
th.imgareaa{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: white  ;
background-color:inherit;
background-image:url(../images/headerattach.gif);
background-repeat:no-repeat;
height:18px;
width:30px;
text-align:left;
empty-cell: show; 

}


th.ascending{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/assort.gif);
background-repeat:repeat-x;
background-position:right;
height:21px;
text-align:left;
empty-cell: show;
padding-left:3px;
}



th.descending{
font-family:Arial, Helvetica, sans-serif;
font-size:8.3pt;
font-weight: normal;
color: black;
background-color:inherit;
background-image:url(../images/desort.gif);
background-repeat:repeat-x;
background-position:right;
height:21px;
text-align:left;
empty-cell: show;
padding-left:3px;
}


/*---------sort-end----------------------------*/


.preHeading{
font-family:Arial, Helvetica, sans-serif;
background-color:#DFDFDF;
text-align:center;
font-size:8.3pt;
font-weight: bold;
color: black;
empty-cell: show;
padding:3px;
}

.preSubHeading{
font-family:Arial, Helvetica, sans-serif;
background-color:#EEEDED;
text-align:center;
font-size:8.3pt;
font-weight: normal;
color: black;
empty-cell: show;
padding:3px;
}

.preGrid{
font-family:Arial, Helvetica, sans-serif;
background-color:#F5F4F4;
text-align:center;
font-size:8.3pt;
font-weight: normal;
color: black;
empty-cell: show;
padding:3px;
}

.curHeading{
font-family:Arial, Helvetica, sans-serif;
background-color:#E1EDFD;
text-align:center;
font-size:8.3pt;
font-weight: bold;
color: black;
empty-cell: show;
padding:3px;
}

.curSubHeading{
font-family:Arial, Helvetica, sans-serif;
background-color:#F0F6FE;
text-align:center;
font-size:8.3pt;
font-weight: normal;
color: black;
empty-cell: show;
padding:3px;
}


.curGrid{
font-family:Arial, Helvetica, sans-serif;
background-color:#F9FAFC;
text-align:center;
font-size:8.3pt;
font-weight: normal;
color: black;
empty-cell: show;
padding:3px;
}


/* For tooltip */

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}