body{margin:0;font-family: Tahoma;font-size: font-size: 0.85em;background-color:#fff; color:#07519a;}
.cursorPointer{cursor:pointer;}
.centerAlign{text-align:center;}
.divMain{width: 960px; margin-left: auto; margin-right: auto; margin-top: 0px;}
.divFullWidth{width: 100%;}
.h1Logo{font-size:0.8em; font-family:Cooper Black; font-weight:normal; color:Black; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.divLogin{font-size:0.8em; color:#07519a; text-align:right; vertical-align:top;}
.divLogin a:link ,.divLogin a:hover ,.divLogin a:visited{font-size:1em; text-decoration:none;}
.divLogin a:link{ color:#07519a;}
.divLogin a:hover{color:#FF9966;}
.divLogin a:visited{color:#FF9966;}
.divContentMain{  width: 960px; padding-top: 5px; padding-bottom: 5px;}
.divContentManu{ width : 180px; float: left; border:solid 1px #07519A;}
.divFooter{width: 960px; text-align: center; padding-top: 20px; font-size: 0.8em;}
.divFooter p{margin-top:10px;}
.divMenuBar{ width:100%; margin-bottom:0px; background-color:#1a76b7;}
.divSiteMapPath{padding:5px 0px 5px 0px;} .divSiteMapPath a{text-decoration:none;}
/* MasterPage - Header New */
#divMainMP_Header {position:relative;float:left;width:100%;border-bottom: solid 5px #005d9f;}
#divMainMP_HeaderLeft {position:relative;float:left;width:110px;height:65px;padding-top:10px;}
#divMainMP_HeaderRight {position:relative;float:right;width:845px;}
#divMainMP_HeaderRight_LoginStatus {position:relative;float:left;width:100%;height:50px;font-size:0.8em;text-align:right;color:#FF9966;}
#divMainMP_HeaderRight_LoginStatus a:link ,#divMainMP_HeaderRight_LoginStatus a:hover ,#divMainMP_HeaderRight_LoginStatus a:visited{text-decoration:none;}
#divMainMP_HeaderRight_LoginStatus a:link{ color:#07519a;}
#divMainMP_HeaderRight_LoginStatus a:hover{color:#FF9966;}
#divMainMP_HeaderRight_LoginStatus a:visited{color:#FF9966;}
#divMainMP_HeaderRight_Menu {position:relative;float:left;width:100%;margin-top:5px;}
.divMainMP_HeaderRight_MenuContainer {position:relative;float:right;z-index:0;}
/*-----------------Panel--------------------*/
.divPanelPersonnel{border: solid 1px #9bd5fb; margin-bottom:10px;font-size:0.85em;}
.divPanelPersonnel h1{margin: 0px 0px 0px 0px; padding: 3px 0px 3px 5px; font-size:13px; font-weight: bold; background: #b7e3ff url('Images/Default/bg_panel_personnel.gif') repeat-x; }
/*.divPanelPersonnel h1 #ctl00_ContentPlaceHolder1_lbHead{ white-space: pre; position:absolute;}*/
.divPanelPersonnel .divFind{padding: 5px 5px 5px 5px; background-color: #D9ECFF;}
.divPanelPersonnel .divContent{padding: 5px 5px 5px 5px;}
.divPanelPersonnel .divContetTab{width: 99%; padding-left: 5px; padding-bottom:5px;}
.divPanelPersonnel .divContetTabMenuHead{background-color:Transparent;}
.divPanelPersonnel .divContentTabMenu{padding: 5px 5px 5px 5px; background-color: #DDECFE; border: solid 1px #002D96; border-top:none; margin-top:-1px; /*position:relative;*/}
.divPanelPersonnel .divContent .Girdview a{text-decoration: none;color: #000;}
.tdLableFind{font-size:0.8em;}
.tdFindHead{width: 20%;background-color: #99CCFF; color: #FFFFFF;font-weight: bold;text-align: right;font-size: 12px;}
.tdFindValue{width: 30%;font-size: 0.8em;}
.spanImageFamily{background-image: url('Images/Prosonnel/icon_Prosonnel.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageTime{background-image: url('Images/TimeAttendance/icon_Time.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageCalendar{background-image: url('Images/Carlendar/icon_Calendar.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageApprove{background-image: url('Images/ApproveCenter/icon_Approve.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageTrain{background-image: url('Images/ApproveCenter/icon_Train.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageChart{background-image: url('Images/ApproveCenter/icon_Chart.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageOrganization{background-image: url('Images/ApproveCenter/icon_Organization.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageEPaySilip{background-image: url('Images/EPaySlip/icon_EPaySlip.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageEPayTaxList{background-image: url('Images/EPaySlip/icon_TaxList.png'); background-repeat: no-repeat; padding-left:15px}
.spanImageEPayTaxCheck{background-image: url('Images/EPaySlip/icon_TaxCheck.png'); background-repeat: no-repeat; padding-left:15px}
.EmptyDataRow{font-size: 1em; width: 100%; padding-top: 115px; padding-bottom: 115px; margin-left:auto; margin-right:auto;}
/*-----------------Div Button Top--------------------*/
.divButtonTop{text-align: right;font-size: 0.8em;font-weight: bold;padding-bottom: 5px;}
.divButtonTop input,.divButtonTop img{margin-left: 10px;border-width: 0px;height: 35px;width: 35px;cursor: pointer;}
/*-----------------Table Template Blue--------------------*/
.templateTableBlue{width: 100%;   background-color: #ddecfe;}
.templateTable{width: 100%;}
.templateTableBlue td input{width: 95%; font-family:Tahoma; font-size:12px;}
.templateCaptionBlue{padding: 3px 2px 0px 5px; text-align: right; color: #4368a0;    font-size: 0.8em;}
.templateTableBlue td select {width: 97%;}
.tdColumn5Percent,.tdColumn6Percent,.tdColumn8Percent,.tdColumn10Percent,.tdColumn12Percent,.tdColumn15Percent,.tdColumn18Percent,.tdColumn20Percent,.tdColumn22Percent,.tdColumn25Percent,.tdColumn28Percent,.tdColumn30Percent,.tdColumn32Percent,.tdColumn35Percent,.tdColumn40Percent,.tdColumn50Percent, .tdColumn60Percent , .tdColumn70Percent ,.tdColumn80Percent{font-size:12px; vertical-align:top;}
.tdColumn5Percent {width: 5%;}.tdColumn6Percent {width: 6%;}.tdColumn8Percent {width: 8%;}.tdColumn10Percent {width: 10%;}.tdColumn12Percent{width: 12%;}.tdColumn15Percent {width: 15%;}.tdColumn18Percent{width: 18%;}
.tdColumn20PercentOT {width:20%; font-size:12px; padding-top:1px;}
.tdColumn20Percent {width:20%;}.tdColumn22Percent {width:22%;}.tdColumn25Percent {width:25%;}.tdColumn28Percent{width:28%;}.tdColumn30Percent {width: 30%;}
.tdColumn35Percent {width: 35%;}tdColumn32Percent {width: 32%;}.tdColumn40Percent {width: 40%;}.tdColumn50Percent {width: 50%;}.tdColumn60Percent {width:60%; }
.tdColumn70Percent {width:70%; }.tdColumn80Percent {width:80%; }
.tdTemplateBlue{width: 30%;text-align: right;vertical-align: middle;background-color: #ddecfe;}
.tdCaptionMiddle{text-align: right; color: #4368a0;vertical-align:middle;}

/*Login*/
.divMain{ width:960px; margin-left:auto; margin-right:auto;font-family: Tahoma;}
.divMainLogin{ width:960px; margin-left:auto; margin-right:auto;font-size: 12px;font-family: Tahoma;}
.tbMainLogin{width: 400px;padding: 5px; margin-left:auto; margin-right:auto;}
.tbMainLogin td, .tbMainLogin td td{line-height: 30px;vertical-align: top;padding-left: 10px;padding-right: 10px;}
.tbMainLogin td{width: 200px;}
.tbMainLogin td td{width: 300px;}
.tbMainLogin tr{ height:20px;}
.tbMainLogin a,.divLoginPopUp a{ text-decoration:none;}
.FooterLogin{  text-align:center; width:100%; font-size: 12px; margin-top:5px; padding-bottom:5px;}
.tdimageIconLogin{ padding-left: 300px;font-size: 1.5em; font-weight:bold; font-family: Tahoma;text-align: left;padding-top:15px;}
.tdButtonSingIn{width:100%;}.tdButtonSingIn input{color:#07519a; font-weight:bold; margin-left:300px; height:32px; width:92px;}
.hrstyleLogin{width:365px; border:none; background-color:#07519a;  border-bottom :solid 3px #baddf0; height:4px; font-size:0.1em; margin:5px 0px 5px 0px;  }
.divCaptionLogin{ padding-top:20px; text-align:center;}
.divCaptionLogin2{color:Green;font-size:12px; font-weight:bold;  padding-left:30px; width:96%;  }
#divLogo{margin-top:10px;text-align:left;  padding-left:10px;}
#tdh1Logo{ vertical-align:middle; padding-left:5px;}

/* Login New-Logo*/
/*#tbLogin_MainLogo {width:550px;}*/

#tdLogin_LogoESS {width: 160px; text-align: right;}
#tdLogin_Description {width: 660px;color:Green;font-size:12px; font-weight:bold;text-align:left;}
#spanLogin_Description1 {margin-left:50px;}
#spanLogin_Description2 {margin-left:30px;}
#tbLogin_ImageLogin {width: 100%;}
#tdLogin_ImageLogin {width: 82px;vertical-align: bottom;text-align:left;}
#tdLogin_Caption {width: 90%; vertical-align: bottom; text-align: left;color:#07519a; font-weight:bold;font-size:18px;}


/* Calendar  */
.CalendarBlue{border: solid 1px #aecded; margin-bottom:10px; font-size:0.85em;  width:250px;}
.CalendarBlue h1   {  margin : 0px 0px 0px 0px; padding: 3px 0px 3px 5px; font-size:0.9em; font-weight: bold; background:  url('Images/Carlendar/headerBg.png') repeat-x; color: #07519a;}
.CalendarBlue .CalendarBox{padding: 5px 5px 5px 5px;}
.CalendarBox input{ font-size:0.85em;}

.tdCaption{width:150px;text-align:right;padding-right:10px;}
.tdContent{width:623px;padding-left:5px;}
.PersonnelTable .tdCaption { width:35%;}
.PersonnelTable .tdContent { width:65%;}
.PersonnelTable tr{ height:30px;}

/* ButtonToolsUC.cs */
.ButtonToolsUC , .ButtonToolsUC_Hover {font-family:Tahoma;font-size:11px;}
.ButtonToolsUC {color:#4368a0;text-decoration: none;cursor: pointer;}
.ButtonToolsUC_Hover {color:Blue;font-weight:bold;text-decoration:underline;cursor: pointer;}

/* UpdatePanel : ProgressBar Waiting for Loading */
.divProgressBar{width: 120px; height: 35px; margin-top:-35px; margin-left:850px; position:absolute;}
.divProgressBarLeft{width: 120px; height: 35px; margin-top:-35px; position:absolute;}
/* SplashBar Or ProgressBar Waiting for Loading */
.divSplashContainer{text-align: right;font-size: large;position: fixed;visibility: visible;width: 98%;filter: alpha(opacity=65 );-moz-opacity: 0.65;opacity = 0.65;vertical-align: middle;display: inline;height: 98%;background-color:#000000;border-right: white thick outset; border-top: white thick outset; border-left: white thick outset;border-bottom: white thick outset;  z-index:99999;}
.divLoaderBack{background-color: #444141;color: #ffffff;font-size:x-small;height: 5px;visibility: visible;width: 510px;padding-right: 5px;padding-left: 5px;padding-bottom: 5px;padding-top: 5px;margin-top: 15px;vertical-align: middle;text-align: left;margin: auto;top:50%;position:relative;border:solid 1px #aeb2b1;}
.divLoaderProgress{background-color: #e2e7eb;color: gray;padding: 5px,0px,0px,5px;position: relative;visibility: visible;height: 5px;width: 0px;}
.divLoadingStat{background-color: Transparent;border-color: #ffffff;color: #ffffff;padding: 5px,0px,0px,5px;position: relative;visibility: visible;border-width: medium;width: 100%;height: 10px;text-align: center;margin-bottom: 15px;top:50%;}

/* EnumUC */
.PersonnelTable,.TableEmpInfoUC { width:100%; font-size:12px;font-weight:normal; color:#37669B;}
/* Table 2 Column*/
.PersonnelTableColumn2_Caption1 {width:30%;color:#4368a0;text-align:right;padding:0px 5px 0px 0px;vertical-align:middle;}
.PersonnelTableColumn2_Value2 {width:70%;color:#595959;text-align:left;padding:0px 0px 0px 5px;}
.MainEnumeration{width: 750px;height: 500px;text-align: center;padding: 10px;}
#tbEnumeration{width: 500px;margin-bottom: 10px;}
#tbEnumeration tr{line-height: 25px;font-size: 0.85em;}
#tbEnumeration td{width: 150px;}
#tbEnumeration .tdinput{width: 250px;padding-left: 30px;}
.tbControl td{ padding:5px;}
.divButtonForgotPassword{width: 85%; text-align: right; margin-top: 10px; margin-bottom: 30px;}
.divMasangeLogin{font-size: 12px; color: Red;}
.CaptionForgot{font-size: 1.5em; font-weight: bold; color: #07519a; padding-bottom:10px;}
#spanConfig a{color:White;}

/*Error Page*/
.divError,.divLine{width: 80%;margin-left: auto; margin-right: auto;margin-top: 35px;}
.divErrorTop{padding: 10px 10px 10px 10px;background-color: #FFFFDC;text-align: center;}
.divErrorDetail{padding: 20px 20px 20px 20px;background-color: #FFFFEC;}
.divLineHard{height:2px; background-color:#0066ff;}
.divLineSoft{height:4px; background-color:#baddf0;}

/* MenuHelperUC */
.divMenuHelperUC-Scroll 
{
      width: 810px;
      height: 27px;
      overflow: hidden;
      float:left;
}

.divMenuHelperUC-Scroll-Holder {width: 923px;height: 27px;}
.divMenuHelperUC-Scroll-Item {width: 810px;height: 27px;float: left;}
.divPrevMenu {width:16px;height:16px;position:relative;float:left;cursor:pointer;margin:5px 0px 0px -8px;background-image:url('Images/Icon/btn_prevmenu_disable.gif');background-repeat:no-repeat;}
.divNextMenu {width:16px;height:16px;position:relative;float:left;cursor:pointer;margin:5px 0px 0px 6px;background-image:url('Images/Icon/btn_nextmenu_enable.gif');background-repeat:no-repeat;}