BODY
{
    font-weight: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    background-color: white;
}
.top-background
{
	/*#BC1B41*/
	background-color: #fff;
    /*background-color:"#27AAE0";*/
    /*background: #27AAE0; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#27AAE0, #67c3e9); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#27AAE0, #67c3e9); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#27AAE0, #67c3e9); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#27AAE0, #67c3e9); /* Standard syntax */
}
.lnkLogout
{
    color:#000;
}

.logocss
{
	width: 20%; 
	vertical-align: middle;
	padding-left:0px;
}

.container {overflow:auto;}

.anchorwhite
{
    color: white;
    font-size: 13;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
}
.divScroll-1
{
  height:400px;
  width:100%;
  overflow:scroll;
}
.dynamictablestyleheader
{
	background-color: #BDCAAF;
    font-weight: normal;
    font-size: 13;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
    
}

.dynamictablesaleheader
{
	background-color: #AFCACA;
    font-weight: normal;
    font-size: 13;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
}

.dynamictablesalesmanrowcellTarget
{
	background-color: #A0CFEC;
    font-weight: normal;
    font-size: 12;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:right;
}

.dynamictablesalesmanrowcellAch
{
	background-color: #FFFFFF;
    font-weight: normal;
    font-size: 12;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:right;
    color: #FFFFFF;
}



.errorText
{
	margin: 0px;
	font-size: 10pt;
	font-family: Arial;
	color: red;
}

.informationText
{
	margin: 0px;
	font-size: 10pt;
	font-family: Arial;
	color: red;
}

BODY
{
    font-weight: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}
.PageHeadLink
{
	font-size: 9pt;
	color:#ffcb3a;
	font-family: Arial;
	text-decoration: none;
	font-weight: normal;
}
.collapsePanel
{
	background-repeat: repeat-y;
}
.DropDownList
{
	width: 150px;
}

.buttons
{
	border-right: #7ea0e8 1px solid;
	border-top: #7ea0e8 1px solid;
	font-size: 10pt;
	border-left: #7ea0e8 1px solid;
	border-bottom: #7ea0e8 1px solid;
	font-family: Arial;
	text-decoration: none;
	width: 250px;
}
.leftnavbody
{
	background-color: #B0C4DE;
}

.lblheader
{
	color: #A50021;
	font-size: 18pt;
	font-family: Arial;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

.lbltitle
{
	color: black;
	font-size: 14pt;
	font-family: Arial, Tahoma, Verdana;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	height:30px;
	width:100%;
	background-color:#7D9FBC;
	border:1px solid #e6e6e6;
}

.lbltitle1
{
	color: #A50021;
	font-size: 12pt;
	font-family: Arial;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

.header1
{
    font-size: 22px;
    font-family: Arial, helvetica, sans-serif;
    font-weight: bold;            
    color: #000000;
    
}
.header2
{
    font-weight: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
}
.gridheader
{
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
    background-color: #B0C4DE;
}
.tablefacts
{
    font-weight: normal;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
}
.tablefactsDetails
{
    font-weight: normal;
    font-size: 12x;
    font-family: arial, helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
}

.TDHeder
{
	background-color: #B0C4DE;
	text-align:center;
}
TD
{
    font-weight: normal;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}
.aCloseLink
{
    text-decoration: none;
    color: #003399;
    font-size: 16px;
    font-family: arial, helvetica, sans-serif;    
}
a
{
    text-decoration: none;
    color: #003399;
}
a:hover
{
    text-decoration: underline;
    color: #F60;
}
.PropertiesEditor TD
{
    border-right: gray 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}
.PropertiesTable
{
    border-right: gray 1px  solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: gray 1px solid;
}

.SectionTable
{
    border: #BEE5F5 1px solid;
}

.PropertiesTableHome
{
    border: #f4f4f4 1px solid;
}

.wgalternative
{
    color: white;
    background-color: gray;
}
.wgalternative2
{
    color: white;
    background-color: GrayText;
}
/* This class affects the title text in both grid and detail view */.wgtitle
{
    padding: 3px;
}

.LoginContainer
{
	background-color: transparent;
	border-right: #d8d8d8 0px solid;
	border-top: #d8d8d8 0px solid;
	border-left: #d8d8d8 0px solid;
	border-bottom: #d8d8d8 0px solid;
}
.LoginHeader
{
	background-color:#f2f2f2;
	font-weight: bold;
	font-size: 12px;
	color: black;
	font-family: Arial;
	margin-left:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
.LoginLink
{
	font-size: 12px;
	color: #787878;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
.BodyTextBold
{
	font-size: 11px;
	color: #000;
	font-family: Arial;
	font-weight: normal;
	/*color: Black;*/
}

.lblWelcome
{
	font-size: 13px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	padding-bottom:5px;
}

.lnkLogout a
{
	font-size: 13px;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	padding-bottom:5px;
}

.lnkLogout a:active
{
	color: #000;
}

.lblClass
{
	font-size: 10px;
	color: black;
	font-family: Arial;
	font-weight: normal;
	padding-left:3px;
	padding-top:5px;
	padding-bottom:5px;
}

.lblSectionClass
{
	background-color:#fff !important;
	font-size: 11px;
	color: black;
	font-family: Arial;
	font-weight: normal;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	height: 90px;
	overflow:scroll;
	vertical-align:top;
}

.mandatoryClass
{
	font-size:14px;
	color:#FF3300;	
	font-family: Arial;
	font-weight: normal;
}

.highlightedClass {
    font-size: 14px;
    color: #FF3300;
    font-family: Arial;
    font-weight: normal;
    border: 0px solid black;
}

.btnPanel
{
	width: 100%;
	font-size:11px;
	color:#FF3300;	
	font-family: verdana,geneva,arial,sans-serif;
	font-weight: normal;
	padding-left: 10px;	
	border: 1px solid #e6e6e6;
	/*background-image: url( '../images/page_header_bg.jpg' );*/
	background-color: #f9f9f9; /*#D6E5FD;*/
	height: 32px;
	padding-top: 5px;
}


.lblPageHeader {
    /*width: 99% !important;*/
    text-align: left;
    font-size: 15px;
    font-family: Arial, Tahoma,Verdana;
    font-weight: bold;
    border: 1px solid #e6e6e6;
    padding-left: 5px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    /*background-image: url('../images/page_header_bg.jpg');*/
    background-color: #284997;
    color: white;
}

.lblSubPageHeader {
    width: 100% !important;
    text-align: left;
    font-size: 13px;
    font-family: Arial, Tahoma,Verdana;
    font-weight: bold;
    height: 25px;
    border: 1px solid #f4f4f4;
    padding-left: 5px;
    color: black;
    /*background-image: url('../images/page_header_bg.jpg');*/
    background-color: #f4f4f4;
}

.txtClass {
    border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
    font-family: Arial, Tahoma,Verdana;
    border-color: #333333;
    border-style: solid;
    background-color: #ffffff;
    /*height: 23px;*/
    /*height: 12px;*/
    padding-left: 2px;
    padding-right: 2px;
    /*padding-top:5px;
	padding-bottom:5px;*/
}


.txtAreaClass {
    border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
    font-family: Arial, Tahoma,Verdana;
    border-color: #333333;
    border-style: solid;
    background-color: #ffffff;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.footerClass
{
	background-color:#F2F2F2;
    border-top: gray 1px solid;
}


.msgPanel
{
	width: 100%;
	font-size:11px;
	color:#FF3300;	
	font-family: verdana,geneva,arial,sans-serif;
	font-weight: normal;
	padding-left: 10px;	
	border: 0px solid #e6e6e6;
	/*background-color:#DFEBF7;*/
	background-color:#fff;
}

.lblMessage
{
    font-weight: normal;
    font-size: 10px;
    color: red;
    font-family: verdana,geneva,arial,sans-serif;
    padding-left: 10px;
	padding-top:5px;
	padding-bottom:5px;
}

.buttonActive {
    border-left: 1px solid #F1E19C;
    border-right: 1px solid #F1E19C;
    border-top: 1px solid #F1E19C;
    border-bottom: 1px solid #F1E19C;
    background-color: #284997;
    padding: 3px 5px 3px 5px;
    font-family: Arial, Tahoma;
    font-size: 11px;
    font-weight: Bold;
    font-style: normal;
    color: #FFF;
    cursor: pointer;
    font-weight: bold;
}

.buttonActive:hover {
    color: #000;
    background-color: #F1E19C;
}

.buttonActiveLogin {
    border-left: 1px solid #E5383E;
    border-right: 1px solid #E5383E;
    border-top: 1px solid #E5383E;
    border-bottom: 1px solid #E5383E;
    background-color: #284997;
    padding: 5px;
    font-family: Arial, Tahoma;
    font-size: 13px;
    font-weight: Bold;
    font-style: normal;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
}

.buttonActiveLogin:hover {
    color: #000;
    background-color: #F1E19C;
}


.chkClass
{
	border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-family: Arial, Tahoma,Verdana;
    border-color: #E6E6E6;
    border-style: solid;
}

.ddlClass {
    border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 10px;
    color: #333333;
    font-family: Arial, Tahoma,Verdana;
    border-color: #333333;
    border-style: solid;
    background-color: #ffffff;
    height: 22px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.popnew01 
{
	background-image:url(../images/popback01.jpg); 
	background-repeat:repeat-x; 
	background-color:#70BAE1; 
	border:1px #155FA0 solid; 
	padding:10px; 
	font-family:Tahoma, Arial, Verdana; 
	color:#fff 
}

.popnew02 
{
	padding-top:5px; 
	padding-bottom:5px; 
	font-size:15px; 
	font-weight:bold; 
	color:#004264; 
	font-family:Arial, Helvetica, sans-serif; 
	width:90%; 
	float:left;
}

.popnew03 
{ 
	font-size:15px; 
	font-weight:bold; 
	color:#004264; 
	font-family:Arial, Helvetica, sans-serif; 
	width:10%; 
	float: left; 
	text-align:right;
}

.popnew04 
{
	background-image:url(../images/popheadback.gif); 
	background-repeat:repeat-x; 
	padding-top:1px; 
	padding-bottom:9px;
	height:19px; 
	padding-left:10px;
}

.popnew05 
{ 
	padding:10px; 
}

.tabstyle
{
    background-color: #F9f9f9;
    width: 100%;
    font-family: "Helvetica Neue" , Arial, Arial CYR;
    font-size: 14px;
    font-weight: bold;
    padding-top:10px;
}

.ajax__calendar_container { z-index : 1000 ; }

.grid_textbox
{
	background-color:#F9f9f9;border:1px solid #000;
}

.ajax__tab_header
{
	font-size:13px !important;
	font-family: helvetica !important;
}

.loginscreenclass {
    position: absolute;
    top: 0px;
    left: 0%;
    /*left:68%;*/
    right: 0px;
    bottom: 0px;
    padding-top:50px;
   
}


.logincontainerclass
{
	width: 100%; 
	height:100%;
}


.img-circle {
    border-radius: 50%;
}
    
.empnamecss
{
    font-size: 20px;
    font-weight: bold;
}
    
.empcodecss
{
    font-size: 12px;
    font-weight: normal;
}
    
.empinfohead
{
    font-size: 12px;
    font-weight: bold;
}

.empinfodetail
{
    font-size: 12px;
    font-weight: normal;
}
    
.sectionrow
{
    float:left;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    font-size: 12px;
    font-weight: normal;
}
    
.sectionrowhead
{
    float:left;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f6f6f6;
}
    
.myinfopanel
{
    width:100%;
    margin-bottom:5px;
    padding-left:15px;
    float:left;
    background-color:#FCE8D5;
    border-bottom: 3px solid #4CB8E5;
}

.search-inner-addon {
    position: relative;
}

.search-inner-addon i {
    position: absolute;
    padding: 9px 9px;
    pointer-events: none;
    z-index: 1000;
}

.search-inner-addon input {
    padding-left: 25px;
}


.right-inner-addon {
    position: relative;
}

.right-inner-addon i {
    position: absolute;
    padding: 6px 6px;
    pointer-events: none;
    z-index: 1000;
}

.right-inner-addon input {
    padding-left: 25px;
}

.right-inner-addon select{
    padding-left: 25px;
}

.txtWithIcon
{
	border-width: 1px 1px 1px 1px;
    font-weight: normal;
    font-size: 12px;
    color: #333333;
    font-family: Arial, Tahoma,Verdana;
    border-color: #E6E6E6;
    border-style: solid;
    background-color: #ffffff;
	padding-top: 4px;
    padding-bottom:4px;
    border-radius: 3px;
    width: 100%;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* time & attendance calendar */
.calendar_heading_section
{
    width:100%;text-align:center;padding:0px;background-color:#f2f2f2;border:1px solid black;
    font-size:28px;
    font-weight:700;
}
.calendar_heading
{
    padding:5px;
}
.calendar_days_heading_section
{
    width:100%;background-color:#FDC691;height:50px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;
}
.calendar_days_name
{
    width:14%;height:49px;text-align:center;float:left;background-color:#FDC691;padding-top:15px;border-right:1px solid black;color:black;font-weight:bold;
}
.calendar_days_name_last
{
    width:14%;height:35px;text-align:center;float:left;background-color:#FDC691;padding-top:15px;color:black;font-weight:bold;
}
.calendar_days_section
{
    width:100%;background-color:#FFE0C0;height:70px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;
}
        
.calendar_days
{
    width:14%;height:69px;text-align:center;float:left;background-color:white;padding-top:15px;border-right:1px solid black;
    font-size:16px;
}
.calendar_days a
{
    font-weight:600;
    cursor:pointer;
}
        
.calendar_days_last
{
    width:16%;height:69px;text-align:center;float:left;background-color:white;padding-top:15px;font-size:16px;
}
.calendar_days_last a
{
    font-weight:600;
    cursor:pointer;
}
.hrs_text
{
    font-size:12px;
    color: Black;
    padding-top:10px;
}



.google-visualization-orgchart-table *
{
	width: 125px !important;
}

.google-visualization-orgchart-table
{
	background-color: #fff;
}

.ajax__tab_tab {
    height: 20px !important;
}

.proptclass  
{  
    color: #000;  
    font-size:11px;  
    font-weight:normal;  
    background-color:#f9f9f9;  
    border:solid 1px Orchid;  
    height:20px;  
}

.accordionHeaderCssClass {
    background-color: #284997;
    color: white;
    border: 1px solid black;
    padding: 4px;
    cursor: pointer;
    font-size:12px;
}

.accordionContentCssClass {
    background-color: white;
    color: black;
    border: 1px dotted black;
    padding: 4px;
}

.accordionHeaderSelectedCssClass {
    background-color: #F1E19C;
    color: black;
    border: 1px solid black;
    padding: 4px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}