* { margin: 0; padding: 0; } body, th, td { font-family: Tahoma, "MS Sans Serif";; font-size: 11px; color: #000; } a { color: #069; } a:link, a:visited, a:active { text-decoration: none; } a: hover { text-decoration: underline; } img { border: none; -ms-interpolation-mode: bicubic; } .preload { display: block; background: #fff url(../IMAGES/EMPVIEW/LOADING.gif) no-repeat 50% 50%; } /*--------------------------------------------------- Table Contents : Vertical style -----------------------------------------------------*/ .table-content { color: #000; font-size: 11px; background: #FFF; } .table-content td a, .table-content td a:visited { color: #000; text-decoration: underline; } .table-content .column-label, .table-content .column-nolabel { background: #CADCE6; /*font-weight: bold;*/ text-align: right; vertical-align: text-top; padding: 0 6px; line-height: 20px; } .table-content .column-label-left, .table-content .column-nolabel { background: #CADCE6; font-weight: bold; text-align: left; vertical-align: text-top; padding: 0 6px; line-height: 20px; } .table-content .column-label:after { content: " : "; } .table-content .column-text { background: #F4F4F4; font-weight: normal; padding: 0 6px; line-height: 20px; } .table-content .column-input { background: #F4F4F4; padding: 0; line-height: 20px; } /*--------------------------------------------------- Table Contents 2 : Horizontal style -----------------------------------------------------*/ .table-content-list { color: #000; font-size: 11px; background: #FFF; } .table-content-list td a, .table-content-list td a:visited { color: #000; text-decoration: underline; } .table-content .column-header, .table-content-list .column-header { background: #CADCE6; font-weight: bold; text-align: center; padding: 0 2px; line-height: 20px; } .table-content-list .column-header-left { background: #CADCE6; font-weight: bold; text-align: left; padding: 0 6px; } .table-content-list .column-header-right { background: #CADCE6; font-weight: bold; text-align: right; padding: 0 6px; } .table-content-list .column-text { background: #F4F4F4; font-weight: normal; padding: 0 6px; line-height: 20px; } .table-content-list .column-text-center { background: #F4F4F4; font-weight: normal; text-align: center; padding: 0 6px; line-height: 20px; } .table-content-list .column-text-right { background: #F4F4F4; font-weight: normal; text-align: right; padding: 0 6px; line-height: 20px; } p.indent { margin: 0; padding: 5px 5px 10px 5px; text-indent: 20px } .content-header { margin: 0; color: #FFF; font-size: 11px; font-weight: bold; line-height: 20px; border-collapse: separate; background: url(../IMAGES/EMPVIEW/CONTENT-HEADER-BG-2.gif) top left repeat-x; } .content-header h2 { margin: 0; padding: 0 10px 13px 35px; background: url(../IMAGES/EMPVIEW/CONTENT-HEADER-BG.gif) top left no-repeat; white-space: nowrap; font-size: 11px; font-weight: bold; } .content-title { padding: 0 10px; background: #DDD; font-size: 11px; font-weight: bold; line-height: 22px; }.content-title3 { padding: 0 10px; background: #DDD; font-size: 13px; font-weight: bold; line-height: 22px; } .content-title2 { padding: 0 10px; background: #EFEFEF; font-size: 11px; font-weight: bold; line-height: 22px; } .content-footer { margin: 0; padding: 0; height: 3px; line-height: 3px; font-size: 3px; background: #1A9DD2; } .remarks { padding: 0 5px; } /*----------------------------------------------------------------------*/ .content-box { margin: 5px 0 15px 0; border: 1px solid #000; font-size: 11px; color: #000; } content-box p { margin: 0; padding: 5px 5px 10px 5px; } ul.bullet-arrow-blue li { background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) 5px center no-repeat; text-indent: 25px; padding-left: 10px; } ul.bullet-arrow-orange li { background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-ORANGE.gif) 5px center no-repeat; text-indent: 25px; } /*= --------------------------------------------------------------------------------------*/ .content-box1 { margin: 5px 0 15px 0; border: 1px solid #000; font-size: 11px; color: #000; } .content-box1 p,.content-box2 p { margin: 0; padding: 5px 5px 10px 5px; } /*--------------------------------------------------- Listing Contents -----------------------------------------------------*/ .content-box2 li { line-height: 17px; } .content-box2 { margin: 5px 0 15px 0; padding: 0px; border: 1px solid #000; background: #CADCE6; font-size: 11px; color: #000; } .content-box2 ol { list-style-position: inside; list-style-type: decimal; margin: 10px 10px 20px 5px; } .content-box2 ol li { margin: 3px 5px; padding: 0 10px 0px 10px; } .content-box2 ul { list-style-type: none; margin: 10px 10px 20px 10px; } .content-box2 ul li { background: url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) left center no-repeat; text-indent: 20px; } .content-box2 li a { color: #000; text-decoration: none; } .content-box2 li a { color: #000; text-decoration: underline; } .content-box2 li em { color: #0078D7; font-style: normal; font-weight: bold; margin: 0 3px; } .show-all { margin: 0 10px 10px 5px; text-align: right; } .show-all a { color: #000; text-decoration: underline; } .column-label em { margin-left: 5px; font-style: normal; } /*--------------------------------------------------- FAQs -----------------------------------------------------*/ .faq { padding : 0; margin: 0 0 20px 0; background: #F4F4F4; font-size: 17px; color: #000; } .faq .content-title { color: #000; margin: 0; font-weight: bold; font-size: 14px; line-height: 18px; padding: 2px 5px 2px 25px; background: #CADCE6 url(../IMAGES/EMPVIEW/BULLETS/BULLET-FAQ-Q.gif) 5px center no-repeat; } .faq .content-title2 { color: #000; margin: 0; font-weight: bold; font-size: 14px; line-height: 18px; padding: 2px 5px 2px 25px; background: #CADCE6 url(../IMAGES/EMPVIEW/BULLETS/BULLET-ARROW-BLUE.gif) 5px center no-repeat; } .faq p { margin: 0; padding: 5px 5px 10px 5px; } /*--------------------------------------------------- Form elements -----------------------------------------------------*/ input, select, textarea { font-size: 13px; } div.holiday { background: url(../IMAGES/EMPVIEW/CALENDAR.jpg) left top no-repeat; height: 570px; margin: 0; } div.holiday div { margin: 0 auto auto 0; padding: 160px 10px 5px 10px; width: 165px; white-space: nowrap; } div.holiday li { list-style: none; } .linkimage { background: url(../IMAGES/EMPVIEW/BULLETS/ICON-ATTACH.gif) 2px center no-repeat; padding-left: 20px; } .box-search-condition { border: 1px solid #000; margin-bottom: 20px; } .box-search-condition .content-title { padding: 0 5px; background: #CADCE6; border-bottom: 1px solid #000; font-weight: bold; font-size: 11px; text-align: left; color: #000; line-height: 20px; } .table-search-condition { background: #FFF; color: #000; margin: auto; } .table-search-condition .column-input { padding: 0 5px 0 0px; background: #F4F4F4; line-height: 20px; } .table-search-condition .column-label { padding: 0 5px 0 0px; background: #F4F4F4; text-align: right; line-height: 20px; } /*remove by james .column-label label { padding-right: 20px; background: #F4F4F4; text-align: right; }*/ /* =Help -----------------------------------------------------*/ .table-help-condition { /*background: #FFF;*/ color: #000; margin: 0 auto; } .table-help-condition .column-input { padding: 0 5px 0 0px; } .table-help-condition .column-label { padding: 0 5px 0 0px; } .table-help-condition label { padding-right: 20px; } #searchinfo { margin: 5px auto 5px auto; } #searchinfo #recordfound { text-align: left; padding: 0; float: left; line-height: 20px; } #searchinfo #pagetag { text-align: right; padding: 0; float: right; line-height: 20px; } #pagetag img, #pagetag a { height: 14px; width: 14px; border: 0 none; } #pagetag select { line-height: 20px; font-size: 12px; height: 16px; } #searchinfo select { font-size: 12px; } .table-help-list { margin: 0px auto 10px auto; font-size: 11px; } .table-help-list .column-header { background-color: #CADCE6; color: #000; font-weight: bold; text-align: center; line-height: 20px; padding: 0 3px 0 3px; } .table-help-list .column-text { padding: 0 3px 0 3px; background-color: #F4F4F4; color: #000; text-align: left; line-height: 18px; } .table-help-list .column-text-right { padding: 0 3px 0 3px; background-color: #F4F4F4; color: #000; text-align: right; line-height: 18px; } .table-help-list .column-text-center { padding: 0 3px 0 3px; background-color: #F4F4F4; color: #000; text-align: center; line-height: 18px; } .table-help-list a { color: #000; text-decoration: underline !important; } .table-content2 { color: #000; line-height: 20px; font-size: 11px; background: #FFF; } .table-content2 td a, .table-content2 td a: visited { color: #000; text-decoration: underline; } .table-content2 .column-label { background: #F4F4F4; font-weight: bold; text-align: right; padding: 0 6px; } .table-content2 .column-text { background: #F4F4F4; font-weight: normal; padding: 0 6px; } .table-content2 .column-input { background: #F4F4F4; padding: 0; } .content-group1{ text-indent: 0px; margin: auto auto 10px auto; } .content-group2{ text-indent: 10px; } .content-group1 ol { margin: auto auto auto 25px; } .link-attach { background: url(../IMAGES/EMPVIEW/BULLETS/ICON-ATTACH.gif) 2px center no-repeat; padding-left: 20px; line-height: 17px; } li em { color: #0078D7; font-style: normal; margin: 0 3px; } li em span { color: #000 !important; font-weight: normal; } li em a { color: #000; font-weight: bold; text-decoration: underline !important; } .left { text-align: left !important; } .center { text-align: center !important; } .right { text-align: right !important; } .strong { font-weight: bold !important; } .padding { padding: 10px !important; } #toolTipLayer { background: #D7EBFF; z-index: 2001; } .table-list {} .table-list td, table-list th { line-height: 17px; } .table-list .column-header { font-weight: bold; text-align: center; } .table-list .column-text {} .word_wrap { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }