.employee_main_box {
    margin: 20px auto;
    min-height: 100px;
    width: 944px;
}
.promotions_main_box {
    margin: 20px auto;
    min-height: 100px;
    width: 707px;
}
.com_incre_main_box {
    margin: 20px auto;
    min-height: 100px;
    width: 550px;
}
.employee_box_header {
    background: none repeat scroll  #27235c;
    border-color: #27235c #27235c #27235c;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.77) inset;
    color: #FFFFFF;
    overflow: hidden;
}
.employee_box_header h2 {
    font-size: 16px;
    padding: 10px;
    text-align: center;
}
.employee_box_body {
    background: none repeat scroll 0 0 #939598;
    border-bottom: 2px solid #27235c;
    border-left: 2px solid #27235c;
    border-radius: 0 0 5px 5px;
    border-right: 2px solid #27235c;
    padding: 10px;
}

.employee_box_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #909090;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
}
.employee_box_content_punishment {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #909090;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
}
.employee_box_left {

}
.employee_box_center {
 
}
.employee_box_right {

}
.employee_table {
    width: 100%;
   
}
.arowBnt_table {
width: 100%;
text-align:center;
}
.em_personal_info {
  overflow: hidden;

}

.em_personal_info_table {
  background: none repeat scroll 0 0 #e3e3e3;
  border: 1px solid #DDDDDD;
  margin: 20px auto;
  padding: 25px 0;
  width: 100%;
}
.em_personal_info_table tr  {
   height:33px;
}
.em_personal_info_table tr td:first-child {
    text-align:right;
}
.em_present_address_table {
  background: #E3E3E3 none repeat scroll 0 0;
  border: 1px solid #dddddd;
  margin: 12px auto;
  padding: 25px 0;
  width: 100%;
}
.em_present_address_table tr  {
   height:33px;
}
.em_present_address_table tr td:first-child {
    text-align:right;
}
.em_button_table {
  margin: 0 auto;
  padding-bottom: 10px;
}
.em_emergency_contact {
  margin: 0 auto;
}
.custom_fieldset_empl {
  border: 1px solid #D3D3D3;
  min-height: 370px;
 
}
.emergency_contact_left {
  float: left;
  width: 350px;
}
.personal_employee_experience {
  background: none repeat scroll 0 0 #EFEFEF;
  min-height: 100px;
  margin:15px 0;
  border: 1px solid #DDDDD9;
}
.personal_employee_experience_report {
  border-collapse: collapse;
  width: 100%;
}
.personal_employee_experience_report tr {
}
.personal_employee_experience_report tr th {
  background: none repeat scroll 0 0 #505050;
  border: 1px solid #DDDDDD;
  color: #FFFFFF;
  padding: 3px;
}
.personal_employee_experience_report tr td {
    border:1px solid #BCBCBC;
    padding:3px;
}
.personal_employee_experience_main {
  border: 1px solid #DDDDDD;
  margin: 15px 0;
  padding: 5px;
}
.personal_employee_education {
  background: none repeat scroll 0 0 #EFEFEF;
  min-height: 100px;
  margin:15px 0;
  border: 1px solid #DDDDD9;
}
.personal_employee_education_main {
  border: 1px solid #DDDDDD;
  margin: 15px 0;
  padding: 5px;
}
.em_right_button_area {
    margin-top:185px;
}
.em_right_button {
  cursor: pointer;
  margin: 2px 0;
  padding: 5px;
  width: 100%;
}
.personal_employee_education_report {
  border-collapse: collapse;
  width: 100%;
}
.personal_employee_education_report tr {
}
.personal_employee_education_report tr th {
  background: none repeat scroll 0 0 #505050;
  border: 1px solid #DDDDDD;
  color: #FFFFFF;
  padding: 3px;
}
.personal_employee_education_report tr td {
    border:1px solid #BCBCBC;
    padding:3px;
}
.emp_button_area {
    border-top: 2px solid #C6C6C6;
    margin: 10px auto 0;
    padding-top: 15px;
}
.personal_info_employee {
  overflow: hidden;
  border: 1px solid #c1c1c1;
  padding: 20px;
  font-size:15px;

}
.text_box_width_2 {
margin:3px;
width:81px;
}
.text_box_width_3 {
    margin:3px;
    width:300px;
}
.select_width_2 {
margin:3px;
width:91px;
}
.em_present_address {
    overflow:hidden;
}
.em_permanent_address {
    overflow:hidden;
}
.image_btn {
   margin-left: 40px;
    margin-top: 200px;
}
.salary_increment_main_box {
margin: 20px auto;
min-height: 100px;
width: 1080px;
}
.salary_increment_left_area {
border-right: 1px solid #DDDDDD;
float: left;
margin: -10px;
min-height: 580px;
overflow: hidden;
padding: 10px;
width: 606px;
}
.salary_increment_right_area {
float: left;
margin-left: 20px;
overflow:hidden;
width:368px;
}
.salary_incre_button {
    border-top: 2px solid #C6C6C6;
    margin: 10px auto 0;
    padding-top: 15px;
}
.promotion_button {
    margin: 10px auto 0;
    padding-top: 15px;
    padding-left: 95px;
}
.punishment_button_area {
    margin: 10px auto 0;
    padding-top: 15px;
    margin-bottom:5px;
    overflow:hidden;
}
.emp_button_table {
    margin:auto;
}
.emp_btn {
background: -moz-linear-gradient(center top , #3B5998 5%, #3B5998 100%) repeat scroll 0 0 #3B5998;
border: 1px solid #3B5998;
border-radius: 5px;
box-shadow: 1px 1px 0 0 #3B5998 inset;
color: #FFF;
cursor: pointer;
display: inline-block;
font-family: Arial;
font-size: 14px;
font-weight: normal;
margin-right: 10px;
padding: 8px 18px;
text-decoration: none;
text-shadow: 1px 1px 0 #3B5998;
}
.emp_btn:hover {
    background: -moz-linear-gradient(center top , #3B5998 5%, #3B5998 100%) repeat scroll 0 0 #3B5998;
}
.emp_right_area {
    /*border-top: 2px solid #C6C6C6;*/
    margin: 10px auto 0;
    padding-top: 15px;
    margin-top:0px;
    padding-left: 95px;
}
 /*#ContentPlaceHolder1_chkSlablist label
{
position: relative;
top: -4px;
}*/

.emp_right_table {
}
.text_box_width {
    width: 188px;
}
.form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    font-size: 14px;
    line-height: 1.42857;
    padding: 4px;
    
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.punishment_main_box {
  margin: 20px auto;
  min-height: 100px;
  width: 600px;
}
.punishment_main_box_2 {
  margin: 20px auto;
  min-height: 100px;
  width: 1040px;
}
.punishment_box_header {
    background: none repeat scroll 0 0 #27235c;
    border-color: #076591 #0C5870 #0C5870;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.77) inset;
    color: #FFFFFF;
    overflow: hidden;
}
.punishment_box_header h2 {
    font-size: 16px;
    padding: 10px;
    text-align: center;
}
.punishment_bottom_header {
    background: none repeat scroll 0 0 #939598;
    border-color: #27235C #27235C #27235C;
    border-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.77) inset;
    color: #FFFFFF;
    overflow: hidden;
}
.punishment_bottom_header h3 {
    float:left;
    padding:5px 0px 5px 14px;
}
.punishment_bottom_header p {
    float:right;
    padding:5px 14px 0px 0px;
}
.punishment_against_2 {
border-right: 1px solid #DDDDDD;
float: left;
margin: -10px;
min-height: 580px;
overflow: hidden;
padding: 20px;
width: 430px;
}
.punishment_against_Separation {
border-right: 1px solid #DDDDDD;
float: left;
margin: -10px;
min-height: 580px;
overflow: hidden;
padding: 20px;
width: 402px;
}
.punishment_against_2 h3 {
 color: #555555;
margin-bottom: 15px;
padding: 5px;
}
.punishment_against_3 {
    float:left;
    margin-left:30px;
}
.punishment_against {
  overflow: hidden;
  width: 545px;
  margin-right:15px;
  margin:0 auto;
  margin-bottom:10px;
}
.emp_button_table_fix {
float: right;
margin-right: 19px;
}
fieldset {
  padding: 0em;
  font:90%/1 sans-serif;
  }
/*
label {
  float:left;
  width:39%;
  margin-right:1.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
*/
label {
  margin-right:3px;
  margin-left: 7px;
  vertical-align: top;
  }
.promo_middle_box {
    overflow:hidden;
    padding-bottom: 10px;
}
.promo_box_left {
    border: 0 solid #FF0000;
    float: left;
}
.promo_box_right {
    border: 0 solid #FF0000;
    float: right;
}
.promo_button_table {
    margin:auto;
}
.com_incre_left {
    float:left;
    border:0px solid red;
    margin-right: 10px;
}
.com_incre_right {
    float:right;
    border:0px solid red;
    margin-right: 10px;
}
.com_incre_table {
    width: 100%;
}
.com_incre_button {
    border-top: 2px solid #C6C6C6;
    float: left;
    margin: 13px auto 0;
    padding-top: 15px;
    width: 100%;
}
.worker_id__main_box {
    margin: 20px auto;
    min-height: 100px;
    width: 569px;
}
.id_card {
    background: none repeat scroll 0 0 #8FD6FF;
    border: 1px solid #909090;
    margin: 0 auto;
    padding: 10px; 
    overflow: hidden;
    margin-top:10px;
}
.id_card_left {
    float:left;
    border:0px solid red;
    margin-right: 5px;
    width:200px;
}
.id_card_left p{
    padding-bottom:5px;
    font-size:13px;
}
.id_card_center {
    float:left;
    border:0px solid red;
    margin-right: 5px;
    width:54px;
}
.id_card_right {
    float:right;
    border:0px solid red;
    margin-right: 5px;
    width:200px;
}
.id_card_right p{
    padding-bottom:5px;
    font-size:13px;
}
.arrow_button {
    background:#F7EFE7 no-repeat;
    border-radius: 5px;
    color:black;
    cursor: pointer;
    font-family: Arial;
    font-size: 14px;
    margin: 0 3px;
    padding: 5px 6px;
    text-decoration: none;
    width:29px;
}
.employee_list_table {
    border-collapse: collapse;
}
.employee_list_table th {
    width:200px;
}
.employe_list_main_box {
    margin: 20px auto;
    min-height: 100px;
    width:960px;
}
.emp_table_list {
    background: none repeat scroll 0 0 #AAB883;
    height: 200px;
    margin: auto;
    overflow: scroll;
    width: 955px;
}
.emp_list_box_body {
    background: none repeat scroll 0 0 #C6C6B4;
    border-radius: 0 0 5px 5px;
    margin: auto;
    min-height: 200px;
    padding: 1px;
    width:955px;
    border: 1px solid #808080;
}
.emp_list_btn_box {
    width:960px;
    overflow: hidden;
}
.emp_list_button_leff {
    height: auto;
    margin: auto;
    overflow: hidden;
    padding-bottom: 20px;
    width: 260px;
    float:left;
    padding:22px 0px 16px 8px;
}
.emp_list_button_center {
    height: auto;
    margin: auto;
    overflow: hidden;
    padding:22px 0px 16px 5px;
    width: 420px;
    float:left;
    background:#CCCCCC;
}
.emp_list_button_right {
    height: auto;
    margin: auto;
    overflow: hidden;
    padding:22px 0px 16px 0px;
    float:right;
}
.rejoin_list_main_box {
    margin: 20px auto;
    min-height: 100px;
    width:606px;
}
.rejoin_list_box_body {
    background: none repeat scroll 0 0 #C6C6B4;
    border-radius: 0 0 5px 5px;
    margin: auto;
    min-height: 200px;
    padding: 1px;
    width:601px;
    border: 1px solid #808080;
}
.rejoin_table_list {
    background: none repeat scroll 0 0 #AAB883;
    height: 200px;
    margin: auto;
    overflow: scroll;
    width: 602px;
}
.promotion_list_btn_left {
    float:left;
}
.promotion_list_btn_right {
    float:right;
}
.salary_incre_list_main_box {
    margin: 20px auto;
    min-height: 100px;
    width:750px;
}
.salary_incre_list_box_body {
    background: none repeat scroll 0 0 #C6C6B4;
    border-radius: 0 0 5px 5px;
    margin: auto;
    min-height: 200px;
    padding: 1px;
    width:750px;
    border: 1px solid #808080;
}
.salary_incre_table_list {
    background: none repeat scroll 0 0 #AAB883;
    height: 200px;
    margin: auto;
    overflow: scroll;
    width: 750px;
}

.text_box_width_special {
width:603px;
}
.text_box_width_company_left {
    width:245px;
}

table.display_2 {
  border-collapse: collapse;
  clear: both;
  margin: 0 auto;
  width: 100%;
}
.display_2 thead {
  border-bottom: 0 none;
  border-left: 2px solid #424242;
  border-top: 0 none;
  padding: 24px 0;
}
table.display_2 tr {
  border-bottom: 1px solid #E7E7E7;
}
table.display_2 thead tr th {
  cursor: pointer;
  font-size: 12px;
}
.display_2 thead th {
  /*background: url("/Images/grd_head.png") repeat-x scroll center top #424242;*/
  color: #FFFFFF;
  font-size: 12px;
  height: 29px;
  padding: 5px;
}
table.display_2 td {
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #F3F3F3 50%, #F3F3F3 51%, #FFFFFF 100%);
  border-left: 1px solid #E7E7E7;
  width:275px;
}
table.display_2 td {
  padding: 4px 0 3px 10px;
}
.employee_list_area {
}
.employee_list_button_area {
    overflow:hidden;
    margin-top:15px;
}
.employee_list_button_area_left {
    float:left;
    width:200px;
}
.employee_list_button_area_center {
    float:left;
    width:415px;
    margin:0 40px;
}

.employee_bottom_area_center {
    /*float:left;
    margin:0 15px;*/
     float: left;
    
    margin-left: -59px;
}
.employee_bottom_area_left {
    
    float:left;
    margin-top:4px;
}
.employee_bottom_area_right {
    float:left;
    margin-top:4px;
}
.custom_rado_button {
margin-top:5px;
}
.close_bt {
    margin-left:85px;
}
.emp_btn_save {
  background: -moz-linear-gradient(center top , #3b5998 5%, #3b5998 100%) repeat scroll 0 0 #3b5998;
  border: 1px solid #3b5998;
  border-radius: 5px;
  box-shadow: 1px 1px 0 0 #97c4fe inset;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  left: 53.5%;
  top: 922px;
  padding: 8px 18px;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px 0 #1570cd;
}
.emp_btn_save:hover {
    background: -moz-linear-gradient(center top , #3B5998 5%, #3B5998 100%) repeat scroll 0 0 #3B5998;
}
.empchkLunch {
   padding-top:5px;
   vertical-align:middle;
}
.empchkLunch label {
line-height:34px;
}
.company_info_main_box {
  font-family: arial;
  margin: 20px auto;
  min-height: 100px;
  width: 720px;
}
.workerImage {
     height: 122px;
    width: 143px;
}
.lstdata {
    width:157px;
    height:146px;
}
.emp_btn_disable {
border-radius: 5px;
color: #555;
cursor: pointer;
display: inline-block;
font-family: Arial;
font-size: 14px;
font-weight: normal;
margin-right: 10px;
padding: 8px 18px;
text-decoration: none;
border:1px solid #ccc;
}
.emp_btn_save_disable {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #555;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  margin-left: 498px;
  margin-top: -37px;
  padding: 8px 18px;
  position: absolute;
  text-decoration: none;
}
.personal_color_header {
  background:#9E1313 none repeat scroll 0 0 !important;
  border-color: #9E1313 !important;
}
.personal_color_body {
  border-bottom: 2px solid #9E1313 !important;
  border-left: 2px solid #9E1313 !important;
  border-right: 2px solid #9E1313 !important;
}
.tbltdHeight table td {
    height:65px;
}

@media only screen and (max-width: 1200px) {
    .image_btn {
        display:none;
    }
    .personal_info_employee {
      border: 0px solid #c1c1c1;
      padding: 0px;
    }
}