* { font-size:12pt; font-family:Calibri,"Microsoft Yahei","微软雅黑";} body { width:100%; margin:0px; padding:0px; overflow:hidden; } /* Color Scheme */ .BColorWhite { background-color:White; } .FColorWhite { color:SteelBlue; } .BColorMain { background-color:SteelBlue; } .FColorMain { color:White; } .BColorMenu { background-color:LightSlateGrey; } .FColorMenu { color:White; } .BColorMenu1 { background-color:LightSteelBlue; } .FColorMenu1 { color:White; } .BColorMenu2 { background-color:LightBlue; } .FColorMenu2 { color:White; } .BColorPopUp { background-color:AliceBlue; } .FColorPopUp { color:Black; } .BlackFont { color:Black; } .GreyFont { color:DimGrey; } /* CONTROL */ input[type="submit"] { border:0px ; cursor:pointer; padding:6px 0px 6px 0px; text-decoration:none; text-align:center; vertical-align:middle; border-radius:6px; } /* General Table CSS */ div.Table, span.Table { margin:0px 0px 0px 0px; display:table; } div.TableRow, span.TableRow { margin:0px 0px 0px 0px; display:table-row; } div.TableCell, span.TableCell { margin:0px 0px 0px 0px; display:table-cell;} /* Attx.MASTER */ #MasterPage { width:100%; min-width:500px; min-height:600px; margin:0px auto 0px auto; } /* Header - Welcome Mesg and Lang Bar */ #MasterHeadR1 { width:100%; height:30px; position:relative; top:0px; left:0px; z-index:10001; } #MasterHeadR1 div.mesg { position:absolute; width:90%; text-align:left; margin:5px 0px 5px 5px;} #MasterHeadR1 div.mesg span { position:absolute; left:0px; line-height:20px; font-size:10pt;} #MasterHeadR1 div.lang { text-align:right; position:absolute; margin:0px 5px 0px 5px; right:0px;} #MasterHeadR1 div.lang input[type="submit"] { font-size:11pt; width:30px; height:30px; position:relative; padding:0px; margin:0px;color:White; background-color:SteelBlue;} #MasterHeadR1 div.lang input[type="submit"]:disabled { color:SteelBlue; background-color:White;cursor: default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} /* Header - Logo and Menu Bar */ #MasterHeadR2 { position:relative; color:SteelBlue; background-color:White;} #MasterHeadR2 div.logo { position:relative; min-height:67px; left:0px; } #MasterHeadR2 div.logo img { position:relative; z-index:10001; margin:5px; } #MasterHeadR2 div.logo span { position:absolute; right:0px;font-size:24pt; line-height:67px; margin-right:5px; font-family:Segoe UI; color:SteelBlue; background-color:White;} #MasterHeadR2 div.menu { min-height:35px; } #MasterHeadR2 div.menu input[type="submit"] { width:150px; height:30px; position:relative; margin:0px 0px 5px 5px;} /* Body Panel - Message Bar*/ #MasterBody { position:relative; display:block; width:100%; padding:5px; color:SteelBlue; background-color:White; } #MasterBody div.MESG { width:100%; min-height:30px;text-align:left;} #MasterBody div.MESG span.MsgBox { margin:0px 5px 0px 5px; display:block; line-height:30px; min-height:30px; } #MasterBody div.MESG span.ErrMsg { color:IndianRed; margin:0px;} #MasterBody div.MESG span.InfMsg { color:SteelBlue;margin:0px 0px 0px 0px;} /* Body Panel - Main Content*/ #MasterBody div.BODY { margin:0px 0px 0px 0px; display:block; } /* Footer */ #MasterFootR1 { width:100%; height:30px; position:fixed; bottom:0px;} #MasterFootR1 span { line-height:30px; margin:0px 0px 0px 5px; font-size:10pt; } /* Loading Panel */ div.MasterLoading { position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:50001; cursor:wait; } /* Show Bar Panel */ button.ShowHideButton { border:White solid 2px; color:SteelBlue; border-radius:15px; width:31px; line-height:24px; font-weight:bolder; position:absolute; right:6px; top:6px;background-color:White; cursor:pointer; } div.ShowHidePanel, div.ShowHidePanel div { width:100%; } /* Table */ div.ShowHidePanel div.R1 { width:auto;} /* Table Row1*/ div.ShowHidePanel div.R1 div { width:auto;display: inline-block;vertical-align: top;} /* Table Cell*/ div.ShowHidePanel div.R1 div img.logo { vertical-align:bottom ;} /* Table Cell*/ div.ShowHidePanel div.R1 div div { display:inline-block; vertical-align:top; line-height: 30px;position: relative; width:100%;} div.ShowHidePanel div.R1 div div.Full { max-width: 600px;} div.ShowHidePanel div.R1 div div.Half { max-width: 300px;} div.ShowHidePanel div.R1 div div span { display:inline-block; font-size:12pt; width:115px; padding-left:3px; color:DimGrey; } div.ShowHidePanel div.R1 div div select { display:inline-block; font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑"; padding:1px 2px 1px 5px; margin-bottom:3px; } div.ShowHidePanel div.R1 div div select option { font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑";} div.ShowHidePanel div.R1 div div input[type="text"] { display:inline-block; font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑"; padding:1px 2px 1px 5px; margin-bottom:3px; } div.ShowHidePanel div.R1 div div { } div.ShowHidePanel div.R1 div div input[type="checkbox"] { vertical-align: middle; margin:0px;background-color:White;border-radius:3px;display:inline-block;position:relative;cursor:pointer; left:-3px; top:-2px;} /* div.ShowHidePanel div.R1 div div input[type="checkbox"]:checked:after { margin:0px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:3px;left:5px;color:DimGrey;} */ div.ShowHidePanel div.R2 {} div.ShowHidePanel div.R2 div { background-color:SteelBlue;} div.ShowHidePanel div.R2 div div { display:inline-block; vertical-align:top; background-color:SteelBlue; line-height:30px; font-weight:bolder;margin-bottom:2px;} div.ShowHidePanel div.R2 div div span { padding-left:5px; color:White; } /* Show Hide Box */ div.ShowHideBox { display:inline-block; vertical-align:top; } div.ShowHideBox div.Head { width:100%; color:White;line-height:30px; font-weight:bolder; background-color:LightSlateGrey; position:relative; border-top-left-radius:6px; border-top-right-radius:6px;} div.ShowHideBox div.Head span { padding-left:5px; } div.ShowHideBox div.Head button { border:0px; color:White;width:31px;line-height:24px;font-weight:bolder;position:absolute;background-color:LightSlateGrey;cursor:pointer;right:6px;top:2px; } div.ShowHideBox div.Content { min-height:35px; width:100%; color:LightSlateGrey;line-height:30px; font-weight:bolder; background-color:LightBlue; position:relative; margin-bottom:10px;border-bottom-left-radius:6px; border-bottom-right-radius:6px; } div.ShowHideBox div.Content div.Body { padding:0px 10px 10px 5px; } div.ShowHideBox div.Content span { color:Black;font-weight: normal;} div.ShowHideBox div.Content div.BoxHead { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 60px; overflow-y: scroll;} div.ShowHideBox div.Content div.BoxBody { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 170px; overflow-y: scroll;} div.ShowHideBox div.Content div.BoxLoad { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 170px; overflow-y: scroll;} div.ShowHideBox div.Content div.BoxHead div.BoxTable, div.ShowHideBox div.Content div.BoxBody div.BoxTable { display:table; width:100% } div.ShowHideBox div.Content div.BoxHead div.BoxTable div.ROW, div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW { display:table-row;background: LightGrey;border-top:LightBlue solid 1px; } div.ShowHideBox div.Content div.BoxHead div.BoxTable div.ROW div.HEAD { display:table-cell;height:30px; line-height:30px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; } div.ShowHideBox div.Content div.BoxHead div.BoxTable div.ROW div.HEAD span { display:block;font-size: 10pt;font-weight: bold;border: 0px; width:auto; padding-left:0px; text-align:center; } div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW:nth-child(even) { background: Lavender; } div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW:nth-child(odd) { background: GhostWhite; } div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW div.CELL { display:table-cell;min-height:30px; line-height:16px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; } div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW div.CELL span { display:block; padding-left:5px; width:95% } div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"] { margin:5px;background-color:White;border-radius:3px;display:inline-block;position:relative;cursor:pointer;} /* div.ShowHideBox div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"]:checked:after { margin:5px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:-4px;left:-2px;color:Black;} */ div.ShowHideBox div.Content div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"]:disabled { margin:5px;background-color:DimGrey;border-radius:3px;display:inline-block;position:relative;cursor:default;left:-5px;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} /* div.ShowHideBox div.Content input.TEXT[type="text"] { position:absolute; right:12px; margin-top:5px; margin-bottom:5px; border:0px; background-color:White;text-align:right;border-radius:3px;padding-right:3px;color:Black;font-weight: normal;} div.ShowHideBox div.Content input.TEXT[type="text"]:disabled { background-color:White;cursor:default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} div.ShowHideBox div.Content span.CHECK { position:absolute; right:12px; margin-top:7px; } div.ShowHideBox div.Content span.CHECK input[type="checkbox"] { margin:0px;background-color:White;border-radius:3px;display:inline-block;position:relative;cursor:pointer;} /*div.ShowHideBox div.Content span.CHECK input[type="checkbox"]:checked:after { margin:0px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:1px;left:3px;color:Black;} */ div.ShowHideBox div.Content span.CHECK input[type="radio"] { margin:0px;background-color:White;border-radius:10px;display:inline-block;position:relative;cursor:pointer;} /* div.ShowHideBox div.Content span.CHECK input[type="radio"]:checked:after { margin:0px;content:'\25CF';background-color:White;line-height:0px;font-size:16pt;position:absolute;top:6px;left:1.6px;color:Black;} */ /* Show Hide Box with Long/Short Rows and Table */ div.ShowHideBoxWithTable { display:inline-block; vertical-align:top;} div.ShowHideBoxWithTable div.Head { width:100%; color:White;line-height:30px; font-weight:bolder; background-color:LightSlateGrey; position:relative; border-top-left-radius:6px; border-top-right-radius:6px;} div.ShowHideBoxWithTable div.Head span { padding-left:5px; } div.ShowHideBoxWithTable div.Head button { border:0px; color:White;width:31px;line-height:24px;font-weight:bolder;position:absolute;background-color:LightSlateGrey;cursor:pointer;right:6px;top:2px; } div.ShowHideBoxWithTable div.Content { min-height:35px; width:100%; color:LightSlateGrey;line-height:30px; font-weight:bolder; background-color:LightBlue; position:relative; margin-bottom:10px;border-bottom-left-radius:6px; border-bottom-right-radius:6px; } div.ShowHideBoxWithTable div.Content div.Body { padding:0px 10px 10px 0px; } div.ShowHideBoxWithTable div.Content div.Body div { display:inline-block;vertical-align: top;} div.ShowHideBoxWithTable div.Content div.Body div.Full { width:100%; max-width: 790px; position: relative; } div.ShowHideBoxWithTable div.Content div.Body div.Half { width:395px; position: relative; } div.ShowHideBoxWithTable div.Content div.Body span { color:Black;font-weight: normal;display:inline-block;} div.ShowHideBoxWithTable div.Content div.Body div.Full span, div.ShowHideBoxWithTable div.Content div.Body div.Half span { padding-left:5px; width: 105px;} div.ShowHideBoxWithTable div.Content div.Body div.Half span.ChkLbl { padding-left:5px; width: 300px;} div.ShowHideBoxWithTable div.Content div.Body input[type="text"] { display:inline-block ; margin-top:5px; margin-bottom:5px; border:0px; background-color:White;text-align:left;border-radius:3px;padding-left:5px;} div.ShowHideBoxWithTable div.Content div.Body input[type="text"]:disabled { background-color:White;cursor:default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} div.ShowHideBoxWithTable div.Content div.Body input.Filter[type="text"] { background-color: White; color: Black; border: SteelBlue 2px solid; margin: 2px;opacity: 0.9;} div.ShowHideBoxWithTable div.Content div.Body div.Half input[type="text"] { width: 272px;background-color:White;} div.ShowHideBoxWithTable div.Content div.Body div.Full input[type="text"] { width: 667px;background-color:White;} div.ShowHideBoxWithTable div.Content div.Body div span.CHECK { position:absolute; right:11px; margin-top:7px; margin-bottom:5px; padding:0px; width: 50px; text-align: right; } div.ShowHideBoxWithTable div.Content div.Body div span.CHECK input[type="checkbox"] { margin:0px;background-color:Whiteborder-radius:3px;display:inline-block;position:relative;cursor:pointer;} /* div.ShowHideBoxWithTable div.Content div.Body div span.CHECK input[type="checkbox"]:checked:after { margin:0px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:1px;left:3px;color:Black;} */ /* div.BoxTable div.ROW div.CELL span input[type="checkbox"]:disabled {margin:0px;appearance:none;background-color:aquamarine;border:2px solid DimGrey;padding:8px;border-radius:3px;display:inline-block;position:relative;cursor:default;} div.BoxTable div.ROW div.CELL span input[type="checkbox"]:disabled:checked:after {margin:0px;content:'\2714';background-color:aquamarine;line-height:15px;font-size:10pt;position:absolute;top:1px;left:3px;color:DimGrey;} */ div.ShowHideBoxWithTable div.Content span.CHECK input[type="radio"] { margin:0px;background-color:White;border-radius:10px;display:inline-block;position:relative;cursor:pointer;} /* div.ShowHideBoxWithTable div.Content span.CHECK input[type="radio"]:checked:after { margin:0px;content:'\25CF';background-color:White;line-height:0px;font-size:16pt;position:absolute;top:6.4px;left:1.8px;color:Black;} */ div.ShowHideBoxWithTable div.Content span.CHECK input[type="radio"]:disabled { margin:0px;background-color:DimGrey;border-radius:10px;display:inline-block;position:relative;cursor:default;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} /* div.ShowHideBoxWithTable div.Content span.CHECK input[type="radio"]:disabled:checked:after { margin:0px;content:'\25CF';background-color:aquamarine;line-height:0px;font-size:16pt;position:absolute;top:6.4px;left:1.8px;color:DimGrey;} */ div.ShowHideBoxWithTable div.Content div.Body div.BoxHead { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 60px; overflow-y: scroll;} div.ShowHideBoxWithTable div.Content div.Body div.BoxBody { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 170px; overflow-y: scroll;} div.ShowHideBoxWithTable div.Content div.Body div.BoxLoad { width:100%; position:relative; margin:0 auto 0 auto; display:block; height: 170px; overflow-y: scroll;} /* input.AttxData_btnClose { margin-right:4px; width:100px; padding:2px 0px 2px 0px; font-size:11pt; } */ div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable, div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable { display:table; width:100% } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.ROW, div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW { display:table-row;background: LightGrey;border-top:LightBlue solid 1px; } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.Filter, div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.Filter { display:table-row;background: White;border-top:Black solid 1px; } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.ROW div.HEAD { height:30px; line-height:30px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.ROW div.HEAD span { display:block;font-size: 10pt;font-weight: bold;border: 0px; width:auto; padding-left:0px; text-align:center; } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.Filter div.HEAD { height:30px; line-height:30px; text-align:center; vertical-align:middle; } div.ShowHideBoxWithTable div.Content div.Body div.BoxHead div.BoxTable div.Filter div.HEAD span { display:block;font-size: 10pt;font-weight: bold;border: 0px; width:auto; padding-left:0px; text-align:center; } div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW:nth-child(even) { background: Lavender; } div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW:nth-child(odd) { background: GhostWhite; } div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL { min-height:30px; line-height:16px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; } div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span { display:block; padding-left:5px; width:95% } div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"] { margin:5px;background-color:White;border-radius:3px;display:inline-block;position:relative;cursor:pointer;} /* div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"]:checked:after { margin:5px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:-4px;left:-2px;color:Black;} */ div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"]:disabled { margin:5px;background-color:DimGrey;border-radius:3px;display:inline-block;position:relative;cursor:default;left:-5px;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} /* div.ShowHideBoxWithTable div.Content div.Body div.BoxBody div.BoxTable div.ROW div.CELL span input[type="checkbox"]:disabled:checked:after { margin:5px;content:'\2714';background-color:aquamarine;line-height:15px;font-size:10pt;position:absolute;top:-4px;left:-2px;color:DimGrey;} */ /* Search Employee Panel */ div.SearchPanel { width: 50%; min-width:400px;min-height:400px; height:auto; position: fixed; display:block; background-color:WhiteSmoke; z-index:10001;border: 3px solid; border-radius:6px; padding:5px; } div.SearchPanel div.float { display: inline-block; min-width:220px; width:auto; background-color: White; padding-left:5px; background-color: transparent;} div.SearchPanel div.float span { min-width: 100px; width:auto; display: inline-block; margin-right :5px; background-color: transparent;} div.SearchPanel div.float input[type="text"] { min-width: 100px; width:auto; display: inline-block;} div.SearchPanel div.float select.float { min-width: 100px; width:auto; display: inline-block; margin-right :5px;} div.SearchPanel input.Close[type="submit"] { height:30px; width:150px; display: inline-block; margin-left: 5px; margin-top: 5px; color:White; background-color:SteelBlue;} div.SearchPanel input.Search[type="submit"] { height:30px; width:150px; display: inline-block; margin-left: 5px; margin-top: 5px; color:White; background-color:DarkOrange;} div.SearchPanel input.Clear[type="submit"] { height:30px; width:150px; display: inline-block; margin-left: 5px; margin-top: 5px; color:White; background-color:IndianRed;} div.SearchPanel table.SearchEmplTable { width:100%; margin-top: 5px;} div.SearchPanel table.SearchEmplTable th { background-color:Grey; color:WhiteSmoke;} div.SearchPanel table.SearchEmplTable tr:nth-child(even) { background: Lavender;} div.SearchPanel table.SearchEmplTable tr:nth-child(odd) { background: GhostWhite;} div.SearchPanel table.SearchEmplTable tr:last-child { text-align :left;} div.SearchPanel table.SearchEmplTable tr td:last-child { text-align :center; width: 50px} div.SearchPanel table.SearchEmplTable tr:last-child td { width :auto;} div.SearchPanel select.SearchEmplList { width:100%; margin-top: 5px; } div.SearchPanel table.SearchHierTable { width:100%; margin-top: 5px;} div.SearchPanel table.SearchHierTable th { background-color:Grey; color:WhiteSmoke;} div.SearchPanel table.SearchHierTable tr:nth-child(even) { background: Lavender;} div.SearchPanel table.SearchHierTable tr:nth-child(odd) { background: GhostWhite;} div.SearchPanel table.SearchHierTable tr:last-child { text-align :left;} div.SearchPanel table.SearchHierTable tr td:last-child { text-align :center; width: 50px} div.SearchPanel table.SearchHierTable tr:last-child td { width :auto;} div.SearchPanel table.SearchHierTable th a { text-decoration:none; } /* Login Page */ #LoginCell { text-align:center; vertical-align:middle;} #LoginMain { background-image:url('/image/HRWeb-BG2-01s.png'); background-repeat:no-repeat; height:350px; width:450px; margin:auto;} #LoginMain div.LoginTable { width:70%;margin:0px auto 0px auto; } #LoginMain div.LoginTable div { height:30px; } #LoginMain div.LoginTable div.Full { vertical-align:middle; text-align:left; width:100%; } #LoginMain div.LoginTable div.Full span.Title { font-size:24pt; color:SteelBlue; background-color:White;} #LoginMain div.LoginTable div.Full span.Mesg { font-size:13pt; } #LoginMain div.LoginTable div.Full input { font-size:13pt; width:100%; display:block; margin:auto;} #LoginMain div.LoginTable div.Left { vertical-align:middle;text-align:left; width:35%; } #LoginMain div.LoginTable div.Left span { font-size:15pt;} #LoginMain div.LoginTable div.Right { vertical-align:middle;text-align:right; width:65%; } #LoginMain div.LoginTable div.Right input { font-size:13pt;} /* Home Page */ div.ShowHidePanel div.R1 div.HomePage { width:auto; } div.ShowHidePanel div.R1 div.HomePage div.legend { display:inline-block; line-height:20px; vertical-align:middle; padding-left:5px; width:auto;} div.ShowHidePanel div.R1 div.HomePage div.legend img { vertical-align: top; padding: 1px;} div.ShowHidePanel div.R1 div.HomePage div.legend span { width:auto; } div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxDuty { color:DimGrey; } div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxTime { color:DimGrey; } div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxActn { color:DimGrey; } div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxAMPM { color:DarkOrange;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxLeav { color:DarkOrange;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxLvAp { color:LightSlateGrey;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxLvAr { color:LightSlateGrey;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxLvCn { color:LightSlateGrey;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxMiss { color:IndianRed;} div.ShowHidePanel div.R1 div.HomePage div.legend span.AttxOver { color:IndianRed;} button.HomeB1_Button { border:White solid 2px; color:White; border-radius:15px; width:31px; line-height:24px; font-weight:bolder; position:absolute; right:5px; top:5px;background-color:SteelBlue; cursor:pointer; } /* Calendar */ div.HomeB2 { overflow-y:scroll;} div.HomeB3 { overflow-y:scroll;} #CalHead { background-color:PowderBlue; } #CalHead div { display:inline-block;} #CalHead div span { font-size:20pt;padding-left:5px; color:color:SteelBlue;} #CalHead div.Move { display:inline-block; text-align:right; vertical-align:top; right:22px; position:absolute;} #CalHead div.Move input { padding:3px; vertical-align:top; font-size:11pt;height:25px; width:25px; margin:4px 4px 4px 4px;background-color:White; color:SteelBlue; } table.CalHead { border-width:0px;width:100%; } table.CalHead td { text-align:center; height:20px; width:12%; border-radius:6px;} table.CalHead td.SUN { background-color:SteelBlue; color:White;} table.CalHead td.SAT { background-color:LightSlateGrey; color:White;} table.CalHead td.DAY { background-color:LightSteelBlue; color:White;} #CalBody { background-color:PowderBlue;} table.CalBody { border-width:0px;width:100%; } table.CalBody td { text-align:center; height:80px; width:12%; position:relative; border-radius:6px; } table.CalBody td.SUN { background-color:SeaShell; color:DarkRed;} table.CalBody td.SAT { background-color:HoneyDew; color:LightSlateGrey;} table.CalBody td.DAY { background-color:White; color:DimGrey;} table.CalBody td input.CalLabel { font-size:18pt; color:inherit;background-color:transparent; padding:3px 5px 0px 0px; width:30px; text-align:right; cursor:pointer; border:0px; position:absolute; right:0px; top:0px; } table.CalBody td span.CalType { font-size:8pt; color:inherit;background-color:transparent; padding:0px 5px 0px 0px; width:45px; text-align:right; display:block; position:absolute; right:0px; top:35px;} table.CalBody td span.Icon { position:absolute; bottom:0px; left:0px; padding:0px 0px 5px 5px; width:auto; text-align:left } table.CalBody td span.Icon span.IconTool { visibility:hidden; text-align:left; border-radius:6px; padding:5px; position:absolute; z-index:1; height:auto; width:auto; font-size:12pt; line-height:19px; vertical-align:top; min-width:200px; min-height:100px; border:SteelBlue solid 2px } table.CalBody td span.Icon:hover span.IconTool { visibility:visible; } /* Raw Data Popup */ #Home_AttxData { position:fixed; right:5px; width:300px; z-index:10000; border:SteelBlue solid 2px; border-radius:6px; padding: 5px 5px 0px 5px; } #Home_AttxData div.AttxHead { width:100%; position:relative; top:0px; margin:0 auto 0 auto; display:block; } #Home_AttxData div.AttxHead span.TEXT { display:block; text-align:center; height:24px; width:100%; border-radius:6px; background-color:SteelBlue; color:White;} #Home_AttxData div.AttxBody { position: absolute; top: 31px; margin: 0 auto 0 auto;display: block;bottom: 40px;right: 5px;left: 5px; } #Home_AttxData div.AttxBody table tr:nth-child(even) { background: Lavender;} #Home_AttxData div.AttxBody table tr:nth-child(odd) { background: GhostWhite;} #Home_AttxData div.AttxBody table tr.Head { background: LightGrey;} #Home_AttxData div.AttxBody table td { text-align:center; text-align: center; font-size: 10pt; line-height: 24px;} #Home_AttxData div.AttxBody table td.AttxData_Col01 { width:20%; } #Home_AttxData div.AttxBody table td.AttxData_Col02 { width:20%; } #Home_AttxData div.AttxBody table td.AttxData_Col03 { width:60%; } #Home_AttxData div.AttxFoot { position:absolute; bottom:0px; max-width:400px; text-align:right; right: 5px;left: 5px; bottom: 5px; } #Home_AttxData div.AttxFoot input.AttxData_btnClose { margin-right:4px; width:100px; padding:2px 0px 2px 0px; font-size:11pt;background-color:SteelBlue;color:White; } /* Loading Popup */ div.Home_LoadList { position:fixed; top:120px;left:5px; right:5px; bottom:5px; z-index:50001; cursor:wait; } div.Home_LoadData { position:absolute;top:0px; left:0px; right:0px; bottom:0px; z-index:50001; cursor:wait; } /* Leave */ #LeaveB1 { overflow-y:auto;margin-bottom:5px;} #LeaveB1C1 { display:inline-block; vertical-align:top; width:400px} #LeaveB2 input.btnSave { width:130px; margin-bottom:5px; background-color:SteelBlue; color:White;} div.LeaveB1Box { width:400px; } div.ShowHideBox div.Content div.LeaveBody { max-height:400px;overflow-y:scroll; } .LeaveB1_Col1 { width:20%;text-align:left; } .LeaveB1_Col2 { width:40%;text-align:left; } .LeaveB1_Col3 { width:20%; } .LeaveB1_Col4 { width:20%; } .LeaveB1_TEXT { width:80%; } /* Features */ #FeatureB1 { overflow-y:auto;margin-bottom:5px;} #FeatureB1C1 { display:inline-block; vertical-align:top; width:400px} #FeatureB1C2 { display:inline-block; vertical-align:top; width:400px} #FeatureB2C1 { text-align:center ;} #FeatureB2 input.btnSave { width:130px; margin-bottom:5px; background-color:SteelBlue; color:White;} div.FeatureB1Box { width:400px; } div.FeatureB2Box { width:400px; } div.FeatureB3Box { width:400px; } div.FeatureB4Box { width:400px; } div.FeatureB5Box { width:400px; } div.FeatureB6Box { width:400px; } /* Setting */ #SettingB1 {} #SettingB1C1 { display:inline-block; vertical-align:top;width:100%;} #SettingB2C1 { text-align:center ;} div.SettingB1Box { width:100%; } #SettingB2 input.btnSave { width:130px; background-color:SteelBlue; color:White;} div.SettingB1Panel_HEAD_L { display:inline-block; position:absolute; overflow:hidden; left:0px} div.SettingB1Panel_HEAD_R { display:inline-block; position:absolute; overflow:scroll; } div.SettingB1Panel_BODY_L { display:inline-block; position:absolute; overflow-x:scroll;left:0px } div.SettingB1Panel_BODY_R { display:inline-block; position:absolute; overflow:scroll; } div.SettingTable {} div.SettingTable div.ROW {} div.SettingTable div.ROW:nth-child(even) { background: Lavender;} div.SettingTable div.ROW:nth-child(odd) { background: GhostWhite;} div.SettingTable div.ROW div.HEAD { height:20px; line-height:20px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; background-color:LightGrey; } div.SettingTable div.ROW div.HEAD span { display:block;font-size: 10pt;font-weight: bold;border: 0px; } div.SettingTable div.ROW div.CELL { height:30px; line-height:30px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; } div.SettingTable div.ROW div.CELL .SHOW { font-size:10pt; vertical-align:middle; color:DimGrey; text-align:center; display:inline-block; border-radius:3px; border:White solid 2px; padding:0px; width:80%; } div.SettingTable div.ROW div.CELL input[type="text"] { font-size:10pt; vertical-align:middle; color:Black; text-align:center; display:inline-block; border-radius:3px; border:LightSlateGrey solid 2px; padding:0px; background-color:White; } /* div.SettingTable div.ROW div.CELL input[type="text"]:disabled { border-color:White;cursor:default; } */ div.SettingTable div.ROW div.CELL input[type="text"]:disabled { color:White; background-color:DimGrey;border-color:DimGrey;cursor:default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} div.SettingTable div.ROW div.CELL div { display:block;} div.SettingTable div.ROW div.CELL span { display:block;} div.SettingTable div.ROW div.CELL span input[type="checkbox"] { margin:0px;background-color:White;border-radius:3px;display:inline-block;position:relative;cursor:pointer;} /* div.SettingTable div.ROW div.CELL span input[type="checkbox"]:checked:after { margin:0px;content:'\2714';background-color:White;line-height:15px;font-size:10pt;position:absolute;top:1px;left:3px;color:Black;} */ div.SettingTable div.ROW div.CELL span input[type="checkbox"]:disabled { margin:0px;background-color:DimGrey;border:2px solid DimGrey;border-radius:3px;display:inline-block;position:relative;cursor:default;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} /* div.SettingTable div.ROW div.CELL span input[type="checkbox"]:disabled:checked:after { margin:0px;content:'\2714';background-color:aquamarine;line-height:15px;font-size:10pt;position:absolute;top:1px;left:3px;color:DimGrey;} */ div.SettingTable div.ROW div.CELL .EDIT80p { width:80%; } div.SettingTable div.ROW div.CELL .EDIT30x { width:30px;} .SettingB1Col1 { width:30px; border-left:LightBlue solid 1px;} .SettingB1Col2 { width:150px; } .SettingB1Col3 { width:150px; } .SettingB1Col4 { width:150px; } .SettingB2Col1 { width:150px; } .SettingB2Col2 { width:150px; } .SettingB2Col3 { width:150px; } .SettingB2Col4 { width:150px; } .SettingB2Col5 { width:150px; } .SettingB2Col6 { width:150px; } .SettingB2Col7 { width:150px; } .SettingB2Col8 { width:150px; } .SettingB2Col9 { width:150px; } .SettingB2Col10 { width:150px; } .SettingB2Col11 { width:150px; } .SettingB2Col12 { width:150px; } .SettingB2Col13 { width:150px; } .SettingB2Col14 { width:150px; } .SettingB2Col15 { width:150px; } .SettingB2Col16 { width:150px; } .SettingB2Col17 { width:150px; } .SettingB2Col18 { width:150px; } .SettingB2Col19 { width:150px; } .SettingB2Col20 { width:150px; } .SettingB2Col21 { width:150px; } .SettingB2Col22 { width:150px; } .SettingB2Col23 { width:150px; } .SettingB2Col24 { width:150px; } .SettingB2Col25 { width:150px; } /* Employee List */ input.btnEmplData { visibility: hidden; margin: 0px; padding: 0px; border: 0px; width: 0px; height: 0px; } input.btnShow { width: 150px;background-color: SteelBlue;color: White;margin-bottom: 5px;line-height: 11pt;font-size: 10pt;} #EmplListB2 { } div.EmplListB2Panel_HEAD_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:hidden; } div.EmplListB2Panel_HEAD_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:hidden; } div.EmplListB2Panel_BODY_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:scroll; } div.EmplListB2Panel_BODY_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:scroll; } div.EmplList_Load { position:fixed; top:120px;left:5px; right:5px; bottom:5px; z-index:50001; cursor:wait; } div.EmplListTable { } div.EmplListTable span.ROW { } div.EmplListTable span.ROW:nth-child(even) { background: Lavender;} div.EmplListTable span.ROW:nth-child(odd) { background: GhostWhite;} div.EmplListTable span.ROW div.HEAD { height:25px; line-height:30px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; background-color:LightGrey; color:Black; } div.EmplListTable span.ROW div.HEAD span { display:block;font-size: 10pt;border: 0px; padding: 0px 5px 0px 5px; font-weight: bold;} div.EmplListTable span.ROW div.CELL { height:25px; line-height:30px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; } div.EmplListTable span.ROW div.CELL span { display:block;font-size: 10pt; border: 0px; padding: 0px 5px 0px 5px; color:Black; cursor:pointer } .EmplListB2ColL1 { min-width:100px; } .EmplListB2ColL2 { min-width:100px; } .EmplListB2ColR1 { min-width:100px; } .EmplListB2ColR2 { min-width:100px; } .EmplListB2ColR3 { min-width:100px; } .EmplListB2ColR4 { min-width:100px; } .EmplListB2ColR5 { min-width:100px; } .EmplListB2ColR6 { min-width:100px; } .EmplListB2ColR7 { min-width:100px; } .EmplListB2ColR8 { min-width:100px; } .EmplListB2ColR9 { min-width:100px; } .EmplListB2ColR10 { min-width:100px; } .EmplListB2ColR11 { min-width:100px; } .EmplListB2ColR12 { min-width:100px; } .EmplListB2ColR13 { min-width:100px; } .EmplListB2ColR14 { min-width:100px; } .EmplListB2ColR15 { min-width:100px; } .EmplListB2ColR16 { min-width:100px; } .EmplListB2ColR17 { min-width:100px; } .EmplListB2ColR18 { min-width:100px; } .EmplListB2ColR19 { min-width:100px; } /* Employee Edit */ #EmplEditB1 { overflow:auto; margin-bottom:5px;} #EmplEditB1C1 { display:inline-block; vertical-align:top; width: 100%;max-width: 800px;} #EmplEditB1C2 { display:inline-block; vertical-align:top;} #EmplEditB2C1 { text-align:left ;} #EmplEditB2 input.btnSave { width:130px; margin-bottom:5px; background-color:SteelBlue; color:White;} #EmplEditB2 input.btnDis { width:130px; margin-bottom:5px; background-color:DarkOrange; color:White;} #EmplEditB2 input.btnRes { width:130px; margin-bottom:5px; background-color:IndianRed; color:White;} div.Long { max-width:790px; width:100%} div.Short { width:398px; } div.EmplAttx_Col1, span.EmplAttx_Col1 {width:100px; text-align:left; border-left:LightGrey solid 1px;} div.EmplAttx_Col2, span.EmplAttx_Col2 {width:150px; text-align:left; } div.EmplAttx_Col3, span.EmplAttx_Col3 {width:75px; text-align:center; } div.EmplRost_Col1, span.EmplRost_Col1 {width:100px; text-align:left; border-left:LightGrey solid 1px;} div.EmplRost_Col2, span.EmplRost_Col2 {width:150px; text-align:left; } div.EmplRost_Col3, span.EmplRost_Col3 {width:75px; text-align:center; } /* Employee Sync */ #EmplSyncB1 { overflow-y:auto;} #EmplSyncB1C1 input.btnSync, #EmplSyncB1C1 input.btnFull { width:309px; background-color:SteelBlue;color:White; margin-bottom:5px;} /* First Change and Change Password */ #ChangeCell { } #ChangeMain { height:350px; width:450px;} #ChangeMain div.ChangeTable { width:100%;} #ChangeMain div.ChangeTable div { height:30px; } #ChangeMain div.ChangeTable div.Full { vertical-align:middle; text-align:left; width:100%; } #ChangeMain div.ChangeTable div.Full span.Title { font-size:24pt; color:SteelBlue; background-color:White;} #ChangeMain div.ChangeTable div.Full span.Mesg { font-size:13pt; } #ChangeMain div.ChangeTable div.Full input { font-size:13pt; width:100%; display:block; margin:auto;} #ChangeMain div.ChangeTable div.Left { vertical-align:middle;text-align:left; width:50%; } #ChangeMain div.ChangeTable div.Left span { font-size:15pt;} #ChangeMain div.ChangeTable div.Right { vertical-align:middle;text-align:right; width:50%; } #ChangeMain div.ChangeTable div.Right input { font-size:13pt;} /* Rost */ #RostB2 { } div.RostB2Panel_HEAD_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:hidden; } div.RostB2Panel_HEAD_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:hidden; } div.RostB2Panel_BODY_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:scroll; } div.RostB2Panel_BODY_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:scroll; } div.Rost_Load { position:fixed; top:120px;left:5px; right:5px; bottom:5px; z-index:50001; cursor:wait; } div.RostTable { } div.RostTable span.ROW { } div.RostTable span.ROW:nth-child(even) { background: Lavender;} div.RostTable span.ROW:nth-child(odd) { background: GhostWhite;} div.RostTable span.ROW div.HEAD { line-height:20px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; min-height:45px; } div.RostTable span.ROW div.HEAD span { display:block;font-size: 10pt;border: 0px; padding: 0px 5px 0px 5px; line-height: 22px; min-height:45px; border-radius:6px } div.RostTable span.ROW div.CELL { line-height:20px; text-align:center; vertical-align:top; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; min-height:45px;} div.RostTable span.ROW div.CELL span { display:block;font-size: 10pt; border: 0px; padding: 0px 5px 0px 5px; line-height: 22px; min-height:45px; border-radius:6px; color:Black;} div.RostTable span.ROW div.CELL input.ROSTTXT[type="text"] { margin-top:5px; margin-bottom:5px; border:1px solid Black; background-color:White;text-align:right;border-radius:3px;padding-right:3px;color:Black;font-weight: normal;} div.RostTable span.ROW div.CELL input.ROSTTXT[type="text"]:disabled { background-color:DimGrey;color:LightGrey;cursor:default;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9; } div.RostTable span.ROW div.CELL select.ROSTCBO { display:inline-block; font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑"; padding:1px 2px 1px 5px; margin-bottom:5px; margin-top:5px; } div.RostTable span.ROW div.CELL select.ROSTCBO option { font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑";} div.RostTable span.ROW div.CELL input.ROSTLEAVETXT[type="text"] { width:80px; border-radius: 6px;margin-bottom: 5px; border: Black 1px solid;} div.RostTable span.ROW div.CELL input.ROSTDUTYTXT[type="text"] { width:80px; border-radius: 6px;margin-top: 5px;margin-bottom: 5px; border: Black 1px solid;} div.RostTable span.ROW div.CELL input.ROSTLEAVETXT[type="text"]:disabled, div.RostTable span.ROW div.CELL input.ROSTDUTYTXT[type="text"]:disabled { background-color:DimGrey;color:LightGrey;cursor:default;border-color:rgba(118, 118, 118, 0.3);opacity: 0.9; } .ROSTAPPDIV { display:inline-block;} .RostB2ColL1 { min-width:100px; } .RostB2ColL2 { min-width:100px; } .RostB2ColRDate { min-width:100px; } .RostB2ColRBal { min-width:300px;max-height:60px; overflow-y:auto; text-align:left; } .RostB2ColRCfm { min-width:100px; } .RostB2ColRRemarks { min-width:200px; } .RostB2ColRUUser { min-width:200px; } .Rost_Head_SUN { background-color:SteelBlue; color:White;} .Rost_Head_SAT { background-color:LightSlateGrey; color:White;} .Rost_Head_DAY { background-color:DimGrey; color:White;} div.RostAMPM { color:DarkOrange;} div.RostLeav { color:DarkOrange;} div.RostLvAp { color:LightSlateGrey;} div.RostLvAr { color:LightSlateGrey;} div.RostLvCn { color:LightSlateGrey;} .RDutyColor { background-color:#ffffcc; } .LDutyColor { background-color:aquamarine; } /* Raw Data Popup */ #Rost_Data { position:fixed; right:5px; width:340px; z-index:10000; border:SteelBlue solid 2px; border-radius:6px; padding: 5px 5px 0px 5px; } #Rost_Data div.RostHead { width:100%; position:relative; top:0px; margin:0 auto 0 auto; display:block; line-height: 24px; } #Rost_Data div.RostHead span.TEXT { display:block; text-align:center; height:24px; width:100%; border-radius:6px; background-color:SteelBlue; color:White;} #Rost_Data div.RostBody { position: absolute; top: 31px; margin: 0 auto 0 auto;display: block;bottom: 40px;right: 5px;left: 5px; } #Rost_Data div.RostBody input.DutyLeave { border-width: 0px; text-align: left; display: inline-block; min-width: 75px; height: 30px; margin: 3px 0px 0px 3px; width: auto; padding: 0px 5px 0px 5px; } #Rost_Data div.RostFoot { position:absolute; bottom:0px; max-width:400px; text-align:right; right: 5px;left: 5px; bottom: 5px; } #Rost_Data div.RostFoot input.btnClose { margin-right:4px; width:100px; padding:2px 0px 2px 0px; font-size:11pt;background-color:SteelBlue;color:White; } #ImportCell { color:Black;} #ImportMain { height:350px; min-width:800px;width:100%;} #ImportMain div.ImportTable { width:100%;} #ImportMain div.ImportTable div { height:30px; } #ImportMain div.ImportTable div.Full { line-height: 14px;vertical-align:middle; text-align:left; width:100%; } #ImportMain div.ImportTable div.Full span.File { ;ine-height: 18px;font-size: 11pt;padding: 0px 5px 0px 5px;border: 1px solid Black;border-radius: 6px;width: 684px;display: inline-block;height: 22px;vertical-align: middle;padding-top: 5px; } #ImportMain div.ImportTable div.Full span.Mesg { line-height: 14px;font-size:13pt; } #ImportMain div.ImportTable div.Full input { line-height: 14px;font-size:13pt; width:100px; display:inline-block; margin:auto; font-size:11pt;} #ImportMain div.ImportTable div.Full button { line-height: 14px;font-size:13pt; width:100px; display:inline-block; margin:auto; font-size:11pt;} .GridGen { } .GridGen tr:nth-child(even) { background: Lavender;} .GridGen tr:nth-child(odd) { background: GhostWhite;} .GridGen tr th { background: aquamarine; min-width:100px} .GridGen tr td { min-width:100px} .GridGen tr th:nth-child(2), .GridGen tr td:nth-child(2) { min-width:200px; text-align:left;} .GridImp { } .GridImp tr:nth-child(even) { background: Lavender;} .GridImp tr:nth-child(odd) { background: GhostWhite;} .GridImp tr th { background: aquamarine; min-width:100px} .GridImp tr td { min-width:100px} /* Attx */ #AttxB2 { } div.AttxB2Panel_HEAD_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:hidden; } div.AttxB2Panel_HEAD_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:hidden; } div.AttxB2Panel_BODY_L { display:inline-block; position:absolute; overflow-y:hidden;overflow-x:scroll; } div.AttxB2Panel_BODY_R { display:inline-block; position:absolute; overflow-y:scroll;overflow-x:scroll; } div.Attx_Load { position:fixed; top:120px;left:5px; right:5px; bottom:5px; z-index:50001; cursor:wait; } div.AttxTable { } div.AttxTable span.ROW { } div.AttxTable span.ROW:nth-child(even) { background: Lavender;} div.AttxTable span.ROW:nth-child(odd) { background: GhostWhite;} div.AttxTable span.ROW div.HEAD { line-height:20px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; vertical-align:middle; } div.AttxTable span.ROW div.HEAD span { display:block;font-size: 10pt;border: 0px; padding: 0px 5px 0px 5px; line-height: 22px; border-radius:6px; height:45px; } div.AttxTable span.ROW div.CELL { line-height:20px; text-align:center; vertical-align:middle; border-right:LightBlue solid 1px; border-top:LightBlue solid 1px; min-height:45px;} div.AttxTable span.ROW div.CELL span { display:block;font-size: 10pt; border: 0px; padding: 0px 5px 0px 5px; line-height: 22px; border-radius:6px; color:Black;} div.AttxTable span.ROW div.CELL input.AttxTXT[type="text"] { margin-top:3px; margin-bottom:3px; border:1px solid Black; background-color:White;text-align:right;border-radius:3px;padding-right:3px;color:Black;font-weight: normal;width:80px;} div.AttxTable span.ROW div.CELL input.AttxTXT[type="text"]:disabled { background-color:LightGrey;color:Black;cursor:default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} div.AttxTable span.ROW div.CELL select.AttxCBO { margin-top:3px; margin-bottom:3px; width:80px; display:inline-block; font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑"; padding:1px 2px 1px 5px; background-color:White; color:Black; } div.AttxTable span.ROW div.CELL select.AttxCBO:disabled { background-color:LightGrey;color:Black;cursor:default; border-color:rgba(118, 118, 118, 0.3);opacity: 0.9;} div.AttxTable span.ROW div.CELL select.AttxCBO option { font-size:11pt; font-family:Calibri,"Microsoft Yahei","微软雅黑";} div.AttxTable span.ROW div.CELL input.AttxTime[type="text"] { text-align:center;} div.AttxTable span.ROW div.CELL input.AttxAMPMTXT[type="text"] { width:84px; border-radius: 6px;margin-bottom: 5px;text-align:center; margin-right: 3px;} div.AttxTable span.ROW div.CELL input.AttxLEAVETXT[type="text"] { width:180px; border-radius: 6px;margin-bottom: 5px;text-align:center;margin-right: 3px; } div.AttxTable span.ROW div.CELL input.AttxREMARKTXT[type="text"] { width:180px; border-radius: 6px;margin-top: 5px;margin-bottom: 5px;text-align:left;} div.AttxTable span.ROW div.CELL input.Error[type="text"], div.AttxTable span.ROW div.CELL select.Error { background-color:DarkRed; color:SeaShell;} div.AttxTable span.ROW div.CELL input.AttxAlert[type="text"], div.AttxTable span.ROW div.CELL select.AttxAlert, div.AttxTable span.ROW div.CELL input.AttxAlert[type="text"]:disabled, div.AttxTable span.ROW div.CELL select.AttxAlert:disabled { color:DarkRed; background-color:IndianRed; } div.AttxTable span.ROW div.CELL input.AttxChange[type="text"], div.AttxTable span.ROW div.CELL select.AttxChange, div.AttxTable span.ROW div.CELL input.AttxChange[type="text"]:disabled, div.AttxTable span.ROW div.CELL select.AttxChange:disabled { color:DarkBlue; background-color:Lavender; } .AttxAPPDIV { display:inline-block;} .AttxB2ColL1 { min-width:80px; } .AttxB2ColL2 { min-width:100px; } .AttxB2ColL3 { min-width:50px; } .AttxB2ColL4 { min-width:80px; } .AttxB2ColRIO { min-width:100px; } .AttxB2ColRTime { min-width:100px; } .AttxB2ColRLeave { min-width:200px; } .AttxB2ColRRemarks { min-width:200px; } .AttxB2ColRUDate { min-width:200px; } .Attx_Head_DAY { background-color:DimGrey; color:White;} .Attx_Miss_IO { background-color:IndianRed; color:White;} div.AttxAMPM { color:DarkOrange;} div.AttxLeav { color:DarkOrange;} div.AttxLvAp { color:LightSlateGrey;} div.AttxLvAr { color:LightSlateGrey;} div.AttxLvCn { color:LightSlateGrey;} div.Attx_LoadData { position:absolute;top:0px; left:0px; right:0px; bottom:0px; z-index:50001; cursor:wait; } #Attx_Data { position:fixed; right:5px; width:340px; z-index:10000; border:SteelBlue solid 2px; border-radius:6px; padding: 5px 5px 0px 5px; } #Attx_Data div.AttxHead { width:100%; position:relative; top:0px; margin:0 auto 0 auto; display:block; line-height: 24px; } #Attx_Data div.AttxHead span.TEXT { display:block; text-align:center; height:24px; width:100%; border-radius:6px; background-color:SteelBlue; color:White;} #Attx_Data div.AttxBody { position: absolute; top: 31px; margin: 0 auto 0 auto;display: block;bottom: 40px;right: 5px;left: 5px; } #Attx_Data div.AttxBody table { width:100%} #Attx_Data div.AttxBody table tr:nth-child(even){ background: Lavender;} #Attx_Data div.AttxBody table tr:nth-child(odd) { background: GhostWhite;} #Attx_Data div.AttxBody table td { text-align:center; font-size: 10pt; line-height: 24px;} #Attx_Data div.AttxBody table td.Leave { text-align:left; font-size: 10pt; line-height: 24px;} #Attx_Data div.AttxBody table td.Head { background: LightGrey;text-align:center;} #Attx_Data div.AttxBody table td.Error { background: indianRed; color:White;} #Attx_Data div.AttxBody table td.AttxLeave_Col01{ width:120px; } #Attx_Data div.AttxBody table td.AttxLeave_Col02{ width:60px; } #Attx_Data div.AttxBody table td.AttxLeave_Col03{ width:60px; } #Attx_Data div.AttxBody table td.AttxLeave_Col04{ width:50px; } #Attx_Data div.AttxBody table td.AttxLeave_Col05{ width:20px; } #Attx_Data div.AttxBody select.Error { color: indianRed; border-color:indianRed } #Attx_Data div.AttxBody input.Error[type="text"]{ color: indianRed; border-color:indianRed } #Attx_Data div.AttxBody select.LeaveInput { width:110px; border: Black 1px solid; border-radius: 3px; margin-bottom: 5px; margin-top: 5px; text-align: left; padding-left:5px; text-align:center; } #Attx_Data div.AttxBody input.LeaveInput[type="submit"] { border: 0px;cursor: pointer;text-decoration: none;text-align: center;vertical-align: middle;border-radius: 6px;background:IndianRed;height: 20px;width: 20px;color: white; font-size:10pt; padding:0px;} #Attx_Data div.AttxBody input.LeaveInput[type="text"] { width:50px; border: Black 1px solid; border-radius: 3px; margin-bottom: 5px; margin-top: 5px; text-align: center; padding-left:5px; } #Attx_Data div.AttxBody input.DutyLeave { border-width: 0px; text-align: left; display: inline-block; min-width: 22%; height: 30px; margin: 3px 0px 0px 3px; width: auto; padding: 0px 5px 0px 5px; } #Attx_Data div.AttxFoot { position:absolute; bottom:0px; max-width:400px; text-align:right; right: 5px;left: 5px; bottom: 5px; } #Attx_Data div.AttxFoot input.btnValid { margin-right:4px; width:22%; padding:2px 0px 2px 0px; font-size:11pt;background-color:DarkOrange;color:White; } #Attx_Data div.AttxFoot input.btnAdd { margin-right:4px; width:22%; padding:2px 0px 2px 0px; font-size:11pt;background-color:IndianRed;color:White; } #Attx_Data div.AttxFoot input.btnSave { margin-right:4px; width:22%; padding:2px 0px 2px 0px; font-size:11pt;background-color:SteelBlue;color:White; } #Attx_Data div.AttxFoot input.btnClose { margin-right:4px; width:22%; padding:2px 0px 2px 0px; font-size:11pt;background-color:SteelBlue;color:White; } #Attx_Data div.AttxFoot input.btnSave:disabled { background-color:DarkGrey;color:White; }