/*-----------------Recruitment only ----------*/
.ForResumeManager
{ padding-left:5px;
}
.ForResumeManagerUserCtrl
{
    padding-left:5px;
}
@-moz-document url-prefix() { 
  .ForResumeManagerUserCtrl{
     padding-left:12px;
  }
}
@-moz-document url-prefix() { 
  .ForResumeManager{
     padding-left:20px;
  }
}
/*------------------------------------------------------*/
/*--------------------Rageesh (12-08-2013)---------------------------*/
.ImgDashgrid
{
background-image: url('../Images/DashBoardImages/Edit.gif');
background-repeat: no-repeat;
background-position: center;
width:28px;
height:28px;
}

.BtnCreateNewEmployeeStatic
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/add_employee.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnCreateNewEmployee_hover
{   width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/add_employee_hr.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnEmpCreationWizardStatic
{
     /*
     width:180px;
     height:22px;
    */
    width:138px;
    height:23px;
    background-image: url('../Images/emp_wizard.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.BtnEmpCreationWizard_hover
{   /*
     width:180px;
     height:22px;
    */
    width:138px;
    height:23px;
    background-image: url('../Images/emp_wizard_hr.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnShowAllStatic
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/show_all.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnShowAll_Hover
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/show_all_hr.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnSearchStatic
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/dash_search.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.BtnSearch_Hover
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/dash_search_hr.gif');
    background-repeat: no-repeat;
    background-position: center;
}
.ImgDashboardFilter_HideBtn
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/hidefilters.gif');
    background-repeat: no-repeat;
    background-position: center;
   
}
.ImgDashboardFilter_ShowBtn
{
    width:138px;
    height:22px;
    background-image: url('../Images/DashBoardImages/showfilters.gif');
    background-repeat: no-repeat;

}


/*-----------------------------------------------------*/

/*---------------Style for(login)----------------*/

.LoginText 
{
font-family: "Trebuchet MS"; 
font-size: 11px; color: #7c7c7c; }
.textheader {font-family: "Trebuchet MS";
font-size: 11px;
color: #7c7c7c;
}

.LoginFooter 
{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #7c7c7c;
	padding-left:350px;
}

/*-------------------------------*/
input[type="submit"][disabled] 
{
	display:none;
}

input[type="button"][disabled] 
{
	display:none;
}
/*---------------Style For Theme Switcher (Edwin)----------------*/
.Parentdiv
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500000;
	width: 100%;
	height: 100%;
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
	filter: alpha(opacity=20);
	-moz-opacity: 0.0;
	opacity: 0.3;
}
.ModuleBase
{
	height:7px;
	background-color:#FFF201;
}
.ModulePic
{
	background-image:url( '../Images/HomeImages/MenuShortcut/modules.gif' );
	background-repeat:no-repeat;
	height:8px;
	width:109px;
}
.DashboardBase
{
	height: 9px; 
	background-color: #FFF201;
}
.DashboardSpan
{
	background-color:#FFF201;
}
.LoginStrap
{
	height:10px;
	background-color:#FFF201;
}
.ThemeBtn
{
	background-image:url( '../Images/MasterImages/Theme.gif' ); background-repeat:no-repeat;
	padding-right:1px;
	height:22px;
	width:24px;
}
.ThemeBtn_hr
{
	background-image:url( '../Images/MasterImages/Theme_hr.gif' ); background-repeat:no-repeat;
	padding-right:1px;
	height:22px;
	width:24px;
}
.LoginBtn
{
	background-image:url( '../Images/LoginImages/log but.gif' );
	background-repeat:no-repeat;
	height:19px;
	width:71px;
}
.LoginCloseBtn
{
	background-image:url( '../Images/LoginImages/close but.gif' );
	background-repeat:no-repeat;
	height:19px;
	width:71px;
}
.LogOutBtn
{
	background-image:url( '../Images/MasterImages/signout.gif' );
	background-repeat:no-repeat;
	height:24px;
	width:76px;
}
.LogOutBtn_hr
{
	background-image:url( '../Images/MasterImages/signout_hr.gif' );
	background-repeat:no-repeat;
	height:24px;
	width:76px;
}

.EIMSearchBtn
{
	background-image:url( '../Images/MasterImages/EimSearch.gif' ); background-repeat:no-repeat;
	height:18px;
	width:24px;
}

.TextboxWater
{	
	font-size: 7pt;
	font-family: Verdana;
	color: #666666;
	font-style: italic;		
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;	
	height: 16px;
}


.HomeBtn
{
	background-image:url( '../Images/MasterImages/home.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.HomeBtn_hr
{
	background-image:url( '../Images/MasterImages/home_hr.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.DashboardBtn
{
	background-image:url( '../Images/MasterImages/Dashboard.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.DashboardBtn_hr
{
	background-image:url( '../Images/MasterImages/Dashboard_hr.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.ChangePassBtn
{
	background-image:url( '../Images/MasterImages/changepass.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.ChangePassBtn_hr
{
	background-image:url( '../Images/MasterImages/changepass_hr.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.HelpBtn
{
	background-image:url( '../Images/MasterImages/help.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.HelpBtn_hr
{
	background-image:url( '../Images/MasterImages/help_hr.gif' );
	background-repeat:no-repeat;
	height:22px;
	width:24px;
}
.LoginHeaderImage
{
	background-image: url( '../Images/HomeImages/topim.gif' );
	background-repeat: no-repeat;
	z-index: -10;
	background-color: #6586A2;
}
.HomeLeftArrow
{
  background-image : url('../Images/HomeImages/top arrow.gif');	background-repeat:no-repeat;
}
.HomeRightArrow
{
	 background-image : url('../Images/HomeImages/arr.gif');	background-repeat:no-repeat;
}
.HomeHeaderBG
{
	background-image : url('../Images/MasterImages/home_02.gif');	background-repeat:repeat-x;
	z-index:-20;
}
.HomeFooterBG
{
	background-image : url('../Images/HomeImages/foo new.gif');	background-repeat:no-repeat;
	z-index:-20;
}
.HomeFooterTD_BG
{
	background-image : url('../Images/HomeImages/bg1.gif');	background-repeat:repeat-x;
	height:20px;
}
.LoginHeaderBG
{
	background-image : url('../Images/LoginImages/head.gif');	background-repeat:repeat-x;
	z-index:-20; background-color:#6586A2;
}
.Loginboxhead
{
	background-image : url('../Images/LoginImages/log.gif');   background-repeat:no-repeat;
	z-index:-20;
}
.Loginboxbgleft
{
	background-image : url('../Images/LoginImages/home_08.gif'); background-repeat:repeat-x;
	z-index:-20;
}
.Loginboxbgright
{
	background-image : url('../Images/LoginImages/home_10.gif'); background-repeat:repeat-x;
	z-index:-20;
}
.Loginboxfoot
{
	background-image : url('../Images/LoginImages/foo.gif'); background-repeat:no-repeat;
	z-index:-20;
}

.LoginRightArrow
{
	 background-image : url('../Images/HomeImages/arr.gif');	background-repeat:no-repeat;
	 z-index:-20;
}
.LoginLeftArrow
{
	 background-image : url('../Images/HomeImages/top arrow.gif');	background-repeat:no-repeat;
	 z-index:-20;
}
.Homeleftbg
{ width: 17%; background-color: #C4D0DB;
  margin-left: 3px; padding-left: 5px; padding-top: 15px;                    
 vertical-align :top;
}

.Homeheadertopbgcolor
{ background-color:#8091AC;
  padding-top: 0px;padding-left: 200px;
}

.PopUpBodyBG
{
	background-color:#47A2D1;
	margin:0px
}
.PopUpLftTop
{
	vertical-align: top;
	background-image: url( '../Images/LookupImages/index_01.gif' );
	background-repeat: no-repeat;
}
.PopUpLftMiddle
{
	vertical-align: top;
	background-image: url( '../Images/LookupImages/index_15.gif' );
	background-repeat: repeat-y;
}
.PopUpLftBottom
{
	background-image: url( '../Images/LookupImages/index_25.gif' );
	background-repeat: no-repeat;
}

.PopUpRgtTop
{
	vertical-align: top;
	background-image: url( '../Images/LookupImages/index_08.gif' );
	background-repeat: no-repeat;
}
.PopUpRgtMiddle
{
	vertical-align: top;
	background-image: url( '../Images/LookupImages/index_18.gif' );
	background-repeat: repeat-y;
}
.PopUpRgtBottom
{
	background-image: url( '../Images/LookupImages/index_28.gif' );
	background-repeat: no-repeat;
}
.PopUpTopMiddle
{
	background-image: url( '../Images/LookupImages/index_03.gif' );
	background-repeat:repeat-x;
}
.PopUpBottomMiddle
{
	background-image: url( '../Images/LookupImages/index_26.gif' );
	background-repeat:repeat-x;
}
.FooterText
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;

}
/*---------------------------------------------------------------*/
.Button
{
	border: 1px outset #5B7E9F;
	font-size: 8pt;
	font-family:Verdana;
	font-weight: normal;
	height: 22px;
	color: #e0ffff;
	background-image: url('../Images/Button_Bg.jpg');
	cursor: pointer;
	width:150px;
}
.MainButton
{
	border: 1px outset #BBD6EB;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
	width: 80px;
	height: 22px;
	color: #e0ffff;
	background-image: url(     '../Images/Button_Bg.jpg' );
	cursor: pointer;
	text-align: center;	
}

.LetterWizard
{
	background-color: #FFFFCC;
}

.LetterTemplateLeft
{
	padding: 5px;
	margin: 3px;
	font-size: 8pt;
	font-family: Verdana;
	color: #000000;
	background-color: #E4C123;
	text-decoration: underline;
	line-height: 1.5em;
}

.MainButtonPopup
{
	border-style: outset;
	border-width: 1px;
	border-color: #BBD6EB;
	font-size: 8pt;
	font-family:  Verdana;
	font-weight: normal;
	width: 20px;
	height: 21px;
	color: #e0ffff;
	background-image: url(   '../Images/Button_Bg.jpg' );
	cursor: pointer;
}
/*.MainButtonPopupview
{
	
	border-style: outset;
	border-width: 1px;
	border-color: #BBD6EB;
	font-size: 8pt;
	font-family:  Verdana;
	font-weight: normal;
	width: 20px;
	height: 21px;
	color: #e0ffff;
	background-image: url(   '../Images/Button_Bg.jpg' );
	cursor: pointer;
}
*/
.LargeButton
{
	border-style: outset;
	border-width: 1px;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
	width: 140px;
	color: #e0ffff;
	border-color: #5B7E9F;
	height: 20px;
	background-image: url(   '../Images/Button_Bg.jpg' );
	cursor: pointer;
}

.GoButton
{
	background-color: #BBD6EB;
	border-color: #3379BE;
	border-style: outset;
	border-width: 1px;
	color: #000000;
	width: 50px;
	font-weight: normal;
	font-size: 8pt;
	font-family: Verdana;
	height :18px;
}
.NewEmployee
{
	background-color: #BBD6EB;
	border-color: #3379BE;
	border-style: outset;
	border-width: 1px;
	color: #000000;
	width: 130px;
	font-weight: normal;
	font-size: 8pt;
	font-family:  Verdana;
	height :18px;
	
}

.TabName
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
}
.TabNameForWizardPdf
{
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
}

.CaptionForWizardPdf
{
	font-family:  Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #005A9C;
}

.TabNameGray
{
    font-size: 6.5pt;
    color: #999999;
    font-family: Verdana;
    text-align: left;
}

.TabNameBold
{
	font-size: 8pt;
	color: #000000;
	font-family:  Verdana;
	text-align: left;
	font-weight: bold;
}

.TabNameBoldCenter
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align:center;
	font-weight: bold;
}

.RequiredTabName
{
	font-size: 8pt;
	color: #ff0000;
	font-family: Verdana;
	text-align: left;
}


.MessageTabNameError
{
	font-size: 11pt;
	color: #ff0000;
	font-family:  Verdana;
	text-align: left;
}
.ReportLabel
{
	color:Blue;
	font-weight: bold;
}
.MessageTabNameInformation
{
	font-size: 11pt;
	color: #006600;
	font-family: Verdana;
	text-align: left;
}

.MessageTabNameWarning
{
	font-size: 11pt;
	color: #3366ff;
	font-family: Verdana;
	text-align: left;
}

.ModuleLabel
{
	font-weight: bold; 
	font-size: 8pt;
    color: #FFFF00; 
    font-family: Verdana;
}

.PageHeading
{
	font-weight: bold; 
	font-size: 9pt;
    color: #b0e0e6; 
    font-family: Verdana;
}
.LabelSelect
{
	font-weight :normal;
	font-size :7pt;
	color:Gray;
	font-family:  Verdana;
}
.WelcomeLabel
{
	font-size: 12px;
	color: #bbd6eb;
	font-family: Verdana;
	font-weight: bold;
}


.Caption
{
	font-family:  Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #005A9C;
}
.CaptionForDashboard
{
	font-family:  Verdana;
	font-size: 10pt;
	font-weight: bold;
	color: #005A9C;
	background-color: #ffffff;
}

.TreeView
{
	font-family:  Verdana;
	font-size: 9px;	
	color: #005A9C;	
}

/*GridviewStyle for Reimbursement details */

.GridViewReimb
{
	font-family:  Verdana;
	font-size: 8pt;
	color: black;
	border-color: #999999;
	border-width: 1px;
	width: 95%;
	padding-left: 2px;
	height: 22px;
	text-align: left;
}
.GridViewReimb Caption
{
	border: 1px solid #000000;
	background-color: #FFCC00;
	font-weight: bold;
	height:auto;
}
.GridViewReimb tr
{
	height:22px; 
}
.GridViewReimb tr.GridViewHeaderReimb
{
	height: 22px;
	text-align: left;
	vertical-align: middle;
}

.GridViewReimb tr.EmptyDataRow
{
	height:22px;
}
/* Dynamic stylesheet for GridView to Show BG Color on MouseOver through Gridview*/
.GridViewReimb tr.GridViewRowStyle:hover, .GridViewReimb tr.GridViewAlternateStyle:hover, .GridViewReimb tr.GridViewAlternateStyle:hover, tr.GridViewRow:hover, .GridViewReimb tr:hover
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-color: #999999;
	border-width: 1px;
	background-color: #DCDCDC;	
	padding-left: 2px;
	height:22px;
}

.GridViewHeaderReimb, .GridViewReimb tr.GridViewHeaderReimb:hover
{
	text-align: left;
	font-size: 8pt;
	/*position: relative;*/
	color: #ffffff; 
	background-color: #5B7E9F;
	font-weight: bold;
	height:22px;
}
.GridViewReimb tr.GridViewHeaderReimb
{
	/*position:relative;*/
	border-collapse:collapse;
	border:none;
	top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-2);
	left: expression(this.parentNode.parentNode.scrollTop-1);
}
/* End Reimbursement Style*/

.GridView
{
	font-family:  Verdana;
	font-size: 8pt;
	color: black;
	border-color: #999999;
	border-width: 1px;
	width: 95%;
	padding-left: 2px;
	height: 22px;
	text-align: left;
}
.GridView Caption
{
	border: 1px solid #000000;
	background-color: #FFCC00;
	font-weight: bold;
	/*height:15px;*/
	height:auto;
}
.GridView tr
{
	height:22px; /*Newly Added*/
}
.GridView tr.GridViewHeader
{
	height: 22px;
	text-align: left;
	vertical-align: middle;
}
.GridView tr.GridViewHeaderDynamic
{
	height:22px; /*Newly Added*/
	text-align: left;
	vertical-align: middle;
}
.GridView tr.GridViewHeaderForDashBoard
{
	height:22px; /*Newly Added*/
	text-align: left;
	vertical-align: middle;
}
.GridView tr.EmptyDataRow
{
	height:22px; /*Newly Added*/
}
/* Dynamic stylesheet for GridView to Show BG Color on MouseOver through Gridview*/
.GridView tr.GridViewRowStyle:hover, .GridView tr.GridViewAlternateStyle:hover, .GridView tr.GridViewAlternateStyle:hover, tr.GridViewRow:hover, .GridView tr:hover
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	border-color: #999999;
	border-width: 1px;
	background-color: #DCDCDC;	
	padding-left: 2px;
	height:22px; /*Newly Added*/
}

.GridViewDynamic, .GridView tr.GridViewDynamic:hover
{
	/*text-align :center;*/
	font-family:  Verdana;
	font-size: 8pt;
	color: black;
	border-color: #999999;
	border-width: 1px;
	width: 99%;
	padding-left: 2px;
	/*background-color: #f0f8ff;*/
	height:22px; /*Newly Added*/
}

.GridViewHeader, .GridView tr.GridViewHeader:hover
{
	text-align: left;
	font-size: 8pt;
	position: relative;
	color: #ffffff; 
	background-color: #5B7E9F;
	font-weight: bold;
	/*top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
	left: expression(this.parentNode.parentNode.scrollTop-1);*/
	height:22px;
}
.GridView tr.GridViewHeader
{
	position:relative;
	border-collapse:collapse;
	border:none;
	top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-2);
	left: expression(this.parentNode.parentNode.scrollTop-1);
}
.GridViewHeaderDynamic, .GridView tr.GridViewHeaderDynamic:hover
{
	text-align:center ;
	font-size: 8pt;
	position: relative;
	color: #ffffff;
	background-color: #5B7E9F;	
	font-weight: bold;
	/*top:expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
	left:expression(this.parentNode.parentNode.scrollTop-1);*/
	height: 22px; /*18px;*/
}
.GridView tr.GridViewHeaderDynamic
{
	position:relative;
	border-collapse:collapse;
	border:none;
	top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-2);
	left: expression(this.parentNode.parentNode.scrollTop-1);
}
.GridViewHeaderForDashBoard, .GridView tr.GridViewHeaderForDashBoard:hover
{
	text-align: left;
	font-size: 8pt;
	position: relative;
	color: #ffffff;
	border-color: #999999;
	border-width: 1px;
	background-color: #5B7E9F;	
	font-weight: bold;
	/*top:expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
	left:expression(this.parentNode.parentNode.scrollTop-1);*/
	height: 22px; /*18px;*/
	
}
.GridViewHeaderForDashBoard a
{
	text-align: left;
	font-size: 8pt;
	position: relative;
	color: #FFFFFF;
	background-color: #5B7E9F;
	font-weight: bold; /*top:expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
	left:expression(this.parentNode.parentNode.scrollTop-1);*/
	height: 22px; /*18px;*/
	
}
.GridViewHeaderForDashBoard a:hover
{
	text-align: left;
	font-size: 8pt;
	position: relative;
	color: red;
	background-color: #5B7E9F;
	font-weight: bold; /*top:expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1);
	left:expression(this.parentNode.parentNode.scrollTop-1);*/
	height: 22px;
	text-decoration: underline;
}

th #imghd_Sort.headerSortUp 
 { 
 	height:7px; 	
 	width:5px;
 	background-image: url('../Images/arrow_down.gif'); 
 	background-repeat: no-repeat; 
 	margin-left:5px;
 }

 th #imghd_Sort.headerSortDown 
  {  
    height:7px; 
    width:5px;
    background-image: url('../Images/arrow_up.gif'); 
    background-repeat: no-repeat; 
    margin-left:5px;
  } 
  
th.headerSortUp 
 {  	
 	cursor:pointer;
  }
    
 th.headerSortDown 
  {  
    cursor:pointer;
  } 


.GridView tr.GridViewHeaderForDashBoard
{
	position:relative;
	border-collapse:collapse;
	border:none;
	top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-2);
	left: expression(this.parentNode.parentNode.scrollTop-1);
}
.GridViewRowStyle
{
	font-size: 8pt;
	font-family:  Verdana;
	/*border-bottom: #dcdcdc 1px solid;*/
	padding-left: 2px;
	height:22px; /*Newly Added*/
}

.GridViewAlternatingRowStyle
{
	font-size: 8pt;
	font-family:  Verdana;
	/*border-bottom: #dcdcdc 1px solid;*/
	padding-left: 2px;
	height:22px;	/*Newly added*/
}

.GridViewAlternateStyle
{
	font-size: 8pt;
	font-family:  Verdana;
	/*border-bottom: #dcdcdc 1px solid;*/
	padding-left: 2px;
	height:22px;	/*Newly added*/
}

.EmptyDataRow
{
	font-weight: bold;
	list-style-position: outside;
	font-size: 8pt;
	color: #b22222;
	font-family: Verdana;
	vertical-align: middle;
	text-align: center;
}
.GridviewHeaderHome, .GridView tr.GridviewHeaderHome:hover
{
	border: 1px none #5B7E9F;
	text-align: left;
	vertical-align: middle;
	font-size: 8pt;	
	color: #ffffff;
	background-color: #5B7E9F;
	font-weight: bold;	
	position:inherit;
	height: 22px;
	background-repeat: repeat;
}

.GridViewReportBorder
{
	font-family:  Verdana;
	font-size: 8pt;
	color: black;
	border: 1px #999999;
	width: 95%;
	padding-left: 2px;
	height: 22px;
	text-align: left;	
}
.GridViewReportBorder Caption
{
	border: 1px solid #000000;
	background-color: #FFCC00;
	font-weight: bold;
	height:15px;
}
.GridViewReportBorder tr
{
	height:22px; /*Newly Added*/
}
.GridViewReportBorder tr.GridViewReportBorderHeader
{
	height: 22px;
	text-align: left;
	vertical-align: middle;
}


.GridViewReportBorder tr.EmptyDataRow
{
	height:22px; /*Newly Added*/
}
/* Dynamic stylesheet for GridView to Show BG Color on MouseOver through Gridview*/
.GridViewReportBorder tr:hover
{	 
	font-family: Verdana;
	font-size: 8pt;
	color: black;	
	background-color: #DCDCDC;	
	padding-left: 2px;		
}

.GridViewReportBorderHeader, .GridViewBorder tr.GridViewReportBorderHeader:hover
{		
	text-align: left;
	font-size: 8pt;
	position: relative;
	color: #ffffff; 
	background-color: #5B7E9F;
	font-weight: bold;	
	height:22px;
}
.GridViewReportBorder tr.GridViewReportBorderHeader
{
	position:relative;
	border-collapse:collapse;
	top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-2);
	left: expression(this.parentNode.parentNode.scrollTop-1);
}


/*Begin Report Grid style*/

.ReportGridViewHeader
{	
	border-collapse:collapse;
	text-align: left;
	vertical-align: middle;
	/*position: relative;*/
	color: #000000;
	height: 30px;
	font-family: Trebuchet MS;
	font-size: 9pt;
	background-color: #ffffff;
	font-weight: bold;
}
.ReportGridViewHeader a:link
{	
	border-collapse:collapse;
	text-align: left;
	vertical-align: middle;
	/*position: relative;*/
	color: #000000;
	height: 30px;
	font-family: Trebuchet MS;
	font-size: 9pt;
	background-color: #ffffff;
	font-weight: bold;
}
.ReportGridViewHeader th a
{
	color: #000000;
}
.ReportGridView
{
	border-style: solid solid none none;
	border-width: 1px;
	border-color: black;
	font-family: Trebuchet MS;
	font-size: 9pt;
	color: black;
	width: 97%;
	padding-left: 2px;
	height: 30px;
} 

.ReportGridView td, .ReportGridView th
{
	padding: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: none;
	border-color: Black;
	border-width: 1px;
} 


.ReportGridViewAlternateStyle
{
	font-family: Trebuchet MS;
	font-size: 9pt;
	padding-left: 2px;
	background-color: #D3D3D3;
	height: 30px;	
	padding: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: none;
	border-color: Black;
	border-width: 1px;
}
 
.ReportGridViewRow
{
	font-family:  Trebuchet MS;
	font-size: 9pt;
	color: black;	
	background-color: #FFFFFF;	
	padding-left: 2px;
	height: 30px;	
	padding: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: none;
	border-color: Black;
	border-width: 1px;
}
	
.ReportGridViewFooter
{
	font-family:  Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	color: black;	
	background-color: #C0C2C9;	
	height: 30px;
}

.FooterPadding
{
	padding-right:5px;
}

.ReportEmptyDataRow
{
	font-weight: bold;
	list-style-position: outside;
	color: #b22222;
	font-family:  Trebuchet MS;
	font-size: 9pt;
	vertical-align: middle;
	text-align: center;
	height: 30px;
}


/*End Report Grid style*/
/*Export to pdf*/

.ReportGridViewPDF
{
	font-family:  Trebuchet MS;
	font-size: 9pt;
	color: black;
	width: 97%;
	padding-left: 2px;		
	height: 30px;	
	border:solid 2px black;
} 

.ReportGridViewPDF td, .ReportGridViewPDF th
{
	padding: 2px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: none;
	border-color: Black;
	border-width: 2px;
} 

/*End Export to pdf*/

.GridViewHeaderPACompetency,.GridViewCompetency tr.GridViewHeaderPACompetency:hover
{
    text-align: left;
    font-size: 8pt; /*position: relative;*/
    color: #ffffff;
    background-color: #70ad47;
    font-weight: bold;
    height: 22px;
}

.GridViewHeaderPACompetency,.grdCompParams tr.GridViewHeaderPACompetency:hover
{
    text-align: left;
    font-size: 8pt; /*position: relative;*/
    color: #ffffff;
    background-color: #70ad47;
    font-weight: bold;
    height: 22px;
}

.MasterStyle
{
	background-color:#3379BE;
}

.AutogeneratedLabel
{
	Background-color:#f6f6f6;
	
    FONT-SIZE: 8pt;
    height :16px;
    FONT-FAMILY: Verdana;
	width: 200px;
}

.Textbox
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 200px;
}

.LongTextbox
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;
    height :16px;
    FONT-FAMILY: Verdana;
	width: 300px;
}
.LongTextboxAddress
{	
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;    
    FONT-FAMILY:Verdana;
	width: 570px;
}

.TextboxLogin {
    FONT-SIZE: 8pt;
    height: 19px;
    FONT-FAMILY: Verdana;
    width: 125px;
    border-top: #cbcbcb 1pt solid;
    border-left: #cbcbcb 1pt solid;
    border-bottom: #cbcbcb 1pt solid;
    border-right: #cbcbcb 1pt solid;
    background-color: #fafafa;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}

.PasswordLogin
{
	FONT-SIZE: 8pt;
    height :19px;
    FONT-FAMILY:Arial;
	width: 125px;
	border-top: #cbcbcb 1pt solid;
	border-left: #cbcbcb 1pt solid;
	border-bottom: #cbcbcb 1pt solid;
	border-right: #cbcbcb 1pt solid;
	background-color: #fafafa;
	FONT-FAMILY:Arial;
	FONT-SIZE: 8pt;
}

.imgCaptcha {
    FONT-SIZE: 8pt;
    height: 19px;
    FONT-FAMILY: Arial;
    border-top: #cbcbcb 1pt solid;
    border-left: #cbcbcb 1pt solid;
    border-bottom: #cbcbcb 1pt solid;
    border-right: #cbcbcb 1pt solid;
    background-color: #fafafa;
    FONT-FAMILY: Arial;
    text-align:center;
    re
}

.ShortTextbox
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 150px;
}
/*Short Text Box with No background color*/
.ShortTextboxNoBackColor
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #FFFFFF;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 150px;
}
.ShortAppraiserTextbox
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #FFFFFF;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 135px;
}
/*Short Text Box with No background color and maxlength of digit Integers*/
.VeryShortTextbox
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #FFFFFF;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 50px;
}

.TextboxPassword
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;
    height :16px;
    FONT-FAMILY:Arial;
	width: 200px;
}

.TextBoxAddress
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;    
    FONT-FAMILY:Verdana;
	width: 94.55%;
}
.DateTextbox
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 75px;
}

.Menu
{
	background-color: #3379be;
	z-index:20000 !important;
}
.LongButton
{
	
	border-style: outset;
	border-width: 1px;
	border-color: #5B7E9F;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
    width : 175px;
	height: 30px;
	color: #e0ffff;
	background-image:  url('../Images/Button_Bg.jpg');
	cursor: pointer;
}
.MenuItemStyle
{
	width: 183px;
	height: 22px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	background-image: url( '../Images/MenuImages/left.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
}

.MenuItemStyle a
{
	background-image:none;
	background-color:Transparent;
	float: left; 
	padding-left: 5px;
	padding-top:5px;
	margin: 1px;
	width: 100%; 
}


.MenuItemHoverStyle
{
	width: 183px;
	height: 22px;
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	background-image: url(  '../Images/MenuImages/left_hr.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;	
	margin: 1px;
	z-index:20000 !important;
}


.MenuStaticItemStyle
{
	width: 183px;
	height: 22px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;	
	text-decoration: none;
	background-image: url(  '../Images/MenuImages/left.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
}
.MenuStaticItemStyle a
{
	background-image:none;
	background-color:Transparent;
	float: left; 
	padding-left: 5px;
	padding-top:5px;
	margin: 1px;
	width: 100%; 
}
.MenuStaticHoverStyle
{
	width: 183px;
	height: 22px;
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	background-image: url( '../Images/MenuImages/left_hr.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
}



.DynamicMenuIemStyle
{
	width: 183px;
	height: 22px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;	
	text-decoration: none; 
	background-image: url('../Images/MenuImages/left.gif');
	background-repeat: no-repeat;	
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
	}

.MenuDynamicHoverStyle
{
	width: 183px;
	height: 22px;
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	background-image: url( '../Images/MenuImages/left_hr.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;	
	z-index:20000 !important;
}

.DynamicMenuIemStyle a
{
	background-image:none;
	background-color:Transparent;
	float: left; 
	padding-left: 5px;
	padding-top:5px;
	margin: 1px;
	width: 100%; 
}

.MenuSelectedItemStyle
{
	width: 183px;
	height: 22px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;	
	text-decoration: none; 	
	background-image: url( '../Images/MenuImages/left_sel.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
}

/*.MenuSelectedItemStyle td img
{	
	position:relative;
	left: -20px;
}*/


/*.MenuStaticItemStyleSettings
{
	width: 100%;
	height: 32px;
	color: #ffffff;
	font-family: Calibri, Verdana;
	font-size: 9pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
	background-color: #336699;
	text-decoration: none;
	padding-bottom: -1px;
	padding-top: -1px;
	padding-left: 3px;
	border-right: #b0c4de 1px outset;
	border-top: #b0c4de 1px outset;
	border-left: #b0c4de 1px outset;
	border-bottom: #b0c4de 1px outset;
}*/

.TopMenuStaticStyle
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url( '../Images/MenuImages/top.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 20px;
}

.TopMenuStaticStyleSettings
{
	padding: 4px 1px 1px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 7pt;
	font-weight: normal; /*vertical-align: bottom;*/
	text-align: center;
	background-image: url(   '../Images/MenuImages/menutop.gif' );
	background-repeat: no-repeat;
	display: block;
	/*width: 49px;
	height: 23px;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #a8b7c5;
	white-space: normal;
	line-height: 8pt;
}

.TopMenuStaticStyleSettings a
{

	display:block;
	width: 48px;
	height: 21px;
}


.TopMenuHoverStyle
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url( '../Images/MenuImages/top_hr.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 20px;
}

.TopMenuHoverStyleSettings
{
	padding: 4px 1px 1px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 7pt;
	font-weight: normal;
	/*vertical-align: bottom;*/
	text-align: center;
	background-image: url( '../Images/MenuImages/menutop_hr.gif' );
	background-repeat: no-repeat;
	display: block;
	/*width: 49px;
	height: 23px;*/
	white-space: normal;
}

.TopMenuSelectedStyle
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #000000;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url(  '../Images/MenuImages/top_sel.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 144px;
	height: 20px;
}

 .TopMenuSelectedStyleSettings
 {
	padding: 4px 1px 1px 0px;
	margin: 0px;
	color: #000000;
	font-family: Tahoma;
	font-size: 7pt;
	font-weight: normal;
	/*vertical-align: bottom;*/
	text-align: center;
	background-image: url(  '../Images/MenuImages/menutop_sel.gif' );
	background-repeat: no-repeat;
	display: block;
	/*width: 49px;
	height: 23px;*/
	white-space: normal;
 }
 
 
 
 .RightsMenuItemStyle
{
	width: 68px;
	height: 30px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	
	text-align: center;	
	text-decoration: none; 	
	background-image: url( '../Images/MenuImages/Rights_Menu.gif' );
	background-repeat: no-repeat;
	/*padding-left: 5px;*/
	margin: 1px;	
}
 
.RightsMenuItemStyle a
{
	background-image:none;
	background-color:Transparent;
	float: left; 
	padding-left: 0px;
	padding-top:5px;
	margin: 1px;
	width: 100%; 
}
 
 
 .RightsMenuSelectedItemStyle
{
	width: 68px;
	height: 30px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;	
	text-decoration: none; 	
	background-image: url( '../Images/MenuImages/RightsOnClick.gif' );
	background-repeat: no-repeat;
	/*padding-left: 5px;*/
	margin: 1px;	
}


.RightsMenuSelectedItemStyle a
{
	background-image:none;
	background-color:Transparent;
	float: left; 
	padding-left: 0px;
	padding-top:5px;
	margin: 1px;
	width: 100%; 
}

.PanelDisplay
{
	padding: 0px;
	overflow: Auto;
	height: 150px;
	width: 100%;
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
	/*border-color: #0000FF;*/
}
.PanelDisplayForWizard
{
	margin: 2px;
	padding: 2px;
	font-family: Verdana;
	font-size: 8pt;
	overflow: Auto;
	height: 150px;
	width: 100%;
}

.PanelForLetterMaster
{
	padding: 0px;
	overflow: Auto;
	height: 350px;
}



.PanelForContacts
{
	padding: 0px;
	overflow: Auto;
	height: 100px;
	width: 100%;
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
	/*text-align: center;*/
}

.PanelDashBoard
{
	margin: 0px;
	padding: 0px;
	overflow: Auto;
	width: 100%;
	height: 380px; /*text-align: center;*/
	
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
}

.PanelLargeDashBoardPrint
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 500px; /*text-align: center;*/
	
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
}

.PanelLargeDashBoard
{
	margin: 0px;
	padding: 0px;
	overflow: Auto;
	width: 100%;
	height: 500px; /*text-align: center;*/
	
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
}

.PanelUserRights
{
	padding:0px;
	overflow:Auto ;
	Width:100%;
	height:280px;
	/*text-align: center;*/
	vertical-align: top;
	
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
}

.PanelStyle
{
	border-color:#cc9933;
	width:auto;
	height:auto;
	
}

/*--------Calander---------*/
.DatePicker
{
	font-size: 8pt;
	color: black;
	font-family:Verdana;
	background-color: #ffffff;
	width: 200px;	
	background-color: #f0f0f0;
}

.DatePickerButton
{
	font-size: 8pt;
	color: black;
	font-family:  Verdana;
	background-color: #ffffff;
	width: 20px;
	height: 20px;
}

.SortOrderButton
{
	font-size: 8pt;
	color: black;
	border-style: outset;
	border-width: 1px;
	font-family: Verdana;
	background-color: #5B7E9F;
	width: 20px;
	height: 20px;
	font-weight: bold;
	color: #e0ffff;
}

.DatePickerDayHeaderStyle
{ 
	
 font-weight: bold; 
 font-size: 8pt; 
 color: white; 
 font-family: Verdana;
 background-color: #4169e1; 
 }
 
.DatePickerSelectedDateStyle
{
	font-size: 8pt;
	color: white;
	font-family: Verdana;
	background-color: #4682b4;
}

.DatePickerMonthHeaderStyle
{
	background-color:White;
	color:Black;
	font-weight:bold;	
	font-size: 8pt;
}

.CalenderOffMonthStyle
{
	font-size: 8pt;
	color: #aca899;
	font-family:Verdana;
	background-color: transparent;
}

/*--------------------*/


.CalendarMonthHeaderStyle
{
	background-color:White;
	color:Black;
	font-weight:bold;
	font-family:Verdana;	
	font-size: 8pt;


}

.CalendarDayHeaderStyle
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family:Verdana;
	background-color: #4169e1;
}
.CalendarWeekDayStyle
{
	font-family:Verdana;
	background-color:White;
	color:Black;

}

.CalendarWeekEndStyle
{
	font-family:Verdana;
	background-color: #b0c4de;
	color: Black;
}

.CalendarSelectedDateStyle
{
	font-size: 8pt;
	color: white;
	font-family:Verdana;
	background-color: #4682b4;
}

.CheckBox
{
	font-size: 8pt;
	font-family: Verdana;
	color: #000000;
}
.CheckBoxTopAligned
{
	font-size: 8pt;
	font-family: Verdana;
	color: #000000;
	padding-top:0px;
}
.SubHeading
{
	font-weight: bold; 
	font-size: 9pt; 
	color: #3366cc;                                                      
	font-family: Verdana;
}

.BigHeadings
{
	font-weight: bold; 
	font-size: 11pt; 
	color: #663333;                                                      
	font-family: Verdana;
}

.FieldSetClass
{
	border-right: #d3d3d3 1px ridge;
	border-top: #d3d3d3 1px ridge;
	border-left: #d3d3d3 1px ridge;
	border-bottom: #d3d3d3 1px ridge;
	margin: 2px;
}

.LegendClass
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana;
	vertical-align: middle;
	width: 200px;
	color: #3379be;
	height: 18px;
	background-color: #ebf1c6;
	text-align: center;
	border-top: #d3d3d3 1px ridge;
	border-right: #d3d3d3 1px ridge;
	border-left: #d3d3d3 1px ridge;
	border-bottom: #d3d3d3 1px ridge;
}


.RadioButtons
{
	font-size: 8pt;
	font-family: Verdana;
	color: #000000;
	height: 15px;
}


.Notes	
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;
    height :42px;
    FONT-FAMILY:Verdana;
	width: 200px;
	
}

.LargeNotes	
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;
    height :100px;
    FONT-FAMILY:Verdana;
	width: 500px;
	
}

.NotesEROS	
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;
    /*height :60px;*/
    FONT-FAMILY:Verdana;
	width: 450px;
	
}
.NotesWithOutHeight
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    FONT-SIZE: 8pt;    
    FONT-FAMILY:Verdana;
	width: 200px;
}

.Dropdowntext 
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 202px;
}

.DropdownAttendance
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 305px;
}

.LongDropdowntext 
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 320px;
}

.DropdowntextEROS 
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 453px;
}

.LargeDropdown
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 500px;
}
.ShortDropdowntext
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #faebd7;
	font-size: 8pt;
	font-family: Verdana;
	width: 153px;
}
.DropdowntextDate 
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 68px;
}
.DropdowntextMonth 
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 90px;
}
.DropdowntextforWorkingHours
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
    BORDER-TOP: #BBD6EB 1pt solid;
    BORDER-LEFT: #BBD6EB 1pt solid;
    BORDER-BOTTOM: #BBD6EB 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width:100px;	
}

.FileUpload
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
	BORDER-TOP: #BBD6EB 1pt solid;
	BORDER-LEFT: #BBD6EB 1pt solid;
	BORDER-BOTTOM: #BBD6EB 1pt solid;
	Background-color:#f6f6f6;
	FONT-SIZE: 8pt;
	height :18px;
	FONT-FAMILY:Verdana;
	width: 235px;
}

.UploadButton
{
	border-style: outset;
	border-width: 1px;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: bold;
	width: 74px;
	color: #e0ffff;
	border-color: #5B7E9F;
	height: 20px;
	background-image: url('../Images/Button_Bg.jpg' );
	cursor: pointer;
}

.HorizontalLineOrange
{
	color: #FFC66F;
	height: 1px;
	width: 100%;
}

.HorizontalLineBlue
{
	color: #4B93E0;
	height: 1px;
	width: 100%;
}

.MessageTitleTable
{
	background-color: #bbd6eb;	
	background-image: url(../Images/Master Page/top_grad.gif);
}

.MessageTitle
{
	font-size: 11pt;
	color: #000000;
	font-family:  Verdana;
}

.LabelForNormalMessage
{
	font-weight: bold;
	list-style-position: outside;
	font-size: 8pt;
	width: 100%;
	color: #0000cd;
	font-family: Verdana;
	list-style-type: disc;
	height: 96%;
}

.MasterLinks
{
	font-weight: bold;
	font-size: 8pt;
	color: #3333ff;
	font-family: Verdana;
}

.MasterLinksNormal
{
	font-size: 8pt;
	color: #3333ff;
	font-family: Verdana;
}

.LogoUpload
{
	BORDER-RIGHT: #BBD6EB 1pt solid;
	BORDER-TOP: #BBD6EB 1pt solid;
	BORDER-LEFT: #BBD6EB 1pt solid;
	BORDER-BOTTOM: #BBD6EB 1pt solid;
	Background-color:#f6f6f6;
	FONT-SIZE: 8pt;
	height :18px;
	FONT-FAMILY: Verdana;
	width: 270px;
}

.HideGridColumn
{
	display:none;
}

.DivStyle
{
	overflow: auto;
	width: 100%;
	text-align: center;
	text-decoration: none;
	height: 130px;
	vertical-align: top;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
}

.DivStyleContacts
{
	overflow: auto;
	width: 100%;
	text-align: center;
	text-decoration: none;
	height: 75px;
	vertical-align: top;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
}

.DivStyleForDashboard
{
	overflow: auto;
	width: 100%;
	text-align: Center;
	text-decoration:none;
	height:300px;
	vertical-align: top;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
}

.LabelValidator
{
	font-size: 8pt;
	color: #ff0000;
	font-family: Arial;
}
.SubHeaderLabel
{
	font-weight: bold;
	font-size: 11pt;
	color: #005A9C;
	font-family: Verdana;
}

.MasterSitemap
{
	font-weight: bold;
	font-size: 7pt;
	color: #808080;
	font-family: Verdana;
	vertical-align: middle;
	/*text-decoration: underline;*/
}
.SiteMapSeperator
{	
	font-size: 7pt;
	color: #808080;
	font-family: Arial;
	vertical-align: middle;
}
.EIMModule
{
	padding-right: 1px;
	padding-left: 1px;
	font-weight: bold;
	font-size: 7.5pt;
	padding-bottom: 5px;
	color: #FFFF00;
	padding-top: 1px;
	font-family: Verdana;
	vertical-align: middle;
	text-align: center;
}

a
{
	text-decoration: none;
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Verdana;
}

.ListBox
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	width: 100%;
	height: 200px;
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
}

.BlackBorder
{
    border-right: black 1px solid; border-top: black 1px solid;
    border-left: black 1px solid; border-bottom: black 1px solid
}

.inputText
{
    border-right: white 1px solid; border-top: white 1px solid;width:50px;height:12px;
    border-left: white 1px solid; border-bottom: white 1px solid; font-family: Verdana
}

.inputTextArea
{
    border-right: black 1px solid; border-top: black 1px solid;height:40px;
    border-left: black 1px solid; border-bottom: black 1px solid; font-family: Verdana
}    

.pagebreak {page-break-after: always;}

.pagebreakBefore {page-break-before: always;}


.pagebreakAfter 
{
	page-break-inside:avoid;
	page-break-after:always;
}
@media print
{
	.page-break 
	{
		page-break-after:always; 
	}
}


/*For ToolTip*/

  #fixedtipdiv
{
	position: absolute;
	padding: 2px;
	border: 1px solid black;
	font: 10px/10px Tahoma;
	line-height: 15px;
	z-index: 100;
	/*height:100%;*/
	filter: alpha(opacity=0);
	display: inline;
	vertical-align: middle;
	text-align: left;
}

.TextboxSalaryInfo
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 100px;
}

.SubHeadingCenter
{
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana;
	text-align: center;
}

.TabNameCenter
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: center;
}

.TabNameItalics
{
	font-size: 8pt;
	color: #000080;
	font-family: Verdana;
	text-align: left;
	font-style: italic;
}

.ReportButton
{
	border-style: outset;
	border-width: 1px;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
	width: 90px;
	color: #e0ffff;
	background-color: #5B7E9F;
}

/*Standard Attendance Report*/
/*--------------------------------------*/
.ArticleHeader
{
	background-color:#bac3cc;	
}
.PostCategory
{
	font: bold 10pt Verdana; /*margin-top: 4px;*/
	letter-spacing: -0.5pt;
	text-align: left;
	color: #333333;
	background-color: #dcdcdc; /*text-indent: 4pt;*/
	height:20px;
	vertical-align:middle;
}
.Post
{
	margin-bottom: 8px;
	margin-right: 2px;	
}

.PostTitle
{
	font: 11pt Verdana, Helvetica;
	margin-top: 4px;
	letter-spacing: -0.5pt;
	font-weight:bold;
}

.PostTitle a
{
	text-decoration: none;
	color: #cc6633;
}

.PostTitle a:visited
{
	color: #cc6633;
}

.PostTitle a:hover
{
	color: #cc6633;
	background-color: #ffeecc;
}

.PostSubtitle
{
	font: 9pt Verdana, Helvetica;
	color: #003044;
}

.PostInfo
{
	border-top: dotted 1px #cccccc;
	margin-top: 6px;
	padding-top: 4px;
	font: 8pt Verdana, Helvetica;
	color: #999999;
}

.PostBody
{
	line-height: 160%;
}

.PostDetails
{
	width: 100%;
	padding: 0 0 0 0;
}
div#nifty{ background: #bac3cc}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #bac3cc}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/*--------------------------------------*/

/*----Styles used for HTML Mail Draft Pages ------*/

.SubHeadingsForMail
{
	font-weight: bold;
	font-size: 9pt;
	color: #696969;
	font-family: Verdana;
	background-color: #ffff99;
	text-align: center;
}

.TitleForMail
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11pt; 
	COLOR: white; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #336699;
	
}
.TabNamesForMail
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	COLOR: black; 
	FONT-FAMILY: Verdana;
}
.GridStyleForMail
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 9pt; 
	COLOR: white;
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #336699; 
	width: 25%;
	
	
}
.LinkButtonTextForMail
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt; 
	COLOR: blue; 
	FONT-FAMILY: Verdana;
}
.ApprovalHistoryForMail
{
	FONT-WEIGHT: bold;
	FONT-SIZE: 9pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana;
}
.DescriptionForMail
{
	FONT-SIZE: 9pt;
	COLOR: blue; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: white;
}
/*-------------End of Styles for HTML Mail Drafts---*/



.SearchBox
{
	border: 1px solid #808080;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
	height: 20px;
}

.SearchTextbox
{
	font-size: 8pt;
	font-family: Verdana;
	border: 1px solid #FFFFFF;
	font-weight: bold;
	padding: 0px;
	width: 97%;
	height: 16px;
}

.SearchImage
{
	width: 16px;
	height: 16px;
	border: 0px;
}

.LabelWelcome
{
	font-size: 12px;
	color: #FFFFFF;
	font-family: Verdana;
	font-weight: normal;
}

/* For Employee Calendar */
.CalendarLeave
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:50px;
}
.CalendarActivity
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:50px;
}
.CalendarHoliday
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	color: #FFFFFF;
	height:50px;
}
.PopCalendarLeave
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:50px;
}
.PopCalendarActivity
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:50px;
}
.PopCalendarHoliday
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	cursor: pointer;
	color: #FFFFFF;
	height:50px;
}

.CalendarLeaveOrganistion
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:20px;
	width:30px;
}

.CalendarActivityOrganistion
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	font-style: italic;
	height:20px;
	width:30px;
}

.CalendarHolidayOrganistion
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	cursor: pointer;
	height:20px;
	width:30px;
}
/*------------------------------*/
/*  For Annual Calendar
	Author :Edwin
*/
.CalendarMonth
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-image: url(../Images/Calendar/CalenderBG.gif);
	color: #FFFFFF;
	text-align:center;
	height:15px;
}
.CalendarDetails
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}
.CalendarLeaveAnnual
{
	padding-left: 5px;
	background-position: left;
	font-family: Verdana;
	font-weight: bold;
	text-decoration:none;
	cursor:default;
	height:38px;
	width: 20px;
	font-size: 11px;
	font-style: italic;
	background-image: url(../Images/Calendar/leave.gif);
	background-repeat:no-repeat;
	color: #000000;
}
.CalendarActivityAnnual
{
	padding-left: 8px;
	background-position: Left;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	height: 38px;
	width: 20px;
	font-size: 11px;
	font-style: italic;
	background-image: url(../Images/Calendar/ac1.gif);
	background-repeat: no-repeat;
	color: #000000;
}
.NoCalendarAV
{
	font-family: Verdana;
	font-size: 10px;
	text-decoration:none;
	text-align:center;
	cursor:default;
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}


.BorderLeftOnly
{
	border-left:black 1px solid;
}

.BorderRightOnly
{
	border-right:black 1px solid;
}

.BorderBottomOnly
{
	border-bottom:black 1px solid;
}

.BorderTopOnly
{
	border-top:black 1px solid;
}


.BorderLeftAndRight
{
	border-left:black 1px solid;
	border-right:black 1px solid;
}

.BorderBottomandTop
{
	border-bottom:black 1px solid;
	border-top:black 1px solid;
}


.GridCellRight
{
	font-weight: bold;
	text-align: right;
}
.GridCellCount
{
	text-align: right;
}

.GridCell
{
	font-family:  Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	color: black;	
	background-color: #C0C2C9;	
	height: 30px;
	
}
.GridViewPager
{
	color: #3333ff;
	background-color: #5B7E9F;	
}
.GridViewPager a
{
	
	color: #3333ff;
	background-color: #5B7E9F;	
}

 .PadiingTolabel
{
    /*padding-right:60%;*/
    font-size: 12px;
    width:100px;
	color: #bbd6eb;
	font-family: Verdana;
	font-weight: bold;
}

/*------------------------------*/
.Days
{
	white-space:nowrap;
	border: 1px solid #6666FF;
}


/*------Home Dashboard Grid Header------------------------*/

.HomeGridHead
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Verdana;
	text-align: left;
	font-weight: bold;
}
/*-----Calendar Control Styles-----*/
.CalendarTitle
{
	font-family: Verdana;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#6586A2;
	height: 20px;
}
.CalendarDayTitle
{
	background-color: #A3C6E6;
	font-family: Verdana;
	font-size: 8pt;
	color: #000000;
	height: 18px;
	border: solid 1px #BFC0C1;
}
.OtherMonthDate
{
	background-color:#E8E9E9;
	height:100px;
	border:solid 1px #BFC0C1;
}
.CalendarDayStyle
{
	font-family: Verdana;
	font-size: 8pt;
	color: #003399;
	text-align: left;
	padding-left: 1px;
	vertical-align: top;
	height: 100px;
	border: solid 1px #BFC0C1;
	background-image: url(  '../Images/Calendar_Cell.gif' );
	background-repeat: repeat-x;
}
.CalendarWeekDayStyle
{
	font-family: Verdana;
	font-size: 8pt;
	color: #003399;
	text-align: left;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align: top;
	border: solid 1px #BFC0C1;

}
.CalendarPanelCellDayStyle
{
	font-family: Verdana;
	font-size: 8pt;
	text-align: left;
	padding-top: 2px;
	padding-left: 2px;
	vertical-align: top;
}
.CellPanel
{
	/*width: 99%; height:100%;*/ /*padding-top:20px;
	padding-bottom:20px;*/ /*margin: 0 auto;*/
	margin-top: 40px;
	text-align: center;
}

.CellScrollPanel
{
	margin-top: 20px;
	text-align: left;
	overflow: auto;
	min-height:50%\9;
}

/*--------------------------------------*/
/* Calendar Popup Style */
.PopUpOtherMonthDate
{
	background-color:#E8E9E9;
	height:50px; /*18px*/
	width:50px;
	border:solid 1px #BFC0C1;
}
.PopUpCalendarDayTitle
{
	background-color:#A3C6E6;
	font-family:Verdana;
	font-size:8pt;
	color: #FFFFFF;
	height:20px;
	border:solid 1px #BFC0C1;
}
.PopUpCalendarDayStyle
{
	font-family:Verdana;
	font-size:8pt;
	height:50px;	/*18px*/
	width:50px;
	color:#003399;
	border:solid 1px #BFC0C1;
}
.PopUpCalendarTitle
{
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#6586A2;
	height:1px;
}
.PopUpCalendarBox
{
	border:solid 1px #000;
}
.TabNameRight
{
	font-size: 7pt;
	color: #ff0000;
	font-family: Verdana;
	text-align: right;
}
.LinkAddNewReport
{
font-size:7pt;
color:Red;
}

.Calfieldset
{
	-moz-border-radius:10px;
	border: 1px solid #781351;
	width: 100%;
}

.legendCaption
{
	color: #fff;
	background: #8A4117;
	border: 1px solid #781351;
	padding: 2px 6px;
} 

.WebPartHeader
{
	
	font-size: 9pt;
	color: #000000;
	font-family: Verdana;
	text-align: center;
	height: 18px; /*background-image: url( '../../Images/HomeImages/top-button.gif' );*/
	background-repeat: no-repeat;
	font-weight: normal;
	background-color: #E8EEFA;
}

.WebPartZone
{
	font-size: 8pt;
	color: #000000;
	/*font-family: Verdana;*/
	text-align: left;
	background-color: #FFFFFF;
	width: 95%;
}

.WebPartItem
{
	border: 1px solid #CCCCCC;
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
	background-color: #FFFFFF;
	padding-left: 5px;
}

.WebPartGridHeader
{
/*	border: 1px solid #C0C0C0;*/
	font-size: 8pt;
	color: #333333;
	font-family: Verdana;
	text-align: left;	
	background-image: url('/Images/HomeImages/webgridhead.jpg');	
	background-repeat: repeat-x;
	height:22px;	
	padding-left: 5px;
}

.WebPartGridRow
{
	font-family: Verdana;
	font-size: 8pt;
	color: #4D5877;
	border-color: #5461A1;
	border-width: 1px;
	padding-left: 2px;
	height: 25px;
	background-color: #F4F9FF;
}

.WebPartEmptyZone
{
	border: 3px dotted #666666;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	padding-left: 2px;
	height: 50px;
	background-color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	width: 95%;
	padding-top: 10px;
}

.WebPartGridView
{
	border-style: none solid solid solid;
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	width: 99%;	
}

.PartTitleStyle  
{
	background-color:#155094;
	height:25px;
	padding:0px 0px 5px 10px;
	background-image: url('../Images/HomeImages/webpartleft.gif');
	background-repeat: no-repeat; 
	background-position: left top; 
}

.PartTitleStyle table 
{
	background-image: url('../Images/HomeImages/webpartright.gif');                   
	background-repeat: no-repeat;                    
	background-position: right top;
}

.PartTitleStyle table tr td 
{                 
	padding:10px 10px 0 10px;
}

.PartTitleStyle table tr td span
{
	font-size: 12px;
	font-weight: bold;
	background-color: #155094;
	padding-right: -10px;
	color: #FFFFFF;
	font-family: verdana;
}

.Description
{
	font-size: 7pt;
	color: #808080;
	font-family: Verdana;
	text-align: left;
}

.PanelSalary
{
	overflow: Auto;
	width: 100%;
	height: 500px;
	
	border-style:solid;
	border-width:1px;
	border-color: #DDDEDE;
}
.Misc
{
	padding-top:2px;
}
.MasterLinkBG
{
    background-image:url('../Images/NewImages/rowview.gif');
	background-repeat:no-repeat;
	background-position:center;
	width:16px;
}

.DashLink
{
	color:Black;
	text-decoration:underline;
}

/*---------------Sidebar Nav----------------*/
.SideNavigation
{
	background-color:#F8F4BC;
	font-family:Tahoma;
	font-size:8pt;
	width:25%;
}
.SideNavigation td
{
	display:block;
	padding-top:0px;
	float: left;
	width: 100%;/*25%*/
	font-family:Tahoma;
	font-size:8pt;
	background-color: #E2DB7D;/*#F8F8F8;*/
}

.SideNavigation tr a:hover 
{
	background: #F0F0EB;
	color: #654;	
}
.SideNavItems
{
	border-bottom: 1px solid #EAEADA;
	font-family:Tahoma;
	font-size:8pt;
	color: #554;
	display:block;
	padding:8px 60px 8px 19px; /*8px 60px 8px 10px;*/
	text-decoration: none;
	width:100px;
}

.SelectedSideNavItems
{
	border-bottom: 1px solid #987d00;
	font-family: Tahoma;
	font-size: 8pt;
	color: #FFFFFF;
	display: block;
	padding: 8px 60px 8px 19px; /*8px 60px 8px 10px;*/
	text-decoration: none;
	width: 100px;
	background-color: #987d00;
}

/*------------------------------------------*/    

.modalBackground
{
	background-color:Gray;
	filter: alpha(opacity=70);
}

/*For Dynamic Collapsible Panel*/   

.backgroundHead
{
	background-color: #5B7E9F;
	cursor: pointer;
	font-family: verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}    

.backgroundDesc
{
	background-color: #FFFFFF;
	font-family: verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	overflow: hidden;
}    

.PanelTableRow
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DCDCDC;
	border-collapse: collapse;
}   

.PanelTableRowBold
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
	font-weight:bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #DCDCDC;
	border-collapse: collapse;
}   

#dhtmlCust_tooltip
{
	position: absolute;
	font-family: Tahoma;
	font-size: 9pt;
	width: 100px;
	height: 20px;
	border: 2px solid #CCCCCC;
	padding: 3px 2px 2px 2px;
	text-align: center;
	background-color: #333333;
	visibility: hidden;
	z-index: 100000 !important; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
	vertical-align: middle;
	color: #FFFFFF;
}


.popupMenu 
{
	position:absolute;
    visibility:hidden;
    background-color:#F5F7F8;
    opacity:.9;
    filter: alpha(opacity=90);
}
.popupHover 
{
	background-position:left middle;
    background-color:#F5F7F8;
}
.pnlHover
{
	font-family: Verdana;
	font-size: 8pt;
	vertical-align:middle;
}

/*------------------- Top Shortcut Panel Style (HRMS Modules)---------------------------*/
.backgroundleft
{
	background-image:url('../Images/HomeImages/MenuShortcut/left.gif');
	background-repeat:no-repeat;
	height:60px;
}

.backgroundcentre
{
	background-image:url('../Images/HomeImages/MenuShortcut/cent.gif');
	background-repeat:repeat;
	vertical-align:middle;
	font-family:Verdana;
	font-size:8px;
	height:60px;
}

.backgroundright
{
	background-image:url('../Images/HomeImages/MenuShortcut/rt.gif');
	background-repeat:no-repeat;
	height:60px;
}

 #hintbox   /* Shortcut ToolTip*/
{
	position: absolute;
	font-family: Tahoma;
	font-size: 9pt;
	height: 20px;
	top: 0;
	padding: 3px;
	border: 1px solid #FFFFFF;
	padding: 3px 2px 2px 2px;
	text-align: center;
	background-color: #333333;
	line-height: 18px;
	vertical-align: middle;
	visibility: hidden;
	color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------*/
.ContactDetails
{
	background-color:#fffacd;
	color:#000000;
}
.CurrentTheme
{
	font-size: 7pt;
	color: #00e4ff;
	font-family: Verdana;
	text-align: right;
}


.btnExcel
{
	background-image: url(   '../Images/export_excel.gif' );
	background-repeat: no-repeat;
	width: 61px;
	height: 22px;
}

.btnPrint
{
	background-image: url( '../Images/Print.gif' );
	background-repeat: no-repeat;
	width: 61px;
	height: 22px;
}

.btnClose
{
	background-image: url( '../Images/CloseReport.gif' );
	background-repeat: no-repeat;
	width: 61px;
	height: 22px;
}

.btnProcessSalary
{
	background-image: url( '../Images/saveprocessedsalary.gif' );
	background-repeat: no-repeat;
	width: 170px;
	height: 22px;
}

.btnRefreshSalary
{
	background-image: url( '../Images/ignoreandrefresh.gif' );
	background-repeat: no-repeat;
	width: 230px;
	height: 22px;
}

.btnRefreshEmployee
{
	background-image: url( '../Images/RefreshEmployeeList.gif' );
	background-repeat: no-repeat;
	width: 167px;
	height: 22px;
}

.DisabledTextbox
{
	/*padding-top: 5px;*/
	font-size: 8pt;
	font-family: Verdana;
	color: #666666;
	font-style: italic;
}
/*--------- Fixed GridView Header Style -------------------*/
.GridViewFixedHeader, .GridView tr.GridViewFixedHeader:hover
{
	text-align: left;
	font-size: 8pt;
	position:relative;
	color: #ffffff;
	font-weight: bold;
	height: 22px;
	background-color:#5B7E9F;
}
.GridViewFixedHeader a
{
	color: #ffffff;
}
/*--------- LoggedIn Employee Div Style ------------------*/
.HideLoggedEmpdv
{
	display:none;
}
.ShowLoggedEmpdv
{
	border: 3px solid #FFC66F;
	background-color: #F4F9FF;
	padding-left:2px;
	font-family: Verdana;
	font-size: 10px;
	text-align:left;
	color: #666666;
	display:block;
	position:absolute;
	z-index:1000000;
	height:165px;
	width:425px;
	top:20px;
	right:130px;
}

#dvLoggedDetails table tr
{
background-color:#EEECE2;
z-index:5000000;
}
#dvLoggedDetails table tr:hover
{
background-color: #ebe7a4;
}

/*---------- Active Users Master Label Style ----------*/
.ActiveUsersMasterLabel
{
    background-position: right;
    background-repeat: no-repeat;
    background-image: url(  '../Images/MasterImages/normal_act_emps.gif' );
    font-size: 7pt;
    font-family: Tahoma, Verdana, Arial;
    height: 17px;
    width: 90px;
    color: #000000;
    padding-top: 4px;
    padding-right: 7px;
}
/*--------- Fixed Report GridView Header Style -------------------*/
.ReportGridViewFixedHeader
{
	text-align: left;
	vertical-align: middle;
	color: #000000;
	height: 30px;
	font-family: Trebuchet MS;
	font-size: 10pt;
	background-color: #ffffff;
}

/*---------- Dashboard rights Accordion style -------------------*/
.RoleRightsAccordionHeader
{
	font-family:Trebuchet MS;
	font-size:12px;
	/*background-color:#FFF201;*/
	background-image:url('../Images/Button_Bg.jpg');
	color:#ffffff;
	height:20px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:1px;
}
.RoleRightsAccordionHeaderSelected
{
	font-family: Trebuchet MS;
	font-size:12px;
	background-color:#FFF201;
	/*background-image:url('../Images/Button_Bg.jpg');*/
	color:#3366cc;
	height:20px;
	margin-bottom:5px;
	padding-left:5px;
	padding-top:1px;
}
.accordionContent
{
	background-color: #fffacd;
	padding-bottom:10px;
}
/*---------------------------------------------------------------*/
.CustomRptFieldset
{
	border:solid 1px #6586A2;
}

/* STYLE FOR AUTO COMPLETER*/
/* common */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.composer
{
	border: 1px solid #BBD6EB;
	padding: 1px;
	text-align: left;
	width: 280px;
}
.composer_fields{margin:0;width:278px;
}
.composer_fields dt{float:left;width:65px;margin:0;padding:0 1px 0 0;text-align:right;}
.composer_fields label{display:block;padding-top:1px;}
.composer_fields .field label{padding-bottom:1px;}
.composer_fields dd
{
	float: left;
	width: 278px;
	margin: 0;
	padding: 0 1px 0 0;
	border-width: 1px;
	border-color: GrayText;
}
.composer_fields .field input.inputtext,
.composer_fields .field textarea,
#compose_message div.tokenizer{border:1px solid #8496ba;}
#compose_message div.tokenizer{width:278px;}

.composer_fields .field #subject_field, .composer_fields textarea
{
	width: 278px;
	margin: 0;
	padding: 5px 3px 3px 3px;
	font-size: 8pt;
}
.composer_fields textarea{width:230px;}
/* autcompleter.advancedlocal css */
.tokenizer
{
	background-position: #CC99FF;
	min-height: 5px;
	padding: 0px 0px 2px 3px;
	width: 100%;
	background: #f6f6f6;
	font-size: 11px;
}
.tokenizer_locked{background:#f4f4f4;}
.tokenizer,
.tokenizer *{cursor:text}
.tokenizer input{width:100%;}
.tokenizer .tokenizer_input,
.tokenizer .token{float:left;margin-right:3px;margin-top:3px;}
.tokenizer .tab_stop,
.tokenizer .tokenizer_stretcher{display:block;float:left;overflow:hidden;width:0px;}
.tokenizer .tab_stop{height:0px;}
.tokenizer .tokenizer_stretcher{padding-top:7px;}
.autocomplete_input
{
	width: 20px;
	font-size: 8pt;
	background: #f6f6f6;
}
#facebook .tokenizer .tab_stop input{border:0px solid black;display:inline;position:relative;left:-500px;}
#facebook .tokenizer .tokenizer_input_borderless {left:4px;margin-left:-1px;overflow:hidden;position:relative;}
#facebook .tokenizer_input_borderless  .autocomplete_input{border:3px solid white!important;border-left:none;display:block;margin:-3px 3px -4px -2px;padding:0px!important;}
/*IE6-/Win only*/
/*\*/ * html#facebook .tokenizer_input_borderless .autocomplete_input { border:3px solid black;margin: -3px 3px -4px 14px:padding-left:10px; } /**/
.tokenizer div:-moz-first-node{padding-top:1px!important;}
.tokenizer_input{max-width:450px;overflow:hidden;padding:1px 0px;}
#facebook .tokenizer_input input,
.tokenizer_input_shadow{border:0px solid black;outline:0;font-family:Verdana;font-size:11px;padding:0px 5px;margin:0 0 -1px 0;white-space:pre;}
.tokenizer_input_shadow{display:inline;left:-10000px;position:absolute;top:-10000px;}
.tokenizer .tokenizer_input_shadow{height:0px;display:block;left:0px;overflow:hidden;position:relative;top:0px;}
div.tokenizer .token
{
	background-image: url('../images/token.gif');
	background-repeat: no-repeat;
	color: black;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 7pt;
}
div.tokenizer .token span{background-image:url('../images/token.gif');background-position:top right;background-repeat:no-repeat;display:block;}
div.tokenizer .token span span{background-position:bottom right;}
div.tokenizer .token span span span{background-position:bottom left;}
div.tokenizer .token span span span span{background-image:none;padding:2px 3px 2px 5px;}
div.tokenizer.tokenizer_locked .token span span span span{padding-right:5px;}
html div.tokenizer_locked .token:hover,
html div.tokenizer_locked .token:hover span{background-image:url('../images/token.gif');}
div.tokenizer .token:hover,
div.tokenizer .token:hover span{background-image:url('../images/token_hover.gif');text-decoration:none;}
div.tokenizer .token_selected,
div.tokenizer .token_selected span,
div.tokenizer .token_selected:hover,
div.tokenizer .token_selected:hover span{background-image:url('../images/token_selected.gif');color:white;text-decoration:none;}
div.tokenizer .token span.x,
div.tokenizer .token span.x_hover,
div.tokenizer .token:hover span.x,
div.tokenizer .token:hover span.x_hover{background-image:url('../images/token_x.gif');background-position:4px 2px;cursor:pointer;display:inline;padding:0px 6px 0px 5px;}
div.tokenizer.tokenizer_locked .token span.x,
div.tokenizer.tokenizer_locked .token span.x_hover{display:none;}
div.autocomplete
{
	position: absolute;
	width: 280px;
	background-color: white;
	border: 1px solid #BBD6EB;
	margin-top: -2px;
	padding: 0px;
	font-family: Verdana;
	font-size: 7pt;
	height: auto;
	overflow: hidden;
}
div.autocomplete ul {  list-style-type:none;margin:0px; padding:0px;}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li
{
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 2px;
	height: auto;
	cursor: pointer;
}
/* end of autcompleter.advancedlocal css */
/*--------- Theme Chooser Style (Edwin) -------------*/
#fade
{
  /*--Transparent background layer--*/
   display: none; /*--hidden by default--*/
   background: #000;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: .80;
   z-index: 270000;
}
.popup_block
{
   display: none; /*--hidden by default--*/
   background: #fff;
   padding: 10px;
   border: 15px solid #ddd;
   float: left;
   font-size: 1.2em;
   position: fixed;
   _position: absolute;
   top: 50%;
   left: 50%;
   z-index: 280000; /*--CSS3 Box Shadows--*/
   -webkit-box-shadow: 0px 0px 20px #000;
   -moz-box-shadow: 0px 0px 20px #000;
   box-shadow: 0px 0px 20px #000; /*--CSS3 Rounded Corners--*/
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
img.btn_close
{
  float: right;
  margin: -45px -55px 0 0;
  _margin: -35px -35px 0 0;
  _position:relative;
  cursor:pointer;
  background-color:Transparent;
  background-image:none;
}
/*--Making IE6 Understand Fixed Positioning--*/

*html #fade
{
  position:absolute;
  min-height:100%;
  \height: 100%;
}
*html .popup_block
{
  position: absolute;
  margin: 0 auto;
}
.BlackForest
{
	background-image:url('../Images/ThemePrev/BlackForest.jpg');background-repeat:no-repeat;
}
.BlackYellow
{
	background-image:url('../Images/ThemePrev/BlackYellow.jpg');background-repeat:no-repeat;
}
.Chocolate
{
	background-image:url('../Images/ThemePrev/Chocolate.jpg');background-repeat:no-repeat;
}
.Coral
{
	background-image:url('../Images/ThemePrev/Coral.jpg');background-repeat:no-repeat;
}
.DeepSkyBlue
{
	background-image:url('../Images/ThemePrev/DeepSkyBlue.jpg');background-repeat:no-repeat;
}
.Green
{
	background-image:url('../Images/ThemePrev/Green.jpg');background-repeat:no-repeat;
}
.Metallic
{
	background-image:url('../Images/ThemePrev/Metallic.jpg');background-repeat:no-repeat;
}
.Normal
{
	background-image:url('../Images/ThemePrev/Normal.jpg');background-repeat:no-repeat;
}
.Pink
{
	background-image:url('../Images/ThemePrev/Pink.jpg');background-repeat:no-repeat;
}
.Purple
{
	background-image:url('../Images/ThemePrev/Purple.jpg');background-repeat:no-repeat;
}
.RoyalBlue
{
	background-image:url('../Images/ThemePrev/RoyalBlue.jpg');background-repeat:no-repeat;
}
.Silver
{
	background-image:url('../Images/ThemePrev/Silver.jpg');background-repeat:no-repeat;
}
.BlackRed
{
	background-image:url('../Images/ThemePrev/BlackRed.jpg');background-repeat:no-repeat;
}
.Metro
{
	background-image:url('../Images/ThemePrev/Metro.jpg');background-repeat:no-repeat;
}
.SnowWhite
{
	background-image:url('../Images/ThemePrev/SnowWhite.jpg');background-repeat:no-repeat;
}


.ReportMenuStaticStyleSettings
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 7.5pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url(   '../Images/MenuImages/top.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 55px;
	height: 20px;
}


.ReportMenuHoverStyleSettings
{
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 7.5pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url( '../Images/MenuImages/top_hr.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 55px;
	height: 20px;
}

 .ReportMenuSelectedStyleSettings
 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	color: #000000;
	font-family: Verdana;
	font-size: 7.5pt;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
	background-image: url(  '../Images/MenuImages/top_sel.gif' );
	background-repeat: no-repeat;
	display: block;
	width: 55px;
	height: 20px;
 }

@-moz-document url-prefix(){
	#tblDash_Search
	{ 
		margin-top:3px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #tblDash_Search
	{ 
		margin-top:3px;
	}
}

/*---------		   End Style			---------------*/
.CaptionForLeave
{
	font-family:  Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: black;
    border : 1px solid #000000;
	background-color: #FFCC00;
	
}
.DemographicsLabel
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
	font-weight: normal;
	border : 1px solid #000000;
    border-color:Silver;
	background-color:White;
	width:200px;
}

.PanelDisplayNoHt
{
	padding: 0px;
	overflow: Auto;
	width: 100%;
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
	/*border-color: #0000FF;*/
}

.GridViewDynamicRowStyle td
{
	border: solid 1px black;
}
.EOSGridViewRow
{
	font-family:  Verdana;
	font-weight: normal;
	font-size: 8pt;
	color: black;	
	background-color: #FFFFFF;	
	padding-left: 2px;
	height: 25px;	
	/*padding: 1px;*/
	padding-right: 2px;	
}
.EOSGridViewRowHeader
{
	font-family:  Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: black;	
	background-color: #D8D8D8;	
	height: 30px;	
	padding-left: 2px;
	padding-right: 2px;
}

.EOSGridView,.EOSGridView td,.EOSGridViewRowHeader th
{
	border:solid 1px Gray;
}

.BorderTopEOS
{		
	border-top:solid 1px Gray;	
}

.BorderBottomOnlyEOS
{	
	border-bottom:solid 1px Gray;	
	
}

.BorderRightEOS
{	
	border-right:solid 1px Gray;		
}

.BorderLeftEOS
{	
	border-left:solid 1px Gray;		
}

.PaddingLeftEOS
{
	padding-left:2px;
}

.BorderBottomEOSED
{
	border-bottom:solid 2px Gray;	
}

.BorderBottomEOS
{
	border-bottom:solid 1px Gray;	
}

.GridPaddingLeftRight
{
	padding-left:2px;
	padding-right:2px;
}
/**********************New theme Rageesh ******************/
.GridEditItem
{
	background-image:url( '../Images/rowedit.png' );
	background-repeat:no-repeat;
	height:16px;
	width:16px;
}
.GridDeleteItem
{
	background-image:url( '../Images/rowdel.png' );
	background-repeat:no-repeat;
	height:16px;
	width:16px;
}
.CalenderImage
{
	background-image:url( '../Images/Cal.gif' );
	background-repeat:no-repeat;
	height:16px;
	width:16px;
	
}

/* Menu button Style */
.DashrtMenu_CIM
{
	/*background-image:url( '../Images/HomeImages/CIM.jpg' );*/
	background:url('../Images/HomeImages/CIM.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	
	padding-bottom:3px;
}
.DashrtMenu_EIM
{
	/*background-image:url( '../Images/HomeImages/EIM.jpg' );*/
	background:url('../Images/HomeImages/EIM.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
}
.DashrtMenu_EPA
{
	/*background-image:url( '../Images/HomeImages/EPA.jpg' );*/
	background:url('../Images/HomeImages/EPA.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
}
.DashrtMenu_Calender
{
	/*background-image:url( '../Images/HomeImages/Calendar.jpg' );*/
	background:url('../Images/HomeImages/Calendar.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_HRPolicy
{
	/*background-image:url( '../Images/HomeImages/HRPolicy.jpg' );*/
	background:url('../Images/HomeImages/HRPolicy.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_HRZ
{
	/*background-image:url( '../Images/HomeImages/HRZ.jpg' );*/
	background:url('../Images/HomeImages/HRZ.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Payroll
{
	/*background-image:url( '../Images/HomeImages/Payroll.jpg' );*/
	background:url('../Images/HomeImages/Payroll.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Reports
{
	/*background-image:url( '../Images/HomeImages/Reports.jpg' );*/
	background:url('../Images/HomeImages/Reports.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_RMS
{
	/*background-image:url( '../Images/HomeImages/RMS.jpg' );*/
	background:url('../Images/HomeImages/RMS.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Settings
{
	/*background-image:url( '../Images/HomeImages/Settings.jpg' );*/
	background:url('../Images/HomeImages/Settings.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	
}
.DashrtMenu_SSW
{
	/*background-image:url( '../Images/HomeImages/SSW.jpg' );*/
	background:url('../Images/HomeImages/SSW.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_TAAL
{
	/*background-image:url( '../Images/HomeImages/TAAL.jpg' );*/
	background:url('../Images/HomeImages/TAAL.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_TRN
{
	/*background-image:url( '../Images/HomeImages/TRN.jpg' );*/
	background:url('../Images/HomeImages/TRN.jpg') 0 0;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
/*Menu Button Style:Hover*/

.DashrtMenu_CIM_hr
{
	/*background-image:url( '../Images/HomeImages/CIM_hr.jpg' );*/
	background:url('../Images/HomeImages/CIM.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	
	padding-bottom:3px;
}
.DashrtMenu_EIM_hr
{
	/*background-image:url( '../Images/HomeImages/EIM_hr.jpg' );*/
	background:url('../Images/HomeImages/EIM.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
}
.DashrtMenu_EPA_hr
{
	/*background-image:url( '../Images/HomeImages/EPA_hr.jpg' );*/
	background:url('../Images/HomeImages/EPA.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
}
.DashrtMenu_Calender_hr
{
	/*background-image:url( '../Images/HomeImages/Calendar_hr.jpg' );*/
	background:url('../Images/HomeImages/Calendar.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_HRPolicy_hr
{
	/*background-image:url( '../Images/HomeImages/HRPolicy_hr.jpg' );*/
	background:url('../Images/HomeImages/HRPolicy.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_HRZ_hr
{
	/*background-image:url( '../Images/HomeImages/HRZ_hr.jpg' );*/
	background:url('../Images/HomeImages/HRZ.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Payroll_hr
{
	/*background-image:url( '../Images/HomeImages/Payroll_hr.jpg' );*/
	background:url('../Images/HomeImages/Payroll.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Reports_hr
{
	/*background-image:url( '../Images/HomeImages/Reports_hr.jpg' );*/
	background:url('../Images/HomeImages/Reports.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_RMS_hr
{
	/*background-image:url( '../Images/HomeImages/RMS_hr.jpg' );*/
	background:url('../Images/HomeImages/RMS.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_Settings_hr
{
	/*background-image:url( '../Images/HomeImages/Settings_hr.jpg' );*/
	background:url('../Images/HomeImages/Settings.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	
}
.DashrtMenu_SSW_hr
{
	/*background-image:url( '../Images/HomeImages/SSW_hr.jpg' );*/
	background:url('../Images/HomeImages/SSW.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_TAAL_hr
{
	/*background-image:url( '../Images/HomeImages/TAAL_hr.jpg' );*/
	background:url('../Images/HomeImages/TAAL.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}
.DashrtMenu_TRN_hr
{
	/*background-image:url( '../Images/HomeImages/TRN_hr.jpg' );*/
	background:url('../Images/HomeImages/TRN.jpg') 0 -49px;
	background-repeat:no-repeat;
	height:49px;
	width:300px;
	padding-bottom:3px;
	
}

/*---------------------- Fisheye ----------------------*/
.Fisheye_CIM_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/CIM.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_CIM_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/CIM_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_HRPolicy_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/HRPolicy.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_HRPolicy_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/HRPolicy_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_HRZ_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/HRZ.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_HRZ_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/HRZ_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_RMS_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/RMS.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_RMS_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/RMS_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_EIM_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/EIM.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_EIM_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/EIM_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_TAAL_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/TAAL.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_TAAL_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/TAAL_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_Payroll_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/Payroll.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_Payroll_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/Payroll_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_EPA_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/EPA.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_EPA_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/EPA_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_SSW_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/SSW.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_SSW_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/SSW_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_TRN_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/TRN.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_TRN_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/TRN_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_Reports_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/Reports.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_Reports_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/Reports_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_Calendar_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/Calendar.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_Calendar_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/Calendar_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}

.Fisheye_Settings_small
{
    background-image:url('../Images/HomeImages/MenuShortcut/Settings.gif');
    background-repeat:no-repeat;
    height:30px;
    width:30px;
}
.Fisheye_Settings_large
{
    background-image:url('../Images/HomeImages/MenuShortcut/Settings_hr.gif');
    background-repeat:no-repeat;
    height:48px;
    width:48px;
}
/******************end ***********************************/

.DashSett
{
	background-image:url( '../Images/MasterImages/DashSett.gif' ); background-repeat:no-repeat;
	padding-right:1px;
	height:22px;
	width:24px;
}
.DashSett_hr
{
	background-image:url( '../Images/MasterImages/DashSett_hr.gif' ); background-repeat:no-repeat;
	padding-right:1px;
	height:22px;
	width:24px;
}

.GenderFemale
{
	background-image:url( '../Images/HomeImages/Female.gif' ); background-repeat:no-repeat;	
	height:20px;
	width:20px;
	background-position:top center;
}

.GenderMale
{
	background-image:url( '../Images/HomeImages/Male.gif' ); background-repeat:no-repeat;
	background-position:bottom center;
	height:20px;
	width:20px;
}
/* Menu style for Recruitment and Deployment-Selected Candidates-Documents */
.MenuSelectedItemStyle_Doc
{
	width: 183px;
	height: 22px;
	color: #ffffff;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;	
	text-decoration: none; 	
	background-image: url( '../Images/MenuImages/left_sel.gif' );
	background-repeat: no-repeat;
	padding-left: 5px;
	margin: 1px;
	z-index:20000 !important;
}
/*------------------------------------------------------------------*/

.TabNameAbout
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
}

.TextboxWaterSearch
{
	border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 200px;
	color: #666666;
	font-style: italic;
}
 .FFStyle /* Firefox only */
    {
        background-color: #FFFFFF;
        position: absolute;
        border: collapse;
        border-width: 1px;                            
        padding-top: 2px;       
    }
    th.FFStyle /* Firefox only */
    {
        background-color: #FFFFFF;          
        border-bottom-width:0px;
        border-top-width:1px;
        border-left-width:1px; 
        border-right-width: 1px;
        padding-top:3px;   
        
    }
           /*Profile*/
    
     .ProfileHeading
  {
      height:37px;
      background-color:#6783a5;
      color:#ffffff;
      font-family: Verdana;
      font-size: 13pt;
      font-weight: bold;            
      padding-left:5px;
  }
  
   .ProfileOtherHeading
  {
      height:37px;
      background-color:#6783a5;
      color:#ffffff;
      font-family: Verdana;
      font-size: 10pt;
      font-weight: bold;            
      padding-left:5px;
  }
  
  .ProfileSpanEmpCode
  {          
      color:#ffffff;
      font-family: Verdana;
      font-size: 12pt;  
      font-weight: normal;         
      padding-left:5px;
  }
  
    .ProfileDecTab
  {      
      background-color:#f7f7f7;
      color:#404143;
      font-family: Verdana;
      font-size: 9pt;        
      padding-left:5px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-bottom-color: #ffffff;
  }
  .ProfileDottedUnderline  
  {
      border-bottom: 1px dotted; 
      border-color:#dadcce;
  }
  .ProfileTabCell
  {     
      color:#404143;
      border-bottom: 1px solid;       
      border-color:#dadcce;
      padding-left:25px;
  }
  .ProfileSocialLeftTabCell
  {   
      color:#404040;  
      border-bottom: 1px solid;       
      border-left: 1px solid;       
      border-color:#dadcce;
      padding-left:10px;
      padding-top:3px;
      padding-bottom:3px;
  }
   .ProfileSocialCell
  {   
      color:#404040;  
      border-bottom: 1px solid;             
      border-color:#dadcce;
      padding-left:3px;
      padding-top:3px;
      padding-bottom:3px;
  }
  .ProfileSocialRightTabCell
  {     
      color:#404040;
      border-bottom: 1px solid;       
      border-right: 1px solid;       
      border-color:#dadcce;
      padding-left:0px;
      padding-top:3px;
      padding-bottom:3px;
  }
  
  .ProfileTabName
  {
      color:#404143;
      font-family: Verdana;     
      font-size: 9pt;
      }
  
  .ProfileSubHeading
  {
      height:35px;      
      color:#365172;
      font-family: Verdana;
      font-size: 9pt;
      font-weight: bold;            
      padding-left:5px;
      border-bottom: 1px solid;
      border-color: #dadcce;
  }
  
 .ProfileTopButton
 {
     position:absolute; 
     margin-top:-4px; 
     *margin-top:4px;        
     right:15px;     
  }

 .ProfileDetailsTab
{
    height: 25px;
    color:#404143;
    font-family: Verdana;
    font-size: 9pt;   
    background-color: #f7f7f7;
        
}
 .ProfileDetailsTab td
{
    border-bottom: 1px solid;
    border-color: #dadcce;
    padding-top: 2px;
    padding-left: 10px;
}

  .ProfileAlterDetailsTab
  {
      height:25px;      
      color:#404143;
      font-family: Verdana;      
      font-size: 9pt;           
      padding-left:5px;
      background-color: #FFFFFF;     
      padding-top:2px;
      padding-left:10px;
  }
  .ProfileAlterDetailsTab td
  {
    border-bottom: 1px solid;
    border-color: #dadcce;
    padding-top: 2px;
    padding-left: 10px;
  }
  
  
   .ProfileLeaveRow
  {   
      height:25px;       
      color:#404143;
      font-family: Verdana;
      font-size: 9pt;
      font-weight: bold;            
      padding-left:2px;
  }
  .ProfileSpanTaken  
  {
      color:#d10000;
      font-family: Verdana;
      font-size: 9pt;
      font-weight: bold;      
  }
  .ProfileSpanBalance  
  {
      color:#275d9f;
      font-family: Verdana;
      font-size: 9pt;
      font-weight: bold;      
  }
    
  
.ProfileMultipleCalendarCell
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	height:30px;	/*18px*/	
	color:#404143;	
	border: solid 1px #BFC0C1;
	background-image: url(  '../Images/bg3.gif' );
	background-repeat: repeat;
}
.ProfileCalendarDayTitle
{
    background-color: #ffffff;
    font-family: Verdana;
    font-weight:bold;
    font-size: 8pt;
    height:30px;
    color:#404143;
    border: solid 1px #BFC0C1;
}
.ProfileCalendarTitle td
{
    background-color: #f2f2f3;
    font-family: Verdana;
    font-weight: bold;
    font-size: 8pt;
    color:#404143;
    height: 30px;    
}
.ProfileCalendarDayStyle
{    
    font-family: Verdana;
    font-size: 8pt;
    font-weight: bold;
    color:#404143;
    height: 30px;
    border: solid 1px #BFC0C1;
    }
    
    
    .ProfileImgJob
    {
        width:11px;
        height:13px;
        background-image: url('../Images/ProfileImages/job_details.gif');
        background-repeat: no-repeat;
        background-position: center;
    }
    .ProfileImgHire
    {
        width:11px;
        height:13px;
        background-image: url('../Images/ProfileImages/hiring-details.gif');
        background-repeat: no-repeat;
        background-position: center;        
    }        
    .ProfileImgRptEmp
    {
        width:16px;
        height:15px;
        background-image: url('../Images/ProfileImages/employee.gif');
        background-repeat: no-repeat;
        background-position: center;  
        }
    .ProfileImgRptHirearchy
    {
        width:15px;
        height:18px;
        background-image: url('../Images/ProfileImages/officers_hry.gif');
        background-repeat: no-repeat;
        background-position: center;  
    }
    
     .ProfileImgLeave
    {
        width:14px;
        height:15px;
        background-image: url('../Images/ProfileImages/leave.gif');
        background-repeat: no-repeat;
        background-position: center;  
    }
    .ProfileImgCal
    {
        width:13px;
        height:15px;
        background-image: url('../Images/ProfileImages/calendar.gif');
        background-repeat: no-repeat;
        background-position: center;  
    }
     .ProfilePrint
    {
        width:25px;
        height:23px;
        background-image: url('../Images/ProfileImages/print.gif');
        background-repeat: no-repeat;
        background-position: center;  
    }
     .ProfileUpdate
    {
        width:25px;
        height:23px;
        background-image: url('../Images/ProfileImages/update.gif');
        background-repeat: no-repeat;
        background-position: center;  
    }
    
    /*------------------ Processed Payroll Grid Header Scroll -------------------*/
   
   .HighlightRow
    {
        background-color:#AFD9F7;
    }

    .draggable, .active-handle
    {
       cursor:move; 
    }

    .PanelDashBoardScroll
    {
        margin: 0px;
        padding: 0px;
        overflow: Auto;
        width: 100%;
        height: 380px; /*text-align: center;*/
    	
        border-right: #BBD6EB 1px solid;
        border-top: #BBD6EB 1px solid;
        border-left: #BBD6EB 1px solid;
        border-bottom: #BBD6EB 1px solid;
        background-color: #f6f6f6;
    	
        font-family: Verdana;
	    font-size: 8pt;
	    color: #000;
    }
    
    .GridviewScrollHeader TH
    {
        background-color:#5B7E9F;
	    color:#FFFFFF;
    }
        
    .GridviewScrollHeader TH, .GridviewScrollHeader TD
    {
        padding: 2px;
        font-weight: bold;
        white-space: nowrap;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #5B7E9F;
        /*vertical-align: bottom;*/
        text-align: left;
        
        font-family: Verdana;
	    font-size: 8pt;
    }
    
    .GridviewScrollItem TD
{
    padding: 2px;
    white-space: nowrap;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #fff;
    color: #000;   
}

    .GridviewScrollItem .Freeze
    {
        background-color: #fff;
    }

    .GridviewScrollItemHover TD
    {
               
		color: #ffffff;
	    background-color:#5B7E9F;
               cursor: pointer;
    }
    .GridviewScrollItemHover .Freeze
    {
        background-color: #fff;
    }
    .GridviewScrollItemSelected TD
    {
        padding: 2px;
        white-space: nowrap;
        border-right: 1px solid #999999;
        border-bottom: 1px solid #999999;
        background-color: #999999;
        color: #FFFFFF;
    }
    .GridviewScrollItemSelected .Freeze
    {
        background-color: #999999;
        color:#676767;
    }
    .GridviewScrollPager 
    {
        border-top: 1px solid #999999;
        background-color: #FFFFFF;
    }
    .GridviewScrollPager TD
    {
        padding-top: 3px;
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .GridviewScrollPager A
    {
        color: #666666;
    }

    .GridviewScrollPager SPAN
    {
        font-size: 16px;
        font-weight: bold;
    }
      .GridViewFixedHover td
    {
        background-color: #DCDCDC;	
	    color: black;
    }
    
    table.fxHeaderGrid td 
    {
        border-color: #999999;
    }
    
     /*------------------------  CSS For Search text box in web part------------------------------*/
.DirectorySearchTextBox
{
    
	
	font-size: 8pt;
	font-family: Khmer UI, Arial;
	border: 1px solid #FFFFFF;
	/*font-weight: bold;*/
	padding: 0px;
	width: 97%;
	height: 20px;
	
}
.DirectorySearchTextBox:focus
{
    outline:0;
}
.EmpDirectorySeacrh
{
    /*border: 1px SOLID #2b579a;*/
    border: none;
    font-size: 8.5pt;
    font-family: Khmer UI, Arial;
    font-weight: normal;
    width:79px;
    height: 25px;
    color: #e58e3f; 
    margin-left:0px;
    /*background-color:#2b579a;*/ 
    background: url( '../Images/searchemployee_directory_normal.jpg' );
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
}
    
    
  

.DirectorySearchBox
{
	border: 1px solid #CBCBCB;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
	height: 20px;
	
	
}

/*------------For directory popup-------------------*/

.OuterDivSearch
{
    border:solid 10px #FFFFFF;
    /*margin:10px 10px 10px 10px;*/
    height:90%;
    width:96%;
}
.DivEmpDirectory
{
    height:210px;
    background-color:#FFFFFF;
    width:560px;
    font-size: 8.5pt;
    font-family: Khmer UI, Arial;
    font-weight: normal;
    vertical-align:middle;
    display:none;
    border:solid 10px #FFF201;
    left: 60%;
    margin-left: -402px;
    position: fixed;
    top: 25%;
    
    z-index: 280000;
}
.CoinatctDirectTable
{
   /* margin:10px;*/
    width:100%;
    height:180Px;
    background-color:White;
    text-align:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px
}
.SearchDirectoryTD
{
    border-bottom:dotted 1px #CCCCCC;
    height:25px;
    vertical-align:top;
    table-layout:fixed;
}
.SearchDirectoryPhotoTD
{
    width:200px;
    /*height:185px;*/
    vertical-align:top;
    text-align:left;
}


#backgroundPopup {
    z-index: 270000;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000;
    top:0px;
    left:0px;
}
   /*----------------------------- End -----------------------------------------*/
   
   
   .backgroundColorPACompetency
   {
    height:22px;
    background-color:#cfe1f3;    
    font-size: 9pt;
    font-weight: bold;
   }
   .EOSFooter
{
	font-size: 9pt;
	color: #ff0000;
	font-family: Verdana;
	text-align: left;
	font-weight :bold ;
	font-style :italic ;
}
.CloseYearButton
{
   border: 1px outset #BBD6EB;
	font-size: 8pt;
	font-family: Verdana;
	font-weight: normal;
	width: 175px;
	height: 22px;
	color: #e0ffff;
	cursor: pointer;
	text-align: center;	
}

/***************** WIZARD style ***********************/

.aside_left
{
    font-size: 8pt;
    font-family: Verdana;
    background-color: #6783A5;
}

.aside_left div
{
    clear: both;
    font-size: 10pt;
    color: #000000;
    position: absolute;
    display: inline-block;
    z-index: 1000;
    min-width: 300px;
    bottom: 20%;
    -webkit-transform-origin: 2% 2%;
    transform-origin: 1% 2%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform-origin: 1% 1%;
    top: 85%\9;
}

.aside_right {
    font-family:Verdana;
    font-size: 10pt;
    float: left;
    background-color: #fff;
    display: none;
    height: 500px;
    display: none;

}

.badge {
    position: absolute;
    background: radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: #fff;
    border: 2px solid white;
    border-radius: 10px; 
    color: #6783A5;
    font: 5pt;
    min-width: 12px;
    padding: 1px 1px 0 1px;
    margin-left: 2px;
    text-align: center;
    bottom: 3%;
    font-weight: bold;
}


.btnLeaf
{
  background: #567FC2;
  background-image: -webkit-linear-gradient(top,#567FC2,#ABBFE0);
  background-image: -moz-linear-gradient(top, #567FC2, #ABBFE0);
  background-image: -ms-linear-gradient(top, #567FC2, #ABBFE0);
  background-image: -o-linear-gradient(top,#567FC2, #ABBFE0);
  background-image: linear-gradient(to bottom, #567FC2, #ABBFE0);
  -webkit-border-radius: 35;
  -moz-border-radius: 35;
  border-radius: 35px;
  font-family: Verdana;
  color: #ffffff;
  font-size: 10pt;
  padding: 5px 13px 6px 12px;
  border: solid #ffffff 2px;
  text-decoration: none;
  min-width:100px;
  cursor:pointer;
}

.btnLeaf:hover {
  background: #ABBFE0;
  background-image: -webkit-linear-gradient(top, #ABBFE0, #567FC2);
  background-image: -moz-linear-gradient(top,#ABBFE0, #567FC2);
  background-image: -ms-linear-gradient(top, #ABBFE0, #567FC2);
  background-image: -o-linear-gradient(top,#ABBFE0, #567FC2);
  background-image: linear-gradient(to bottom, #ABBFE0, #567FC2);
  text-decoration: none;
}

.btnNxtLeaf
{
  background: #5D5EC1;
  background-image: -webkit-linear-gradient(top, #5D5EC1, #B3B3E1);
  background-image: -moz-linear-gradient(top, #5D5EC1,#B3B3E1);
  background-image: -ms-linear-gradient(top, #5D5EC1, #B3B3E1);
  background-image: -o-linear-gradient(top, #5D5EC1, #B3B3E1);
  background-image: linear-gradient(to bottom, #5D5EC1, #B3B3E1);
  -webkit-border-radius: 35;
  -moz-border-radius: 35;
  border-radius: 35px;
  font-family: Verdana;
  color: #ffffff;
  font-size: 10pt;
  padding: 5px 13px 6px 12px;
  border: solid #ffffff 2px;
  text-decoration: none;
  min-width:100px;
  cursor:pointer;
    
}

.btnNxtLeaf:hover {
  background: #B3B3E1;
  background-image: -webkit-linear-gradient(top, #B3B3E1, #5D5EC1);
  background-image: -moz-linear-gradient(top,#B3B3E1,#5D5EC1);
  background-image: -ms-linear-gradient(top, #B3B3E1, #5D5EC1);
  background-image: -o-linear-gradient(top, #B3B3E1, #5D5EC1);
  background-image: linear-gradient(to bottom, #B3B3E1, #5D5EC1);
  text-decoration: none;
}

div[data-angular-treeview] 
{
  font-size: 8pt;
  font-family: Verdana;
}

.ng-popover {
  border: 1px solid #EAEAEA;
  position: relative;
  border-radius: 4px;
  min-px;
  min-height: 20px;
  background: #FFF;
  z-index: 10; 
  font-size: 8pt;
  font-family : Verdana;
  }

 .multiselectDropdownBtn
{
    position: relative;
    border-radius: 1px;
    color: #000000;
    transition: background 200ms ease;
    cursor: pointer;
    border-right: #BBD6EB 1pt solid;
	border-top: #BBD6EB 1pt solid;
	border-left: #BBD6EB 1pt solid;
	border-bottom: #BBD6EB 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	font-family: Verdana;
	padding-top:5px;
    display:inline-block;
    min-width:300px
}

.EmpCodeDisplay
{
    border: solid 1px  #CCCCCC;
    font-size: 8pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
    padding:3px;
}

.aside_right .Title
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}
.aside_right .Title_Header1
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}

.aside_right .Title_Header2
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}

.aside_right .Title_Header3
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}

.aside_right .Title_Header4
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}

.aside_right .Title_Header5
{
    font-size: 12pt;
    font-family: Verdana;
    color: #6783A5;
    font-weight: bold;
}

.TextboxWzReQ
{
    border-right: #FF0000 1pt solid;
	border-top: #FF0000 1pt solid;
	border-left: #FF0000 1pt solid;
	border-bottom: #FF0000 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 200px;
    border-color: #FF0000;
}

.DropdowntextReQ
{
    BORDER-RIGHT: #FF3300 1pt solid;
    BORDER-TOP: #FF3300 1pt solid;
    BORDER-LEFT: #FF3300 1pt solid;
    BORDER-BOTTOM: #FF3300 1pt solid;
    Background-color:#f6f6f6;
    font-size: 8pt;
    font-family:Verdana;
	width: 202px;
    border-color: #FF3300;
}

.ListBoxReQ
{
    font-size: 8pt;
	color: #000000;
	font-family: Verdana;
	width: 100%;
	height: 200px;
	border-right: #FF0000 1pt solid;
	border-top: #FF0000 1pt solid;
	border-left: #FF0000 1pt solid;
	border-bottom: #FF0000 1pt solid;
}

.DateTextboxReQ
{
    border-right: #FF3300 1pt solid;
	border-top: #FF3300 1pt solid;
	border-left: #FF3300 1pt solid;
	border-bottom: #FF3300 1pt solid;
	background-color: #f6f6f6;
	font-size: 8pt;
	height: 16px;
	font-family: Verdana;
	width: 75px;
    border-color: #FF3300;
}

.Workflow
{
    border: 1px solid #000000;
    background-color: #FFFF99;
    font-family: Verdana;
    font-size: 8pt;
    line-height:15px;
    word-wrap: break-word;
}

.PanelWiz
{
	margin: 0px;
	padding: 0px;
	width:100%;
	border-right: #BBD6EB 1px solid;
	border-top: #BBD6EB 1px solid;
	border-left: #BBD6EB 1px solid;
	border-bottom: #BBD6EB 1px solid;
	background-color: #f6f6f6;
}

.ngViewport
{
    background-color: #f6f6f6;
}

.ngRow.odd
{
    background-color: #F4FBFD;
    overflow:hidden;
}
.ngRow.even
{
    background-color: #F4FBFD;
    overflow:hidden;
}

.ngRow.selected
{
    background-color: #dcdcdc;
}

.ngHeaderScroller
{
    position: absolute;
    text-align: left;
    font-size: 9pt;
    position: relative;
    vertical-align:middle;
    color: #F3FEFE;
    height: 22px;
    background: #bccad7; /* Old browsers */
    background: -moz-linear-gradient(top, #bccad7 0%, #5b7e9f 60%, #5b7e9f 100%, #f0e8d9 100%, #f0e8d9 100%, #f0e8d9 100%, #f0e8d9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bccad7 0%,#5b7e9f 60%,#5b7e9f 100%,#f0e8d9 100%,#f0e8d9 100%,#f0e8d9 100%,#f0e8d9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bccad7 0%,#5b7e9f 60%,#5b7e9f 100%,#f0e8d9 100%,#f0e8d9 100%,#f0e8d9 100%,#f0e8d9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bccad7', endColorstr='#f0e8d9',GradientType=0 );
}

.ngHeaderTxt
{
    color: #F3FEFE;
    vertical-align:middle;
}


/***************** WIZARD style end ***********************/