/* Style Kit v7.0 */ a, embed, object {outline: none;} form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;} img {border-style: none;} h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;} p {margin: 0 0 15px 0; padding: 0; } table { border-collapse:collapse; border-spacing:0;} td, th {vertical-align: top;} th {text-align: left; } input, textarea, select {font-family: inherit; font-size: inherit;}lblLabel input:focus, textarea:focus {outline:none;} dl {display: block; } dt {display: block; float: left; width: 45%; margin-bottom: 5px;} dd {display: block; float: right; width: 45%; margin-bottom: 5px;} big {font-size: 1.1em;} small {font-size: 0.9em;} /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } .clearer {clear: both; height: 1px;} .clearleft {clear: left; height: 1px;} .clearright{clear: right; height: 1px;} .getright {float:right;} .getleft {float:left;} .centa {text-align: center;} .imgleft {float: left; margin: 0 10px 7px 0;} .imgright {float: right; margin: 0 0 7px 10px;} .blockit {display: block;} .padit {margin: 0 0 10px 0;} .bolden {font-weight: bold;} .uline {text-decoration: underline;} .nobg {background: none !important;} .nomargin {margin:0 !important;} .noborder {border: none !important;} .nopad {padding:0 !important;} .invisi {display: none !important;} .button { padding: 4px 15px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .buttonbig { padding: 7px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButton {display: block; padding:10px 0 10px 10px; width: 600px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695 url(../../images/trk_bg.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButton1 {display: block; padding:5px 0 5px 10px; width: 100%; margin: 0 0 15px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButton3 {display: block; padding:5px 0 5px 10px; width: 98%; margin: 0 0 15px 0px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButtonNoHover {display: block; padding:10px 0 10px 10px; width: 600px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButtonGeneral {display: block; font-size: 16px; line-height: 17px; color: #012497; margin: 0 0 10px 0;} .AccordionButton2 {display: block; padding:10px 0 7px 10px; width: 400px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 13px; line-height: 14px; font-weight: bold; text-transform:none; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} .AccordionButtonThin {display: block; padding:7px 0 2px 0px; width: 100%; margin: 0 0 5px 0px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #ff7b00; cursor: pointer; border: none; } .GraphBar {display: block; padding: 5px 0 5px 5px; width: 600px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollPage .AccordionButton1:hover{color:#ff7b00;} .GridHeaderStyle {text-align: justify} .RightAlign {text-align: Right;} .RightAlignBg {text-align: Right; background:#dedddb; border-bottom: 1px solid #FFF;} body {height: 100%; margin:0px; background: #f1f0f0 url(../../images/bg_tile.gif) repeat-x; color: #000; font-family: Helvetica, Arial, Verdana; font-size: 12px;} /* Links */ a {color: #012598; text-decoration: none;} a:hover {color: #ff7b00; text-decoration: none;} /* Superstructure */ #outer {background: url(../../images/bg_shadow.png) 50% 143px no-repeat;} #container {width: 960px; margin: 0 auto;} #shadow {background: #FFF; -webkit-box-shadow: 0 5px 5px 5px #bfbebe; -moz-box-shadow: 0 3px 5px 5px #bfbebe; box-shadow: 0 5px 5px 5px #bfbebe; behavior: url(lib/plugins/pie/PIE.htc);} #main {padding: 25px 30px;} #main2 {padding: 25px 0px 25px 10px;} .errMessagge {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} /* Infrastructure */ #header {position: relative; margin: 0; padding: 15px 0 0 0; height: 178px; z-index: 99;} #header #aux-nav {float: left; display: block; list-style: none; margin: 0 0 15px 0; padding: 0;} #header #aux-nav li {float: left; display: block; padding: 0 22px 0 0; margin: 0 15px 0 0; background: url(../../images/head_bullet.gif) 100% 50% no-repeat;} #header #aux-nav a {font-size: 13px; line-height: 13px; font-weight: bold; color: #012598; } #header #aux-nav a:hover {color: #ff7b00;} #header #aux-nav-none {float: left; display: block; list-style: none; margin: 0 0 15px 0; padding: 0;} #header #aux-nav-none li {float: left; display: block; padding: 0 22px 0 0; margin: 0 15px 0 0; } #header #aux-nav-none a {font-size: 13px; line-height: 13px; font-weight: bold; color: #012598; } #header #aux-nav-none a:hover {color: #ff7b00;} #header #phone {float: right; display: block; height: 30px; padding: 2px 0 0 42px; background: url(../../images/head_ico_phone.gif) no-repeat; font-size: 28px; line-height: 28px; font-weight: bold; color: #012598; letter-spacing: -1px;} #header #sitename {position: absolute; display: block; height: 30px; margin: 20px 0px 0 200px; font-size: 28px; line-height: 28px; font-weight: bold; font-style:italic; color: #012598; letter-spacing: -1px;} #header #logo {clear: both; float: left; display: block; width: 150px; height: 78px; background:url(../../images/logo.gif) no-repeat; text-indent: -9999px; overflow: hidden;} /*#nav {position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; background: url(../../images/nav_tile_alt.png) 0 0 repeat-x;}*/ #nav {position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 0; margin: 0; list-style: none; background: url(../../images/nav_tile.png) 0 0 repeat-x; } #nav > li {position: relative; float: left; display: block; height: 51px; margin: 0; padding: 0; border-right: 1px solid #FFF;} #nav > li#login {border: none;} #nav > li > a {display: block; height: 33px; margin: 0; padding: 18px 20px 0 20px; font-size: 16px; line-height: 16px; font-weight: bold; color: #FFF; background: url(../../images/nav_tile.png) 0 0 repeat-x;} #nav > li#login > a {padding-left: 20px; padding-right: 0; background: url(../../images/nav_tile_alt.png) 0 0 repeat-x;} #nav > li#login > a > span {padding-left: 18px; background: url(../../images/nav_arr.png) 0 50% no-repeat;} #nav ul {position: absolute; top: 51px; left: 0; display: none; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #nav ul > li {display: block; margin: 0; padding: 0; border: 1px solid #d7d7d7; border-top: none;} #nav ul > li > a {display: block; margin: 0; padding: 10px 20px; background: #FFF; font-size: 13px; line-height: 13px; color: #001e80; text-decoration: none;} #nav ul > li > a:hover, #nav ul > li.on > a {background: #f1f1f2; text-decoration: none;} #nav > li.over > a {background-position: 0 -51px; } #nav > li.on > a {background-position: 0 -102px !important; color: #012497 !important;} #nav > li.over > ul {display: block; } /*.sousMenu:hover ul { display: block; } .sousMenu ul { top:40px; display:none; list-style-type:none }*/ #subnav:hover ul{position: absolute; top: 245px; left: 100px; display: block; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #subnav ul{position: absolute; top: 245px; left: 100px; display: none; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #subnav_incident:hover ul{position: absolute; top: 70px; left: 140px; display: block; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #subnav_incident ul{position: absolute; top: 70px; left: 140px; display: none; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #subnav_accident:hover ul{position: absolute; top: 105px; left: 140px; display: block; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } 3 #subnav_accident ul{position: absolute; top: 105px; left: 140px; display: none; width: 220px; padding: 0; margin: 0; list-style: none; behavior: url(lib/plugins/pie/PIE.htc); } #banner {position: relative; height: 430px;} #banner #slide-shadow {position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; background: url(../../images/slide_shadow.png) repeat-x; z-index: 99;} #banner #slideshow, #slideshow li {display: block; margin: 0; padding: 0; list-style: none; height: 430px; overflow: hidden; background: #f1f0f0;} #banner #slideshow img {display: block; width: 960px; height: 430px; color: #f1f0f0;} #tracktrace {position: absolute; top: 112px; left: 33px; width: 262px; box-shadow: 0 0 5px 1px #000; z-index: 50;} #tracktrace #title-track {display: block; padding: 17px 0 0 63px; margin: 0; height: 36px; background: url(../../images/trk_pnl_head.gif) no-repeat; border-bottom: 1px solid #093dce; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #FFF; text-shadow: 2px 2px 2px #000; behavior: url(lib/plugins/pie/PIE.htc);} #tracktrace fieldset {display: block; padding: 20px 17px; margin: 0; background: #002695 url(../../images/trk_bg.png) 0 0 repeat-x; } #tracktrace #track_num {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 16px; line-height: 16px; color: #222; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 3px 1px #777; -moz-box-shadow: inset 1px 1px 3px 1px #777; box-shadow: inset 1px 1px 3px 1px #777; behavior: url(lib/plugins/pie/PIE.htc); } #tracktrace label {display: block; vertical-align: middle; color: #FFF; font-size: 14px; line-height: 14px; margin: 0 0 3px 0; cursor: pointer;} #tracktrace .dots-wht {background: url(../../images/dots_wht.gif) repeat-x; height: 1px; margin: 15px 0;} #tracktrace #track_butt {position: relative; padding: 7px 40px; font-size: 16px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: 1px solid #315ddf; background: #0735ba url(../../images/trk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #002388; -moz-box-shadow: 0 1px 3px 0 #002388; box-shadow: 0 1px 3px 0 #002388; behavior: url(lib/plugins/pie/PIE.htc);} #tracktrace #track_butt:hover {background: #1649da url(../../images/trk_butt.png) 0 100% repeat-x;} #masthead {padding: 15px 30px; background: url(../../images/mast_tile.png) repeat-x;} #masthead #weather {float: right; display: block; margin: 0; padding: 0; list-style: none;} #masthead #weather li {float: right; display: block; padding: 0 0 0 13px; margin: 0 0 0 12px; background: url(../../images/mast_div.gif) 0 50% no-repeat; color: #011f84; font-size: 13px; line-height: 13px; } #intro {padding: 18px 23px; background: url(../../images/mast_tile_lrg.png) 0 100% repeat-x; } #intro h1 {font-size: 22px; line-height: 27px; font-weight: bold; color: #012497; letter-spacing: -1px; margin: 0; padding: 0;} #intro h1 a {text-decoration: underline;} #intro h1 a:hover {text-decoration: none;} #footer {padding: 15px 30px 30px 30px; background: url(../../images/foot_tile.png) repeat-x;} #footer #foot-nav {float: left; display: block; margin: 0; padding: 0; list-style: none;} #footer #foot-nav li {float: left; display: block; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #011f84; color: #011f84; font-size: 12px; line-height: 12px; } #footer #copy {float: right; color: #011f84; font-size: 12px; line-height: 12px;} #sidebar {float: left; width: 264px;} #sidebar .spanel {border: 1px solid #dedddb; margin: 0 0 20px 0;} #sidebar .spanel h3 {display: block; height: 35px; padding: 17px 0 0 15px; margin: 0; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar {} #sidebar #title-transit {padding-left: 20px; } #sidebar fieldset {display: block; padding: 2px 17px 10px; margin: 0; background: #f1f0f0 url(../../images/chk_pnl_bg.png) 0 0 repeat-x; } #sidebar label {display: block; margin: 0 0 5px 0; font-size: 12px; line-height: 12px; color: #002695;} #sidebar .lblLabel {display:block; margin: 0 0 5px 0; font-size: 14px; line-height: 14px; color: #002695;} #sidebar input.txtfld {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #a2a2a2; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar input.txtfld:focus {color: #222;} #sidebar input.datepicker {float: left; width: 160px; margin-right: 5px;} #sidebar img.ui-datepicker-trigger {float: left; margin-top: 3px; cursor: pointer;} #sidebar .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 10px 0;} #sidebar #check_butt {position: relative; padding: 8px 40px; font-size: 16px; line-height: 16px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar #check_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #sidebar #btnCheck {margin: 0 0 5px ;position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar #btnCheck:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #sidebar .lblEtaLabel {display:inline; margin: 0 0 5px 0; font-size: 12px; line-height: 12px; color: #002695;} #sidebar .lblInfo {display:inline; position: relative; font-size: 12px; line-height: 12px; color: #222; } #sidebar .lblErrorMesg{display: block; font-size: 11px; line-height: 11px; font-weight: normal; font-style:italic; color: red; margin:0 0 15px 0;} #sidebar .spanelbottom {border: 1px solid #dedddb; margin: 0 0 0 0;} #sidebar .spanelbottom h3 {display: block; height: 35px; padding: 17px 0 0 15px; margin: 0; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar #nav-title-track {padding-left: 20px; } #sidebar #btnTrackTrace {margin: 0 0 5px ;position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar #btnTrackTrace:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #sidebar input.txtfld-top {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0px 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #sidebar input.txtfld-top:focus {color: #222;} #video {padding: 12px; } #video .vid-thb {display: block; margin: 0 0 10px 0} #video .vid-thb img {width: 238px;} #video .title-media {font-size: 10px; line-height: 10px; color: #ff7b00; text-transform:uppercase; font-weight: bold; margin: 0 0 3px 0;} #video h2 {font-size: 16px; line-height: 18px; color: #012598; font-weight: bold;} #qlinks #title-qlinks {background: url(../../images/qlink_pnl_head.gif) no-repeat; padding-left: 50px;} #qlinks ul {display: block; padding: 15px; margin: 0; list-style: none;} #qlinks li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; background: url(../../images/dot_org.gif) 0 4px no-repeat; } #qlinks a {color: #000;} #qlinks a:hover {color: #ff7b00;} #page {float: right; width: 605px; line-height: 16px;} #page a.more-news {float: right; margin-top: 7px; padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } #myhome ul {display: block; margin: 0; list-style: none;} #myhome li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; background: url(../../images/dot_org.gif) 0 4px no-repeat; } /* Products Template */ #products {display: block; margin: 0; padding: 0; list-style: none; } #products li {float: left; display: block; width: 220px; margin: 0 5px 15px 0; padding: 0; list-style: none; line-height: 16px;} #products a.thumb {display: block; margin: 0 0 15px 0;} #products a.thumb img {display: block; width: 220px; height: 205px; overflow: hidden;} #products h2 {display: block; height: 45px; font-size: 18px; line-height: 20px; font-weight: bold; color: #012497; margin: 0 0 10px 0; letter-spacing: -1px; overflow: hidden;} #products p {margin: 0 10px 0 0;} #products h2 a {color: #012497;} #products h2 a:hover {color: #012497;} /* AboutUs Template */ #aboutus {display: block; margin: 0; padding: 0; list-style: none; } #aboutus li {float: left; display: block; width: 220px; margin: 0 5px 15px 0; padding: 0; list-style: none; line-height: 16px;} #aboutus a.thumb {display: block; margin: 0 0 15px 0;} #aboutus a.thumb img {display: block; width: 220px; height: 205px; overflow: hidden;} #aboutus h2 {display: block; height: 45px; font-size: 18px; line-height: 20px; font-weight: normal; color: #012497; margin: 0 0 10px 0; letter-spacing: -1px; overflow: hidden;} /* Careers Template */ #careers {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #careers li {display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #dedddb;} #careers a.news-thb {float: left; display: block; width: 141px; } #careers a.news-thb img { display: block; width: 141px;} #careers div.news-txt {margin-left: 161px; padding-top: 10px;} #careers div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #careers div.news-txt h3 a {color: #012497;} #careers div.news-txt h3 a:hover {color: #012497;} /* ContactUs Template */ #ContactUs {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #contactus a.more {font-weight: bold; padding-left: 12px; background:url(../../images/arrow_org_lrg.gif) 0 50% no-repeat; text-transform: uppercase;} #contactus h1, #page h2 {display: block; font-size: 20px; line-height: 25px; font-weight: bold; color: #012497; margin: 0 0 10px 0; letter-spacing: -1px;} #contactus div.message span {display: block; font-size: 14px; line-height: 22px; font-weight: bold; color: red; margin: 0 0 30px 0;} #contactus div.phoneus h3 {display: block; font-size: 20px; line-height: 22px; font-weight: bold; color: #012497; margin: 0 0 10px 0;} #contactus div.emailus h3 {display: block; font-size: 20px; line-height: 22px; font-weight: bold; color: #012497; margin: 0 0 10px 0;} #tblDepotsContact {border: 2px solid #dedddb; } #tblDepotsContact .bordergrey {border: 1px solid #dedddb; } #tblDepotsContact h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tblDepotsContact h3 a {color: #012497;} #tblDepotsContact h3 a:hover {color: #012497;} #ContactForm a:hover {color: #012497;} #ContactForm .input_butt {position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #ContactForm .input_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #ContactForm .input_txt {position: relative; display: block; width: 400px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #ContactForm .input_txt:focus {color: #222;} #ContactForm .input_area {position: relative; display: block; width: 600px; height: 100px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #ContactForm .input_area:focus {color: #222;} #ContactForm select{position: relative; display: block; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} /* FAQs Template */ #faqs {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #faqs li {display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #dedddb;} #faqs a.news-thb {float: left; display: block; width: 141px; } #faqs a.news-thb img { display: block; width: 141px;} #faqs div.news-txt {margin-left: 161px; padding-top: 10px;} #faqs div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #faqs div.news-txt h3 a {color: #012497;} /*#faqs div.news-txt h3 a:hover {color: #ff7b00;} */ #faqs div.news-txt h3 a:hover {color: #012497;} #faqs div.header-txt {margin-left: 161px; padding-top: 10px;} #faqs div.header-txt p {margin: 0 0 7px 0; padding: 0; } #faqs div.news-txt ul {display: block; padding: 0px 0 0 25px; margin: 0; list-style: none;} #faqs div.news-txt li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } /*#faqs a.contact_underline {text-decoration: underline;}*/ /* Freight Control Template */ #freightcontrol {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #freightcontrol li {display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #dedddb;} #freightcontrol a.news-thb {float: left; display: block; width: 141px; } #freightcontrol a.news-thb img { display: block; width: 141px;} #freightcontrol div.news-txt {margin-left: 6px; padding-top: 10px;} #freightcontrol div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #freightcontrol div.news-txt h3 a {color: #012497;} #freightcontrol div.news-txt h3 a:hover {color: #012497;} /* Track & Trace Template */ #tracktraceproduct {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #tracktraceproduct li {display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #dedddb;} #tracktraceproduct a.news-thb {float: left; display: block; width: 141px; } #tracktraceproduct a.news-thb img { display: block; width: 141px;} #tracktraceproduct div.news-txt {margin-left: 6px; padding-top: 10px;} #tracktraceproduct div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tracktraceproduct div.news-txt h3 a {color: #012497;} #tracktraceproduct div.news-txt h3 a:hover {color: #012497;} #tracktraceproduct div.news-txt ul {display: block; padding: 0px 0 0 25px; margin: 0; list-style: none;} #tracktraceproduct div.news-txt li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } /* Privacy */ #privacy {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #privacy li {display: block; margin: 0; padding: 10px 0; border-bottom: 1px solid #dedddb;} #privacy a.news-thb {float: left; display: block; width: 141px; } #privacy a.news-thb img { display: block; width: 141px;} #privacy div.news-txt {margin-left: 6px; padding-top: 10px;} #privacy div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #privacy div.news-txt h3 a {color: #012497;} #privacy div.news-txt h3 a:hover {color: #ff7b00;} /* Terms & Conditions */ #termconditions {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #termconditions li {display: block; margin: 0; padding: 3px 0; border-bottom: 0px solid #dedddb;} #termconditions a.news-thb {float: left; display: block; width: 141px; } #termconditions a.news-thb img { display: block; width: 141px;} #termconditions div.news-txt {margin-left: 6px; padding-top: 1px;} #termconditions div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #termconditions div.news-txt h3 a {color: #012497;} #termconditions div.news-txt h3 a:hover {color: #012497;} #termconditions div.news-txt h4 {display: block; font-size: 13px; font-weight:bold; line-height: 22px; color: #012497; margin: 0 0 0 0;} #termconditions div.news-txt h4 a {color: #012497;} #termconditions div.news-txt h4 a:hover {color: #012497;} /* About Us Video Template */ #videofeature {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #videofeature li {display: block; margin: 0; padding: 10px 0; border-bottom: 0px solid #dedddb;} #videofeature a.news-thb {float: left; display: block; width: 141px; } #videofeature a.news-thb img { display: block; width: 141px;} #videofeature div.news-txt {margin-left: 6px; padding-top: 10px;} #videofeature div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #videofeature div.news-txt h3 a {color: #012497;} #videofeature div.news-txt h3 a:hover {color: #012497;} #videofeature div.news-txt ul {display: block; padding: 0px 0 0 25px; margin: 0; list-style: none;} #videofeature div.news-txt li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } #login {display: block; margin: 40px 200px 100px 200px;} #login .spanel {border: 1px solid #dedddb; margin: 0 0 20px 0;} #login h3 {display: block; height: 30px; padding: 15px 0 0 17px; margin: 0; font-size: 20px; line-height: 20px; font-style:italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #login fieldset {display: block; padding: 20px 17px; margin: 0; } #login label {display: block; margin: 0 0 5px 0; font-size: 14px; line-height: 14px; color: #002695;} #login input.txtfld {position: relative; display: block; width: 300px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 16px; line-height: 16px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #login input.txtfld:focus {color: #222;} #login .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;} #login #submit_butt {position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #login #submit_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #login a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } div.message span {display: block; font-size: 14px; line-height: 22px; font-weight: bold; color: red; margin: 0 0 30px 0;} #register {display: block; margin: 10px 150px 0 150px;} #register .spanel {border: 1px solid #dedddb; margin: 0 0 10px 0;} #register h3 {display: block; height: 30px; padding: 15px 0 0 17px; margin: 0; font-size: 20px; line-height: 20px; font-style:italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #register fieldset {display: block; padding: 20px 17px; margin: 0; } #register label {display: block; margin: 0 0 5px 0; font-size: 12px; line-height: 14px; color: #002695;} #register input.txtfld {position: relative; display: block; width: 300px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #register input.txtfld:focus {color: #222;} #register .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;} #register #submit_butt {position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #register #submit_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #register a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } #register a {color: #222; } #register a:hover {color: #222;} #consignmentstatus {display: block; margin: 0 450px 0 20px;} #consignmentstatus .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #consignmentstatus h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #consignmentstatus fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #consignmentstatus label {display:block; margin: 0 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #consignmentstatus .lblLabel {position: absolute; margin: 0 0 11px 0; color: #222;} #consignmentstatus input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 10px 0 0px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #consignmentstatus input.txtfld:focus {color: #222;} #consignmentstatus .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;} #consignmentstatus #btnSubmit{position: relative; display:inline; margin: 0 0 0 10px; padding: 7px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #consignmentstatus #btnSubmit:hover{background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #btnPrintPreview{position: relative; display:inline; margin: 20px 0 0 690px; padding: 7px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #btnPrintPreview:hover{background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } /*div.message span {display: block; font-size: 12px; line-height: 24px; font-weight: normal; font-style:italic; color: red; margin: 0 0 20px 20px;}*/ div.message span {display: block; font-size: 11px; line-height: 11px; font-weight: normal; font-style:italic; color: red; margin: 0 0 10px 20px;} .labelconcharge{position: relative; margin: 0 0 0 10px;} #tblConcharge {border: 1px solid #dedddb; margin: 0 0 0 17px;} #tblConcharge .tdLabel {font-size: 12px; line-height: 12px; color: #002695;} #tblConcharge .bordergrey {border: 1px solid #dedddb; } #tblConcharge h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 5px 0 5px 10px; font-weight: bold; } #tblConcharge h3 a {color: #012497;} #tblConcharge h3 a:hover {color: #012497;} #tblConcharge th{ background-color: #dedddb;} div.gridheader h3 {display: block; font-size: 16px; line-height: 16px; font-weight: bold; color: #012497; margin: 25px 0 5px 20px;} .gridview {border: 1px solid #dedddb; margin: 0px 0 0 20px; } .lblNote {font-size: 10px; color: blue;} #pnlConsignment {margin: 30px 0 0 0;} .treeview {padding:0 0 0 0 0; margin: 0 0 0 0;} #CheckTransitTime {border: 1px solid #dedddb; display: block; margin: 0 150px 0 20px;} #CheckTransitTime .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #CheckTransitTime h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #CheckTransitTime fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #CheckTransitTime label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695;} #CheckTransitTime .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #CheckTransitTime input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #CheckTransitTime input.txtfld:focus {color: #222;} #CheckTransitTime .lblInfo {display:block; margin: 0px 0 0 0; font-size: 12px; line-height: 12px; color: #222; font-style:italic;} #CheckTransitTime .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #CheckTransitTime #btnCheck1{position: relative; display:inline; margin: 0 0 0 10px; padding: 7px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #CheckTransitTime #btnCheck1:hover{background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #CheckTransitTime #btnCheck {position: relative; margin: 0 0 15px; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #CheckTransitTime #btnCheck:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} /*TO MERGE TO WORK CSS*/ #calendardiv input.datepicker {float: left; width: 100px; margin-right: 5px; margin-left:0px;} #calendardiv img.ui-datepicker-trigger {float: left; margin-top: 0; cursor: pointer;} #CheckTransitTime input.datepicker {float: left; width: 200px; margin-right: 5px; } #CheckTransitTime img.ui-datepicker-trigger {float: left; margin-top: 10px; cursor: pointer;} #CheckTransitTime .lblInfo {display:block; margin: 10px 0 0; font-size: 12px; line-height: 14px; color: #222; font-style:normal;} /*END TO MERGE TO WORK CSS*/ a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } /*div.message span {display: block; font-size: 12px; line-height: 24px; font-weight: normal; font-style:italic; color: red; margin: 0 0 20px 20px;}*/ div.message span {display: block; font-size: 11px; line-height: 11px; font-weight: normal; font-style:italic; color: red; margin: 0 0 10px 20px;} #EstimatedDeliveryDate {display: block; margin: 30px 150px 10px 20px;} #EstimatedDeliveryDate .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #EstimatedDeliveryDate h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #EstimatedDeliveryDate fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 10px 20px; margin: 0; } #EstimatedDeliveryDate label {display:inline; margin: 0 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #EstimatedDeliveryDate .lblInfo {display:inline; margin: 20px 0 0 0; font-size: 12px; line-height: 20px; color: #222; } #EstimatedDeliveryDate .lblLabel {display:inline; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #AddConsignment {display: block; margin: 0 0 0 10px;} #AddConsignment .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #AddConsignment h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment h2 {display: block; height: 18px; margin: 0; font-size: 16px; line-height: 16px; font-weight: bold; color: #002695; } #AddConsignment fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #AddConsignment label {display:inline; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #AddConsignment .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #AddConsignment input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 5px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment input.txtfld:focus {color: #222;} /*TO COPY OVER*/ #AddConsignment input.datepicker {float: left; width: 200px; margin-right: 5px; } #AddConsignment img.ui-datepicker-trigger {float: left; margin-top: 0px; cursor: pointer;} #AddConsignment .lblLabelInline {display:inline; margin: 8px 0 5px 0px; font-size: 12px; line-height: 12px; color: #002695;} #AddConsignment input.InputTextInline {position: relative; display: inline; width: 250px; padding: 6px 7px; margin: 8px 60px 0px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment input.InputTextInline:focus {color: #222;} #AddConsignment .txtfld1 {position: relative; display: inline; padding: 3px 4px; margin: 2px 0 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment .txtfld1:focus {color: #222;} #AddConsignment .txtdisabled {position: relative; display: inline; padding: 3px 4px; margin: 2px 0 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #a2a2a2; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment .txtdisabled:focus {color: #222;} #AddConsignment .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;} #AddConsignment .AddConsignmentAction {margin: 20px 10px 0 0; } #AddConsignment .input_butt {position: relative; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #AddConsignment .input_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #AddConsignment .despatch-box {border: 1px solid #dedddb; margin: 10px 0 15px 0; padding: 10px 0 10px 17px;} #AddConsignment .despatch-box-top {border: 1px solid #dedddb; margin: 0 0 15px 0; padding: 10px 0 10px 17px;} #AddConsignment .lblErrorMessage { display:block; margin: 0 0 10px 20px; font-size: 11px; line-height: 11px; font-weight: normal; font-style:italic; color: red;} #AddConsignment .address {margin: 0 0 0 40px;} #AddConsignment .item {margin: 10px 0 0;} #tblConsignmentDetails {border: 1px solid #dedddb; margin: 0 0 0 0;} #tblConsignmentDetails .bordergrey {border: 1px solid #dedddb; } #tblConsignmentDetails h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tblConsignmentDetails h3 a {color: #012497;} #tblConsignmentDetails h3 a:hover {color: #012497;} #AddConsignment .BookaPickupAction {margin: 20px 10px 0 0; } #AddConsignment .SelectPickupTypeAction {margin: 20px 10px 0 0; } #ButtonAction {margin: 20px 10px 0 0; } /*----------------------------------------------------------------------*/ /*START -- AUTHORISED-PICKUP.ASPX ONLY*/ /*----------------------------------------------------------------------*/ #tblPickups table{ border-collapse:collapse; border-spacing:2px; } #tblPickups tr tbody thead { border: 1px solid #dedddb;} #tblPickups td {vertical-align: top; border: 1px solid #dedddb; } #tblPickups th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;} #tblReturnPickups table{ border-collapse:collapse; border-spacing:2px; } #tblReturnPickups tr tbody thead { border: 1px solid #dedddb; font-size: 11px;} #tblReturnPickups td {vertical-align: top; border: 1px solid #dedddb; font-size: 11px;} #tblReturnPickups th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;} #tblReturnPickups1 table{ border-collapse:collapse; border-spacing:2px; } #tblReturnPickups1 tr tbody thead { border: 1px solid #dedddb;} #tblReturnPickups1 td {vertical-align: top; border: 1px solid #dedddb; } #tblReturnPickups1 th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;} #tblLineItemborder td tr tbody thead{text-align: left; border: 1px solid #dedddb; font-weight: normal; font-size: 11px; line-height: 11px; background:white;} #tblLineItemborder th{text-align: left; border: 1px solid #dedddb; color: #012497; font-weight: normal; font-size: 11px; line-height: 11px; background:#f1f0f0;} #tblLineItem td tr tbody thead{text-align: left; border: 1px solid #dedddb; font-weight: normal; font-size: 11px; line-height: 11px; background:white;} #tblLineItem th{text-align: left; border: 1px solid #dedddb; color: #012497; font-weight: normal; font-size: 11px; line-height: 11px; background:#f1f0f0;} a.dp-choose-date { float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../../images/calendar.png) no-repeat; } a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; } /* makes the input field shorter once the date picker code * has run (to allow space for the calendar icon */ input.dp-applied { width: 140px; float: left; } #mask { position:absolute; z-index:9000; background-color:#000; display:none; } .window { position:absolute; width:350px; height:80px; display:none; z-index:9999; padding:20px; } /*----------------------------------------------------------------------*/ /*END -- AUTHORISED-PICKUP.ASPX ONLY*/ /*----------------------------------------------------------------------*/ /*#despatch-box input.datepicker {float: left; width: 160px; margin-right: 15px;} #despatch-box img.ui-datepicker-trigger {float: left; margin-top: 3px; cursor: pointer;} #navCheckTransitTime input.datepicker {float: left; width: 160px; margin-right: 15px;} #navCheckTransitTime img.ui-datepicker-trigger {float: left; margin-top: 3px; cursor: pointer;} */ #updatemanifest {display: block; margin: 0 450px 0 10px; border: 1px solid #dedddb; } #updatemanifest h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #updatemanifest fieldset {border-top: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px;} #updatemanifest label {display:block; margin: 0 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #updatemanifest .lblLabel {position: absolute; margin: 0 0 11px 0; color: #222;} #updatemanifest input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 10px 0 5px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #updatemanifest input.txtfld:focus {color: #222;} /*---------------------------------------------------------------------------- NOTE: Those one below NOT WORKING FOR ALL IE. DO NOT USED ----------------------------------------------------------------------------*/ input.textfield1 {position: relative; display: inline; width: 100px; padding: 4px 6px; margin: 0px 5px 5px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} input.textfield1:focus {color: #222;} input.textfield2 {position: relative; display: inline; width: 100px; padding: 4px 6px; margin: 0px 5px 5px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} input.textfield2:focus {color: #222;} select.dropdownlistsmall {position: relative; padding: 3px 4px; margin: 0 0 10px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} select.dropdownlistsmall:focus {color: #222;} select.dropdownlist {position: relative; padding: 6px 7px;margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} select.dropdownlist:focus {color: #222;} input.textboxsmall {position: relative; display: inline; margin: 0 0 10px; padding: 3px 4px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} input.textboxsmall:focus {color: #222;} input.textbox {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} input.textbox:focus {color: #222;} /*---------------------------------------------------------------------------- END NOTE: Those one below NOT WORKING FOR ALL IE. DO NOT USED ----------------------------------------------------------------------------*/ #updatemanifest select.dropdownlistsmall {position: relative; padding: 3px 4px; margin: 0 0 10px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #updatemanifest select.dropdownlistsmall:focus {color: #222;} #updatemanifest select.dropdownlist {position: relative; padding: 6px 7px;margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #updatemanifest select.dropdownlist:focus {color: #222;} #despatch-box select.dropdownlistsmall {position: relative; padding: 3px 4px; margin: 0 0 10px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #despatch-box select.dropdownlistsmall:focus {color: #222;} #despatch-box select.dropdownlist {position: relative; padding: 6px 7px;margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #despatch-box select.dropdownlist:focus {color: #222;} #despatch-box input.textboxsmall {position: relative; display: inline; margin: 0 0 10px; padding: 3px 4px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #despatch-box input.textboxsmall:focus {color: #222;} #despatch-box input.textbox {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #despatch-box input.textbox:focus {color: #222;} #PaymentLogin {border: 2px solid #dedddb; display: block; margin: 30px 320px 50px 150px;}/*margin: 50px 220px 50px 220px;}*/ #PaymentLogin .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #PaymentLogin h4 {display: block; height: 18px; padding: 10px 0 5px 17px; margin: 0; font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #PaymentLogin label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #PaymentLogin #btnLogin {position: relative; margin: 10px 0 15px; padding: 8px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PaymentLogin #btnLogin:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PaymentLogin .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #PaymentLogin input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #PaymentLogin input.txtfld:focus {color: #222;} #PaymentLogin #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;} #Payment {border: 2px solid #dedddb; display: block; margin: 0 100px 0 80px;} #Payment .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #Payment h3 {display: block; height: 22px; padding: 10px 0 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Payment h4 {display: block; height: 18px; padding: 10px 0 5px 17px; margin: 0; font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Payment fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #Payment label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payment .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #Payment .lblLabelbold {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payment .lblLabelCardFee {display:block; margin: 8px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-style:normal; font-weight:normal;} #Payment .lblListLabel {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #Payment .requireField{color:#ff7b00;} #Payment input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin: 0px 0 0px 0px; background: #FFF; font-size: 11px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payment input.txtfldgrid:focus {color: #222;} #Payment #panelInvoices {margin: 0px 0 0 0px; } /*orange color #ff7b00*/ #Payment .lblMultiPaymentInfo {display:block; margin: 10px 0 0 0px; font-size: 11px; line-height: 11px; color: #222; font-style:normal; font-weight:normal;} #Payment input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payment input.txtfld:focus {color: #222;} #Payment .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #Payment .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #Payment #btnNext {position: relative; margin: 0 20px 15px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnNext:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payment #btnDefaultNext {position: relative; margin: 0 20px 15px; padding: 4px 10px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnDefaultNext:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payment #btnPayment {position: relative; margin: 0 20px 15px; padding: 4px 4px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnPayment:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payment #btnPrint {position: relative; margin: 0 20px 15px; padding: 4px 4px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnPrint:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payment #btnAnotherPayment {position: relative; margin: 0 0 15px 10px; padding: 4px 4px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnAnotherPayment:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payment #btnBack {position: relative; margin: 0 0 15px 10px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payment #btnBack:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PaymentMessage { display: block; margin: 10px 0 0 80px;} #PaymentMessage #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;} #divInfo{ display: block; margin: 10px 0 0 80px;} #divInfo .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #divInfo ul {margin-top: 0px} #PaymentAccount {display: block; margin: 0 300px 0 80px;} #PaymentAccount #myhome .AccordionButtonNoHover {display: block; padding:10px 0 5px 10px; width: 610px; margin: 0 0 10px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #myhome #btnPayment {position: relative; margin: 0 0 15px; padding: 4px 5px; font-size: 8px; line-height: 8px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #myhome #btnPayment:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #myhome1 #btnPayment { padding: 4px 15px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #myhome1 #btnPayment:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #DivReportDate {display: block; margin: 0 30px 8px 0px;} #DivReportDate .lblHeading2 {display:inline; margin: 8px 0 0 30px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #DivReportDate label {display:inline; margin: 8px 0 0 40px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #DivReportDate .lblLabel {display:inline; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #DivReportDate .lblLabelBold {display:inline; margin: 15px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;font-weight:bold;} #FleetReport {border: 2px solid #dedddb; display: block; margin: 0 30px 0 30px;} #FleetReport .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #FleetReport h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReport .lblHeading {display: block; height: 18px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReport .lblHeading1 {display:block; margin: 8px 0 0 10px; font-size: 14px; line-height: 14px; color: #002695; font-weight:bold;} #FleetReport .lblHeading2 {display:block; margin: 2px 0 0 30px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #FleetReport .lblHeading3 {display:block; margin: 5px 0 0 50px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReport .lblHeading4 {display:block; margin: 2px 0 0 70px; font-size: 11px; line-height: 11px; color: #002695; font-weight:normal;} #FleetReport .lblHeading4Bold {display:block; margin: 2px 0 0 70px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReport .lblHeading5 {display:block; margin: 2px 0 0 90px; font-size: 11px; line-height: 11px; color: #002695; font-weight:normal;} #FleetReport fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #FleetReport label {display:block; margin: 2px 0 0 40px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReport .lblLabel {display:block; margin: 2px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;} #FleetReport .lblLabelBold {display:block; margin: 5px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #FleetReport input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReport input.txtfld:focus {color: #222;} #FleetReport .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #FleetReport .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #FleetReport #divInfo{ display: block; margin: 10px 0 0 80px;} #FleetReport #divInfo .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #ReportMessage { display: block; margin: 5px 0 0 30px;} #ReportMessage #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:italic;} #FleetReportSearch {border: 2px solid #dedddb; display: block; margin: 0 350px 0 30px;} #FleetReportSearch .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #FleetReportSearch h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReportSearch fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #FleetReportSearch label {display:block; margin: 13px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReportSearch .lblLabel {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;} #FleetReportSearch .lblLabelBold {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #FleetReportSearch .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #FleetReportSearch .lblSearch {display:block; margin: 5px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReportSearch .lblDepotSearch {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReportSearch #lstDepot {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #FleetReportSearch .lblDate {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #FleetReportSearch input.txtfld {position: relative; display: inline; width: 100px; padding: 3px 7px; margin: 2px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReportSearch input.txtfld:focus {color: #222;} #FleetReportSearch input.datepicker {float: left; width: 100px; margin-right: 5px; } #FleetReportSearch img.ui-datepicker-trigger {float: left; margin-top: 1px; cursor: pointer;} #FleetReportSearch .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #FleetReportSearch #btnSearch {position: relative; padding: 4px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #FleetReportSearch #btnSearch:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #pnlRun {border: 0px solid #dedddb; display: block; margin: 20px 30px 0 30px;} #pnlRun h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #pnlRun .lblHeading {display: block; height: 18px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} /*====================================================================== PAYROLL SECTION ======================================================================*/ #PayrollLogin {border: 2px solid #dedddb; display: block; margin: 30px 320px 50px 150px;}/*margin: 50px 220px 50px 220px;}*/ #PayrollLogin .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #PayrollLogin h4 {display: block; height: 18px; padding: 10px 0 5px 17px; margin: 0; font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollLogin label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #PayrollLogin #btnLogin {position: relative; margin: 10px 0 15px; padding: 8px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollLogin #btnLogin:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PayrollLogin .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #PayrollLogin input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollLogin input.txtfld:focus {color: #222;} #PayrollLogin #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;} #PayrollSidebar {float: left; width: 190px; } #PayrollSidebar .spanel {border: 1px solid #dedddb; margin: 10px 0 20px 0;} #PayrollSidebar .spanel h3 {display: block; height: 35px; padding: 10px 0 0 15px; margin: 0; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollLinks #title-qlinks {padding-left: 10px; margin-bottom:8px;} #PayrollLinks ul {display: block; padding: 5px 0 15px 10px; margin: 0; list-style: none;} #PayrollLinks li {display: block; font-size: 13px; padding: 0 0 0 12px; margin: 0 0 0 0; background: url(../../images/navArrowOrange4.gif) 0 4px no-repeat; } #PayrollLinks #ulSubNav ul {display: block; margin: 0; list-style: none;} #PayrollLinks #ulSubNav li {display: block; font-size: 12px; padding: 0 0 5px 12px; margin: 0 0 0 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } /*#payrolllinks a {color: #000;} #payrolllinks a:hover {color: #ff7b00;}*/ #PayrollLinks a {color: #012497;} #PayrollLinks a:hover {color: #ff7b00;} #PayrollLinks .hoverColor {color: #ff7b00; font-weight:bold; } #PayrollLinks .hoverColorHeader {color: #012497; } #PayrollLinks a.disabled {color: #999999; font-weight:normal; pointer-events: none; cursor: default;} #PayrollPage {float: right; width: 680px; line-height: 16px;} #PayrollPage .smallButtonGrid {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollPage .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #AddEmployeePage {margin: 10px 100px 20px 100px;} #PayrollRoster {border: 0px solid #dedddb; display: block; margin: 30px 25px 20px 10px;} #PayrollRoster .lblLabelSmall {display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 11px; color: black; font-weight:normal;} #Payroll {border: 1px solid #dedddb; display: block; margin: 10px 0px 10px 5px;} #Payroll .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #Payroll h3 {display: block; height: 22px; padding: 10px 0px 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll h4 {display: block; height: 18px; padding: 10px 0px 5px 17px; margin: 0; font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll h5 {text-decoration: underline; display: block; height: 12; padding: 10px 0 5px 0px; margin: 0; font-size: 12px; font-style:normal; line-height: 14px; font-weight: bold; color: #002695;} #Payroll fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #Payroll label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #Payroll .lblLabelBoldMargin3{display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payroll .lblLabelNoMarginNormal{display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 10px; color: #002695; font-weight:normal;} #Payroll .lblLabelNoMargin{display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payroll .lblLabelBold2{display:block; margin: 8px 10px 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payroll .lblLabelBoldMargin{display:block; margin: 8px 0 0 20px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payroll .lblLabelbold2 {display:block; margin: 0px 0 5px 8px; font-size: 11px; line-height: 12px; font-weight:bold; color: #002695;} #Payroll .lblLabelsmall2 {display:block; margin: 0px 0 5px 8px; font-size: 11px; line-height: 12px; font-weight:normal; color: #002695;} #Payroll .lblLabelOrange {display:block; margin: 0px 0 5px 8px; font-size: 11px; line-height: 12px; font-weight:bold; color: #ff7b00;} #Payroll .lblLabelOrange2 {display:block; margin: 0px 0 5px 8px; font-size: 12px; line-height: 12px; font-weight:bold; color: #ff7b00;} #Payroll .lblLabelSmall {display:block; margin: 8px 0 0 0px; font-size: 11px; line-height: 11px; color: #ff7b00; font-weight:bold;} #Payroll .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #Payroll .lblLabelbold {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Payroll .lblListLabel {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #Payroll .requireField{color:#ff7b00;} #Payroll input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin: 0px 0 0px 0px; background: #FFF; font-size: 11px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll input.txtfldgrid:focus {color: #222;} #Payroll #panelInvoices {margin: 0px 0 0 0px; } /*orange color #ff7b00*/ #Payroll input.txtfldReadOnly {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: gray; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll input.txtfld:focus {color: #222;} #Payroll textarea.txtfld {overflow:auto; position: relative; display: inline; width: 450px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll textarea.txtfld:focus {color: #222;} #Payroll .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #Payroll .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 14px 1px 0px 1px;} #Payroll .PayrollButton2 {position: relative; margin: 10px 20px 15px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .PayrollButton2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll .PayrollButton {position: relative; margin: 10px 20px 15px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .PayrollButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll .input_butt_small2 {position: relative; padding: 2px 5px; font-size: 10px; line-height: 12px; font-weight: normal ; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: black url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .input_butt_small2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll .NoMarginlButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .NoMarginlButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll input.datepicker {float: left; width: 120px; margin-top:10px 5px 0 0; } #Payroll img.ui-datepicker-trigger {float: left; margin: 10px 0 0 5px; cursor: pointer;} #PayrollMessage1 { display: block; margin: 10px 0 0 10px;} #PayrollMessage1 #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} #PayrollMessage { display: block; margin: 10px 0 0 10px;} #PayrollMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} /*2017/03/06 -- display cut off time CLocking error section*/ #intro .lblOrange {font-size:11px; color: #ff7b00; margin-top:2px; font-weight:bold; font-style:italic} #tblPayrollCutOff table{ border-collapse:collapse; border-spacing:0px; border: 2px solid white; } #tblPayrollCutOff tr tbody thead { border: 1px solid #dedddb; background-color:Red;} /*#tblPayrollCutOff td {vertical-align: top; border: 0px solid white; background-color:red;}*/ #tblPayrollCutOff .tdDarkGreen {vertical-align: top; border: 1px solid white; background-color:#009933;} #tblPayrollCutOff .tdLightGreen {vertical-align: top; border: 1px solid white; background-color:#6ABF6C;} #tblPayrollCutOff .tdBlack {vertical-align: top; border: 1px solid white; background-color:black;} #tblPayrollCutOff .tdGray {vertical-align: top; border: 1px solid white; background-color:Gray;} #tblPayrollCutOff .tdWhite {vertical-align: top; border: 1px solid white; background-color:white;} #tblPayrollCutOff th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;} #tblPayrollCutOff .lblWhiteLarge {font-size: 23px; color: white; font-weight:bold;} #tblPayrollCutOff .lblWhiteSmall {font-size:9px; color:White; margin-top:2px;} #tblPayrollCutOff .smallgap {font-size:2px; color:White;} #tblPayrollCutOff .xsmallgap {font-size:1px; color:White;} #PayrollAction {border: 0px solid #dedddb; display: block; margin: 0 0px 0 10px;} #PayrollAction .PayrollButton {position: relative; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollAction .PayrollButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PayrollAction h4{display:block; margin: 25px 0 10px 0px; font-size: 16px; line-height: 16px; color: #002695; font-weight:bold;} #PayrollAction h5{display:block; margin: 25px 0 10px 0px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:bold;} #PayrollAction .SmallButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollAction .SmallButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PayrollAction .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollAction .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PayrollAction .input_butt_small2 {position: relative; padding: 2px 5px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollAction .input_butt_small2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PayrollAction .lblLabelSmall2 {display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 11px; color: black; font-weight:normal;} #PayrollAction input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #PayrollAction input.txtfld:focus {color: #222;} #Payroll .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Payroll .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Payroll #radioStatus_0 {float: left; margin: 0 0 0px; } #Payroll #radioStatus_1 {float: left; margin: 0 0 0px; } #Payroll #chkCopyAddress{position: relative; float: left; margin: 4px 0 0px; } #Payroll #chkCertify1{position: relative; float: right; margin: 4px 2px 0px 0; } #Payroll #chkCertify2{position: relative; float: left; margin: 6px 5px 0px 10px; } #Payroll #chkCertify{position: relative; float: left; margin: 4px 2px 0px 40px; } #Payroll #divCertify label {font-weight: bold; margin:0px 0 0 0;} #tblTermination {border: 2px solid #dedddb; } #tblTermination .bordergrey {border: 1px solid #dedddb; } #tblTermination tr {border: 1px solid #dedddb; } #tblTermination td {border: 1px solid #dedddb; } #tblTermination h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tblTermination h3 a {color: #012497;} #tblTermination h3 a:hover {color: #012497;} #Payroll #chkUniform{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkVehKey{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkFuelCard{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkFile{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkAccessCard{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkCompanyKey{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkOfficeKey{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkComputer{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkMobile{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkOtherEquipment{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkCreditCard{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #chkTradeCard{position: relative; float: left; margin: 4px 0 0px 0px; } #Payroll #lblLineManager{margin: 4px 0 0px 10px; } #Payroll #lblLineManager{margin: 4px 0 0px 10px; } #Payroll #chkViaExpiry{position: relative; float: left; margin: 4px 0 0px 0px;} #Payroll #chkNA{position: relative; float: left; margin: 6px 6px 0px 0px;} #Payroll #chkAuthoriseTerminate{position: relative; float: left; margin: 4px 0 0px 0px;} #Payroll #chkC{position: relative; float: left; margin: 6px 4px 0px 0px;} #Payroll #chkCA{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkHC{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkHR{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkLR{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkMC{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkMR{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkR{position:relative; float: left; margin: 6px 4px 0px 7px;} #Payroll #chkRE{position:relative; float: left; margin: 6px 4px 0px 7px;} /*====================================================================== GENERAL SECTION ======================================================================*/ #GeneralLogin {border: 2px solid #dedddb; display: block; margin: 30px 150px 50px 150px;}/*margin: 50px 220px 50px 220px;}*/ #GeneralLogin .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #GeneralLogin h4 {display: block; height: 16px; padding: 10px 0 5px 17px; margin: 0; font-size: 15px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralLogin label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #GeneralLogin #btnLogin {position: relative; margin: 10px 0 15px; padding: 8px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralLogin #btnLogin:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralLogin #btnRegister {position: relative; margin: 10px 0 15px; padding: 8px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralLogin #btnRegister:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralLogin #btnSubmit2 {position: relative; margin: 10px 0 15px; padding: 8px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralLogin #btnSubmit2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralLogin .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #GeneralLogin input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralLogin input.txtfld:focus {color: #222;} #GeneralLogin #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;} #SidebarPage {float: left; width: 220px; } #SidebarPage .spanel {border: 1px solid #dedddb; margin: 10px 0 20px 0;} #SidebarPage .spanel h3 {display: block; height: 35px; padding: 10px 0 0 15px; margin: 0; font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #SidebarLinks #title-qlinks {padding-left: 10px; margin-bottom:8px;} #SidebarLinks ul {display: block; padding: 5px 0 15px 10px; margin: 0; list-style: none;} #SidebarLinks li {display: block; font-size: 13px; padding: 0 0 0 12px; margin: 0 0 0 0; background: url(../../images/navArrowOrange4.gif) 0 4px no-repeat; } #SidebarLinks #ulSubNav ul {display: block; margin: 0; list-style: none;} #SidebarLinks #ulSubNav li {display: block; font-size: 12px; padding: 0 0 5px 12px; margin: 0 0 0 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } /*#SidebarLinks a {color: #000;} #SidebarLinks a:hover {color: #ff7b00;}*/ #SidebarLinks a {color: #012497;} #SidebarLinks a:hover {color: #ff7b00;} #SidebarLinks .hoverColor {color: #ff7b00; font-weight:bold; } #SidebarLinks .hoverColorHeader {color: #012497; } #MainPage {float: right; width: 660px; line-height: 16px;} /*#MainPage h3 {display: block; height: 22px; padding: 10px 0px 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} */ #MainPage .smallButtonGrid {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #MainPage .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #MainPageLinks {margin: 10px 0 0 0;} #MainPageLinks ul {display: block; padding: 0px 0 15px 10px; margin: 0; list-style: none;} #MainPageLinks li {display: block; font-size: 13px; padding: 0px 0 0 12px; margin: 0 0 5px 0; background: url(../../images/navArrowOrange4.gif) 0 4px no-repeat; } #MainPageLinks h3 {display: block; height: 22px; padding: 10px 0px 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #doco {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;} #doco li {display: block; margin: 0; padding: 10px 0 5px 0; border-bottom: 1px solid #dedddb;} #doco a.news-thb {float: left; display: block; width: 141px; } #doco a.news-thb img { display: block; width: 141px;} #doco div.news-txt {margin-left: 6px; padding-top: 5px;} #doco div.news-txt h3 {display: block; font-size: 16px; line-height: 17px; color: #012497; margin: 0 0 10px 0;} #doco div.news-txt h3 a {color: #012497;} #doco div.news-txt h3 a:hover {color: #012497;} #doco div.news-txt #orange {display: block; font-size: 16px; line-height: 17px; color: #012497; margin: 0 0 10px 0;} #doco div.news-txt h4 {display: block; font-size: 14px; line-height: 16px; color: #012497; margin: 0 0 2px 0;} #doco div.news-txt h4 a {color: #012497;} #doco div.news-txt h4 a:hover {color: #012497;} #doco div.news-txt h5 {display: block; font-size: 12px; line-height: 14px; color: #012497; margin: 0 0 5px 20px;} #doco div.news-txt h5 a {color: #012497;} #doco div.news-txt h5 a:hover {color: #012497;} #doco div.h5 {margin: 10px 0 10px 30px;} #doco div.news-txt h6 {display: block; font-size: 12px; line-height: 14px; color: #012497; margin: 10px 0 5px 0;} #doco div.news-txt h6 a {color: #012497;} #doco div.news-txt h6 a:hover {color: #012497;} #doco div.header-txt {margin-left: 6px; padding-top: 10px;} #doco div.header-txt p {margin: 0 0 7px 0; padding: 0; } #doco div.news-txt ul {display: block; padding: 0px 0 0 20px; margin: 0; list-style: none;} #doco div.news-txt li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } #doco div.news-txt li.main {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } #doco div.news-txt li.main {display: block; padding: 0 0 0 12px; margin: 0 0 0px 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat; } #doco div.news-txt ul.noformat2 {display: block; margin: 0; list-style: none;} #doco div.news-txt li.noformat {display: block; padding: 0 0 0 0px; margin: 0 0 3px 0; border-bottom: 0px; background:#FFF; } #doco div.news-txt li.noformat2 {display: block; padding: 0 0 0 24px; margin: 0 0 0 0; border-bottom: 0px; background:#FFF; } /* #doco #ulNoFormat ul {display: block; padding: 0px 0 0 25px; margin: 0; list-style: none;} #doco #ulNoFormat li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; border-bottom: 0px; background: 0 0 4px no-repeat; } */ /*#doco a.contact_underline {text-decoration: underline;}*/ #doco a.more {background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; } #doco div.news-txt a.more {color: #012497;} #doco div.news-txt a.more:hover {color: #ff7b00;} #doco div.news-txt a.orangelink{color: #ff7b00;} #doco div.news-txt a.orangelink:hover{color: #012497;} #doco .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: black} #doco .lblLabelbold {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: black; font-weight:bold;} #doco label {display:block; margin: 5px 0 0 2px; font-size: 12px; line-height: 12px; font-weight:normal;} #doco .lblLabelLi {display:block; margin: 0px 0 0 12px; font-size: 12px; line-height: 12px; font-weight:normal;} #General {border: 1px solid #dedddb; display: block; margin: 10px 25px 10px 10px;} #General .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #General h3 {display: block; height: 22px; padding: 10px 0px 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #General h4 {display: block; height: 16px; padding: 10px 0px 5px 17px; margin: 0; font-size: 15px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #General #lnkShowHidePanelUpload {display: block; padding: 10px 0px 5px 17px; width: 846px; margin: 0; font-size: 15px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #General h5 {text-decoration: underline; display: block; height: 12; padding: 10px 0 5px 0px; margin: 0; font-size: 12px; font-style:normal; line-height: 14px; font-weight: bold; color: #002695;} #General fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #General label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #General .lblLabelBoldMargin3{display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #General .lblLabelNoMarginNormal{display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 10px; color: #002695; font-weight:normal;} #General .lblLabelNoMargin{display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #General .lblLabelBold2{display:block; margin: 8px 10px 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #General .lblLabelBoldMargin{display:block; margin: 8px 0 0 20px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #General .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #General .lblLabelSmall {display:block; margin: 8px 0 0 0px; font-size: 11px; line-height: 11px; color: Gray;} #General .lblLabelbold {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #General .lblToolboxInfo {display:block; margin: 10px 0 0 0px; font-size: 11px; line-height: 11px; color: #ff7b00; font-style:normal; font-weight:bold;} #General .lblListLabel {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #General .requireField{color:#ff7b00;} #General input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin: 0px 0 0px 0px; background: #FFF; font-size: 11px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #General input.txtfldgrid:focus {color: #222;} #General #panelInvoices {margin: 0px 0 0 0px; } /*orange color #ff7b00*/ #General input.txtfldReadOnly {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: gray; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #General input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #General input.txtfld:focus {color: #222;} #General textarea.txtfld {overflow:auto; position: relative; display: inline; width: 450px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #General textarea.txtfld:focus {color: #222;} #General .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #General .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 14px 1px 0px 1px;} #General .Button {position: relative; margin: 10px 20px 15px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #General .Button:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #General .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #General .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #General .smallButtonGrid {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #General .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #General .NoMarginlButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #General .NoMarginlButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #General input.datepicker {float: left; width: 120px; margin-top:10px 5px 0 0; } #General img.ui-datepicker-trigger {float: left; margin: 10px 0 0 5px; cursor: pointer;} #General #radioNM {float: left; margin: 0 0 0px; } #General #radioFAI {float: left; margin: 0 0 0px; } #General #radioMTI {float: left; margin: 0 0 0px; } #General #radioLTI {float: left; margin: 0 0 0px; } #General #headerH4 {float: left; margin: 0 0 0px; } #General .lblCheckboxLabel {display:inline; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #GeneralMessage { display: block; margin: 10px 0 0 10px;} #GeneralMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} #GeneralMessage #lblUploadMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} #GeneralAction {border: 0px solid #dedddb; display: block; margin: 0 25px 0 10px;} #GeneralAction .Button {position: relative; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralAction .Button:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralAction h4{display:block; margin: 25px 0 10px 0px; font-size: 16px; line-height: 16px; color: #002695; font-weight:bold;} #GeneralAction .SmallButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralAction .SmallButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralAction .input_butt_small_XXX {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralAction .input_butt_small_XXX:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #GeneralAction .smallButtonGrid {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #GeneralAction .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #tblInjury {border: 2px solid #dedddb; } #tblInjury .bordergrey {border: 1px solid #dedddb; } #tblInjury tr {border: 1px solid #dedddb; } #tblInjury td {border: 1px solid #dedddb; } #tblInjury h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tblInjury h3 a {color: #012497;} #tblInjury h3 a:hover {color: #012497;} #tblHelp {border: 2px solid #dedddb; } #tblHelp .bordergrey {border: 1px solid #dedddb; } #tblHelp tr {border: 1px solid #dedddb; } #tblHelp td {border: 1px solid #dedddb; } #tblHelp h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;} #tblHelp h3 a {color: #012497;} #tblHelp h3 a:hover {color: #012497;} #ToolboxSearch {border: 2px solid #dedddb; display: block; margin: 0 100px 0 0px; } #ToolboxSearch .spanel {border: 2px solid #dedddb; margin: 0 0 0 0px;} #ToolboxSearch h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #ToolboxSearch fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #ToolboxSearch label {display:block; margin: 13px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #ToolboxSearch .lblLabel {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;} #ToolboxSearch .lblLabelBold {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #ToolboxSearch .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #ToolboxSearch .lblSearch {display:block; margin: 5px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #ToolboxSearch .lblDepotSearch {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #ToolboxSearch #lstDepot {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #ToolboxSearch #lstPosition {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #ToolboxSearch #lstState {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #ToolboxSearch #lstNameStartWith{display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #ToolboxSearch .lblDate {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #ToolboxSearch input.txtfld {position: relative; display: inline; width: 100px; padding: 3px 7px; margin: 2px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #ToolboxSearch input.txtfld:focus {color: #222;} #ToolboxSearch input.datepicker {float: left; width: 100px; margin-right: 5px; } #ToolboxSearch img.ui-datepicker-trigger {float: left; margin-top: 1px; cursor: pointer;} #ToolboxSearch .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #ToolboxSearch #btnSearch {position: relative; margin: 2px 0 0 2px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #222; cursor: pointer; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} /*#ToolboxSearch #btnSearch {position: relative; margin: 2px 0 0; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #ToolboxSearch #btnSearch:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}*/ #PhoneSearch {border: 2px solid #dedddb; display: block; margin: 0 0px 0 0px;} #PhoneSearch .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;} #PhoneSearch h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #PhoneSearch label {display:block; margin: 13px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #PhoneSearch .lblLabel {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;} #PhoneSearch .lblLabelBold {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #PhoneSearch .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #PhoneSearch .lblSearch {display:block; margin: 5px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #PhoneSearch .lblDepotSearch {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #PhoneSearch #lstDepot {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #PhoneSearch #lstState {display:block; margin: 5px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #PhoneSearch .lblDate {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #PhoneSearch input.txtfld {position: relative; display: inline; width: 100px; padding: 3px 7px; margin: 2px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch input.txtfld:focus {color: #222;} #PhoneSearch input.datepicker {float: left; width: 100px; margin-right: 5px; } #PhoneSearch img.ui-datepicker-trigger {float: left; margin-top: 1px; cursor: pointer;} #PhoneSearch .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #PhoneSearch #btnSearch {position: relative; margin: 2px 0 0; padding: 4px 10px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch #btnSearch:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PhoneSearch #btnPhoneCSV {position: relative; margin: 2px 0 0; padding: 4px 10px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch #btnPhoneCSV:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PhoneSearch #btnDepotCSV {position: relative; margin: 2px 0 0; padding: 4px 10px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch #btnDepotCSV:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #PhoneSearch #btnDisplayAll {position: relative; margin: 2px 0 0; padding: 4px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #PhoneSearch #btnDisplayAll:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Phone {border: 0px solid #dedddb; display: block; margin: 10px 25px 20px 0;} #Phone .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #Phone h3 {display: block; height: 22px; padding: 10px 0px 5px 17px; margin: 0; font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Phone h4 {display: block; height: 18px; padding: 10px 0px 5px 17px; margin: 0; font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #Phone h5 {text-decoration: underline; display: block; height: 12; padding: 10px 0 5px 0px; margin: 0; font-size: 12px; font-style:normal; line-height: 14px; font-weight: bold; color: #002695;} #Phone fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #Phone .lblLabelBoldMargin3{display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Phone .lblLabelNoMarginNormal{display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 10px; color: #002695; font-weight:normal;} #Phone .lblLabelNoMargin{display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Phone .lblLabelBold2{display:block; margin: 8px 10px 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Phone .lblLabelBoldMargin{display:block; margin: 8px 0 0 20px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;} #Phone label {display:block; margin: 0px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #Phone .lblLabel {display:block; margin: 0px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;} #Phone .lblLabelBold {display:block; margin: 15px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #Phone .lblListLabel {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;} #Phone .requireField{color:#ff7b00;} #Phone input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin: 0px 0 0px 0px; background: #FFF; font-size: 11px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Phone input.txtfldgrid:focus {color: #222;} #Phone #panelInvoices {margin: 0px 0 0 0px; } /*orange color #ff7b00*/ #Phone input.txtfldReadOnly {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: gray; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Phone input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Phone input.txtfld:focus {color: #222;} #Phone textarea.txtfld {overflow:auto; position: relative; display: inline; width: 450px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #Phone textarea.txtfld:focus {color: #222;} #Phone .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #Payroll .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 14px 1px 0px 1px;} #Phone .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Phone .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Phone .NoMarginlButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #Phone .NoMarginlButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #Phone input.datepicker {float: left; width: 120px; margin-top:10px 5px 0 0; } #Phone img.ui-datepicker-trigger {float: left; margin: 10px 0 0 5px; cursor: pointer;} #IncidentSearch {border: 1px solid #dedddb; display: block; margin: 10px 25px 20px 10px;} #IncidentSearch .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;} #IncidentSearch h3 {display: block; height: 16px; padding: 5px 0 5px 10px; margin: 0; font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearch h5 {display: block; height: 16px; padding: 10px 0px 5px 10px; margin: 0; font-size: 13px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearch h4 {display: block; height: 16px; padding: 10px 0px 5px 10px; margin: 0; font-size: 15px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearch fieldset {border: 1px solid #dedddb; display: block; padding: 5px 27px 15px 20px; margin: 0; } #IncidentSearch label {display:block; margin: 5px 0 5px 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #IncidentSearch .lblLabel {display:block; margin: 10px 0 5px 10px; font-size: 11px; line-height: 11px; color: #002695;} #IncidentSearch .lblLabelBold {display:block; margin: 5px 0 5px 0px; font-size: 11px; line-height: 11px; color: #002695;font-weight:bold;} #IncidentSearch .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;} #IncidentSearch .lblSearch {display:block; margin: 5px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #IncidentSearch .lblDropDownSearch {display:block; margin: 5px 0 0 0px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #IncidentSearch #lstDepot {display:block; margin: 5px 0 5px 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #IncidentSearch #lstState {display:block; margin: 5px 0 5px 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;} #IncidentSearch .lblDate {display:block; margin: 10px 0 0 10px; font-size: 11px; line-height: 11px; color: #002695; font-weight:bold;} #IncidentSearch input.txtfld {position: relative; display: inline; width: 100px; padding: 3px 7px; margin: 5px 0 5px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearch input.txtfld:focus {color: #222;} #IncidentSearch input.datepicker {float: left; width: 100px; margin-right: 5px; } #IncidentSearch img.ui-datepicker-trigger {float: left; margin-top: 1px; cursor: pointer;} #IncidentSearch .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;} #IncidentSearch #btnSearch {position: relative; margin: 5px 0 5px 0; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearch #btnSearch:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #IncidentSearch .lblReportInfo {display:block; margin: 10px 0 5px 10px; font-size: 11px; line-height: 15px; color: #ff7b00; font-style:normal; font-weight:bold;} .lblReportInfo1 {position: relative; margin: 10px 0 5px 0px; font-size: 11px; line-height: 15px; color: #ff7b00; font-style:normal; font-weight:bold;} .lblReportInfo {display:block; margin: 10px 0 5px 0px; font-size: 11px; line-height: 15px; color: #ff7b00; font-style:normal; font-weight:bold;} .lblReportInfoLarge {display: block; margin: 30px 0 15px 10px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; } #IncidentSearchResult #RefineSearch {position: relative; margin: 2px 0 0 2px; padding: 2px 5px; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; color: #222; cursor: pointer; border: 1px solid #bcbcbc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearchResult {border: 0px solid #dedddb; display: block; margin: 0 25px 20px 10px;} #IncidentSearchResult .Button {position: relative; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearchResult .Button:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #IncidentSearchResult h4{display:block; margin: 25px 0 10px 0px; font-size: 16px; line-height: 16px; color: #002695; font-weight:bold;} #IncidentSearchResult .SmallButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearchResult .SmallButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #IncidentSearchResult .input_butt_small {position: relative; padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearchResult .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} #IncidentSearchResult .smallbutton1 {position: relative; padding: 2px 5px; font-size: 11px; line-height: 11px; font-weight: normal; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} #IncidentSearchResult .smallbutton1:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;} /*Admin section*/ #Payroll #chkAll{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkACT{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkNSW{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkNT{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkQLD{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkSA{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkTAS{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkVIC{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkWA{position:relative; float: left; margin: 2px 2px 0px 10px;} #Payroll #chkAdmin{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkPayroll{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkDepot{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkPayment{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkVehicleAccident{position: relative; float: left; margin: 2px 2px 0px 0px;} #Payroll #chkPhoneDirectory{position: relative; float: left; margin: 2px 2px 0px 0px;} #GeneralMessage { display: block; margin: 25px 0 0 10px;} #GeneralMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} #GeneralMessage #lblUploadMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;} #GeneralMessage .lblLabel {display:block; margin: 0px 0 5px 0px; font-size: 11px; line-height: 12px; font-weight:normal; color: #ff7b00;}