.borderbottom2
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #ffffff 1x solid
}

.borderbottom1
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #5F8CB5 1x solid
}

.bordertop1
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #5F8CB5 1px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #000000 0px solid
}

.borderleft1
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #5F8CB5 1px solid;
    BORDER-BOTTOM: #000000 0px solid
}

.borderright1
{
    BORDER-RIGHT: #5F8CB5 1px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #000000 0px solid
}
.NormalText1
{
	FONT: 8pt "Arial";
	TEXT-ALIGN: justify;
	LINE-HEIGHT: 150%;
	color: #000000
}

.NormalText2
{
  	FONT: 8pt "Arial";
	TEXT-ALIGN: justify;
	LINE-HEIGHT: 150%;
	color: #000000
}

.TableHeader1
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT: bold 11pt 'Arial';
	COLOR: #000600;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    /*BACKGROUND-COLOR: #e1d6b6;*/
    TEXT-ALIGN: left;
}

.TableHeader2
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT: bold 10pt 'Arial';
        COLOR: #000600;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    /*BACKGROUND-COLOR: #e1d6b6;*/
    TEXT-ALIGN: left;
}
.TableTitle2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT: bold 11pt 'Arial';
	TEXT-ALIGN: justify;
   COLOR: #000600;
    PADDING-TOP: 0px;
}

.H_TableTitle2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT: bold 11pt 'Arial';
	TEXT-ALIGN: justify;
   COLOR: #FFFFFF;
    PADDING-TOP: 0px;
}

.H_box1
{
    BACKGROUND-COLOR: #F3F8FE;
}

.H_bgcolor
{
    BACKGROUND-COLOR: #F5F4F2;
}

.background
{
BACKGROUND-REPEAT: no-repeat
}

.welcomenote
{
    FONT:bold 10pt  "Arial";
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.withoutlogintext
{
	FONT: bold 8pt "Arial";
    COLOR:#E2DEDF;
    TEXT-DECORATION: none
}

.subheader
{
    FONT: bold 10pt "Arial";
    COLOR: #000000;
    TEXT-DECORATION: none
}


/*.subheader
{
    FONT: bold 8pt "Arial";
    COLOR: #00458A;
    TEXT-DECORATION: none
}*/
p {
	FONT:  8pt "Arial";
	TEXT-ALIGN: justify;
	LINE-HEIGHT: 150%;
	TEXT-DECORATION: none
	color: #000000
}
.withoutloginInputBox
{
      BORDER-RIGHT: darkblue double;
    BORDER-TOP: darkblue double;
    BORDER-LEFT: darkblue double;
    BORDER-BOTTOM: darkblue double
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #85bcf8;
}

.withoutloginInput
{
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 1px solid;
	 MARGIN: 3px 2px;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 0px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #E2DEDF
}

.NormalText
{
    FONT: bold 8pt "Arial";
    COLOR: #000000;
    TEXT-DECORATION: none
}

.linkInmenu
{
    FONT: bold 8pt "Arial";
    COLOR: #000000;
    TEXT-DECORATION: none
}

.linkInmenu1
{
    FONT: bold 11px "Arial";
    COLOR: #000000;
    TEXT-DECORATION: none
}

.linkInmenualt
{
    FONT: bold 8pt "Arial";
    COLOR: #E2DEDF;
    TEXT-DECORATION: none
}

.linkInscroll
{
    FONT:  9pt "Arial";
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}


.InputBox
{
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #000000 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #000000 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e0b749
}

.TextArea
{
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP:#000000 1px solid;
    SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee;
    BORDER-LEFT: #000000 1px solid;
    SCROLLBAR-SHADOW-COLOR:#e0b749;
    COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #03044a;
    BORDER-BOTTOM: #000000 0px solid;
    FONT-SIZE: 8pt;
	FONT-FAMILY: Arial;
    SCROLLBAR-BASE-COLOR: #e0b749;
    BACKGROUND-COLOR: #e0b749;
    scrollbar-Border-left: #587050 1px solid
}

.TextArea1
{
	cols=90;
    BORDER-RIGHT: #000000 0px solid;
    BORDER-TOP:#000000 1px solid;
    SCROLLBAR-HIGHLIGHT-COLOR: #eeeeee;
    BORDER-LEFT: #000000 1px solid;
    SCROLLBAR-SHADOW-COLOR:#e0b749;
    COLOR: #000000;
    SCROLLBAR-ARROW-COLOR: #03044a;
    BORDER-BOTTOM: #000000 0px solid;
    FONT-SIZE: 8pt;
	FONT-FAMILY: Arial;
    SCROLLBAR-BASE-COLOR: #e0b749;
    BACKGROUND-COLOR: #e0b749;
    scrollbar-Border-left: #587050 1px solid
}


BODY
{
    SCROLLBAR-FACE-COLOR: #e7f0f8;
    SCROLLBAR-SHADOW-COLOR: #e0b749;
    SCROLLBAR-ARROW-COLOR: #03044a;
    SCROLLBAR-DARKSHADOW-COLOR: #e0b749;
    SCROLLBAR-BASE-COLOR: #e0b749;
}


.TableData
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
   FONT: bold 8pt "Arial"
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
   // FONT-FAMILY: "Arial";
    BACKGROUND-COLOR: #e1d6b6;
    TEXT-ALIGN: left
}

.TableHeader
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT: bold 9pt "Arial";
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-COLOR: #e1d6b6;
    TEXT-ALIGN: left;
}

.TableHead
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT: bold 10px;
	COLOR: #FFFFFF;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #020473;
    TEXT-ALIGN: left;
}


.TableTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #e1d6b6;
    TEXT-ALIGN: center
}

/*
.TableTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 15px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #00458A;
    PADDING-TOP: 0px;
    FONT-FAMILY: Arial;
	BACKGROUND-COLOR: #e1d6b6;
    TEXT-ALIGN: center
}
*/
.TableTitle1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
	BACKGROUND-COLOR: #e1d6b6;
    TEXT-ALIGN: center
}


.borderbottom
{
   BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #000000 1px solid
	
}

.fonthead{
	FONT: bold 8pt "Arial";
	COLOR: #FFFFFF;
    BACKGROUND-COLOR: #020473;
}
.buttontop
{
    FONT: 10pt "Arial";
    CURSOR: hand;
    COLOR: #587050;
    TEXT-DECORATION: none

}

.Text
{
    FONT: 10pt "Arial";
    COLOR: #000000;
    TEXT-DECORATION: none
}

.headerscroll
{
    FONT: bold 12pt "Arial";
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}

.Title
{
    FONT: bold 10pt "Arial";
    COLOR: white;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}


.TableBorder
{
    BORDER-RIGHT: #036776;
    BORDER-TOP: #036776;
    BORDER-LEFT: #036776;
    COLOR: #036776;
    BORDER-BOTTOM: #036776
}

.TableHeaderAlter
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e8f1f7;
    TEXT-ALIGN: left;
    FONT-COLOR: #427bbb
}

.TableDataAlter
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e8f1f7;
    TEXT-ALIGN: left
}
.TableFooter
{
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #d0e4f4;
    TEXT-ALIGN: left
}
.linkInData
{
    FONT: bold 8pt "Arial";
    COLOR: #bd030a;
    TEXT-DECORATION: none
}
.Nothing
{
    FONT: 10pt "Arial";
    COLOR: #587050;
    TEXT-DECORATION: none
}
.linkInFooter
{
    FONT: 8pt "Arial";
    COLOR: #d90303;
    TEXT-DECORATION: none
}


.displaytext
{
    FONT-SIZE: 8pt;
    COLOR: #bd030a;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #e8f1f7
}
.TableLogin
{
    FONT: 10pt "Arial";
    COLOR: black;
    TEXT-DECORATION: none
}
.LoginLable
{
    FONT: bold 10pt "Arial";
    COLOR: darkblue;
    TEXT-DECORATION: none
}
.Border
{
    BORDER-RIGHT: #587050 1px solid;
    BORDER-TOP: #587050 1px solid;
    BORDER-LEFT: #587050 1px solid;
    BORDER-BOTTOM: #587050 1px solid
}
.Borderline
{
    BORDER-RIGHT: #c9d3c4 1px solid;
    BORDER-TOP: #587050 0px solid;
    BORDER-LEFT: #587050 0px solid;
    BORDER-BOTTOM: #587050 0px solid
}
.borderleft
{
    BORDER-RIGHT: #c9d3c4 1px solid;
    BORDER-TOP: #c9d3c4 1px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #c9d3c4 1px solid
}
.borderright
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 1px solid;
    BORDER-LEFT: #c9d3c4 0px solid;
    BORDER-BOTTOM: #c9d3c4 1px solid
}
.borderbottomleft
{
    BORDER-RIGHT: #c9d3c4 0px solid;
    BORDER-TOP: #c9d3c4 0px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-BOTTOM: #000000 1px solid
}
.borderlefttopright
{
    BORDER-RIGHT: #e0b749 1px solid;
    BORDER-TOP: #e0b749 1px solid;
    BORDER-LEFT: #045bb4 0px solid;
    BORDER-BOTTOM: #045bb4 0px solid
}

.bordertop
{
    BORDER-RIGHT: #045bb4 0px solid;
    BORDER-TOP: #e0b749 1px solid;
    BORDER-LEFT: #e0b749 1px solid;
    BORDER-BOTTOM: #045bb4 0px solid
}
.borderbottommain
{
    BORDER-RIGHT: #587050 0px solid;
    BORDER-TOP: #587050 0px solid;
    BORDER-LEFT: #587050 0px solid;
    BORDER-BOTTOM: #000000 1px solid
}
.SideMenuborderbottom
{
    BORDER-RIGHT: #024089 1px solid;
    BORDER-TOP: #024089 0px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-LEFT: #024089 1px solid;
    COLOR: #024089;
    BORDER-BOTTOM: #eeeeee 1px solid;
    FONT-FAMILY: Verdana
}
.SideMenubgcolor
{
    BACKGROUND-COLOR: white
}
.SideMenuborderSide
{
    BORDER-RIGHT: #024089 1px solid;
    BORDER-TOP: #024089 0px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 12px;
    BORDER-LEFT: #024089 1px solid;
    COLOR: #024089;
    BORDER-BOTTOM: #024089 0px solid;
    FONT-FAMILY: Verdana
}
.HeaderBackground
{
    BACKGROUND-IMAGE: url(..\images\payroll_back.gif);
    MARGIN: 0px
}
.FormBackground
{
    BACKGROUND-IMAGE: url(..\images\bg.gif);
    MARGIN: 0px
}
.SideMenuHeader
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 14px;
    COLOR: white;
    FONT-FAMILY: Verdana
}
.TableStyle
{
}
.TableStyle TH
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: left
}
.TableStyle TABLE
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #eeeeee
}
.TableStyle TD
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #eeeeee;
    TEXT-ALIGN: left
}
.SideMenubgcolor A
{
    COLOR: #024089;
    FONT-FAMILY: Verdana
    TEXT-DECORATION: none
}
.SideMenuborderbottom A:active
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.SideMenuborderbottom A:link
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.SideMenuborderbottom A:visited
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.SideMenuborderside A:active
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.SideMenuborderside A:link
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}
.SideMenuborderside A:visited
{
    COLOR: #024089;
    FONT-FAMILY: Verdana;
    TEXT-DECORATION: none
}

.comboBox
{
    BORDER-RIGHT: #447bb9 1px solid;
    BORDER-TOP: #447bb9 1px solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #447bb9 1px solid;
    COLOR: #bd030a;
    BORDER-BOTTOM: #447bb9 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffffff
}
.BUTTON
{
    BORDER-RIGHT: greenyellow;
    BORDER-TOP: greenyellow;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    BACKGROUND: #91642b;
    FLOAT: none;
    BORDER-LEFT: greenyellow;
	COLOR: #E2DEDF;
    BORDER-BOTTOM: greenyellow;
    FONT-FAMILY: Verdana;
    POSITION: static;
    TEXT-ALIGN: center
}

.baseline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

.SeparationBackColor
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    COLOR: white;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ff6600;
    TEXT-ALIGN: left
}

.TableDataDelete
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ffdab9;
    TEXT-ALIGN: left
}

.TableDataprint
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: left
}

.TableDataarrear
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #FFCCCC;
    TEXT-ALIGN: left
}

.TableDatanewjoin
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: green;
    TEXT-ALIGN: left
}

.FAbaseline1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: bold 8pt;
	COLOR: #bd030a;
}

.FAbaseline
{
    
	FONT: bold 7pt "Arial";
    COLOR: #bd030a;
    TEXT-DECORATION: none
}




