/* staff maintenance form */
.staffFormHeader {float:left; width:450px; border-bottom:2px solid; font:bold 16px Arial; margin-bottom:35px; }

#staffBoxInputGroup {float:left; border:0px solid; margin-top:30px;z-index:10}
.staffBoxDetail {position:relative; clear:both; margin-top:0px; padding:0px; height:100%; border:0px solid;}
.staffBoxDetail .inputGrpRight {position:relative; float:left; border:0px solid;}
.staffBoxDetail .lblText {position:relative; font: 13px Arial; float:left; padding-top:8px; margin-right:8px; margin-left:0px; height:100%; width:130px;text-align: right;}
.staffBoxDetail .font15 {font:15px Arial;}
.staffBoxDetail select.textField {position:relative; font:13px Arial; color:#000000; margin-bottom:10px; left:0px; background-color:#FFFFFF;color:#333; padding:6px; width:200px;border:1px solid #A3A3A3;}
.staffBoxDetail select.middle {width:315px; }
.staffBoxDetail input.textField {position:relative; font:13px Arial; height:20px; color:#000000; margin-bottom:0px; left:0px; background-color:#FFFFFF;color:#333; padding:6px; width:200px;border:1px solid #A3A3A3;}
.staffBoxDetail input.blur {font:12px Arial; color: #C9C9C9;}
.staffBoxDetail input.long {width:500px; }
.staffBoxDetail input.middle {width:300px; }
.staffBoxDetail input.short {width:100px; }
.staffBoxDetail textarea.textField {position:relative; font:12px Arial; margin-bottom:10px; background-color:#FFFFFF;color:#333;padding:6px;width:200px; height:80px; border:1px solid #A3A3A3;}
.staffBoxDetail textarea.blur {font:12px Arial; color: #C9C9C9;}
.staffBoxDetail .inputError {position:relative; display:inline; min-height:15px; height:100%; width:200px; font:12px Arial; float:left; color:#a80308; left:0px; border:0px solid; padding-top:0px; margin-top:0px; }
.staffBoxDetail .showborder {border:1px solid; }
.staffBoxDetail .horizon {position:relative; font:15px Arial; height:20px; margin-bottom:10px; padding-top:6px; width:100px; border:0px solid;}

/* staff record history Layout*/
.staffListTable {position:relative; clear:both; margin-top:10px; display: table; table-layout:fixed; border-collapse: collapse; border:#505050 solid 1px; padding: 5px;}
.staffListTable .rowHeader  {display: table-row; height:28px; font-famile:Arial; font-size:12; font-weight: bold; border:1px solid; background-color:#EFEFEF;}
.staffListTable .row  {display: table-row; height:28px; border:1px solid; background-color:#FFFFFF;}
.staffListTable .cell {display: table-cell; vertical-align:middle; font-family:Arial; font-size:12px; border:1px solid #C9C9C9; padding-right: 8px; padding-left: 8px; white-space: nowrap;}
.staffListTable .cellName {display: table-cell; vertical-align:middle; font-family:Arial; width:80px; font-size:12px; border:1px solid #C9C9C9; padding-right: 8px; padding-left: 8px; white-space: nowrap;}
.staffListTable .cellLoginId {display: table-cell; vertical-align:middle; font-family:Arial; width:80px; font-size:12px; border:1px solid #C9C9C9; padding-right: 8px; padding-left: 8px; white-space: nowrap;}
.staffListTable .cellButton {display: table-cell; text-align:center; padding-left:8px; padding-right:8px; vertical-align:middle; font-family:Arial; font-size:12px; border:1px solid #C9C9C9; white-space: nowrap;}
.staffListTable .row:hover  {display: table-row; background-color:#FFFFD7;}
.staffListTable .row-highlight  {display: table-row;background-color:#FFFF6A}