*:focus { outline: none; } 
.FrameBorder {border-color: #639ace;}

body {height:100%;width:100%;background-color:White;
     SCROLLBAR-FACE-COLOR:#D7E0E9;
     SCROLLBAR-HIGHLIGHT-COLOR:#D7E0E9;
     SCROLLBAR-SHADOW-COLOR: #7692AA;
     SCROLLBAR-3DLIGHT-COLOR:#ffffff;
     SCROLLBAR-ARROW-COLOR:#7692AA;
     SCROLLBAR-TRACK-COLOR:#D7E0E9;
     SCROLLBAR-DARKSHADOW-COLOR:#7692AA;
     margin:0;
}

form {margin: 0;}

input,textarea,select{margin-bottom:1px;}
input,textarea,select{margin:0\9;}
fieldset{border:1px #A9A9A9 solid;margin:0 0 1px 0;}
input[type=checkbox] {margin: 0 0 0 3px;}
input[type=checkbox] {margin: 0\9;}
input[readonly] {border-color: rgba(118, 118, 118, 0.3);cursor: default;border-width:thin;}
table {font-size: 10pt;}
iframe {background-color:white;}

.bgc_blue {
    background-color: #E3ECF3;
}
.select {font-family: "ËÎÌå"; font-size: 12px; BEHAVIOR: url('Themes/Default/HRPStyle/selectBox.htc'); cursor: pointer; }
.input{ border:1px #CCCCCC solid;color:#666666; font-size:14px; }

.title_login{color:#666666; font-size:32px; font-family:Tahoma;font-weight:bold}
.font_login{color:#666666; font-size:14px; line-height:28px;font-family:Tahoma;}

.toolbarPageBox {border-width:0px;width:30px;font-family:verdana;font-size:8pt;text-align:center;}

.DenyCell {cursor:default;border:solid #a6caf0 1px;background-color:DeepSkyBlue;}
.PopupBorder1 {BORDER-LEFT:#639ace 2px double;BORDER-TOP:#639ace 2px double;BORDER-RIGHT:#639ace 2px double;BORDER-BOTTOM:#639ace 1px solid;}
.PopupBorder2 {BORDER-LEFT:#639ace 2px double;BORDER-RIGHT:#639ace 2px double;BORDER-BOTTOM:#639ace 2px double;}
.PopupBorder3 {BORDER-LEFT:#639ace 2px double;BORDER-TOP:#639ace 2px double;BORDER-RIGHT:#639ace 2px double;BORDER-BOTTOM:#639ace 2px double;}

.UserStyleLogin { background-color: #F0E8DB  }
.UserStyleDividerLogin {color: #5782AC}
.UserStyleVersionLogin { font-family:arial ; font-size:8pt }

.CalendarOuter {BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; FILTER:progid:DXImageTransform.Microsoft.dropshadow(offx=5,offy=5,color=gray,positive=true); BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid; BACKGROUND-COLOR: white}
.CalendarHeader {background-color:aliceblue}
.CalendarDivider {background-color:#336699}

.SelfFormDesc {text-align:right;float:right;width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.LongNote {text-overflow:ellipsis;overflow:hidden;display: inline-block;}

.HighlightRow {background-color:Navy;color:White;}

.welcome_1 {background-image:url(../hrpimages/welcome_1.jpg);}
.welcome_2 {width:200px;font-family:arial;font-size:20px;}
.aboutButton {width:40px;background-color:#D7E0E9;border:1px #7692AA solid;padding-top:2px;COLOR:#0D5295;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.InfoButton {background-color:#D7E0E9;border:1px #7692AA solid;padding-top:2px;COLOR:#0D5295;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.DBButton {background-color:#D7E0E9;border:1px #7692AA solid;padding-top:2px;COLOR:#0D5295;font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.aboutText {font-family: Arial, Helvetica, sans-serif; color:#333333; font-size:12px;}
.about_1{font-family:Arial, Helvetica, sans-serif;color:#0E4C8C;font-size:12px; font-weight:bold;}

.HelpBanner {background-color:#336699}
.HelpBannerTextLeft {font-family:tahoma;font-weight:bold;font-size:14pt}
.HelpBannerTextRight {font-family:tahoma;FONT-STYLE: italic;font-weight:bold;font-size:14pt}
.HelpBannerSeparator1 {background-color:Gray}
.HelpBannerSeparator2 {background-color:Black}
.HelpContentBorder {BORDER-RIGHT: #639ace 1px solid; BORDER-TOP: #639ace 1px solid; BORDER-LEFT: #639ace 1px solid; BORDER-BOTTOM: #639ace 1px solid}
.HelpContentText {font-family:verdana;font-size:12px;cursor:default}
.HelpLink {font-family:verdana;font-size:12px;cursor:pointer}

.Tree {font-family:verdana;font-size:10pt;cursor:default;color:#000057}
.TreeBorder {BORDER-LEFT:#B8C5CE 1px solid;BORDER-TOP:#B8C5CE 1px solid;BORDER-RIGHT:#B8C5CE 1px solid;BORDER-BOTTOM:#B8C5CE 1px solid}
.TreeHeader {font-family:Verdana; font-size:10pt; color:navy; font-weight:bold;background-color:#96b6c6;}
.LeftBorder {BORDER-LEFT:#D5DEE5 1px solid;}

.tableBack {background-color:#ffffff;}
.tableHeader {height:21px;background-color:#D6DFE6; width:100%}
.tableTitle {cursor:default;color:#084D92; font-weight:bold; font-family:verdana; font-size:10pt;width:100%}
.tableBorderLeft { background-color: #ffffff; background-image: url('../HRPImages/tableBorderLeft.gif'); background-repeat: repeat-y  }
.tableBorderRight { background-color: #ffffff; background-image: url('../HRPImages/tableBorderRight.gif'); background-repeat: repeat-y }
.tableBorderBottom { background-color: #ffffff; background-image: url('../HRPImages/tableBorderBottom.gif'); background-repeat: repeat-x }
.tableBar {BACKGROUND-IMAGE: url('../HRPImages/tableBar.gif'); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff}

.HeaderSep {margin-left:-1px;margin-right:2px;height:100%;background-color:white;font-size:4px;font-family:arial;width:1px;position:absolute;}
.HeaderTxt {cursor:pointer;height:100%; vertical-align:top; padding-top:2px;font-family:Verdana; font-size:10pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.HeaderTxt1 {cursor:pointer;height:100%; vertical-align:top; padding-top:2px;font-family:Verdana; font-size:10pt;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:table-cell;*display:inline-block;}
.HEGTxt {cursor:Default;height:100%; vertical-align:top; padding-top:2px;font-family:Verdana; font-size:10pt;white-space:nowrap;display:inline-block;}
.HeaderSepGrid {margin-left:-2px;margin-right:2px;height:100%;background-color:white;font-size:4px;font-family:arial; display:none}
.HeaderDrag {filter: alpha(opacity=30); background: #084D92;height: 30px; width: 1px;}
.HeaderSepBindTb {margin-left:-1px;margin-right:2px;height:100%;background-color:white;font-size:4px;font-family:arial;cursor:w-resize;width:1px;position:absolute;}

.HTCell1 {cursor:default;border-bottom:solid #D6DFE6 1px;background-color:transparent;}
.HTCellN {cursor:default;border-left:solid #D6DFE6 1px;border-bottom:solid #D6DFE6 1px;background-color:transparent;}
.HTHSortFlag {font-family:wingdings;color:Red;}
.HTHeader {cursor: default;background-color: #D6DFE6;height: 21px;font-family: Verdana;font-size: 10pt;color: #084F91;font-weight: bold;position:sticky;top:0;user-select: none;-ms-user-select: none;-webkit-user-select: none;white-space: nowrap;}
.HTHeader1 {cursor:default;background-color:#ffffff;height:21px;font-family:Verdana; font-size:10pt; color:#084F91; font-weight:bold;position:relative;user-select:none;-ms-user-select: none;-webkit-user-select: none;white-space:nowrap;}
.BorderBack {background-color:#B8C5CE;}
.BorderBack1 {background-color:#ffffff;}
.HTSelectBar{ padding:5px; padding-top:2px;}
.HTSelectBar span{ font-size:12px;}

.txtEditGridInput {font-family:verdana; font-size:10pt; color:black; font-weight:normal;outline:none;border:0;}
.EditGridBorder {border-collapse:collapse;font-family:verdana;font-size:10pt;cursor:default;color:#000057;BORDER-LEFT:#a6caf0 1px solid;BORDER-TOP:#a6caf0 1px solid;BORDER-RIGHT:#a6caf0 1px solid;BORDER-BOTTOM:#a6caf0 1px solid}
.EditGridNonBorder {border-collapse:collapse;font-family:verdana;font-size:10pt;cursor:default;color:#000057}
.EditGridHeader {POSITION:relative; TOP:expression(this.offsetParent.scrollTop-1);font-family:Verdana; font-size:10pt; color:navy; font-weight:bold;}
.EditGridHeaderCell {border-top:1px solid aliceblue;background-color:#96b6c6;}
.EditGridComboBox {cursor:pointer;BORDER-RIGHT: #639ace 2px solid; BORDER-TOP: #639ace 2px solid; Z-INDEX: 10002; LEFT: 0px; BORDER-LEFT: #639ace 2px solid; BORDER-BOTTOM: #639ace 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: aliceblue;color:#000057;font-family:Verdana;font-size:12px;visibility:hidden;}
.EditGridComboBoxOverflow1 {overflow:auto;height:300px;cursor:pointer;BORDER-RIGHT: #639ace 2px solid; BORDER-TOP: #639ace 2px solid; Z-INDEX: 10002; LEFT: 0px; BORDER-LEFT: #639ace 2px solid; BORDER-BOTTOM: #639ace 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: aliceblue;color:#000057;visibility:hidden;font-family:Verdana;font-size:12px;}
.EditGridComboBoxOverflow2 {overflow:auto;height:300px;width:expression(document.body.clientWidth);cursor:pointer;BORDER-RIGHT: #639ace 2px solid; BORDER-TOP: #639ace 2px solid; Z-INDEX: 10002; LEFT: 0px; BORDER-LEFT: #639ace 2px solid; BORDER-BOTTOM: #639ace 2px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: aliceblue;color:#000057;visibility:hidden;font-family:Verdana;font-size:12px;}
.EditGridInsertRow { background-color: #ECF7FF; color: #000000;}
.EditGridInsertCell {font-family:verdana ;font-size:10pt; background-color:White;border:solid #a6caf0 1px;}
.EditGridDeleteCell {font-family:verdana ;font-size:10pt; TEXT-DECORATION: line-through;border-bottom:solid #a6caf0 1px;border-left:solid #a6caf0 1px;}
.inputRequired {COLOR: red; FONT-FAMILY: symbol}

.ComboBox {cursor:default;BORDER:solid 1px black;BACKGROUND-COLOR: aliceblue;position:absolute;color:#000057;font-family:Verdana;font-size:12px;visibility:hidden;}

.tipouter {BORDER: navy 1px solid; BACKGROUND-COLOR: lemonchiffon;margin-bottom:3px;height:auto;height:100%\9;}
.tip {list-style-type:none;margin:0px;padding:0;display:inline-flex;font-family:Tahoma;font-size:9pt;font-weight:bold}
.tipleft {float:left;display:block;margin:5px;}
.tipright {float:left;display:block;margin-top:5px;}

.txtNormal {font-family:verdana; font-size:10pt; color:#000057; font-weight:normal}
.txtHead {font-family:verdana; font-size:100%; color:#000057; font-weight:bold}
.txtNote {font-family:tahoma; font-size:9pt; color:#000057; font-weight:bold;}
.txtDisable {background-color:#eeeeee;font-family:Verdana; font-size:10pt; color:#000000; font-weight:normal;border:1px solid #767676;}
.txtDisableXP {padding-top:2px;padding-right:2px;height:22px;background-color:#eeeeee;border-left:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;border-top:solid #c0c0c0 1px;border-bottom:solid #c0c0c0 1px;font-family:Verdana; font-size:10pt; color:#000000; font-weight:normal;}
.txtDisableXPNote {padding-top:2px;padding-right:2px;background-color:#eeeeee;border-left:solid #c0c0c0 1px;border-right:solid #c0c0c0 1px;border-top:solid #c0c0c0 1px;border-bottom:solid #c0c0c0 1px;font-family:Verdana; font-size:10pt; color:#000000; font-weight:normal;}
.txtInput {font-family:verdana; font-size:10pt; color:black; font-weight:normal}
.txtNumeric {font-family:verdana; font-size:10pt; color:black; font-weight:normal;text-align:right}
.txtList {font-family:verdana; font-size:10pt; color:black; font-weight:normal}
.txtButton {width:100px;font-family:verdana; font-size:10pt; color:black; font-weight:normal}
.txtLookup {WIDTH:20px;HEIGHT:22px;font-family:arial; font-size:8pt; color:black; font-weight:normal}
.txtRecords {font-family:verdana; font-size:10pt;color:#666666;white-space: nowrap;}
.txtToolBarRecords {font-family:verdana; font-size:9pt;color:#000000;}
.txtPageNumber {font-family:verdana; font-size:10pt; color:#666666; cursor:pointer;}
.txtCurrentPageNumber {font-family:verdana; font-size:10pt; color:#333399; cursor:pointer;}
.txtError {font-family:verdana; font-size:10pt;color:red}
.tabLink {cursor:pointer;COLOR: navy; TEXT-DECORATION: none;MARGIN-LEFT:2px;MARGIN-RIGHT:2px}
.tabHeader {cursor:default;FONT-SIZE: 12px; FONT-FAMILY: verdana;background-image:url('../HRPImages/tabBack.gif');background-repeat:repeat-x}
.tabDisable {cursor:default;FONT-SIZE: 12px; FONT-FAMILY: verdana;background-image:url('../HRPImages/tabBackNot.gif');background-repeat:repeat-x}
.tabDivDisable {cursor:Default;COLOR:#aaaaaa; TEXT-DECORATION: none;MARGIN-LEFT:2px;MARGIN-RIGHT:2px}
.selDisable {background-color:#eeeeee;color:#000000;font-family:verdana; font-size:10pt; font-weight:normal}

.SummaryTableOuterDiv {OVERFLOW:auto;width:100%;height:100%;BORDER-LEFT:#B8C5CE 1px solid;BORDER-TOP:#B8C5CE 1px solid;BORDER-RIGHT:#B8C5CE 1px solid;BORDER-BOTTOM:#B8C5CE 1px solid;width:-webkit-fill-available;}
.SummaryTable {FONT-SIZE:10pt;FONT-FAMILY:verdana;background-color:white;cursor:default}
.SummaryTableHeader {FONT-WEIGHT:bold;CURSOR:default;POSITION:sticky;top:0;}
.SummaryTableHeaderCell1 {background-color:#B8C5CE;color:black;position:relative;}
.SummaryTableHeaderCellN {background-color:#B8C5CE;color:black; border-left:thin solid #ffffff;position:relative;}
.SummaryTableGrantCell1 {background-color:#B8C5CE;color:black;BORDER-LEFT:#B8C5CE solid 1px;}
.SummaryTableGrantCellN {background-color:#B8C5CE;color:black;BORDER-LEFT:#B8C5CE solid 1px;}
.SummaryTableGroupHeader {BORDER-TOP:#B8C5CE 1px solid;}
.SummaryTableGroupHeaderFirst {BORDER-TOP:#B8C5CE 1px solid;BORDER-LEFT:#B8C5CE 1px solid;}

.SummaryTableLeftBorder {BORDER-LEFT:#B8C5CE 1px solid;background-color:transparent}
.SummaryTableInnerGroupFooterCell1 {BORDER-BOTTOM:#B8C5CE 1px solid;BORDER-LEFT:#B8C5CE 1px solid;}
.SummaryTableInnerGroupFooterCellN {BORDER-BOTTOM:#B8C5CE 1px solid;}
.SummaryTableLeftBlankBorder {border-left: 1px solid #B8C5CE;border-bottom: 1px solid #B8C5CE}
.SummaryTableLeftBlankBorder1 {border-left: 1px solid #B8C5CE;border-bottom: 1px solid #B8C5CE;border-top: 1px solid #B8C5CE}

.SummaryTableHeaderCellExport1 {background-color:navy;color:white;BORDER-LEFT:navy solid thin;}
.SummaryTableHeaderCellExportN {background-color:navy;color:white;BORDER-LEFT:aliceblue solid thin;}
.SummaryTableGrantCellExport1 {background-color:navy;color:white;BORDER-LEFT:blue solid thin;}
.SummaryTableGrantCellExportN {background-color:navy;color:white;BORDER-LEFT:aliceblue solid thin;}
.SummaryTableGroupHeaderExport {BORDER-TOP:blue thin solid;}
.SummaryTableGroupHeaderExportFirst {BORDER-TOP:blue thin solid;BORDER-LEFT:blue thin solid;}
.SummaryTableLeftBorderExport {BORDER-LEFT:blue thin solid;background-color:transparent}
.SummaryTableInnerGroupFooterCellExport1 {BORDER-BOTTOM:blue thin solid;BORDER-LEFT:blue thin solid;}
.SummaryTableInnerGroupFooterCellExportN {BORDER-BOTTOM:blue thin solid;}

.SB_BodyV {width:100%;background-image: url('../HRPImages/ScrollBarBodyV.bmp'); background-repeat: repeat-y}
.SB_Body {width:100%;background-image: url('../HRPImages/ScrollBarBody.bmp'); background-repeat: repeat-x}
.SB_MoveV {position:relative;left:0px;width:17px;background-color:#ece9d8;height:50px;font-size:1px;BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset;visibility:hidden}
.SB_Move {position:relative;left:0px;width:50px;background-color:#ece9d8;height:17px;font-size:1px;BORDER-RIGHT: 2px outset; BORDER-TOP: 2px outset; BORDER-LEFT: 2px outset; BORDER-BOTTOM: 2px outset;visibility:hidden}

.HD_Head { FONT-SIZE: 10pt; FONT-FAMILY: verdana; HEIGHT: 30px; TEXT-ALIGN: center } 
.HD_CellHead { FONT-SIZE: 10pt; FONT-FAMILY: verdana; TEXT-ALIGN: center } 
.HD_CellBody { OVERFLOW: hidden; TEXT-OVERFLOW: ellipsis;FONT-SIZE: 10pt; FONT-FAMILY:arial; } 

.title_1{font-family:verdana; font-size:14px; color:#074E8E; font-weight:bold;text-overflow:ellipsis;overflow:hidden;display:inline-block;}
.formHeaderCtrl {cursor:default;}
.formBorderHeader {BACKGROUND-IMAGE: url('../HRPImages/formBorderHeader.gif'); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff; height:21px; cursor:default;width:100%}
.formBorderLeft {BACKGROUND-IMAGE: url('../HRPImages/formBorderLeft.gif'); BACKGROUND-REPEAT: repeat-y; HEIGHT: 4px; BACKGROUND-COLOR: #ffffff}
.formBorderRight {BACKGROUND-IMAGE: url('../HRPImages/formBorderRight.gif'); BACKGROUND-REPEAT: repeat-y; HEIGHT: 4px; BACKGROUND-COLOR: #ffffff}
.formBorderBottom {BACKGROUND-IMAGE: url('../HRPImages/formBorderBottom.gif'); BACKGROUND-REPEAT: repeat-x}
.formCornerBottomRight {BACKGROUND-IMAGE: url(../HRPImages/formCornerBottomRight.gif);height:6px;}
.formCornerBottomLeft {BACKGROUND-IMAGE: url(../HRPImages/formCornerBottomLeft.gif);height:6px;}
.formBorderHeader1 {BACKGROUND-IMAGE: url('../HRPImages/formBorderHeader1.gif'); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff; height:21px; cursor:default;width:100%}
.formBorderLeft1 {BACKGROUND-IMAGE: url('../HRPImages/formBorderLeft1.gif'); BACKGROUND-REPEAT: repeat-y; HEIGHT: 4px; BACKGROUND-COLOR: #ffffff}
.formBorderRight1 {BACKGROUND-IMAGE: url('../HRPImages/formBorderRight1.gif'); BACKGROUND-REPEAT: repeat-y; HEIGHT: 4px; BACKGROUND-COLOR: #ffffff}
.formBorderBottom1 {BACKGROUND-IMAGE: url('../HRPImages/formBorderBottom1.gif'); BACKGROUND-REPEAT: repeat-x}
.formCornerBottomRight1 {BACKGROUND-IMAGE: url(../HRPImages/formCornerBottomRight1.gif);height:6px;}
.formCornerBottomLeft1 {BACKGROUND-IMAGE: url(../HRPImages/formCornerBottomLeft1.gif);height:6px;}
.selfMenu {cursor:pointer;BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid; Z-INDEX: 30000; FILTER:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=gray,strength=4); LEFT: 0px; BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: aliceblue;color:#000057;visibility:hidden;font-family:Verdana;font-size:12px;}

.tabGroupBk {background-image:url('../HRPImages/top_middle.gif');background-color:#ffffff}
.tabBk {FONT-WEIGHT:bold;FONT-SIZE:9pt;BACKGROUND-IMAGE: url('../HRPImages/tabBack.bmp');BACKGROUND-REPEAT:repeat-x;FONT-FAMILY:verdana;color:#333333}
.tabBkHigh {FONT-WEIGHT:bold;FONT-SIZE:9pt;BACKGROUND-IMAGE: url('../HRPImages/tabBackOn.bmp');FONT-FAMILY:verdana;color:#0D5295}
.tabSepHigh {BACKGROUND-color:white;BACKGROUND-IMAGE: url('../HRPImages/WhitePoint.bmp');BACKGROUND-REPEAT:no-repeat}
.tabSep {BACKGROUND-IMAGE: url('../HRPImages/tabSepBack.bmp');background-color:White}
.tabBelow {BACKGROUND-IMAGE: url('../HRPImages/tabSepBack.bmp');BACKGROUND-REPEAT:repeat-x}

.TabLIStyle {width:0px;display:inline-table}

.FunctionBar {BACKGROUND-IMAGE: url('../HRPImages/tableBar.gif');BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff}

.seperator {color:#B7C4CD;height:2px\9;box-sizing:border-box;}
.menuSep { BACKGROUND-IMAGE: url('../HRPImages/tabSepBack.bmp');background-color:White}
.line {color:navy;width:2px;position:relative;}
.MainMenu {width:100%;height:100%;background-color:#ffffff}

.rowEven {background-color: #EBECF0; color: #000000}
.rowOdd {background-color: #F6F6F6; color: #000000}
.windowHeaderBar {
    WIDTH: 100%;
    HEIGHT: 26px
}
.windowHeaderBack {BACKGROUND-IMAGE:url('../HRPImages/tableBar.gif');BACKGROUND-REPEAT:repeat-x}
.windowTitle {cursor:default;font-family: Verdana; font-size: 10pt; font-weight: bold; color: #ffffff }
.messageBar {}
.messageBox { margin-left:-5px; cursor:hand;BACKGROUND-COLOR:#FFF1A8;
width:100%;text-overflow:ellipsis;overflow:hidden; height:21px; line-height:21px; font-family:verdana;font-size:9pt;font-weight:bold;}

div.X {background-color:#ffffff;color: #074E91;}
div.X6 {background-color:#ffffff;color: #494949;margin-left:12px;}
.MP {display:inline-block; background-image:url('../HRPImages/menu_fold.jpg'); background-repeat:no-repeat; color:#ffffff;margin-left:4px; cursor: pointer; font-size:12px;text-align:left;width:17px;height:14px; }
.MM {display:inline-block; background-image:url('../HRPImages/menu_unfold.jpg'); background-repeat:no-repeat; color:#ffffff;margin-left:4px; cursor: pointer; font-size:12px;text-align:left;width:17px;height:14px; }
.MD {display:inline-block; color:#ffffff; cursor: default; margin-left:7px;margin-bottom:2px; font-size:5pt;width:14px; }
.MS {display:inline-block; color:#ffffff; cursor:default; font-family:Courier;font-size:12px }

span.XpSubMenuHeader {color:#074E91;font-family:Verdana;font-size:10pt;font-weight:bold;cursor: pointer;text-overflow:ellipsis;overflow:hidden;display:inline-block;}
table.X {background-color:#ffffff;BORDER-TOP:#ffffff 1px solid;BORDER-BOTTOM:#ffffff 1px solid;}

div.group_panel {}
.M {color:#494949;cursor: pointer;font-family:Verdana;font-size:12px;height:16px;}
.UM {background-color:#ffffff;color:#074E91;cursor: pointer;font-family:Verdana; text-decoration:underline;font-size:12px;height:16px;}

.FO {BORDER-RIGHT: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid; BORDER-top: #dddddd 1px solid; HEIGHT: 100%;}
.MB {background-color:#ffffff;border-right:#dddddd 1px solid;border-bottom:#dddddd 1px solid;}
.MB td {border-left:#dddddd 1px solid;border-top:#dddddd 1px solid;}
.MB td div {display:inline-flex;}
.MC {font-family:webdings;font-size:10pt;width:20px;color:red;text-align:center}

.btn_letter {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid; PADDING-LEFT: 2px;FONT-SIZE: 14px; BORDER-LEFT: 1px solid; CURSOR: pointer;PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid; width:25px; height:20px;
	BORDER-LEFT-COLOR: #7b9ebd; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#DDDCDC); BORDER-BOTTOM-COLOR: #5c08b2; COLOR: #075bc3; BORDER-TOP-COLOR: #7b9ebd; BORDER-RIGHT-COLOR: #5c08b2
}
.btn_num {
	width:25px;BORDER-RIGHT:1px solid; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid;height:20px;
	BORDER-LEFT-COLOR: #7ebf4f; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#B3D997); BORDER-BOTTOM-COLOR: #7ebf4f; COLOR: black; BORDER-TOP-COLOR: #7ebf4f; BORDER-RIGHT-COLOR: #7ebf4f
}
.table_title {FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#B2DEF7, EndColorStr=#7AB7DA); height:26px;padding-top: 3px;}
.btn_input {BORDER-RIGHT: #2C59AA 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2C59AA 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5); BORDER-LEFT: #2C59AA 1px solid; CURSOR: pointer; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #2C59AA 1px solid}
.pro_name{color:#666666; font-weight:bold; font-size:14px;}
.footer {width:100%;height:100%;BACKGROUND-IMAGE: url('../HRPImages/page_bottom.gif');BACKGROUND-REPEAT:repeat-x;font-family:Arial;font-size:10px;}
.WorkAreaResize {background-color:#B7C4CD;font-size:8px;width:2px;cursor:col-resize;display:table-cell;}
.ToolbarOuter{overflow-x:hidden;width:0px;}

.TimeOutTable {margin-top:50px;border-left:solid 1px #c0c0c0;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0;width:500px;font-family:verdana;font-size:10pt;}
.TimeOutHeader {background-image:url(../HRPImages/tabback.bmp); background-repeat:repeat-x;}
.TimeOutText {font-weight:bold;color:red}

.rec_addfile_div{background-image:url('../HRPImages/rec_attachment_chinese.gif'); background-position:-20px -16px; width:80px;}
.rec_addfile_div_hover{background-image:url('../HRPImages/rec_attachment_chinese.gif'); background-position:-108px -16px; width:80px;}     
.rec_addfile_input{width: 0px; height:18px; left:-13px; position:relative; filter:alpha(opacity=0); cursor:pointer !important;}
.rec_addfile_delete{float:right;background-image:url('../HRPImages/rec_attachment_chinese.gif'); background-position:-8px -5px; height:12px; width:12px; cursor:pointer !important;}
.rec_addfile_delete_hover{float:right;background-image:url('../HRPImages/rec_attachment_chinese.gif'); background-position:-8px -26px; height:12px; width:12px; cursor:pointer !important;}

.CodeInput {ime-mode:disabled;}

.TreeView { background-color: #FFF; cursor: default;} 
.TreeNodeRow{cursor: pointer;border:1px solid #FFF; font-size:14px;}
.SpecialCharactor{font-family:wingdings;font-size:120%}
.SelfDefinedTable
{
    border: 1px solid #D6DFE6;
}
.SelfDefinedTable td
{
    padding: 2px;
}
.SelfDefinedTableHeaderCell
{
    border: 1px solid #FFF;
    vertical-align: middle;
    position: static;
}
.SelfDefinedTableHeaderBottomCell
{
    border-bottom: 1px solid #D6DFE6;
}
.SelfDefinedTableBodyCell
{
    border: 1px solid #D6DFE6;
}

.menuSearch
{
	width: 150px; 
	height: 24px;
	background: url('../HRPImages/search_bg_mid.gif');
	border-bottom:solid 1px #FFF; 
}
.menuSearch INPUT
{
	width: 120px;
	border: none 0px; 
	height: 15px; 
	background: transparent; 
	padding:0px;
}

.menuSearch SPAN {
    display: inline-block;
    margin-top:5px;
    width: 12px;
    height: 12px;
    background: url('../HRPImages/search_ico.gif') no-repeat;
} 

.menuSearchBg
{
	position:relative;
	float:right;
}

.menuSearchBgLeft
{
	background:url('../HRPImages/search_bg_left.gif') no-repeat; 
	background-position:left center inherit;
	width:7px; 
	height: 24px;
}

.menuSearchBgRight
{
	background:url('../HRPImages/search_bg_right.gif') no-repeat; 
	background-position:right center inherit;
	width:7px; 
	height: 24px;
}

.listTable
{
	OVERFLOW-Y: auto;
    BORDER-BOTTOM: #cccccc 1px solid;
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

.messageBoxLeft
{
    background-image:url('../HRPImages/MessageBoxLeft.gif');
    background-repeat:no-repeat;
    height:21;
    width:21;        
    margin-top:5px;
    padding-left:3px;
    cursor:hand;
}

.messageBoxMiddle
{
    BACKGROUND-COLOR:#FFF1A8;
    height:21;       
    margin-top:5px;
    display:inline-block;
}

.messageBoxRight
{        
    background-image:url('../HRPImages/MessageBoxRight.gif');
    background-repeat:no-repeat;
    height:21;
    width:21;        
    margin-top:5px;
}

.messageBoxPic
{
     background-image:url('../HRPImages/MessageBoxClose.gif');
     width:14px;
     height:14px;
     border:0;
}

.lblBold
{
    font-size:14px;
    font-weight:bold;    
}

.customTableHeader td
{
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    font-weight: bold;
    color: #084F91;
    font-size: 10pt;
    font-family: Verdana;
    padding-top:2px;
}

.customTableHeader tr
{
    background-color:#D6DFE6;
}

.titleColor
{
    color: #084F91;
}

.deletedFlowFont
{
    color:#8992C8;
}

.userMode
{
   font-weight:bold; 
   font-family:verdana; 
   font-size:10pt;
   text-decoration: underline;
   color:#0000FF;
   cursor:hand;
}

/****************************************************************************
ASPxGridView CSS Style
*****************************************************************************/

.dxgvControl_hrp,
.dxgvDisabled {
    border: Solid 1px #d6dfe6;
    font: 11px Tahoma;
    background-color: #f6f6f6;
    color: Black;
    cursor: default;
    width: 100%;
}

.dxgvHeader_hrp {
	cursor: pointer;
	white-space: nowrap;
	padding: 0px 0px 0px 2px;
	border: Solid 1px #9F9F9F;
	background-color: #d6dfe6;
	overflow: hidden;
	font-weight: normal;
	text-align: left;
    border-bottom: 1px solid #909AA6;
}

.dxgvHeader_hrp,
.dxgvHeader_hrp table {
	color: #084f91;
	font: 10pt Verdana;
	font-weight:bold;
}
.dxgvHeader_hrp td {
	white-space: nowrap;
}
.dxgvHeader_hrp a {
	color: #084f91;
}

.dxgvDataRowAlt_hrp {
	background-color: #ebecf0;
}

.dxgvInlineEditRow,
.dxgvDataRow_hrp {
}

.dxgvFocusedRow_hrp {
	background-color: #FAEDB6;
    color: Black;
}

.dxgvSelectedRow_hrp
{
	background-color: #A0A0A0;
    color: White;
}

.dxgvSelectedRow_hrp td.dxgv
{
	overflow: hidden;
	border-bottom: Solid 1px #d6dfe6;
	border-right: Solid 1px #d6dfe6;
	border-top: 0;
	border-left: 0;
	padding: 2px 2px 2px 2px;
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
}

.dxgvEditFormDisplayRow td.dxgv,
.dxgvDataRow_hrp td.dxgv,
.dxgvDataRowAlt td.dxgv,
.dxgvFocusedRow_hrp td.dxgv {
	overflow: hidden;
	border-bottom: Solid 1px #d6dfe6;
	border-right: Solid 1px #d6dfe6;
	border-top: 0;
	border-left: 0;
	padding: 2px 2px 2px 2px;
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
}

.dxgvGroupRow_hrp
{
    background-color: #d6dfe6;
}
.dxgvDataRow_hrp td.dxgvIndentCell,
.dxgvGroupRow_hrp td.dxgvIndentCell
.dxgvGroupFooter td.dxgvIndentCell {
    background-color: #d6dfe6;
	border-right: Solid 1px #CFCFCF;
	border-left: Solid 1px #CFCFCF;
	border-top: 0px;
}

.dxgvGroupRow_hrp td.dxgv
{
	border: none 0;
	vertical-align: middle;
	white-space: nowrap;
	border-bottom: Solid 1px #D3D3D3;
	padding: 3px 6px 4px 6px;
	font-family:Verdana;
	font-size:10pt;
	font-weight:normal;
}

.dxgvGroupPanel_hrp
{
	white-space: nowrap;
	font-size: 9pt;
	
	background-color: #EDEDED;
	color: #8D8D8D;
	border-bottom: Solid 1px #9F9F9F;
	padding: 7px 4px 8px 6px;
}

.dxgvPagerBottomPanel_hrp {
    BACKGROUND-IMAGE: url('../HRPImages/tableBar.gif'); 
    BACKGROUND-REPEAT: repeat-x;
}

.dxgvPagerBottomPanel_hrp .HRMToolBarTable {
    width:100%;
    margin:3px 0 0 0;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarCell, 
.dxgvPagerBottomPanel_hrp td.HRMToolBarPagerCell {
    padding:0;
    margin:0;
    white-space:nowrap;
    word-break:keep-all;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarCell img {
    vertical-align:middle;
    margin-right:4px;
    cursor:pointer;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarCellDisable img {
	cursor:default;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarCell .HRMToolBarSeparateCell {
    vertical-align:middle;
    margin-right:0px;
    cursor:default;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarLeftCell {
    background: transparent url(../HRPImages/tableBarLeft.gif) no-repeat;
    padding-left:10px;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarRightCell {
    background: transparent url(../HRPImages/tableBarRight.gif) no-repeat right;
    padding-left:10px;
}

.dxgvPagerBottomPanel_hrp td.HRMToolBarPagerCell {
    width:100%;
    text-align:right;
}

.dxgvPagerBottomPanel_hrp .ToolBarFunctionButton {
    cursor:pointer;
    margin-right:4px;
    vertical-align:middle;
}

.dxgvPagerBottomPanel_hrp .ToolBarFunctionButtonDisable {
    cursor:default;
    margin-right:4px;
    vertical-align:middle;
}

.dxgvLoadingPanel_hrp {
    background: none repeat scroll 0 0 White;
    border: 1px solid #859EBF;
    color: #1E395B;
    font: 8pt Verdana;
}

.dxgvLoadingPanel_hrp td {
    padding: 10px 14px;
    text-align: center;
    white-space: nowrap;
}

.dxgvEmptyDataRow_hrp {
    color: #777777;
    text-align:center;    
}

.dxpPageNumber_hrp {
    font-family:verdana; 
    font-size:10pt; 
    color:#666666; 
    cursor:pointer;
    text-align: center;
    vertical-align: middle;
}

.dxpCurrentPageNumber_hrp {
    color: #333399;
    text-decoration: none;
    white-space: nowrap;
}

.dxpSummary_hrp {
    font-family:verdana; 
    font-size:10pt;
    color:#666666;
    padding: 1px 4px 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.dxpcControl_hrp {
    background: none repeat scroll 0 0 White;
    border: 1px solid #909AA6;
    color: #1E395B;
    font: 8pt Verdana;
}

.dxpJumpPageTo_hrp {
    margin-left:4px;
    margin-right:4px;
}

.dxmSubMenu_hrp {
    background-color: white;
    border: 1px solid #666666;
    color: black;
    font: 9pt Verdana;
    padding: 1px;
}

.dxmSubMenu_hrp a {
    color:Black;
    text-decoration:none;
}

.dxmSubMenuGutter_hrp, .dxmSubMenuRtlGutter_hrp {
    background-color:#d6dfe6;
}

.dxmSubMenuItem_hrp, .dxmSubMenuItemWithImage_hrp, 
.dxmSubMenuItemWithPopOutImage_hrp, .dxmSubMenuItemWithImageWithPopOutImage_hrp, 
.dxmSubMenuRtlItem_hrp, .dxmSubMenuRtlItemWithImage_hrp, 
.dxmSubMenuRtlItemWithPopOutImage_hrp, .dxmSubMenuRtlItemWithImageWithPopOutImage_hrp {
    color: black;
    font: 9pt Verdana;
    white-space: nowrap;
}

.dxmSubMenuItem_hrp, .dxmSubMenuItemWithImage_hrp {
    padding: 4px 19px 5px 3px;
}

.dxmVerticalMenuItemLeftImageSpacing_hrp, 
.dxmVerticalMenuItemRightImageSpacing_hrp, 
.dxmSubMenuItemImageSpacing_hrp {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 1px;
}

.dxmSubMenuItemImageSpacing_hrp div {
    height: 1px;
    width: 7px;
}

.dxmSubMenuItemHover_hrp, .dxmSubMenuItemHoverWithImage_hrp, 
.dxmSubMenuItemHoverWithPopOutImage_hrp, 
.dxmSubMenuItemHoverWithImageWithPopOutImage_hrp, 
.dxmSubMenuRtlItemHover_hrp, .dxmSubMenuRtlItemHoverWithImage_hrp, 
.dxmSubMenuRtlItemHoverWithPopOutImage_hrp, 
.dxmSubMenuRtlItemHoverWithImageWithPopOutImage_hrp {
    background-color:#F2F2F2;
    border:1px solid #888888;
}

.dxmSubMenuItemHover_hrp, .dxmSubMenuItemHoverWithImage_hrp {
    padding:3px 18px 4px 2px;
}

.highlightedRow
{
    background-color:#6BA6FF !important;
}

/****************************************************************************
EasyTooltip CSS Style
*****************************************************************************/
#easyTooltip{
	        padding:5px 5px;
	        border:1px solid #195fa4;
	        background: url(../hrpimages/easyToolBackGround.gif);
	        color:#000057;
	        font-family:verdana; font-size:10pt; font-weight:bold
	        }
