body {
margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: left;
color: #444444;
background-color: #ffffff;
}
A:link {
color: #003060;
text-decoration: none;
}
A:visited {
color: #006699;
text-decoration: none;
}
A:hover {
color: #006699;
text-decoration: underline;
}
A:active  {
color: #ff9900;
text-decoration: none;
}
H1, H2  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12pt;
text-align: left;
color: #003366;
}
SELECT, INPUT, DIV {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #444444;
}
TD, TH {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
color: #444444;
}
.hr {
}
a.hr:link {
}
a.hr:active {
}
a.hr:visited {
}
.hr1 {
border-right: 1px solid #A7B5C1;
}
.dr {
}
.sr {
/*background-color: #FFFFFF;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-family: Arial;
font-size: 12px;
}
.sr_bold {
/*background-color: #FFFFFF;*/
color: #003366;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.sr_red {
/*background-color: #FFFFFF;*/
color: red;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.sr_green {
/*background-color: #FFFFFF;*/
color: green;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.sr_grey {
/*background-color: #FFFFFF;*/
color: #B7B7B7;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-family: Arial;
font-size: 12px;
}
.sr_nowrap {
/*background-color: #FFFFFF;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 8px;
font-family: Arial;
font-size: 12px;
white-space: nowrap;
}
.sr_nowrap2 {
/*background-color: #FFFFFF;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0px;
font-family: Arial;
font-size: 12px;
white-space: nowrap;
text-align: right;
}
.sr_center {
/*background-color: #FFFFFF;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 25px;
font-family: Arial;
font-size: 12px;
text-align: center;
}

.fr {
/*background-color: #F8F8F8;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-family: Arial;
font-size: 12px;
}
.fr_bold {
/*background-color: #F8F8F8;*/
color: #003366;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fr_red {
/*background-color: #F8F8F8;*/
color: red;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fr_green {
/*background-color: #F8F8F8;*/
color: green;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-weight: bold;
font-family: Arial;
font-size: 12px;
}
.fr_grey {
/*background-color: #F8F8F8;*/
color: #B7B7B7;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 10px;
font-family: Arial;
font-size: 12px;
}
.fr_nowrap {
/*background-color: #F8F8F8;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 8px;
font-family: Arial;
font-size: 12px;
white-space: nowrap;
}
.fr_nowrap2 {
/*background-color: #F8F8F8;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 0px;
font-family: Arial;
font-size: 12px;
white-space: nowrap;
text-align: right;
}
.fr_center {
/*background-color: #F8F8F8;*/
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 25px;
text-align: center;
font-family: Arial;
font-size: 12px;
}

P {
font-size: 10pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
color: #444444;
font-weight: normal;
font-style: normal;
}
.center{
text-align: center;
}

.style1 {
    font-size: 11px;
    color: #003060;
}
.style2 {
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #444444;
    font-weight: normal;
    font-style: normal;
}
.HeaderDiv {
background-color: #ffffff;
}
.HeaderTitle {
background-color: #003366; 
color: #ffffff; 
font-weight: bold;
font-size: 11px;
}
.MenuItems1 {
line-height : 135%;
font-size: 9pt;
color: #003060;
TEXT-DECORATION: none;
FONT-SIZE: 11px;
}
.MenuItems1:link {
color: #003060;
text-decoration: none;
}
.MenuItems1:visited {
color: #003060;
text-decoration: none;
}
.MenuItems1:hover {
color: #003060;
text-decoration: underline;
}
.MenuItems1:active  {
color: #003060;
text-decoration: none;
}
.browseheader1 {
FONT-SIZE: 12px;
}
.tableheader1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
padding-right: 25px;
}
.tableheader1 a:hover {text-decoration:underline;}
.tableheader1 a:visited {color: #003366;}

.tableheader2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
padding-right: 25px;
/*min-width: 130px;*/
}
.tableheader2 a:hover {text-decoration:underline;}
.tableheader2 a:visited {color: #003366;}

.tableheader3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
padding-right: 25px;
/*min-width: 100px;*/
}
.tableheader3 a:hover {text-decoration:underline;}
.tableheader3 a:visited {color: #003366;}

.tableheader4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
padding-right: 25px;
/*min-width: 100px;*/
}
.tableheader4 a:hover {text-decoration:underline;}
.tableheader4 a:visited {color: #003366;}

.tableheader5{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
}
.tableheader5 a:hover {text-decoration:underline;}
.tableheader5 a:visited {color: #003366;}

.tableheader6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
color: #003366;
padding-right: 3px;
padding-left: 3px;
border-right: 1px solid #A7B5C1;
border-top: 1px solid #A7B5C1;
/*min-width: 100px;*/
}
.tableheader6 a:hover {text-decoration:underline;}
.tableheader6 a:visited {color: #003366;}

.tableheader7{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
color: #003366;
padding-right: 3px;
padding-left: 3px;
border-right: 1px solid #A7B5C1;
border-top: 1px solid #A7B5C1;
border-bottom: 1px solid #A7B5C1;
/*min-width: 100px;*/
}
.tableheader7 a:hover {text-decoration:underline;}
.tableheader7 a:visited {color: #003366;}

.tableheader8{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
color: #003366;
padding-right: 3px;
padding-left: 3px;
border-right: 1px solid #A7B5C1;
border-left: 1px solid #A7B5C1;
border-top: 1px solid #A7B5C1;
/*min-width: 100px;*/
}
.tableheader8 a:hover {text-decoration:underline;}
.tableheader8 a:visited {color: #003366;}

.tableheader9{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-align: center;
color: #003366;
padding-right: 3px;
padding-left: 3px;
border-right: 1px solid #A7B5C1;
border-left: 1px solid #A7B5C1;
border-top: 1px solid #A7B5C1;
border-bottom: 1px solid #A7B5C1;
/*min-width: 100px;*/
}
.tableheader9 a:hover {text-decoration:underline;}
.tableheader9 a:visited {color: #003366;}

.tableheader10{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #003366;
padding-right: 15px;
}
.tableheader10 a:hover {text-decoration:underline;}
.tableheader10 a:visited {color: #003366;}

.tableheader11{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: right;
color: #003366;
padding-left: 15px;
}
.tableheader11 a:hover {text-decoration:underline;}
.tableheader11 a:visited {color: #003366;}

.multipledropdown{
 font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
 font-size:11px;
}
.calmonthtable{
 border:1px solid #888888;
 border-collapse: collapse;
 width:200px;
 font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
 font-size:11px;
 color:#333333;
}

.calmonthtable th{
 font-size:11px;
 font-weight:bold;
}
.caldayscell{ 
 border:1px solid #888888;
 text-align: center;
 font-size:11px;
 font-weight:bold;
}
.caldatecell{
 border:solid #888888;
 border-width: 0;
 text-align: center; 
 font-size:10px;
}

.ItemsList {
font-size: 11px;
text-align: left;
color: #003366;
}

.footer {
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #444444;
font-weight: normal;
font-style: normal;
}
.contentarea {
margin-bottom: 10px;
}
.footerarea {
}
.loginarea{
}
.logintable{
height: 500px;
margin-left: 40%;
}
.logincell1{
padding-left: 250px;
text-align: center;
}
.logout{
float: right;
color: #FFFFFF;
padding-right: 20px;
}
.logout:link{
color: #FFFFFF;
text-decoration: none;
}
.logout:visited {
color: #FFFFFF;
text-decoration: none;
}
.logout:hover {
color: #FFFFFF;
text-decoration: underline;
}
.logout:active  {
color: #FFFFFF;
text-decoration: none;
}
.tb1{ /* for tick box*/
width: 20px;
}
.il1{ /* for employee numbers etc*/
width: 75px;
text-align: left;
}
.il2{ /* for employee names etc*/
width: 250px;
}
.il3{ /* for dates etc*/
width: 100px;
}
.il4{ /* 2-3 characters*/
width: 30px;
}
.il5{ /* for descriptions etc*/
width: 400px;
}
.lookupbutton{
line-height: 1.0em;  
width: 22px;
height: 22px;
cursor: pointer;
}
.normalbutton{
line-height: 1.5em;  
width: 70px; 
height: 24px; 
//*margin: 3px 1px;*//
font-size: 11px; 
cursor: pointer;
padding-bottom: 0px;
}
.longbutton{  
line-height: 1.5em;  
height: 24px; 
//*margin: 3px 1px;*//
font-size: 11px; 
cursor: pointer;
padding-bottom: 0px;
}
.longbutton1{  
line-height: 1.5em;  
height: 24px;
width: 100px;  
margin: 5px 5px;
font-size: 11px; 
cursor: pointer;
padding-bottom: 0px;
}
.mediumbutton{
width: 45px; 
height: 24px; 
//*margin: 3px 1px;*//
font-size: 11px; 
cursor: pointer;
padding: 0px;
}
.smallbutton{
font-size: 10px;
cursor: pointer;
padding: 0px;
//*margin: 0px;*//
height: 20px;
cursor: pointer;
}

* html .menutr h2 {height: 0%; width: 160px}

.menubr {
    margin: auto;
    background: url('../images/menubr.gif') no-repeat bottom right;
}
.menutr {
    background: url('../images/menutr.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: left;
}
.menutr h2 {
    background: url('../images/menutl.gif') no-repeat top left;
    margin: 0;
    padding: 6px 1em 6px 6px;
    line-height: 1em;
    font-weight: bold;
    font-size: 83%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    white-space: nowrap;            
}
.menutr h3 {        
    margin: 0;
    padding: 6px 1em 6px 6px;
    line-height: 1em;
    font-weight: bold;
    font-size: 83%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    white-space: nowrap;            
}    
.menutr a:link {text-decoration:none;}
.menutr a:visited {text-decoration:none;}
.menutr a:active {text-decoration:none;}
.menutr a:hover {text-decoration:underline;}
.menubl {
    background:  url('../images/menubl.gif') no-repeat bottom left;
    margin: 0;
    padding: 5px 9px 1em;
}
.menubl h1 {        
    margin: 0; 
    /*padding: 6px 1em 6px 6px;*/
    line-height: 1em;
    font-weight: bold;
    width: 32px;
    /*font-size: 83%;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    white-space: nowrap;            
}
.menubl h2 {        
    margin: 0;
    /*padding: 6px 1em 6px 6px;*/
    line-height: 1em;
    font-weight: bold;
    /*font-size: 83%;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align:left;
    white-space: nowrap;            
        
}                
.menuh  {
    background:  url('../images/menhuhdgr.gif') repeat-x;
    margin: 0;
    padding: 0;
}
.menuh h2 {color: #003366;}

.menuh2  {
    background-color: #205386;
    margin: 0;
    padding: 0;
}
.menuh2 h2 {color: #eee;}
.error {
    color: #FF0000;
    font-weight: bold;
}
.success {
    color: #00CC00;
    font-weight: bold;
}
.formerror {
    color: #FF0000;
    font-weight: bold;
    font-size: 8pt;
}
.centerform{
    margin-top: 75px;
    position: relative;
    text-align:center;
    height: 500px;
    margin-left: 40%;
}

/* ------------------------------------------------------------------------ */
/* Style for XP Tabs */

.dhtmlgoodies_tabPane{
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.dhtmlgoodies_aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	padding:5px;		
	visibility: hidden;
}
.dhtmlgoodies_tabPane DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane .tabActive{
	background-image:url('../images/tab_left_active.gif');
	margin-left:0px;
	margin-right:0px;	
	z-index:10;	
}
.dhtmlgoodies_tabPane .tabInactive{
	background-image:url('../images/tab_left_inactive.gif');
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}
.dhtmlgoodies_tabPane .inactiveTabOver{
	background-image:url('../images/tab_left_over.gif');
	margin-left:0px;
	margin-right:0px;
}
.dhtmlgoodies_tabPane span{
	font-family:arial;
	vertical-align:top;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
}
.dhtmlgoodies_tabPane .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}	
.dhtmlgoodies_tabPane img{
	float:left;
}
/* Xp menu Panel*/
.dhtmlgoodies_xpPane{
    background-color:#FFFFFF;
    float:left;
    height:768px;
    width:190px;
    overflow: hidden;
}
.dhtmlgoodies_panel{
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    border-left:1px solid #FFF;
    border-bottom:1px solid #FFF;
    font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif;
    font-size:11px;
}
.panelContent{
    font-family: Tahoma, Verdana,  Arial, Helvetica, sans-serif;
    font-size:1em;
    border-left:0px solid #FFF;
    border-right:0px solid #FFF;
    border-bottom:0px solid #FFF;
    padding-left:0px;
    padding-right:0px;
    overflow:hidden;
    position: relative;
    clear:both;
}
.panelInside{
    background-image:url('../images/menuitem.jpg');
    background-repeat:repeat-y;
    background-position:top left;
    padding-top: 3px;
    color:#003060;;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
} 
.panelInside a{
    color:#003060;;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:1em;
} 
.topBar{
    background-image:url('../images/topbar.jpg');
    background-repeat:no-repeat;
    background-position:top left;
    height:24px;
    padding-right:15px;
    padding-left:3px;
    cursor:pointer;
    overflow:hidden;
}
.topBar span{
    line-height:24px;
    vertical-align:middle;
    float:left;
    padding-left:1px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.8em;
    color:#EEEEEE;
    font-weight:bold;    
}
.menuItem{    
    padding-left:5px;
    line-height:15px;     
}
.bottomBar{
    background-image:url('../images/bottombar.jpg');
    background-position:bottom left;
    background-repeat:no-repeat;
}