
body {

	background-color: #FFFFFF;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body,form {	margin: 0px;
	padding: 0px;}

a,td.cal-DayCell a.cal-DayLink { cursor:pointer;cursor:hand;}

* html #siteLoader #siteDetailLoader{position:absolute; padding:12px 0 0 3px;}
* html #siteLoader #siteDetailLoader #ajaxloader{ margin: 3px 0 0 18px;}
#siteLoader #siteDetailLoader #ajaxloader{ margin: 15px 0 0 20px;}
#siteLoader #siteDetailLoader {
	top:50%;
	left:47%; 
	width:124px;
	height:48px;
	line-height:48px;
	position:fixed;
	font-family:verdana;	
	font-size:11px;
	z-index:9999;
	background: url(../images/loader-bg.png) no-repeat transparent;
	}

.data{
background-color:#ffffff;
}

#pageHeading{
background-color: #215F8F;
}

#pageHeading td{

background-color: #FFFFFF;
}


.title{
background-image: url(../images/gradient_bg.jpg);
padding:2px 10px;
text-align:left;
font-size:11px;
font-weight:bold;
}

#tabs{
background-image: url(../images/gradient_bg.jpg);
font-size:12px;
font-weight:normal;
TEXT-ALIGN:CENTER;
}

.link_dark {
	color: #000000;
	text-decoration: none;
	font-size:12px;
}

 .link_selected {
	color: #FFFFFF;
	text-decoration: none;
		font-size:12px;
} 

td.tab-back{background:url(../images/tabHeader2_line.gif) bottom repeat-x ;}


#container_hris{
	background-color: #215F8F;
}

#container_hris1{
	background-color: #215F8F;
	border-top:0px solid #000000;
	border-right:1px solid #215F8F;
	border-left:1px solid #215F8F;
	border-bottom:1px solid #215F8F;
}

#container_hris1 .error{
	
	border-right:0px solid #000000;
	border-left:0px solid #000000;
}

#container_hris1 .main_title_hris{
	background-image: url(../images/gradient_bg.jpg);
	padding: 3px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial;
	border-top:1px solid #215F8F;
	border-bottom:1px solid #215F8F;
	}

#container_hris .main_title_hris{
	background-image: url(../images/gradient_bg.jpg);
	padding: 3px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial;
}

#container{
	
	border:1px solid #215F8F;
	}

#container1{
	border:1px solid #215F8F;
	}

#container .main_title{
	background-image: url(../images/gradient_bg.jpg);
	padding: 3px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial;
}

#container td{
vertical-align: top;
background-color: #FFFFFF;

}

.main_title{
	background-image: url(../images/gradient_bg.jpg);
	padding: 3px 0 2px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial;
}

/*#alterHelpView
{
background-color: #fffff4;
border:1px solid #dddddd;
margin-bottom:10px;
}
 
#alterHelpView img
{
 cursor:hand;
}

#alterHelpView td
{
padding:5px;
}

   

#helpView
{
background-color: #fffff4;
border:1px solid #dddddd;
margin-bottom:10px;
}

#helpView td
{
background-color: #fffff4;
padding:5px;
}


*/
 
#helpView img
{
 cursor:hand;
}
#alterHelpView
{

}


#helpView ul{
  margin-left:12px;
  margin-bottom:0px;
  margin-top:0px;
 }
#helpView li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
} 

#helpView1 ul{
  margin-left:12px;
  margin-bottom:0px;
  margin-top:0px;
 }
#helpView1 li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
}

#helpView2 ul{
  margin-left:12px;
  margin-bottom:0px;
  margin-top:0px;
 }
#helpView2 li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
} 

#helpView3 ul{
  margin-left:12px;
  margin-bottom:0px;
  margin-top:0px;
 }
#helpView3 li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
}

#helpView4 ul{
  margin-left:12px;
 margin-bottom:0px;
  margin-top:0px;
 }
#helpView4 li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
}

#helpView5 ul{
  margin-left:12px;
  margin-bottom:0px;
  margin-top:0px;
 }
#helpView5 li
{
list-style-type:none;
list-style-image: url(../images/list_bullet.gif);
} 
 
#content{
margin-top:2px;
background-color: #215F8F;
clear:both;
}


#content .label{
font-weight:bold;
background-color: #BCDAF2;
}

#content .travelform-td{
border-bottom:1px solid #ececec;
font-size:11px;
}

#content .print-travelform-td{
font-size:11px;
}

#content td{
vertical-align: top;

padding: 3px 10px;
}
#content td.travelForm-legheading
{
	font-size:11px; 
	font-weight:bold;
	padding:1px 5px;
	background-color:#d7e6f2;
}
#contentNew{
margin-top:2px;
background-color: #215F8F;
clear:both;
}


#contentNew .label{
background-color: #BCDAF2;
font-weight:bold;
}

#contentNew td{
vertical-align: top;
background-color: #FFFFFF;
padding: 3px 10px;
}

#content_60{
background-color: #215F8F;
width:60%;
}

#content_60 td{
padding: 3px 10px;
}

#content_60 .headings td
{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
font-weight:bold;
}

.pad_10{
padding:2px 2px 0 0;
background-color: #FFFFFF;
}


#pad_0 td{
padding: 0px;
}

#content .headings td{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}
.sectionth{
background-color: #BCDAF2;
padding:2px 10px;
text-align:center;
font-size:11px;
border:0px;
font-weight:bold;
}

.sectionthy{
background-color: #BCDAF2;
padding:2px 10px;
text-align:right;
font-size:11px;
border:0px;
font-weight:bold;
}
.sectionthx{
background-color: #BCDAF2;
padding:2px 10px;
text-align:center;
font-size:11px;
border:0px;
font-weight:bold;
}
.performanc{

padding:2px 10px;
text-align:center;
font-size:11px;
border:0px;
font-weight:bold;
}

.headings td{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

#content .headings-small td{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:8px;
border:0px;
font-weight:bold;
}

#contentNew .headings td{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

#contentNew .headings-small td{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:8px;
border:0px;
font-weight:bold;
}

.data-small {
font-size:8px;
font-weight:bold;
}

#formCont .label{
vertical-align:top;
background-color: #BCDAF2;
font-weight:bold;
}

#formCont .label1{

background-color: #BCDAF2;
font-weight:bold;
}

#formCont{
border: 1px solid  #215F8F;
 }

#formCont td{
vertical-align: middle;
padding: 3px 10px;
}


#formCont_60 .label{
background-color: #BCDAF2;
font-weight:bold;
}

#formCont_60{
width:60%;
border: 1px solid  #215F8F;
}

#formCont_60 td{
padding: 3px 10px;
border: 0px solid  #215F8F;
}

 

#actionbuttons{
text-align:right;
position:relative;
float:right;
font-size:11px;
line-height:normal;
margin-top:5px;
font-family: Verdana, Arial;
	
}

.inner_help{
font-weight:normal;
}

select{
font-size:11px;
	font-family: Verdana, Arial;
}

input{
font-size:11px;
	font-family: Verdana, Arial;
}

textarea{
font-size:11px;
	font-family: Verdana, Arial;
}

.label_bold{
font-weight:bold;
}

#paging{
 text-align:right;
 
}

.comments{
background-color: #215F8F;
 }

.comments td{
padding: 3px 10px;
background-color: #FFFFFF;
}

.comments th
{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
font-weight:bold;
}

#n1{
margin-top:10px;
margin-bottom:5px;
}

#n2{
margin-top:10px;
margin-bottom:5px;
}

.tabImg img{
cursor:hand;
border:0px;
margin:0px;
padding:0px;
}


 
/* Start Style for Help*/
.help1 img{
vertical-align: middle;
cursor:hand;
}

.help1{
margin-bottom:5px;
}

#help2 {
background-color: #fffff4;
border:1px solid #dddddd;
margin-bottom:10px;
margin-top:8px;
}

#help2 td{
background-color: #fffff4;
}

#help2 ul{
margin:0px;
margin-left:20px;
}

html>body #help2 ul{
margin:0px;
margin-left:-20px;
}

/* End Style for Help*/



 
#icons{
display:inline;
width:73%;
text-align:right;
}

.dataTable{
background-color: #ffffff;
}
 
.dataTable th{
background-color: #BCDAF2;
padding:5px 10px  5px 10px;
color:#0000;
text-align:left;
font-size:11px;
font-weight:bold;
}

.dataTable td{

padding:2px 10px  2px 10px;
text-align:left;
font-size:11px;
}

.dataTable .pad_10{
padding:10px;
}

.dataTable .dataTableLabel{
background-color: #BCDAF2;
font-weight:bold;
}

.dataTable1{
background-color: #ffffff;
}
 
.dataTable1 th{
background-color: #ececec;
color:#0000;
text-align:left;
font-size:11px;
font-weight:bold;
width:220px;
}

.dataTable1 td{

text-align:left;
font-size:11px;
}


.dataTableSmall{
background-color: #215F8F;
}

.dataTableSmall th{
background-color: #BCDAF2;
color:#0000;
padding:2px 10px  2px 10px;
font-size:10px;
font-weight:bold;
}
.dataTableSmall td{
background-color: #FFFFFF;
padding:2px 5px  2px 5px;
font-size:10px;
}

#tabs1 td {
vertical-align:middle;
}
#tabs1 .link_dark{
font-size:11px;
font-weight:normal;
}

#tabs1 .link_selected{
font-size:11px;
color:#FFFFFF;
font-weight:normal;
}

.table_pagehelp {
	background-color: #fffff4;
	border:1px solid #dddddd;
	margin-bottom:10px;
}

/* Action buttons */


#actionbuttons ul
{
margin:0;
padding:0;
list-style:none;
}

#actionbuttons li
{
float:left;
margin:0 0 0 5px; 
padding:0;
float:left;
background:url(../images/R_bg.gif) no-repeat right top;
}
#actionbuttons a
{
display:block;
color:#000000;
background:url(../images/L_bg.gif) no-repeat left top;
padding:8px 10px 8px 10px ;
text-decoration:none;
}

#actionbuttons a:hover
{
color:#004D71;
}

 /* Action buttons */

/* Expense Action buttons */
#expense-actionbuttons
{
float:right;
font-size:11px;
line-height:normal;
margin-top:5px;
font-family: Verdana, Arial;
	
}

#expense-actionbuttons ul
{
margin:0;
padding:0;
list-style:none;
}

#expense-actionbuttons li
{
float:left;
margin:0 0 0 5px; 
padding:0;
float:left;
background:url(../images/expense-button-r.gif) no-repeat right top;
}
#expense-actionbuttons a
{
display:block;
color:#000000;
background:url(../images/expense-button-l.gif) no-repeat left top;
padding:8px 10px 8px 10px ;
text-decoration:none;
}

#expense-actionbuttons a:hover
{
color:#004D71;
}

 /*Expense Action buttons */

 /* Action buttons Two*/
#actionbuttons2
{
font-family: Verdana, Arial;
float:right;
font-size:11px;
line-height:normal;
margin:1;
}

#actionbuttons2 ul
{
margin:0;
padding:0;
list-style:none;
}

#actionbuttons2 li
{
float:left;
margin:0 0 0 5px; 
padding:0;
float:left;
background:url(../images/R_bg2.gif) no-repeat right top;
}
#actionbuttons2 a
{
display:block;
color:#000000;
background:url(../images/L_bg2.gif) no-repeat left top;
padding:8px 10px 8px 10px ;
text-decoration:none;
}

#actionbuttons2 a:hover
{
color:#004D71;
}

 /* Action buttons Two */


/* Tab header Style */

#tabHeader {
      float:left;
      width:100%;
       background: url("../images/bgl11.gif") repeat-x bottom;
      line-height:normal;
      
      }
    #tabHeader ul {
      margin:0;
      list-style:none;
      border-bottom:1px;
      }
	  html>body #tabHeader ul {
	  margin:0px 0px 0px -40px;
	  }

    #tabHeader li {
      float:left;
      background:url("../images/l.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      }
    #tabHeader a {
	font:10px Arial, Helvetica, sans-serif;
	color:#003366;
      float:left;
      display:block;
      background:url("../images/r.gif") no-repeat right top;
      padding:7px 7px 6px 1px;
      text-decoration:none;
      }

    #tabHeader a:hover {
      color:#215F8F;
      }
    #tabHeader #tabCurrent {
      background-image:url("../images/l_on.gif");
      border-width:0;
      }
    #tabHeader #tabCurrent a {
      background-image:url("../images/r_on.gif");
      color:#FFF;
      padding-bottom:5px;
      }

/* Tab header Style Ends */


/* Tab header 2 Style*/

#tabHeader2 {
background:url("../images/tabHeader2_line.gif") bottom repeat-x ;
padding:0px 5px 0px 0px;
}

#tabHeader2 td{
line-height:11px;
text-align:center;
}

#tabHeader2 a{
font-size:10px;
text-decoration:none;
color:#003366;
display:block;
}

#tabHeader2 .left{
	width:10px;
	border-bottom:1px solid #4B93B7;
	background:url("../images/l.gif") no-repeat top left;
	
}

#tabHeader2 .right {
	padding-top:1px;
	padding-right:11px;
	height:28px;
	background:url("../images/r.gif") no-repeat top right;
	border-bottom:1px solid #4B93B7;
	vertical-align:middle;
}

#tabHeader2 .leftActive{
	width:10px;
	background:url("../images/l_on.gif") no-repeat top left;
	
}

#tabHeader2 .rightActive {
	padding-right:11px;
	background:url("../images/r_on.gif") no-repeat top right;
	vertical-align:middle;
}
.rightActive {
	height:25px;
	font-size:10px;
	color:#003366;
}

.linkContainer {
	border:1px solid #4B93B7;
	border-top:0px solid #666666;
	padding:10px;
}

.linkContainer td{
}



.linkContainer1 {
	border:1px solid #4B93B7;
	border-top:0px solid #666666;
	padding:10px;
}

.linkContainer1 td{

}

/* Tab header 2 Style End*/


.td_blue {
	background-color: #Ffffff;
	
}

.td_blue td a img{padding:3px 0;}
.td_blue_2 {
	background-color: #215F8F;
}
.td_blue_3 {
	background-color: #BCDAF2;
}
.td_white {
	background-color: #ffffff;
}
.td_black {
	background-color: #215F8F;
}
.gradient_bg {
	background-image: url(../images/gradient_bg.jpg);
padding-left:10px; font-size:13px; font-weight:bold;
}




td {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #333333;
	font-size: 10px;
	line-height: 18px;
	color: #333333;
	text-decoration: none;
}

.bold_txt{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
.link_light {
	color: #ffffff;
	text-decoration: none;
}


.drop_down{
	font-size:9px;
	color: #215F8F;
	background-color:#E8F1F8;
	text-decoration: none;
}

a:hover {
	color: #FE5D1E;
}
txt_blue {
	color: #E8F1F8;
	text-decoration: none;
}.error {
	color: #FF0000;
}
.heading {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.footer {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial;
	color: #000000;
	text-decoration: none;
}
.underline {
	text-decoration: underline;
	color: #333333;
}

.txt_area {
	border: thin solid #BCDAF2;
	background-color: #BCDAF2;
	}


.comboBox1{
font-size: 11px;
width:125px;

}

.td_blue_33 {

	background-color: #BCDAF2;
}

/* CSS For Top Tabs*/
#topTabs {
border-bottom:1px solid #215F8F
font-size:11px;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#BCDAF2;
background:url("../images/topTabgBg.gif");
padding:5px;
}

#topTabs a{
color:#003366;
text-decoration:none;
 font-size: 11px;
} 

#topTabs a:hover{
color:#000000;
text-decoration:none;
} 

#topTabs .active{
color:#FE5D1E;
}

/* End CSS For Top Tabs*/

/* CSS For Top Tabs*/
#topTabs2 {
border-bottom:1px solid #215F8F
font-size:11px;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#BCDAF2;

}

#topTabs2 a{
color:#003366;
text-decoration:none;

} 

#topTabs2 a:hover{
color:#FE5D1E;
text-decoration:none;
} 

#topTabs2 .active{
color:#FE5D1E;
}

/* End CSS For Top Tabs*/

#topTabs1 {
      float:left;
      width:100%;
      background:#000;
      font-size:100%;
      line-height:normal;
	  padding:5px 10px 0px 10px;
	  background-color:#BCDAF2;
	  border-bottom:1px solid #333333;
	  color:#043C68;
      }
    #topTabs1 ul {
	  margin:0;
	  padding:10px 10px 0 50px;
	  list-style:none;
      }
    #topTabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topTabs1 a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
	  color:#043C68;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #topTabs1 a span {
      float:left;
	  color:#043C68;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:8px 6px 7px 0px;
       
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topTabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #topTabs1 a:hover span {
      color:#FFF;
      }
    #topTabs1 a:hover {
      background-position:0% -42px;
      }
    #topTabs1 a:hover span {
      background-position:100% -42px;
      }  
	  
	  #topTabs1 #active a {
      background-position:0% -42px;
      }
    #topTabs1 #active a span {
	color:#FFF;
      background-position:100% -42px;
	  }  



#subTabs1 {
      float:left;
      width:100%;
       font-size:10px;
      line-height:normal;
	    
      }
    #subTabs1 ul {
	  margin:0;
	  padding:0px 10px 0 -50px;
	  list-style:none;
      }
    #subTabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #subTabs1 a {
      float:left;
      background:url("../images/subTabLeft.gif") no-repeat left top;
      margin:0;
	  color:#043C68;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #subTabs1 a span {
      float:left;
	  color:#043C68;
      display:block;
      background:url("../images/subTabRight.gif") no-repeat right top;
      padding:8px 5px 7px 0px;       
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #subTabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #subTabs1 a:hover span {
      color:#FFF;
      }
    #subTabs1 a:hover {
	background-position:0% -42px;
      }
    #subTabs1 a:hover span {
      background-position:100% -42px;	  
      }  
	  
	  #subTabs1 #tabCurrent a {
      background-position:0% -42px;
      }
    #subTabs1 #tabCurrent a span {
	color:#FFF;
      background-position:100% -42px;
	  } 
	  
	  



		/*CSS for Secdtio Design*/

 
 

/*Administrator Functionality CSS*/

#adminBlock .collapse{
background-image:url(../images/admin_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#F0FFE8;
padding:3px;
border-bottom:1px solid #B7EB9E;
}

#adminBlock .expand{
background-image:url(../images/admin_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#F0FFE8;
padding:3px;
border-bottom:1px solid #B7EB9E;
}

#adminBlock{
line-height:15px;
width:700px;
}

#adminBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#admin_func_opened .links{
line-height:normal;
margin-left:15px;
}

#admin_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#339900;
background-image:url(../images/bullet_admin_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#admin_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#339900;
background-image:url(../images/bullet_admin_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}



#admin_func_opened #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#admin_func_opened #functionality_title{
color:#2C7E02;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#admin_func_opened #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#admin_func_opened #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#admin_func_opened #empDetail_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#admin_func_opened #empDetail_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#admin_func_opened #empDataAndRelationship_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#admin_func_opened #empDataAndRelationship_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}

#reports_cont td{
vertical-align:top;
}

#admin_func_opened #admin_func_cont a{
font-size:11px;
color:#2C7E02;
text-decoration:none;
}

#admin_func_opened #reports_title2{
color:#339900;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #B7EB9E;
}

#admin_func_opened #reports_cont2 a{
font-size:11px;
color:#339900;
text-decoration:none;
}

#admin_func_opened #admin_func_cont a{
font-size:11px;
color:#2C7E02;
text-decoration:none;
}
#admin_func_opened #admin_func_cont a:hover{
font-size:11px;
color: #00552b;
text-decoration:none;
}
#admin_func_opened #admin_func_cont a:active{
font-size:11px;
color: #00552b;
text-decoration:none;
}
#admin_func_opened #admin_func_cont a:visited{
font-size:11px;
color: #00552b;
text-decoration:none;
}
/*Manager Functionality CSS*/

#mgrBlock .collapse{
background-image:url(../images/mgr_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#FEF2E5;
padding:3px;
border-bottom:1px solid #E9C29A;
}

#mgrBlock .expand{
background-image:url(../images/mgr_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#FEF2E5;
padding:3px;
border-bottom:1px solid #E9C29A;
}


#mgrBlock{
line-height:15px;
margin-bottom:5px;
width:700px;
}

#mgrBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#hodBlock .collapse{
background-image:url(../images/admin_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#F0FFE8;
padding:3px;
border-bottom:1px solid #B7EB9E;
}

#hodBlock .expand{
background-image:url(../images/admin_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#F0FFE8;
padding:3px;
border-bottom:1px solid #B7EB9E;
}


#hodBlock{
line-height:15px;
margin-bottom:5px;
width:700px;
}

#hodBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}

#mgr_func_opened .links{
line-height:normal;
margin-left:15px;
}

#mgr_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC6600;
background-image:url(../images/bullet_mgr_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#mgr_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC6600;
background-image:url(../images/bullet_mgr_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}

#hod_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#339900;
background-image:url(../images/bullet_admin_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#hod_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#339900;
background-image:url(../images/bullet_admin_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}

#mgr_func_opened #reports_title{
color:#CC6600;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #E9C29A;
}

#mgr_func_opened #reports_cont a{
font-size:11px;
color:#CC6600;
text-decoration:none;
}

#mgr_func_opened #mgr_func_cont a{
font-size:11px;
color:#CC6600;
text-decoration:none;
}
#hod_func_opened #reports_title{
color:#339900;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #B7EB9E;
}

#hod_func_opened #reports_cont a{
font-size:11px;
color:#339900;
text-decoration:none;
}

#hod_func_opened #mgr_func_cont a{
font-size:11px;
color:#339900;
text-decoration:none;
}

/* Employee Functionality CSS*/

#empBlock .collapse{
background-image:url(../images/emp_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#E6EEFF;
padding:3px;
border-bottom:1px solid #B5C8F0;
}

#empBlock .expand{
background-image:url(../images/emp_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#E6EEFF;
padding:3px;
border-bottom:1px solid #B5C8F0;
}

#empBlock{
line-height:15px;
margin-bottom:5px;
width:700px;
}

#empBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#emp_func_opened .links{
line-height:normal;
margin-left:15px;
}

#emp_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#003399;
background-image:url(../images/bullet_emp_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#emp_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#003399;
background-image:url(../images/bullet_emp_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}

#emp_func_opened #reports_title{
color:#003399;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #B5C8F0;
}

#emp_func_opened #reports_cont a{

font-size:11px;
color:#003399;
text-decoration:none;
}

#emp_func_opened #emp_func_cont a{
font-size:11px;
color:#003399;
text-decoration:none;
}

.empHelpReports {
 position:absolute;
 font-size:11px;
 margin-top:5px;
 margin-left:0px;
 background-color:#E6EEFF;
 border: 1px solid #B5C8F0;
 color:#003399;
 padding:5px;
 width:250px;
}

html>body .empHelpReports
{	margin-left:100px;
	margin-top:0px;
	}

.mgrHelpReports {
 position:absolute;
 font-size:11px;
 margin-top:5px;
 margin-bottom:5px;
 margin-left:0px;
 background-color:#FEF2E5;
 border: 1px solid #E9C29A;
 color:#CC6600;
 padding:5px;
 width:250px;
}

html>body .mgrHelpReports
{	margin-left:100px;
	margin-top:0px;
	}

.adminHelpReports {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#F0FFE8;
 border: 1px solid #B7EB9E;
 color:#339900;
 padding:5px;
 width:350px;
 }

 .showScores {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#F0FFE8;
 border: 1px solid #B7EB9E;
 color:#339900;
 padding:5px;
 width:200px;
 }


/*Start Form16 CSS*/

.all-border-top {
text-align: center;
border-right:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

.all-border {
border-right:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

.border-noleft-top {
text-align: center;
border-right:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
}

.border-notop {
border-right:1px solid black;
border-top:0px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

.border-noleft-notop {
border-right:1px solid black;
border-top:0px solid black;
border-bottom:1px solid black;
border-left:0px solid black;
}

.border-noleft-notop-center {
text-align: center;
border-right:1px solid black;
border-top:0px solid black;
border-bottom:1px solid black;
border-left:0px solid black;
}

.border-bottom {
text-align: center;
border-bottom:1px solid black;
border-top:0px solid black;
border-left:0px solid black;
border-right:0px solid black;
}

.border-right {
border-right:1px solid black;
}

.border-left {
border-left:1px solid black;
}

.border-top-right {
border-top:1px solid black;
border-right:1px solid black;
}

.border-nobottom {
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
}

.border-left-right {
border-right:1px solid black;
border-left:1px solid black;
}

.border-noleft {
border-top:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}

.border-width {
width: 5%;
border-right:1px solid black;
border-top:0px solid black;
border-bottom:1px solid black;
border-left:1px solid black;
}

/*End Form16 CSS*/

/*Report Functionality CSS*/

#reportBlock .collapse{
/*background-image:url(../images/admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock .expand{
/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock{
line-height:15px;
width:690px;
}

#reportBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:693px;
}

#report_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:693px;
}



#report_func_opened #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock-erec .collapse{
/*background-image:url(../images/admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-erec .expand{
/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-erec{
line-height:15px;
width:99%px;
}

#reportBlock-erec td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened-erec .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened-erec .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed-erec .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}



#report_func_opened-erec #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened-erec #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-erec #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-erec #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock1 .collapse{
/*background-image:url(admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock1 .expand{
/*background-image:url(admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock1{
line-height:15px;
width:99%px;
}

#reportBlock1 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened1 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened1 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;

background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed1 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%px;
}



#report_func_opened1 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened1 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened1 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened1 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock2 .collapse{
/*background-image:url(admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock2 .expand{
/*background-image:url(admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock2{
line-height:15px;
width:99%px;
}

#reportBlock2 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened2 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened2 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;

background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed2 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%px;
}



#report_func_opened2 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened2 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened2 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened2 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock3 .collapse{
/*background-image:url(admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock3 .expand{
/*background-image:url(admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock3{
line-height:15px;
width:99%px;
}

#reportBlock3 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened3 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened3 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;

background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed3 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%px;
}



#report_func_opened3 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened3 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened3 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened3 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock4 .collapse{
/*background-image:url(admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock4 .expand{
/*background-image:url(admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock4{
line-height:15px;
width:99%px;
}

#reportBlock4 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened4 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened4 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;

background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed4 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%px;
}



#report_func_opened4 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened4 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened4 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened4 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}

html>body .adminHelpReports
{	margin-left:100px;
	margin-top:0px;
	}


.help_note_style {position:absolute; padding: 6px; background-color:#FFFFCC; border: 1px solid #999; z-index: 3; 
 visibility: hidden; margin: 5px 20px 10px 3px; width: 230px;/* ie5win fudge begins */voice-family: "\"}\""; voice-family:inherit; width: 200px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.close_box {padding: 0px 0px 4px 4px; float: right;border:0px;}
.help_question_mark {margin-left: 2px; cursor: help; border:0px;}

.help_note_style1 {
position:absolute;
padding: 6px;
background-color:#dbd9cb;
border: 1px solid #999;
z-index: 3; 
 visibility: hidden;
 margin: 5px 20px 10px 3px; 
 width:840px;/* ie5win fudge begins */voice-family: "\"}\""; voice-family:inherit; width: 800px;}

.quick_links_style 
{
position:absolute;
padding: 6px; 
background-color:#ffffdd; 
border: 1px solid #999; z-index: 3; 
visibility: hidden; 
margin: 5px 20px 10px 3px; 
width: 230px;/* ie5win fudge begins */voice-family: "\"}\""; 
voice-family:inherit; 
width: 200px;
clear:both;
float:left;

}

.c-profile-title{
padding:2px 10px;
text-align:left;
font-size:11px;
font-weight:bold;
}



.roundbox {
float:left;
width:740px;
}
.box_top {
background:transparent url(../images/block_bg_TL.gif) no-repeat scroll left top;
}
.box_top_in {
background:transparent url(../images/block_bg_TR.gif) no-repeat scroll right top;
margin-left:10px;
}
.box_top_span {
background:transparent url(../images/block_bg_line_top.gif) repeat-x scroll center top;
margin-right:10px;
padding-top:10px;
}
.box_middle {
background:transparent url(../images/block_bg_line_left.gif) repeat-y scroll left top;
}
.box_middle_in {
background:transparent url(../images/block_bg_line_right.gif) repeat-y scroll right top;
margin-left:20px;
height:20%
}
.box_middle_content {
background:#FFFFFF none repeat scroll 0 0;
margin-right:20px;
padding-bottom:1px;
padding-top:1px;
}
.box_bottom {
background:transparent url(../images/block_bg_BL.gif) no-repeat scroll left bottom;
}
.box_bottom_in {
background:transparent url(../images/block_bg_BR.gif) no-repeat scroll right bottom;
margin-left:10px;

}
.box_bottom_span {
background:transparent url(../images/block_bg_line_bottom.gif) repeat-x scroll center bottom;
margin-right:10px;
padding-top:10px;
}


h3 {
font-size:12px;
}

thead td{
		color:#000;
		background-color:#cdcdcd;
	}

.tableRollOverEffect1{
		background-color:#317082;
		color:#FFF;
	}

.tableRollOverEffect2{
		background-color:#000;
		color:#FFF;
	}
	
.tableRowClickEffect1{
		background-color:#F00;
		color:#FFF;
	}
.tableRowClickEffect2{
		background-color:#00F;
		color:#FFF;
	}


tr.onMouseEvent {
   background-color: #ffffff;
}
tr.onMouseEvent:hover {
   background-color: #ffffdd;
}

.report-heading {
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#993355;
	}

.subsection-heading {
	position:relative;
	left:10px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:#993355;
	}

.report-description {
	font-family:verdana;
	font-size:11px;
	}

.fontsize-11b {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	}

.fontsize-detagap-report {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#DD3131;
	}



.fontsize-config-report {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	}

.report-bullet {
	position:relative;top:1px;
	}


#reportBlock-0 .collapse{
/*background-image:url(../images/admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-0 .expand{
/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-0{
line-height:15px;
width:99%px;
}

#reportBlock-0 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#report_func_opened-0 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened-0 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed-0 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}



#report_func_opened-0 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened-0 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-0 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-0 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


#reportBlock-1 .collapse{
/*background-image:url(../images/admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-1 .expand{
/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-1{
line-height:15px;
width:99%px;
}

#reportBlock-1 td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#reportBlock-hrMgr .collapse{
/*background-image:url(../images/admin_collapse.gif);*/
background-image:url(../images/arrowUp.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-hrMgr .expand{
/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);

background-repeat:no-repeat;
background-position:right;
background-color:#FFF0FA;
padding:3px;
border-bottom:1px solid #CC0066;
}

#reportBlock-hrMgr{
line-height:15px;
width:99%px;
}

#reportBlock-hrMgr td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}



#report_func_opened-1 .links{
line-height:normal;
margin-left:15px;
}

#report_func_opened-1 .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

#report_func_closed-1 .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}



#report_func_opened-1 #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#report_func_opened-1 #functionality_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-1 #sub_reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
}

#report_func_opened-1 #reports_cont a{
font-size:11px;
color:#CC0066;
text-decoration:none;
}


.mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:99%;
}

.mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:99%;
}

.ss-collapse{
/*background-image:url(../images/admin_collapse.gif);*/

background-image:url(../images/arrowUp.gif);
background-repeat:no-repeat;
background-position:right;
background-color:RGB(255,250,255);
padding:3px;
border-bottom:1px solid #215F8F;
}

.ss-expand{


/*background-image:url(../images/admin_expand.gif);*/
background-image:url(../images/arrowDown.gif);
background-repeat:no-repeat;
background-position:right;
background-color:RGB(255,250,255);
padding:3px;
border-bottom:1px solid #215F8F;
}

.section_on{
position:relative;
left:10px;
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

.section_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#CC0066;
vertical-align:center;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:98%;
}

.section-heading {
color:#336699;
text-decoration:none;
}

.arr-pos-off {
position:relative;
left:10px;
background-image:url(../images/bullet_admin_report_big_off.gif) ;
background-repeat:no-repeat;
}

.arr-pos-on {
position:relative;
left:10px;
background-image:url(../images/bullet_admin_report_big_on.gif) ;
background-repeat:no-repeat;
}

.subsection-arrow {
position:relative;
left:10px;

}

/* Edit New CSS for Ess Module */

.travel-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #781351;
background-color:#E8D7D7;
padding: 2px 6px;
color:#000000;
}

.leave-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid green;
padding: 2px 6px;
background-color:#D7E8C4;
color:#000000;
}

.expense-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #ff9000;
padding: 2px 6px;
background-color:#FFE3BE;
color:#000000;
}

.loan-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #9dabff;
padding: 2px 6px;
background-color:#d9defc;
color:#000000;
}

.hrloan-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #E9DDF9;
padding: 2px 6px;
background-color:#E9DDF9;
color:#000000;
}

.personaldetail-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #F3B9D6;
padding: 2px 6px;
background-color:#EED2EE;
color:#000000;
}

a.leave-reports {
color:green;
text-decoration:none;
}

a.travel-reports {
color:maroon;
text-decoration:none;

}

a.expense-reports {
color:#ff9000;
text-decoration:none;

}

a.loan-reports {
color:#00179f;
text-decoration:none;

}
a.helpdesk-reports {
text-decoration:none;
color:#451784;
}



#cashierBlock .collapse{
background-image:url(../images/cashier_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ececec;
padding:3px;
border-bottom:1px solid #666666;
}

#cashierBlock .expand{
background-image:url(../images/cashier_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ececec;
padding:3px;
border-bottom:1px solid #666666;
}

#cashierBlock{
line-height:15px;
margin-bottom:5px;
width:700px;
}

#cashierBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#cashier_func_opened .links{
line-height:normal;
margin-left:15px;
}

#cashier_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#000000;
background-image:url(../images/bullet_cashier_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#cashier_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#000000;
background-image:url(../images/bullet_cashier_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}

#helpdeskBlock .collapse{
background-image:url(../images/helpdesk_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}	 

#helpdeskBlock .expand{
background-image:url(../images/helpdesk_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}

.helpdesk-headings{
background-color: #E9DDF9;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.personaldetail-headings{
background-color: #EED2EE;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}
#helpdeskBlock{
line-height:15px;
width:700px;
}

#helpdeskBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#helpdeskBlock_func_opened .links{
line-height:normal;
margin-left:15px;
}

#helpdeskBlock_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#helpdeskBlock_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}



#helpdeskBlock_func_opened #reports_title{
color:#D4318C;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#helpdeskBlock_func_opened #reports_title2{
color:#451784;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #451784;
}

#helpdeskBlock_func_opened #helpdeskBlock_func_cont a{
font-size:11px;
color:#451784;
text-decoration:none;
}

.helpdeskReports {
  position:absolute;
  font-size:10px;
  margin-top:5px;
  margin-left:0px;
  background-color:#ECE2FA;
  border: 1px solid #451784	;
  color:#451784;
  padding:5px;
  width:200px;
  }

#loanBlock .collapse{
background-image:url(../images/helpdesk_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}	 

#loanBlock .expand{
background-image:url(../images/helpdesk_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}

.loan-headings{
background-color: #FFF0F5;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.loan-headings1{
background-color: #d9defc;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

#loanBlock{
line-height:15px;
width:700px;
}

#loanBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#loanBlock_func_opened .links{
line-height:normal;
margin-left:15px;
}

#loanBlock_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#loanBlock_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}



#loanBlock_func_opened #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#loanBlock_func_opened #reports_title2{
color:#451784;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #451784;
}

#loanBlock_func_opened #loanBlock_func_cont a{
font-size:11px;
color:#451784;
text-decoration:none;
}

#leave_title{
color:green;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#909fa7;*/
border-bottom:1px solid #ececec;
}

#travel_title{
color:maroon;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#adbfc8;*/
border-bottom:1px solid #ececec;
}

#expense_title{
color:#ff9000;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#eeeeee;*/
border-bottom:1px solid #ececec;
}

#loan_title{
color:#00179f;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#eeeeee;*/
border-bottom:1px solid #ececec;
}


#tabHeader3 .left1{
	
}

#tabHeader3 .right1 {
	padding-top:1px;
	height:28px;
	vertical-align:middle;
}

#tabHeader3 td{
line-height:11px;
text-align:center;
}

#tabHeader3 a{
font-size:11px;
color:#003366;
display:block;
}

#tabHeader3 .leftActive1{
	
	
}

#tabHeader3 .rightActive1 {
	vertical-align:middle;
	font-weight:bold;
}
.rightActive1 {
	height:25px;
	font-size:10px;
	color:#003366;
}


.employee-headings{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.headings{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.travel-headings{
background-color: #e8d7d7;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.leave-headings{
background-color: #d7e8c4;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.expense-headings{
background-color: #ffe3be;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.manager-headings{
background-color: #FEF2E5;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.helpdesk-headings{
background-color: #F0FFE8;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.expHelpReports {
 position:absolute;
 font-size:11px;
 margin-top:5px;
 margin-left:0px;
 background-color:#ffe3be;
 border: 1px solid #B5C8F0;
 color:#003399;
 padding:5px;
 width:250px;
}

.travelHelpReports {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#e8d7d7;
 border: 1px solid #215F8F;
 color:#000000;
 padding:5px;
 width:200px;
 }
 .helpdeskHelpReports {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#ECE2FA;
 border: 1px solid #215F8F;
 color:#000000;
 padding:5px;
 width:200px;
 }
}

/* Edit New CSS for Ess Module */

.travel-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #781351;
background-color:#E8D7D7;
padding: 2px 6px;
color:#000000;
}

.leave-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid green;
padding: 2px 6px;
background-color:#D7E8C4;
color:#000000;
}

.expense-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #ff9000;
padding: 2px 6px;
background-color:#FFE3BE;
color:#000000;
}

.loan-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #9dabff;
padding: 2px 6px;
background-color:#d9defc;
color:#000000;
}

.hrloan-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #E9DDF9;
padding: 2px 6px;
background-color:#E9DDF9;
color:#000000;
}

.helpdesk-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #451784;
padding: 2px 6px;
background-color:#ECE2FA;
color:#000000;
}

.personaldetail-legend {
font-family:verdana;
font-size:14px;
font-weight:bold;
border: 1px solid #F3B9D6;
padding: 2px 6px;
background-color:#EED2EE;
color:#000000;
}

a.leave-reports {
color:green;
text-decoration:none;
}

a.travel-reports {
color:maroon;
text-decoration:none;

}

a.expense-reports {
color:#ff9000;
text-decoration:none;

}

a.loan-reports {
color:#00179f;
text-decoration:none;

}
a.helpdesk-reports {
text-decoration:none;
color:#451784;
}



#cashierBlock .collapse{
background-image:url(../images/cashier_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ececec;
padding:3px;
border-bottom:1px solid #666666;
}

#cashierBlock .expand{
background-image:url(../images/cashier_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ececec;
padding:3px;
border-bottom:1px solid #666666;
}

#cashierBlock{
line-height:15px;
margin-bottom:5px;
width:700px;
}

#cashierBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#cashier_func_opened .links{
line-height:normal;
margin-left:15px;
}

#cashier_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#000000;
background-image:url(../images/bullet_cashier_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#cashier_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#000000;
background-image:url(../images/bullet_cashier_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}

#helpdeskBlock .collapse{
background-image:url(../images/helpdesk_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}	 

#helpdeskBlock .expand{
background-image:url(../images/helpdesk_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}


.personaldetail-headings{
background-color: #EED2EE;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}
#helpdeskBlock{
line-height:15px;
width:700px;
}

#helpdeskBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#helpdeskBlock_func_opened .links{
line-height:normal;
margin-left:15px;
}

#helpdeskBlock_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#helpdeskBlock_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}



#helpdeskBlock_func_opened #reports_title{
color:#D4318C;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#helpdeskBlock_func_opened #reports_title2{
color:#451784;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #451784;
}

#helpdeskBlock_func_opened #helpdeskBlock_func_cont a{
font-size:11px;
color:#451784;
text-decoration:none;
}

.helpdeskReports {
  position:absolute;
  font-size:10px;
  margin-top:5px;
  margin-left:0px;
  background-color:#ECE2FA;
  border: 1px solid #451784	;
  color:#451784;
  padding:5px;
  width:200px;
  }

#loanBlock .collapse{
background-image:url(../images/helpdesk_collapse.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}	 

#loanBlock .expand{
background-image:url(../images/helpdesk_expand.gif);
background-repeat:no-repeat;
background-position:right;
background-color:#ECE2FA;
padding:3px;
border-bottom:1px solid #451784;
}

.loan-headings{
background-color: #FFF0F5;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.loan-headings1{
background-color: #d9defc;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

#loanBlock{
line-height:15px;
width:700px;
}

#loanBlock td{
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
}


#loanBlock_func_opened .links{
line-height:normal;
margin-left:15px;
}

#loanBlock_func_opened .mt_on{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_on.gif) ;
background-repeat:no-repeat;
cursor:hand;
}

#loanBlock_func_closed .mt_off{
margin:0px;
padding-bottom:2px;
font-weight:bold;
padding-left:17px;
font-size:14px;
color:#451784;
background-image:url(../images/bullet_helpdesk_big_off.gif) ;
background-repeat:no-repeat;
cursor:hand;
width:690px;
}



#loanBlock_func_opened #reports_title{
color:#CC0066;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #F3B9D6;
}

#loanBlock_func_opened #reports_title2{
color:#451784;
font-size:13px;
padding:10px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
border-bottom:1px solid #451784;
}

#loanBlock_func_opened #loanBlock_func_cont a{
font-size:11px;
color:#451784;
text-decoration:none;
}

#leave_title{
color:green;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#909fa7;*/
border-bottom:1px solid #ececec;
}

#travel_title{
color:maroon;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#adbfc8;*/
border-bottom:1px solid #ececec;
}

#expense_title{
color:#ff9000;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#eeeeee;*/
border-bottom:1px solid #ececec;
}

#loan_title{
color:#00179f;
font-size:13px;
padding:5px 0px 5px 5px;
margin:0px 5px 5px 0px;
font-weight:bold;
/*background-color:#eeeeee;*/
border-bottom:1px solid #ececec;
}


#tabHeader3 .left1{
	
}

#tabHeader3 .right1 {
	padding-top:1px;
	height:28px;
	vertical-align:middle;
}

#tabHeader3 td{
line-height:11px;
text-align:center;
}

#tabHeader3 a{
font-size:11px;
color:#003366;
display:block;
}

#tabHeader3 .leftActive1{
	
	
}

#tabHeader3 .rightActive1 {
	vertical-align:middle;
	font-weight:bold;
}
.rightActive1 {
	height:25px;
	font-size:10px;
	color:#003366;
}


.headings{
background-color: #BCDAF2;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.travel-headings{
background-color: #e8d7d7;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.leave-headings{
background-color: #d7e8c4;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.expense-headings{
background-color: #ffe3be;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.manager-headings{
background-color: #FEF2E5;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.helpdesk-headings{
background-color: #E9DDF9;
padding:2px 10px;
text-align:left;
font-size:11px;
border:0px;
font-weight:bold;
}

.expHelpReports {
 position:absolute;
 font-size:11px;
 margin-top:5px;
 margin-left:0px;
 background-color:#ffe3be;
 border: 1px solid #B5C8F0;
 color:#003399;
 padding:5px;
 width:250px;
}

.travelHelpReports {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#e8d7d7;
 border: 1px solid #215F8F;
 color:#000000;
 padding:5px;
 width:200px;
 }
 .helpdeskHelpReports {
 position:absolute;
 font-size:10px;
 margin-top:5px;
 margin-left:0px;
 background-color:#ECE2FA;
 border: 1px solid #215F8F;
 color:#000000;
 padding:5px;
 width:200px;
 }

 /* HelpDesk Action buttons */
#helpd-actionbuttons
{
float:right;
font-size:11px;
line-height:normal;
margin-top:5px;
font-family: Verdana, Arial;
   }

#helpd-actionbuttons ul
{
margin:0;
padding:0;
list-style:none;
}

#helpd-actionbuttons li
{
float:left;
margin:0 0 0 5px;
padding:0;
float:left;
background:url(../images/helpdesk_R.gif) no-repeat right top;
}
#helpd-actionbuttons a
{
display:block;
color:#000000;
background:url(../images/helpdesk_L.gif) no-repeat left top;
padding:8px 10px 8px 10px ;
text-decoration:none;
}

#helpd-actionbuttons a:hover
{
color:#004D71;
}

/* HelpDesk Action buttons */

.travelForm-mainheading
{
	font-size:11px; 
	font-weight:bold;
	padding:1px 5px;
	background-color:#67a6d9;
	color:white;
	border:1px solid #ececec;
	height:18px;
	line-height:18px;
}

.travelForm-legheading
{
	font-size:11px; 
	font-weight:bold;
	padding:1px 5px;
	background-color:#d7e6f2;
}

.travelForm-on-ret-heading
{
	font-size:11px; 
	font-weight:bold;
	color:white;
	padding:1px 5px;
	background-color: #67a6d9;
}

.fsize {
	font-size:11px;
	background-color: transparent;
}


.reportrowOne {
background-color:#f5f5f5;
}

.reportrowTwo {
background-color:#ffffff;
} 

.td-padding {
padding:2px 10px;
}

.appr-frm-header {
	font-size:13px;
	font-family:verdana;
	text-align:center;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	color:maroon;
	background-color:#f5f5f5;
	}

#appraisal-print-table{
border: 1px solid  #cccccc;
padding:5px;
font-size:11px;
width:678px;
 }

.appr-frm-label{
font-weight:bold;
background-color: #BCDAF2;
padding-left:3px;
font-size:12px;
}
.appr-goal-frm-header {
	font-size:12px;
	font-family:verdana;
	color:maroon;
	padding-top: 4px;
	padding-bottom: 4px;
	}
.appr-goal-desc {
	font-size:11px;
	font-family:verdana;
	color:green;
	padding-bottom: 3px;

	}
.appr-attribute-name{
	font-size:10px;
	font-family:verdana;
	padding-bottom: 3px;
}

ul.us-compliance {
list-style-image : url(../images/arrow.gif);
font-family : "Verdana", Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #000000;
font-weight : normal;
text-decoration : none;
line-height : 20px;
}
li.us-compliance {
font-family : "Verdana", Helvetica, sans-serif;
font-size : 12px;
color : #000000;

}
#box {
    
	
	width: auto;
	padding:4px;
	border:solid 1px transparent;
	background: #FFFFCC;
	display:none;
	background:url(../images/process.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	z-index:9999;
	left:-120px;
	top:1px;

}
 
#start {
	text-align: center;
	margin: .5em 0;
}
#box1 {
    
	
	width: auto;
	padding:4px;
	border:solid 1px transparent;
	background: #FFFFCC;
	display:none;
	background:url(../images/process.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	z-index:9999;
	left:-120px;
	top:1px;

}
 
#start1 {
	text-align: center;
	margin: .5em 0;
}
#box2 {
    
	
	width: auto;
	padding:4px;
	border:solid 1px transparent;
	background: #FFFFCC;
	display:none;
	background:url(../images/process.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	z-index:9999;
	left:-120px;
	top:1px;

}
 
#start2 {
	text-align: center;
	margin: .5em 0;
}
#cbox {
    
	
	width: auto;
	padding:4px;
	border:solid 1px transparent;
	background: #FFFFCC;
	display:none;
	background:url(../images/process.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	z-index:9999;
	left:-120px;
	top:1px;

}
 
#start5 {
	text-align: center;
	margin: .5em 0;
}
#box6 {
    
	
	width: auto;
	padding:4px;
	border:solid 1px transparent;
	background: #FFFFCC;
	display:none;
	background:url(../images/process.gif);
	background-repeat:no-repeat;
	background-position:left;
	position:absolute;
	z-index:9999;
	left:-120px;
	top:1px;

}
 
#start6 {
	text-align: center;
	margin: .5em 0;
}
#initable  td{ padding: 6px 2px; }
#inimanager  td{ padding: 4px 2px; }
.navi{
      -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px; 
	   border:1px solid ;
	   background-color: #FFFFFF;
       border: 1px solid #ccc;
	   color: #3B6CAC;
     }


.naviselected{
	   
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px; 
	   color: #FFF !important;
	   border:1px solid #008CCB;
	   background-color: #bcdaf2;
       background-image: none;
     }
	 .navipn{
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px; 
	   border:1px solid ;
	   background-color: #FFFFFF;
       border: 1px solid #ccc;
	   color: #3B6CAC;
     }
	 .navifirst{
	  -moz-border-radius: 2px 2px 2px 2px;
      -moz-box-shadow: 0 1px 2px #EAEDF4;
       background-repeat: repeat-x;
       border: 1px solid #E4E8F2;
       font-size: 11px;
       font-weight: bold;
       margin: 0 3px 0 0;
       text-decoration: none;
       padding: 2px 6px;
	   background-color: #FFFFFF;
       border: 1px solid #EEEEEE;
	   color: #9fb9d0;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
       filter: alpha(opacity=75);
      -khtml-opacity: 0.75;
      -moz-opacity: 0.75;
       opacity: 0.75;
     }
	 .navipn a,.navifirst a, .naviselected a { outline:none;}

	 img{border:none;}



/*  */

#preview{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:absolute;
	border:1px solid #ccc;
	background:none repeat scroll 0 0 #3594DF;
	padding:5px;
	display:none;
	color:#fff;
	}

/* style_en_US.css style sheet*/


.td_blue {
	background-color: #Ffffff;
}
.td_blue_1 {
	background-color: #3594DF;
}

.td_blue_3 {
	background-color: #BCDAF2;
}
.td_white {
	background-color: #ffffff;
	height:1px;
}

.td_black {
	background-color: #215F8F;
}
.gradient_bg {
	background-image: url(../images/gradient_bg.jpg);
}

.bold_txt{
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
.link_light {
	color: #ffffff;
	text-decoration: none;
}


.drop_down{
	font-size:9px;
	color: #215F8F;
	background-color:#E8F1F8;
	text-decoration: none;
}

a:hover {
	color: #FE5D1E;
}
txt_blue {
	color: #E8F1F8;
	text-decoration: none;
}.error {
	color: #FF0000;
}
.heading {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.footer {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial;
	color: #000000;
	text-decoration: none;
}
.underline {
	text-decoration: underline;
	color: #333333;
}

.txt_area {
	border: thin solid #BCDAF2;
	background-color: #BCDAF2;
	}



.comboBox1{
font-size: 11px;
width:45px;

}

.td_blue_33 {
	background-color: #BCDAF2;

}

/*  portalStylesheet.css    */

/* CSS Document */

 


a{
color:#015DA3;
}

.sectionTitle{
font-weight:bold;
color:#FFFFFF;
background-image:url(../images/d_heading_mid.gif);
}

.sectionTitle .left{
width:10px;
height:20px;
background-image:url(../images/d_heading_left.gif);
background-repeat:no-repeat;
background-position:top left;
}

.sectionTitle .right{
width:10px;
background-image:url(../images/d_heading_right.gif);
background-repeat:no-repeat;
background-position:top right;
}

.sectionCont {
border:1px solid #CCE0F0;
border-top:0px solid #CCE0F0;
margin-bottom:5px;
padding:10px;
}


.fieldsetBlue {
border:1px solid #CCE0F0;
padding:5px 10px 10px 10px;
}

.legendBlue {
font-weight:bold;
font-size:11px;
color:#015DA3;
background-color:#ffffff;
margin-bottom:0px;
padding:0px;
}
.messages td{
border-bottom:1px solid #CCE0F0;
padding:3px 0px 0px 5px;
}

.messages th{
background-color:#F1F9FF;
border-bottom:1px solid #CCE0F0;
padding:5px 0px 5px 5px;
color:#015DA3;
font-size:11px;
}

.rowOne {
background-color:#CCE0F0;
}

.rowTwo {
background-color:#ffffff;
}

.rowSelected {
background-color:#FFFF99;
}

.noMessages{
margin:15px;
padding:15px;
background-color:#F1F9FF;
border:1px solid #CCE0F0;
color:#015DA3;
font-weight:bold;
}

/*.button1 {
 background-color:#E2EFFA;
 font-size:11px;
 height:2em;
 border:0px;
 cursor:pointer;
 color:#015DA3;
}*/

.addFriend {
text-align:right;
margin-top:10px;
padding-top:0px;
border-top:1px solid #CCE0F0;
}

.addFriend a{
color:#015DA3;
}

.newsHeading{
color:#015DA3;
font-weight:bold;
margin-bottom:2px;
}
.news{
margin-bottom:15px;
}

.eventHeading{
color:#015DA3;
font-weight:bold;
margin-bottom:2px;
}
.event{
margin-bottom:15px;
}

.quickLinks{
margin:0;
padding:0;
list-style-type:none;
}

.quickLinks li {
margin-bottom:3px;
padding-left:13px;
background-image:url(../images/quickLinkBullet.gif);
background-repeat:no-repeat;
background-position:top left;
}

/* Buttons */
.actionButton
{
float:right;
}

.actionButton ul
{
margin:0;
padding:0;
list-style:none;
}

.actionButton li
{
margin:0px 0px 0px 1px; 
padding:0;
float:left;
background:url(../images/R_bg.gif) no-repeat right top;
}
.actionButton a
{
display:block;
color:#004D71;
background:url(../images/L_bg.gif) no-repeat left top;
padding:5px 10px 7px 10px ;
text-decoration:none;
}

.actionButton a:hover
{
color:#003D59;
}
/* Buttons */

 .textBox {
 margin:0;
 font-size:11px;
 vertical-align:baseline;
 }
 
 .messagePaging{
 color:#015DA3;
  }
 
 .messagePaging a{
 color:#015DA3;
 }

 .messagePaging .disabled {
 color:#CCCCCC;
 }
 
 .searchTitle{
 #font-weight:bold;
 color:#FFFFFF;
 background-image:url(../images/d_heading_mid.gif);
 }
 
 .searchTitle .left{
 width:10px;
 height:20px;
 background-image:url(../images/d_heading_left.gif);
 background-repeat:no-repeat;
 background-position:top left;
 }
 
 .searchTitle .right{
 width:10px;
 background-image:url(../images/d_heading_right.gif);
 background-repeat:no-repeat;
 background-position:top right;
}
 

/* bluetabs.css style sheet */

.bluetabs{
font-size:11px;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#BCDAF2;
background:url("../images/topTabgBg.gif");
padding:10px;
border-bottom:1px solid #215F8F
}

.bluetabs ul{

margin-left: 0;
margin-top: -3px;
margin-bottom: 0;
list-style-type: none;

}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;

padding: 3px 0px;
color: #003366;
}

.bluetabs li a:visited{
color: #003366;
}

.bluetabs li a:hover{
text-decoration: none;
color:#FE5D1E;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(media/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.static-bluetabs{
font-size:11px;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#BCDAF2;

border-bottom:1px solid #215F8F
}

.static-bluetabs ul{

margin-left: 0;
margin-top: -3px;
margin-bottom: 0;
list-style-type: none;

}

.static-bluetabs li{
display: inline;
margin: 0;
}

.static-bluetabs li a{
text-decoration: none;
padding: 3px 3px;

color: #003366;
}

.static-bluetabs li a:visited{
color: #003366;
}

.static-bluetabs li a:hover{
text-decoration: none;
color:#FE5D1E;
}

.static-bluetabs li.selected{
}

.static-bluetabs li.selected a{ /*selected main tab style */
background-image: url(media/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.static-bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
left:0;
line-height:26px;
z-index:9999;
width:205px;
visibility: hidden;
}


#topTabs .dropmenudiv_b a{
font-weight:normal;
display: block;
text-indent: 5px;
text-decoration: none;
color: #09548B;
/*background: url("../images/menu-images/split.png") no-repeat scroll right center transparent;*/
padding: 0 7px;
z-index: 1;
background: url("../images/submenu_bg.png") repeat-y scroll 0 0 transparent;
height: auto;
margin: 0;
width:195px;
text-align:left;
line-height:22px;
}

.dropmenudiv_b .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;	
}
.dropmenudiv_b .top-bg {
	background: url(../images/submenu_top.png) no-repeat;
	width: 205px;
	height: 5px;
	overflow: hidden;
	clear: both;	
}


* html #topTabs  .dropmenudiv_b a{ /*IE only hack*/
width:205px;
}

#topTabs .dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
color: #fff;
/*background: #165B9F !important;*/
padding: 0 7px;
/*background: url("../images/hover-bg.png") repeat-y scroll 0 0 transparent;*/
background: url("../images/hover-bg.png") repeat-y scroll 0 0 transparent;
}



.dropmenudiv_b1{
width:150px;
position:absolute;
top: 0;
left:0;
line-height:26px;
z-index:100;
width:205px;
visibility: hidden;
}


.dropmenudiv_b1 a{
font-weight:normal;
display: block;
text-indent: 5px;
text-decoration: none;
color: #09548B;
/*background: url("../images/menu-images/split.png") no-repeat scroll right center transparent;*/
padding: 0 7px;
z-index: 1;
background: url("../images/submenu_bg.png") repeat-y scroll 0 0 transparent;
height: auto;
margin: 0;
width:195px;
text-align:left;
line-height:22px;
}
#topTabs2 .dropmenudiv_b1 .btm-bg {
	background: url(../images/submenu_bottom.png) no-repeat;
	width: 205px;
	height: 9px;
	overflow: hidden;
	clear: both;	
}
#topTabs2 .dropmenudiv_b1 .top-bg {
	background: url(../images/submenu_top.png) no-repeat;
	width: 205px;
	height: 5px;
	overflow: hidden;
	clear: both;	
}

* html .dropmenudiv_b1 a{ /*IE only hack*/
width:205px;

}

#topTabs2  .dropmenudiv_b1 a:hover{ /*THEME CHANGE HERE*/
color: #fff;
/*background: #165B9F !important;*/
padding: 0 7px;
/*background: url("../images/hover-bg.png") repeat-y scroll 0 0 transparent;*/
background: url("../images/hover-bg.png") repeat-y scroll 0 0 transparent;
}
.loginText {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: right;
vertical-align: middle;
color: #FFFFFF;}

.ReportTableHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-transform: capitalize; 
background-color: #000099;
text-align: center;
vertical-align: middle;
color: #CCCCCC;
border: auto black solid}

.ReportTableDataOdd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-weight: normal;
background-color: #EFEDA3;
background-position: center center;
text-align: center}

.ReportTableDataEven { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-weight: normal;
background-color: #D8DB5B; 
background-position: center center;
color: #003399;
text-align: center}

.pageHeader {  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
background-color: 7498ca;
text-align: center;
font-weight: bold }

.pageHeader1 {  font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #FFFFFF; 
background-color: #B3CAEA;
text-align: center; 
font-weight: bold }

.controlLabel {  font-size: 10pt;
color: #000000; 
background-color: #B3CAE3;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: middle}

.controlHeaderLabel {
font-size: 10pt;
color: #000000;
background-color: #B3CAEA;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: middle}

.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
height: 17px}

.longTextbox { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
height: 17px; 
width: 250px}

.controlBackground { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
background-color: DEE8F3}

.textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF}

.comboBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
background-color: #FFFFFF; 
height: 17px}

.multiComboBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
background-color: #FFFFFF;
height: 60px;
width: 100px}

.tableHead {
font-size: 8pt;
color: #000000; 
background-color: #B3CAE3;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold}

.normalTextLeft {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; 
background-color: #FFFFFF;
text-align: left}

.normalTextRight { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #FFFFFF;
text-align: right}

.smallLinkText {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: transparent;
text-align: left}

.header2 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #336600; 
text-align: center; 
background-position: left}

.header1 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
background-position: top;
text-align: left; 
vertical-align: top;
color: #660000}

.header3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px}

.header4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #CC0000}

.generalHeader { 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #CC0000;
text-align: left}

.comboBox {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
background-color: #FFFFFF;
height: 17px}

.multiSelect3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF}

.smallLinkTextCenter {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000; 
background-color: transparent;
text-align: center}

.smallLinkTextWithoutUnderLine {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #0000bb;
background-color: transparent;
text-align: center;
text-decoration: none}

.multiLineComboBox
{ font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #FFFFFF;
height: 80px;
width: 200px;}

.expressionName {  
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 9px; 
font-weight: bold; 
text-align: left;
vertical-align: middle; 
color: #007F00;}

.formulaRelation {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-align: left;
vertical-align: middle;
color: #0000FF;}

.formulaTableName {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
text-align: left; 
vertical-align: middle; 
color: #FF0000;}

.formulaValue {
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: normail;
text-align: left;
vertical-align: middle;
color: #000000;}

.reportHeader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold; 
background-position: top;
text-align:center; 
vertical-align: top;
color: #000000}

.reportPageHeader {  
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
background-color: #7498ca; 
text-align: left;
font-weight: bold }

.reportPageList {  font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000;
background-color: #FFFFFF;
text-align: left}

.smallLinkTextWithUnderLine {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #0000bb; background-color: transparent; text-align: center;text-decoration: underline}

/* Reports.css style sheet*/
.comboBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; height: 20px}
.multiComboBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; height: 60px, width: 100px}
.textbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF; height: 17px}
.textarea {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #FFFFFF}

.reportMainHeader {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; background-position: top; text-align: left; vertical-align: top; color: #215F8F}
.reportPageHeader {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #215F8F;text-align: left;vertical-align: top}

.reportTableHeader {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: capitalize; background-color: #000099; text-align: center; vertical-align: middle; color: #CCCCCC; border: auto black solid}
.tableHeaderRows {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: capitalize; background-color: #BCDAF2; text-align: center; vertical-align: middle; color: #215F8F; border: auto black solid}
.tableDataRows {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFFFFF; background-position: center; text-align: left;}
.tableFooterRows {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: capitalize; background-color: #000099; text-align: center; vertical-align: middle; color: #CCCCCC; border: auto black solid}
.leftAlignData {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; background-color: #FFFFFF; background-position: center; text-align: left}

.reportGeneralRows {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF; text-align: left}
.demoData {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; background-color: #FFFFFF; text-align: center; vertical-align: middle; color: border: auto black solid}
/*  ---- End  ----- */

/*  ---- Jsp Cleaning CSS  ----- */
table.ball{border:1px solid #215f8f;}
table.ball-bg{border:1px solid #215f8f;background-color:#f5f5f5;}
div#showVar{ border:1px solid #cccccc; padding:10px; background-color:#fffff4;width:220px;}
table.br-wd{border:1px solid #ececec;width:96%;}
div#filteremp{margin-top:5px; margin-left:10px; display:block;}
div#gen{position:relative;top:-11px; margin-left:10px; display:block;}
td.bg-rep{line-height:10px;background-repeat:repeat-y; background-position:right;}
td.bg-no-rep{line-height:10px;background-repeat:no-repeat; background-position:left;}
/*  ---- Jsp Cleaning CSS End  ----- */

td.comn-td-pm{padding:0; margin:0;}
table.non-break{width:100%; margin:0px; border-collapse:collapse; padding:0;}
table.non-break td.pr{padding-right:0}
table.non-break td.pl{padding-left:2px}

.td-bg-ec{background-color:#ececec;}
.tl-bb-cl{border-bottom:1px solid #215f8f;}
.h5-mr-tp{margin:0; margin-top:10px;}
.td-bb-bl{border-bottom:1px solid #215F8F;}
.td-st-ed{font-size:12px;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.td-st-dl{font-size:12px;border:1px solid #cccccc;}
.td-st-en{font-size:12px;background-color:#cccccc;font-weight:bold;}
.td-bl-bl{border-left:1px solid #215F8F;}
.td-pd-tn{padding:10px;}
.td-bg-fc{background-color:#FFFFCC;}
.td-bg-ef{background-color:#E8F6DF}
.table-br-bl{border:1px solid #215F8F;}
.div-cr-vcr{border-left:1px solid #215F8F;border-right:1px solid #215F8F; border-bottom:1px solid #215F8F; padding:10px;height:220px;}
.td-br-eep{border-top:1px solid #cccccc;}
.table-br-cee{border:1px solid #215f8f}
.td-bb-cee{border-bottom:1px solid #215f8f}
.any-br-vea{border:1px solid #cccccc;}
.table-br-aar{background-color:#efefef;}
.td-st-rs{border-left:1px solid #215F8F;border-top:1px solid #215F8F;}
.avpr{position:relative;top:-3px;font-size:12px;font-family:arial;}
.td-dms{border-top:1px solid #215F8F;border-right:1px solid #215F8F;border-top:1px solid #215F8F;}
.td-dms-br{border-right:1px solid #215F8F;}
.td-dms-bb{border-left:1px solid #215F8F; border-bottom:1px solid #215F8F;}
.td-dms-brb{border-right:1px solid #215F8F;border-bottom:1px solid #215F8F;}
.td-bg-ff{background-color:#FFFFFF;}
.td-vstr{background-color:#ffffdd; font-size:12px;}
.td-vstrf{background-color:#BCDAF2; font-size:12px;}
.td-visu{background-color:#ffffdd;font-size:12px;}
.td-vsrq{background-color:#BCDAF2;font-size:12px;}
.td-tvoc{background-color:#f5f5f5;font-size:12px;font-weight:bold;padding:5px;border:1px solid #cccccc;}
.table-trq{border-right:1px solid #4B93B7;border-left:1px solid #4B93B7;border-bottom:1px solid #4B93B7;}
.td-emptr{background-color:#ececec;border-bottom:1px solid #ffffff;}
.field-emtr{border:1px solid #ececec;font-size:12px;}
.table-ans{border:1px solid #ececec;}
.leg-etfr{background-color:#215F8F;color:white;padding:3px;}
.td-visde{border-bottom:1px solid #cccccc;background-color:#E3F2FD;}
.td-anrs{background-color:#ffffff;}
.table-plr{border-collapse: collapse;padding:10px;}
.table-rppl{border-collapse: collapse}
.td-load-emp-data{background-color:#eeeeee; height:1px; padding:0 0 0 0;}
.td-mont-dash{border-bottom:1px solid #ececec;}
.table-mrp{border:1px solid #ececec;width:98%;}

.td-lrmpu{background-color:#fffff4;}
.tr-lrabm{background-color:#ececec; font-weight:bold}
.td-lreqbm{background-color: #3594DF;color:white;font-weight:bold;height:23px;}
.td-leream{border:1px solid #ececec;position:relative;top:-105px;}
.td-jdp{border-bottom:1px solid #cccccc;background-color:f8f8f8;}
.table-bcop{border-collapse:collapse;}
.td-bcol{border:1px solid #215F8F}
.td-upsuat{border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
.td-usattend{background-color:#C4D6EA;}
.td-updt-att{border-right:1px solid #cccccc;border-top:1px solid #cccccc;}
.table-mngremd{border:1px solid #215f8f;}
.td-bld-jdc{border-left:1px dotted #999;}
.td-emprec-jdc{border:1px dotted #999; background:#fff;}
.td-com-prec{background-color: white; vertical-align: top;}
.div-custr-vcr{border-left:1px solid #215F8F;border-right:1px solid #215F8F; border-bottom:1px solid #215F8F; padding:10px;}
.td-comp-prac{background-color: white;}
.com-viw-com{border-width:1px; border-color:#CCCCCC}
.view-cus-re-for-app{border-left:1px solid #215F8F;border-right:1px solid #215F8F; border-bottom:1px solid #215F8F; padding:10px;height:240px;}
.vi-cu-re-forapp{border-left:1px solid #215F8F;border-right:1px solid #215F8F; border-bottom:1px solid #215F8F; padding:10px;height:220px;}
.app-norm-score{background-color:#ececec;}
.viw-cust-re-for-gol{background-color: #BCDAF2;padding:2 10 2 10;text-align:left;font-size:11px;border:0px;font-weight:bold;}
.emp-pr-sing-appr{border:1px solid #ececec;}
.feed-back-appr{background-color: #BCDAF2;}
.rat-desc{background-color:#F0000;}
.rat-desc-two{background-color:#BCDAF2;}
.mult-print-start{border-bottom:1px solid #ececec;}

.emp-jdcom{border-left:1px dotted #999}
.emp-jdcom-one{border:1px dotted #999; border-collapse:collapse;}
.viw-cus-rep-for-gseet{border-left:1px solid #215F8F;border-right:1px solid #215F8F; border-bottom:1px solid #215F8F; padding:10px;height:200px;}
.field-hrsubdet{border: 1px solid #F3B9D6}
.com-holi-multi{border:1px solid #f5f5f5;}
.emp-shift-multi{background:#ccc}
.att-wrt-comm{background-color:#CDE0F8;/* for IE */filter:alpha(opacity=80);  /* CSS3 standard */opacity:0.8;border:1px solid #cccccc;}
.com-serch{color:#003366; padding:0px;}
.app-norm-score{color:white; position:relative;right:20px;top:13px;}
.att-wrt-ass-com{clear:left;position:relative;left:5px;}
.colr-orng{color:orange;}
.reset-div{clear:both;}
.color-red{color:red;}
.color-blue{color: #003366;}
.color-maroon{color:maroon;}
.color-green{color:green;}
.color-cust{color:#871D57}
.color-white{color:white}
.advance-to-emp{color:#990000;font-size:13px;font-weight:bold;text-align:center;font-family:verdana}
.col-maro-font-bol{color:maroon;font-weight:bold;}
.print-app-form{width: 175px; background-color: white; vertical-align: top;}
.viw-gol-achiv{font-size:11px;border-bottom:1px solid #ececec;}
.comp-cycle{display:block;border:1px solid #ececec;}
.rem-eml-emp{vertical-align:top;border-bottom:1px solid #ececec;}
.init-mult-pag{padding-left:10px;border-bottom:1px solid #ececec;}


.f-left{float:left;}
.span-fwc{font-size:11px; font-weight:bold;color:#cc3300}
.div-fw{float:left; width:50%;}
.att-wrt-ass{font-family:tahoma;font-size:15px;}
.f-size{font-size:13px;}
.td-wd-bc{width: 350px; background-color: white; vertical-align: top;}
.f-sz-w-b{font-size:13px; font-weight:bold;}
.td-kar-trk{font-family:verdana;font-size:12px;}
.vw-hd-sub-cal{font-family:verdana;font-size:11px;font-weight:bold;position:relative;left:10px;color:#006291;}
.td-f-s-family{font-size: 11px; font-family:Helvetica,Arial,sans-serif;}
.emp-full-n-final{font-size:12px; font-weight:bold;}

.bgc-black{background-color: #215F8F;}


.on{background:#E6F4FF}
.off{background:#fff;}
.my-leave-bg{height:23px; background-color:#3594DF; color:#fff; font-weight:bold;}

tr.td_blue td b input{border:1px solid #b5d7cf; background:url("../images/topTabgBg.gif"); cursor:hand; cursor:pointer; padding:4px 2px; background-position:0 25%;}
        * html tr.td_blue td b input{width:20%;  background-position:0 25%;}

#topTabs .active-item {  -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("../images/grad-select.png");
    background-color:#215F8F;
    background-position: 0 -2px;
    background-repeat: repeat-x;
    border-color: #215F8F #215F8F transparent;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 5px 8px;
    text-decoration: none;}

* html td div#topTabs table td a.active-item { position:relative;     padding: 5px 5px 6px;}
.not {
    font-size: 11px;  
    clear: both;   
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/not.png);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    border:2px solid #F3C408;
    background-color: #FDFAEE;
    color: #9F6000;   
    position:relative;
}
.not a.close{
    display: inline-block;
    float: right;
    height: 32px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
    cursor:hand;
    outline:none;
    background-position: 2px 3px;
    background-image: url(../images/message_pic/close.png); background-repeat:no-repeat;}
.not .icon{

    }


.succ {
   
    font-size:11px;   
    clear: both;
   
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/succ.png);
     background-position: 10px 3px;
    background-repeat: no-repeat;
    border: 2px solid #91E375;
    background-color: #FCFFF3;
    color: #046C54;   
    position:relative;
}
.succ a.close{
    display: inline-block;
    float: right;
    height: 32px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
    cursor:hand;
    outline:none;
    background-position: 2px 3px;
    background-image: url(../images/message_pic/close.png); background-repeat:no-repeat;}
.succ .icon{
    }
.err {
   
    font-size:11px;
    clear: both;   
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/err.png);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    border: 2px solid #f86d57;
    background-color: #FFF2F0;
    color: #AC260F;   
    position:relative;
}


.err a.close{
    display: inline-block;
    float: right;
    height: 32px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
    cursor:hand;
    outline:none;
    background-position: 2px 3px;
    background-image: url(../images/message_pic/close.png); background-repeat:no-repeat;}
.err .icon{

    }
.info {
       font-size:11px;
    clear: both;   
    margin: 8px 0px 8px 0px;
    padding: 4px 25px 4px 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-image: url(../images/message_pic/info.png);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    border: 2px solid #0FA9F1;
    background-color: #F1FBFF;
    color: #00529B;   
    position:relative;
}
.info a.close{
    display: inline-block;
    float: right;
    height: 32px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 22px;
    cursor:hand;
    outline:none;
    background-position: 2px 3px;
    background-image: url(../images/message_pic/close.png); background-repeat:no-repeat;}
.info .icon{
   
    }

* html .info,* html .err,* html .succ,* html .not{background-position: 10px 5px;}
* html .info a.close,* html .succ a.close,* html .not a.close{background-position: 2px 5px; width:35px}
* html .err a.close{background-position: 0 5px; width:25px; }

#pageHeading  .contaner,  .contaner{border-collapse:collapse; margin-left:5px;}
.contaner th{ background-color: #BCDAF2; font-size: 11px; font-weight: bold; padding: 2px 5px; text-align: left; border:1px solid #83b4db;}
.contaner td{ padding: 3px 5px;  font-size: 11px; border:1px solid #83b4db;}
.con-head img{float:left; margin-right:10px;}
.con-head span{display:block; float:left; margin-top:8px;font-size:13px; font-weight:bold}
.contaner td.con-head{border:none; padding-top:5px;}


/* ---------- Login Page -----------*/

body.loginPage {
    background: #fff url("../images/bg.png");
    font-family: Segoe UI Light, trebuchet ms,verdana;
}


#wrapper {padding: 30px 0 0; text-align:center;}

h1#login-logo a {
    background: url("../images/logo_empxtrack.png") no-repeat scroll center top transparent;
    display: block;
    height: 65px;
    margin: 3em auto 0;
    text-indent: -9999px;
    width: 300px;
}
h1#login-logo {font-size:12px; font-weight:normal; }
#loginbox a {
  
    outline: medium none;
    text-decoration: none;
}

#loginbox {
   margin: 10px auto 0;
    width: 546px;
	
	
}

#loginbox div#cap-top {
    background: url("../images/cap-top.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    width: 546px;
	font-size:0; overflow:hidden;
	}

#loginbox  div#cap-body {
    background: url("../images/cap-bg.png") repeat-y scroll 0 0 transparent;
    padding-left: 20px;
    padding-right: 20px;
    
}

#loginbox div#cap-bottom {
    background: url("../images/cap-bottom.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 546px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#loginbox div#branding {
   color: #FBC300;
    font-family: Segoe UI Light, trebuchet ms,verdana;
    font-size: 18px;
    padding-top: 15px;
	text-align:left;
	position:relative;
}


#loginbox div#branding .welco-c {
    color: #09548B;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
	font-family: Segoe UI Light,trebuchet ms,verdana;
}

.clearfix {
    display: block;
}
* html #logotag{width:85%;}
div#branding img.blogo{position:absolute; right:-20px;
    top: -55px;}

* html div#branding img.blogo{position:absolute; right:10px;
    top: -55px;}

div#branding h5{font-weight:normal; font-size:16px; padding:10px 0 0 2px; color:#09548B; margin:0; background:#fff url('../images/userconfig.png') no-repeat 0 0; padding: 10px 0 0 40px; margin-top:5px;}

div#loginbox input#txtLogin, div#loginbox input#txtPassword, div#loginbox input.textbox_class {
    border:1px solid #80b4d9;
	height:22px;
    width: 210px;
	border-radius:8px;
	padding: 2px 8px 3px 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
div#loginbox input.bg_icon{background: url("../images/user2.png") no-repeat scroll 0 0 #FFFFFF; padding: 2px 8px 3px 22px;}
div#loginbox td label {
    color: #09548B;
    display: block;
    font-size: 12px;
    font-family: Segoe UI Light, trebuchet ms,verdana;
	font-weight:bold;
}


.login-controls{border-collapse:collapse; margin:10px 0 0 10px; width:450px; }
.login-controls td{padding:5px 3px;}
a.ovalbutton {
    background: url("../images/oval-blue-left.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    font: 13px/16px Tahoma;
    height: 24px;
    padding-left: 11px;
    text-decoration: none;
}
.login-controls a.login{
background: url("../images/oval-blue-left.gif") no-repeat scroll left top transparent;
}


a.login span {
    background: url("../images/oval-blue-right.gif") no-repeat scroll right top transparent;
}

a.ovalbutton span {
    background: url("../images/oval-blue-right.gif") no-repeat scroll right top transparent;
    display: block;
    padding: 4px 11px 4px 0;
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.log_prob { font-size:12px; text-align:right;}
.log_prob a{font-weight:normal; color:#09548B; font-size:11px;}
.copy{font-size:11px;}

/* login wide */

#loginbox-wide a {   
    outline: medium none;
    text-decoration: none;
}

#loginbox-wide {
   margin: 5px auto 0;
    width: 980px;

	max-height:450px;
	
}

#loginbox-wide div#cap-top-wide {
    background: url("../images/cap-top-big-wide.png") no-repeat scroll 0 0 transparent;
    height: 8px;
    width: 980px;
	font-size:0; overflow:hidden;
	
	}

#loginbox-wide  div#cap-body-wide {
    background: url("../images/cap-bg-big-wide.png") repeat-y scroll 0 0 transparent;
   padding: 20px 20px;
	overflow:hidden;
	
}

#loginbox-wide div#cap-bottom-wide {
    background: url("../images/cap-bottom-big-wide.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    width: 980px;
}


div#loginbox-wide div#panelLogin {
    margin: 0 auto;
    padding-bottom: 18px;	
 
  width:400px;
}
#cap-body-wide h5{font-weight:normal; font-size:16px; padding:13px 0 0 40px; color:#09548B; background:#fff url('../images/userconfig.png') no-repeat 0 0; margin-top:5px; width:300px; text-align:left; font-family: Segoe UI Light, trebuchet ms,verdana;}
* html #cap-body-wide h5{font-weight:normal;  font-size:16px; padding:10px 0 0 40px; color:#09548B; background:#fff url('../images/userconfig.png') no-repeat 0 0; margin-top:5px; width:300px; text-align:left; }


div#loginbox-wide input#txtLogin, div#loginbox-wide input#txtPassword, div#loginbox-wide input.textbox_class {
    border:1px solid #80b4d9;
	height:22px;
    width: 210px;
	border-radius:8px;
	padding: 2px 8px 3px 8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
div#loginbox-wide input.bg_icon{background: url("../images/user2.png") no-repeat scroll 0 0 #FFFFFF; padding: 2px 8px 3px 22px;}
div#loginbox-wide label {
    color: #09548B;
    display: block;
    font-size: 13px;
    font-family: Segoe UI Light, trebuchet ms,verdana;
    font-weight: bold;

}

div#loginbox-wide .login-controls{border-collapse:collapse; margin:10px 0 0 10px;  width: 445px;}
div#loginbox-wide .login-controls td{padding:5px 3px;}



#wrapper .empx-desc{ color: #FF7700;
    font-family: Segoe UI Light, trebuchet ms,verdana;
    font-size: 18px;
    padding-top: 5px;
	text-align:center;
	position:relative;}

div#loginbox-wide div#panelLogin {
    margin: 0 auto;
    padding-bottom: 18px;
    width: 450px;
}

#cap-body-wide .logon-body{border-collapse:collapse; width:100%; padding-top:10px; overflow:hidden;}
#cap-body-wide .logon-body .welco-c{vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#09548B; font-family: Segoe UI Light, trebuchet ms,verdana;}
#cap-body-wide .logon-body .c-img{vertical-align:middle; text-align:center; overflow:hidden; width:440px; height:280px;}
#cap-body-wide .logon-body .c-img img{width:440px;}
#cap-body-wide .c-img img.h-bord{padding:4px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
* html #cap-body-wide .c-img img.h-bord{padding:4px; display:block;  }

#wrapper h1#login-logo  .welco-srak{vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#09548B; font-family: Segoe UI Light, trebuchet ms,verdana;}
#wrapper #login-logo-srak {text-align:left; font-size:12px; margin-top:30px;}
#wrapper #login-logo-srak strong{padding-left:10px; font-size:11px;}
#wrapper #login-logo-srak a{ width:200px; height:51px; display:block;background: url("../images/logo_empxtrack.png") no-repeat scroll 5px top transparent;}



/*   Model Box Css  */


 

    .modalBackground
    {
      filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
      width: 100%; height: 100%; background-color: #999999;
      position: absolute;
      z-index: 500;
      top: 0px; left: 0px;
    }
	
	* html .modalBackground
    {
      filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
      width: 129em; height: 800px; background-color: #999999;
      position: absolute;
      z-index: 500;
      top: 0px; left: 0px;
	 
	  
    }
    .modalContainer
    {
      position: absolute;
      width: auto;
      left: 35%;
      top: 30%;
      z-index: 800;
    }
	* html .modalContainer
    {
      position: absolute;
      width: 700px;
      left: 25%;
      top: 20px;
      z-index: 800;
	  
    }
    .modal
    {
      background-color: white;
      /*border: solid 4px #3594DF; */ 
			position: relative;
			border-radius:10px;
      top: -250px;
      left: -150px;
      z-index: 9999;
      width: auto;
      height: auto;
      padding: 10px;
    }
	* html   .modal
    {
      background-color: white;
      border: solid 4px #3594DF; position: relative;
	  border-radius:10px;
      top: 0px;
      left: 0px;
      z-index: 9999;
      width: 700px;
      height: auto;
      padding: 10px;
    }
    .modalTop
    {
      width: 292px;
      background-color: #000099;
      padding: 4px;
      color: #ffffff;
      text-align: right;
    }
    .modalTop a, .modalTop a:visited
    {
      color: #ffffff;
    }
    .modalBody
    {
      padding: 10px;
    }




/*----------------modelbox------------------------*/



.main { 
padding:5px;
z-index:999;
position:relative;
height:25px;

}
* html .main{height:40px; width:50px;}
.main .user {
  text-align: left;
  
}

/* ========================================================
   Mini Profile
   ===================================================== */
.user {
  position: absolute; 
  padding: 0 12px 8px 8px;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  z-index:9999;
  
}
.user img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}
.user h5 {
  float: left;
  line-height: 16px;
  font-size: 11px;
  font-weight: bold;
  color: #111;
  cursor:pointer;
  cursor:hand;
  padding:0;
  margin:0;
}
.user h5 small {
  display: block;
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);

  *color: #364168;
}

.user ul.pro  {

  position: absolute;
  z-index:99;
  bottom: 100%;
  left: 0;
  right: 0;
  border: 1px solid;
  border-color: #777 #6c6c6c #666;
  border-radius: 5px;
  -webkit-transition-property: opacity, padding, visibility;
  -moz-transition-property: opacity, padding, visibility;
  -ms-transition-property: opacity, padding, visibility;
  -o-transition-property: opacity, padding, visibility;
  transition-property: opacity, padding, visibility;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  background-color: #d9e3fa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eef3fe), color-stop(100%, #d9e3fa));
  background-image: -webkit-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -moz-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -ms-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: -o-linear-gradient(top, #eef3fe, #d9e3fa);
  background-image: linear-gradient(top, #eef3fe, #d9e3fa);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(0, 0, 0, 0.1);
  margin-left:0;
  padding-left:0;
}
.user ul.pro :before, .user ul.pro :after, .user.pro  li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 15px;
  border: 7px outset transparent;
}
.user ul.pro :before {
  border-top: 7px solid #555;
  bottom: -14px;
}
.user li:first-child:after {
  border-top: 7px solid #fff;
  bottom: -13px;
}
.user ul.pro :after {
  border-top: 7px solid #d9e3fa;
  bottom: -12px;
}
.user li {
  padding: 0 12px;
  font-size: 11px;
  color: #838ca2;
  text-shadow: 0 1px #fff;
  list-style:none;
}
.user li.sep {
  border-top: 1px solid #b4bbce;
  padding-top: 4px;
  margin-top: 4px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.6);
}
.user li a {
  display: block;
  position: relative;
  margin: 0 -13px;
  padding: 0 20px 0 12px;
  color: #313a4f;
  border: 1px solid transparent;
}
.user li{ color: #313a4f;}
.user li a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  border-color: #5a70b0 #495d98 #42558a;
  background-color: #5a70b0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7688bd), color-stop(100%, #4e64a3));
  background-image: -webkit-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -moz-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -ms-linear-gradient(top, #7688bd, #4e64a3);
  background-image: -o-linear-gradient(top, #7688bd, #4e64a3);
  background-image: linear-gradient(top, #7688bd, #4e64a3);
}
.user li a:hover:after {
  display: block;
}
.user li a:after {
  display: none;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -4px;
  border: 4px solid transparent;
  border-left-color: #9facd1;
  border-left-color: rgba(255, 255, 255, 0.4);
}
.user li img{width:54px; height:54px; padding:2px; margin-top:4px; border:1px solid #ccc; background:#fff; margin-top:2px; margin-bottom:2px;}