/* reset */
html {color:#000; background:#798294;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif,simsun;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html { font-size: 100.01%; -moz-font-smoothing: antialiased; -webkit-text-size-adjust:none;-ms-text-size-adjust:none; }
/*BACKGROUND: #e2e8f3*/
body { BACKGROUND: #798294 repeat-x left top;_text-align:center; font-family: Helvetica, Arial, sans-serif, SimSun, SimHei ; font-size: 12px }
ul { margin: 0; padding: 0 }
ul li { padding: 0 }
form { display: inline; margin-bottom: 20px }
script { display: none }
br { font-size: 20px; line-height: 20px; height: 20px }
select { }
img { max-width: 100%; outline: 0; } /* for flexible images */
img { display:block }
hr { background: none repeat scroll 0 0 #DED9D4; border: 0 none; height: 1px; margin:0; }
/* =TEXT ELEMENTS------------------------------ */
p { color: #676f80; font-size: 12px; left: 0; line-height: 18px; /*margin: 0;*/ /*margin: 0 0 1.5em;*/ padding: 0; top: 0; word-spacing: 0.0125em }
a { color: #1480b7; text-decoration: underline }
a:focus,
a:hover { color: #009dff; text-decoration: underline; cursor: pointer }
a:visited { color: #1480b7 }
strong { font-weight: bold }
/* =HEADINGS
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: Helvetica,Arial,sans-serif; font-weight: normal; color: #111; position: relative }
h2,h3 { font-weight: bold }
h1 { font-size: 3em; line-height: 1; /*margin-bottom: 0.5em*/ }
h2 { font-size: 2em; /*margin-bottom: 0.75em*/ }
h3 { font-size: 1.5em; line-height: 1; /*margin-bottom: 1em*/ }
h4 { font-size: 1.2em; line-height: 1.25; /*margin-bottom: 1.25em*/ }
h5 { font-size: 1em; font-weight: bold; /*margin-bottom: 1.5em*/ }
h6 { font-size: 1em; font-weight: bold}
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,img{ padding:0 }
h1, .h1 { font-size:196%; font-weight:normal; font-style: normal; color:#4d535f }
h2, .h2 { font-size:167%; font-weight:normal; font-style: normal; color:#4d535f }
h3, .h3 { font-size:146.5%; font-weight:normal; font-style: normal; color:#697283 }
h4, .h4 { font-size:123.1%; font-weight:normal; font-style: normal; color: #676f80 }
h5, .h5 { font-size:108%; font-weight:bold; font-style: normal; color:#676F80 }
h6, .h6 { font-size:108%; font-weight:normal; font-style: italic; color:#666 }
/* =LISTS
-------------------------------------------------------------- */
ul li,
ol li { margin: 0 }
ul, ol { margin: 0; padding-left: 0 }
ul { list-style-type: disc;}
ol { list-style-type: decimal }
dl { margin: 0 0 1.5em 0 }
dl dt { font-weight: bold }
dd { margin-left: 1.5em }
label { font-weight: bold }
fieldset { padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc }
legend { font-weight: bold; font-size: 1.2em; margin-top: -0.2em; margin-bottom: 1em }
fieldset, #IE8#HACK { padding-top: 1.4em }
legend, #IE8#HACK { margin-top: 0; margin-bottom: 0 }
.red_text {COLOR: #dc281e!important;}
.portlet-container {POSITION: relative}
.nav_pri LI { POSITION: relative; Z-INDEX: 50}
.nav_pri LI:hover {POSITION: relative; Z-INDEX: 50}
.nav_pri LI.hover { POSITION: relative; Z-INDEX: 50}
.user_panel .mail_summary { FONT-SIZE: 12px; WIDTH: 200px; LINE-HEIGHT: 14px}
.user_greet .user_name { TEXT-DECORATION: none}
/* =FORM FIELDS
-------------------------------------------------------------- */
/* =GRIDS
-------------------------------------------------------------- */
.g_last_unit { overflow:hidden;_overflow:visible;_zoom:1; }
.g_unit { float:left;_zoom:1;width:100%; padding:0; margin:0; }
/* =PAGE TEMPLATE LAYOUT
-------------------------------------------------------------- */
/* Columns ------------- */
.l_mid_col { overflow:hidden;_overflow:visible;_zoom:1;width:auto; margin-left:auto;margin-right:auto;}
.l_full_col { overflow:hidden;_overflow:visible;_zoom:1;width:100%; }
.l_left_col { float:left; width:200px;_margin-right:-3px; }
.l_right_col { float:right; width:300px;_margin-left:-3px; }
/* =PRELOGIN PAGE TEMPLATE LAYOUT
-------------------------------------------------------------- */
#container {height:auto !important;}
/* Extend body background for Prelogin */
.prelogin { background:url("../img/bg_body_prelogin.png") repeat-x left top #e6eaf5;}
.l_page { margin-left:auto;margin-right:auto;margin-top:auto; margin-bottom:auto;width:1000px; _height:700px; _text-align:left; min-height:680px;height:auto !important; overflow:auto;} /* wraps other template elems to set width */ /* text-align IE5.5 */
.l_page .l_head { margin:0 auto; width:auto !important; }
.l_page .l_head .l_head_content { height:80px; margin:0 auto; position:relative; width:982px; }
.l_page .l_left_frm { margin-top:10px; margin-bottom:10px; padding:0; float:left; position:relative; width:420px; }
.l_page .l_right_frm { margin-top:10px; margin-bottom:10px; padding:0; float:right; position:relative; width:550px; }
.l_page .l_body_frm { margin-top:15px; margin-bottom:10px; padding:0; float:none; width:auto;_text-align:center; }
.l_body { margin:0 auto; padding 0; min-height:450px; overflow:hidden; _overflow:visible; _zoom:1; }
.l_body_head { margin:0; padding 0; height:auto!important; position:relative; overflow:hidden; _overflow:visible; _zoom:1; }
.l_body_head_content { margin:0; padding 0; }
.l_body_head .l_left_col { background: url("../img/bg_l_body_head_foot.png") no-repeat left top transparent; display: block; }
.l_body_head .l_right_col { background: url("../img/bg_l_body_head_foot.png") no-repeat right top transparent; }
.l_body_head .l_left_col { margin:0; padding 0; background-position: left -126px; float:left; height:15px; }
.l_body_head .l_right_col { margin:0; padding 0; background-position: right -126px; float:right; height:15px; }
/* Extend Columns for Body Footer */
.l_body_content { background: url("../img/bg_l_body_prelogin.png") repeat-y scroll center top transparent; margin-bottom:0; min-height:350px; }
.l_body_content { margin:0 auto; padding 0; float:left; }
.l_body_content2 { background: #fff !important; border: 1px solid #e5e5e5; box-shadow:0px 0px 5px #ccc; border:1px solid #ccc !important;position:relative; }
.l_body_content2 { margin:0 auto; padding: 0; }
.l_body_foot { margin:0; padding 0; position:relative; overflow:hidden; _overflow:visible; _zoom:1; }
.l_body_foot_content { margin:0; padding 0; }
.l_body_foot .l_left_col { background: url("../img/bg_l_body_head_foot.png") no-repeat left top transparent; display: block; }
.l_body_foot .l_right_col { background: url("../img/bg_l_body_head_foot.png") no-repeat right top transparent; }
.l_body_foot .l_left_col { margin:0; padding 0; background-position: left -300px; float:left; height:15px;}
.l_body_foot .l_right_col { margin:0; padding 0; background-position: right -300px; float:right; height:15px;}
.l_foot {background: none repeat scroll 0 0 #798294; min-height:42px; width:100%; position:absolute; display:block; left:0px;}
.l_foot_content { margin: 0 auto; padding: 12px 0; width:1000px; }
.l_foot p,
.l_foot ul { list-style: none; color:#FFF; font-size:11px; margin:0; padding:0; }
.l_foot .copyright { float:left; }
.l_foot .nav_foot { float:right; }
/* =NOTIFICATIONS
-------------------------------------------------------------- */
.l_notify { margin:0; padding 0; overflow:hidden; _overflow:visible; _zoom:1; }
.l_notify_content { margin:0; padding 0; width:auto !important; }
.notify { margin:0; padding 0; }
.notification_info p{color:#484908; font-size:12px; }
.notification_info a{text-decoration:none;}
.notify_head{color:#484908; font-size:12px;font-weight:bold; border-bottom:1px solid #484908; padding-bottom:1px; width:auto; display:inline-block; margin:0 0 3px 0;}
.notify #notification_content .notify_inner{padding:0px !important;}
.notify #notification_content .notify_heading{height:50px; border-bottom:1px solid #d2d2d2;}
.notify #notification_content .notify_heading h3{padding:20px 10px 10px 20px; font-size:19px; color:#000; display:block;}
.notify #notification_content .notify_content{padding:10px 10px 10px 20px; min-height:275px; border-bottom:1px solid #d2d2d2;}
.notify #notification_content .notify_bottom{padding:20px 0 0 0; margin:0 auto; width:100%;}
.notify #notification_content .notify_widgets{float:left; width:50%; margin:0 auto; position:relative; }
.notify #notification_content .notify_widgets .icon{float:left; width:50px; height:100px;}
.notify #notification_content .notify_widgets .widget_content{float:left; width:200px;padding-top:5px;}
.notify #notification_content .notify_inner{border:1px solid #b0b7c1 !Important;}
.notify #notification_content a{color:#2488bc; text-decoration:underline}
.notify .notify_inner { background: url("../img/bg_notify.png") repeat-x left top #EAEAEA; border: 1px solid #e5e5e5; border-radius: 3px; display:block; padding:10px; position:relative; }
.notify.gray .notify_inner { background: #f3f3f3 !important; border: 1px solid #e5e5e5; box-shadow:0px 0px 5px #ccc; border:1px solid #ccc !important;}
.notify.gray .notify_inner .notify_content { height:250px;overflow:auto;}
.notify.white .notify_inner { background: #fff !important; border: 1px solid #e5e5e5; box-shadow:0px 0px 5px #ccc; border:1px solid #ccc !important;}
.notify.white .notify_inner h3 {color: #333; font-size: 26px; font-weight: bold; padding: 12px 0px 0px 25px;}
.notify.white .notify_inner .notify_content {font-size:14px;font-weight:bold;}
.notify_widgets.newtovelocity .icon {background:url(../img/icon-book.png) no-repeat 10px 0;}
.notify_widgets.needhelp .icon {background:url(../img/icon-tyre.png) no-repeat 10px 0;}
.notify_widgets.newtovelocity h4, .notify_widgets.needhelp h4 {padding-left:0px;font-weight:bold;}
.notify .icn, .icn_small { background: url("../img/icn_sprite_notification.png") no-repeat -125px -4px; display: block; float: left; height: 40px; margin-right: 18px; margin-bottom: 6px; width: 40px }
.notify .notify_title { font-size: 20px; line-height:24px; font-weight: bold; margin:0; padding:10px 0 }
.notify .notify_titles { font-weight: bold; margin:0; padding:10px 0 }
.notify p { color: #666; font-size: 14px; line-height:18px; margin-bottom: 0; padding:5px 0 0 0 }
.widget_content p { color: #666; font-size: 12px; line-height:16px; margin-bottom: 0; padding:2px 0 0 0 }
.notify .hd { overflow:hidden; position:relative }
.notify .bd { overflow:hidden; position:relative }
.notify_icn { display:block; float:left; width:55px; }
.notify_content { float: none; overflow: hidden; width: auto; }
.notify_warn_title { color: #d27c01 }
.notify_success_title { color: #249800 }
.notify_error_title { color: #a22207 }
.notify .default{margin:10px 10px 0 10px !important;}
.notify .collapse { background:none; height:20px; right:0; top:0px; width:20px; }
.fld_login_group select.country_selection{width:182px !important; }
.login_container.geo_location .l_body_content{height:auto !important;}
ul.login-notice {list-style: disc outside !important; margin:0 10px 0 10px;}
ul.login-notice li {list-style: disc outside !important; margin-bottom:15px;}
ul.login-notice li.red{color:red;}
ul.login-notice p { font-size: 12px; padding:0; }
.login_lbl { margin-left:5px;font-size: 13px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #676f80; FONT-STYLE: normal}
.body_lbl { font-size: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #676f80; FONT-STYLE: normal;font-weight:normal;}
.number_lbl { font-size: 20px; font-weight: bold; COLOR: #dc281e; font-family:"Trebuchet MS",geneva, Arial, Verdana; BACKGROUND: none transparent scroll repeat 0% 0%;}
.user_nav.login_nav .user_nav_cont .user_greet { background: none; }
.user_nav.login_nav .last { display: none; }
.login_title{ display:block; height:35px; border-bottom:1px solid #e9ebef;}
.login_title .title h3{ padding: 0; margin: 0;}
.login_title .title p{ font-size: 14px; color: #676f80;}
.login_title .title h3{ font-size: 26px; color: #333; font-weight: bold;padding:0 0 0 25px;}
.float_left {FLOAT: left}
.float_right {FLOAT: right}
.secure_text.floatR{float:right; color:#333; padding:15px 0 0 0; font-size:11px; font-weight:bold;}*/
.wid_inner{position:relative }
.wid_title{ display:block; height:35px; border-bottom:1px solid #e9ebef;}
.wid_inner.loginpad {width:375px !important; margin:0 0 0 10px;}
.wid.mainPage{margin:0 0 !important;}
.wid_content.loginScreen{padding:8px 0 0 0 !important;}
.wid_content.bodyContent{ margin:0 auto; min-height:260px; height:auto !important; }
.bodyContent .fld_group{ overflow:hidden; padding:0px 5px 5px 5px; position:relative; }
.bodyContent .fld_group.fld_login_group{background: none repeat scroll 0 0 #E5E5E5;
margin: 10px 0;
padding: 15px 18px;
-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px;
position: relative;
}
.bodyContent .fld_group.fld_body_group{background: none repeat scroll 0 0 #E5E5E5;
margin: 5px 0;
padding: 3px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
position: relative;
}
.bodyContent .fld_group.fld_login_group.mLeftOrg{margin-bottom: 10px;}
.fld_login_group label.parl{margin-bottom: 2px;}
.lg_round{
background: url('../img/bg_login-rounded.png') no-repeat scroll left top transparent;
display: block;
height: 8px;
position: absolute;
width: 7px;
}
.lg_round.lg_tLeft{left: 0;top:0;background-position: left top;}
.lg_round.lg_tRight{right: 0;top:0;background-position: right -25px;}
.lg_round.lg_bLeft{left: 0;bottom:0;background-position: left -13px;}
.lg_round.lg_bRight{right: 0;bottom:0;background-position: right -40px;}
.log-btn{padding-top:10px;padding-bottom:10px; }
.login-btn{background:url("../img/login-btn.png") no-repeat -4px -5px; border:none;
color: #FFFFFF;font-size: 14px; font-weight: bold;
height:20px;width: 240px;
padding:6px 0 6px 0;
margin-right: 5px;}
.login-btn a {color:#fff !important; text-decoration:none;}
.login-btn:hover{background-position:-4px -43px;}
.login-btn:active{background-position:-4px -82px;}
.login-btn.disabled{opacity: 0.5 !important; filter: alpha(opacity=50) !important;}
.login-btn.disabled:hover{background-position:-4px -5px !important;}
.btn_lbl.forgotPass{font-size: 12px; font-weight:100 !important;}
.btn_sec { color: #2488BC; display: block; float: left; font-size: 14px !important; font-weight: bold; height:20px; line-height:16px; margin: 8px 10px 0 0; outline: 0 none; position: relative }
.btn_sec .btn_lbl{border-bottom:1px solid #2488BC;}
.btn_sec .btn_lbl { color: #2488BC; border-bottom: 2px solid #2488BC; display: inline-block; height:14px; }
.btn_sec .btn_lbl.two_fa { border-bottom:1px solid #2488BC !important; font-weight:bold !important; font-size:12px }
.btn_sec .icn, .btn_sec .icn_t_back { background: url("../img/sprite_btn_lnk_sec.png") no-repeat; height:20px; width:20px; }
.btn_sec:hover .btn_lbl, .btn_sec:focus .btn_lbl { color: #1da5e7; border-bottom: 2px solid #1da5e7; height:14px }
.btn_cancel .icn { background-position: left -514px; display: inline-block; float: left; margin-right: 2px; width: 16px; }
.input_loginLarge { width: 182px !important;}
.fld_wrap {
padding: 3px;
position:relative; height:auto!important;
background-color: transparent;
margin-bottom: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
display: inline-block;
zoom: 1;
margin-left: 0px;
}
.fld_wrap.focused {BACKGROUND-COLOR:#e5f1f9; }
.fld_wrap.errored {background-color:#fbe9e8;}
.secure_site { display: block; width: 30px; min-height:33px; background: url("../img/secured_login.png") no-repeat scroll 0 0 transparent; }
.secure_site.floatR {float:right; height:auto; text-align:left; margin:8px 0 0 5px;}
.secure_text.floatR {float:right; color:#aaa; padding:5px 0 0 0; font-size:10px; font-weight:bold; width:50px; text-align:right;}
.secure_text.floatR2{float:right; color:#aaa; padding:13px 0 0 0; font-size:10px; font-weight:bold; width:50px; text-align:right;}
div#loginErrorMessage{ padding:0;}
div#loginErrorMessage .notify p{ padding:0;}
/* Extended Headings */
.page_title { font-size:26px; font-weight:bold; color:#4d535f; letter-spacing:-1px; padding-left: 12px; padding-right: 12px; padding-top: 14px; text-shadow: 0 1px 1px #FFF }
/* =SITE TITLE
-------------------------------------------------------------- */
.site_title_en { position:absolute; left: 10px; margin:0; padding:0; top:20px }
.site_title_en a { background:url("../img/site_title_en.png") no-repeat left top; display:block; height:45px; outline:none; text-indent:-9999px; width:300px }
.site_title_cn { position:absolute; left: 10px; margin:0; padding:0; top:20px }
.site_title_cn a { background:url("../img/site_title_cn.png") no-repeat left top; display:block; height:45px; outline:none; text-indent:-9999px; width:300px }
/* =USER NAVIGATION
-------------------------------------------------------------- */
.user_nav { position:absolute; margin:0; padding:0; right:0; top:8px; z-index:100; }
.user_nav_cont { /*background: url("../img/bg_usernav_separator.png") no-repeat right top;*/ display:inline-block; float:left; }
.user_nav_cont.last { background: none }
.user_nav p { color:#676F80; font-size:12px; padding:0; margin:0 }
/* User Greetings ------------- */
.user_greet {margin-top: 12px; padding-right: 14px }
.user_greet .user_company,
.user_greet .user_datetime { color:#949baa; font-size:11px; font-style:italic; line-height:11px; text-align:right }
.user_greet .user_name { font-weight:bold; text-decoration:underline }
.user_greet .user_roles { background:none repeat scroll 0 0 #3BA521; color:#FFF; font-size:10px !important; font-weight:normal; margin-left:4px; padding:2px 8px; position:relative; text-decoration:none !important; text-transform: uppercase; top:-2px; border-radius: 10px 10px 10px 10px }
.error_notes {margin-left:5px;FONT-SIZE: 12px;font-style:italic; COLOR: #dc281e; DISPLAY: block;}
.active_notes {margin-left:5px;FONT-SIZE: 12px; COLOR: #e28500; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px;}
.page_title { font-size:26px; font-weight:bold; color:#4d535f; letter-spacing:-1px; padding-left: 12px; padding-right: 12px; padding-top: 14px; text-shadow: 0 1px 1px #FFF }
.login_title .title h3{ font-size: 26px; color: #333; font-weight: bold;padding:0 0 0 25px;}
/* =CLEARING FLOATS
-------------------------------------------------------------- */
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after, .g_line:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 }
* html .clearfix, * html .g_line { height:1% }
.clearfix, .g_line { display:block }
.breaker { clear: both; line-height: 1px; padding: 0; margin-bottom: 5px; border: 0 }
.side_clear, .dd_clear { display:inline-block !important; }
/* Widget ------------- */
.wid { margin:10px 10px 0 10px }
.wid_hd,.wid_bd,.wid_ft { overflow:hidden;_overflow:visible; _zoom:1 }
.wid_tl, .wid_tr,
.wid_bl, .wid_br { height:10px; width:10px;float:left }
.wid_tl { background-position: left top }
.wid_tr { background-position: right top }
.wid_bl { background-position: left bottom }
.wid_br { background-position: right bottom }
.wid_br, .wid_tr { float:right }
.wid_tr, .wid_tl { overflow:hidden;margin-bottom:-32000px }/* margin bottom needs to be < -9px */
.wid_bl, .wid_br { margin-top:-10px }
.wid_top { background-position:center top }
.wid_bottom { background-position:center bottom;_zoom:1 }/* this zoom required for IE5.5 only*/
.wid_hd h1, .wid_hd h2, .wid_hd h3,
.wid_hd h4, .wid_hd h5, .wid_hd h6 { padding: 5px 10px }
.wid_section { background: #F4F6FA url(../img/bg_wid_hd.png) repeat-x left bottom; color:#676f80; /*font-size:120%;*/ font-weight:bold;padding:12px 10px 12px 10px; }
.wid_section h1, .wid_section h2,
.wid_section h3, .wid_section h4,
.wid_section h5, .wid_section h6 { font-size:18px;font-weight:bold;color:#676f80;padding:0;text-shadow:0 1px 1px #FFF; /*display:inline-block; *display:inline; *zoom:1;*/ }
.wid_content { padding:8px 10px;position:relative }
.wid_content li { margin-bottom:5px; }
.wid_content li.last { margin-bottom:0; }
.wid_content ul { margin:0; }
.wid_bd .wid_content { padding:8px 10px }
.wid_bd .wid_content.wid_dash_blue { padding:0px 10px }
.wid_bd .wid_content.modal_wid { padding:0 8px }
INPUT { Z-INDEX: 1; -webkit-box-shadow: inset #e6e6e6 0 0 4px 0; -moz-box-shadow: inset #e6e6e6 0 0 4px 0; box-shadow: inset #e6e6e6 0 0 4px 0; -o-box-shadow: inset #e6e6e6 0 0 4px 0}
SELECT {Z-INDEX: 1; -webkit-box-shadow: inset #e6e6e6 0 0 4px 0; -moz-box-shadow: inset #e6e6e6 0 0 4px 0; box-shadow: inset #e6e6e6 0 0 4px 0; -o-box-shadow: inset #e6e6e6 0 0 4px 0}
INPUT.text {CURSOR: default; OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert}
INPUT.password {CURSOR: default; OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert}
SELECT {VERTICAL-ALIGN: middle; MARGIN: 0px}
INPUT[type='text'], INPUT[type='password'], SELECT {
BOX-SIZING: border-box; FONT-SIZE: 14px; BORDER-TOP: #c8cbcc 1px solid; HEIGHT: auto;
FONT-FAMILY: Arial, "Liberation Sans", FreeSans, sans-serif; BORDER-RIGHT: #c8cbcc 1px solid;
BACKGROUND: url(../images/bg_field.png) #fff repeat-x left top; BORDER-BOTTOM: #c8cbcc 1px solid;
COLOR: #666; OUTLINE-WIDTH: 0px !important;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px; OUTLINE-STYLE: none !important;
PADDING-LEFT: 4px; BORDER-LEFT: #c8cbcc 1px solid; OUTLINE-COLOR: invert !important; LINE-HEIGHT: normal;
PADDING-RIGHT: 4px;
border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-appearance: none;
-ms-border-radius: 2px; -khtml-border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding;
-o-background-clip: padding-box; -ms-background-clip: padding-box; -khtml-background-clip: padding-box;
background-clip: padding-box
}
INPUT:focus, SELECT:focus {
BORDER-TOP: #8dc2e3 1px solid; BORDER-RIGHT: #8dc2e3 1px solid; BORDER-BOTTOM: #8dc2e3 1px solid; BORDER-LEFT: #8dc2e3 1px solid;
-webkit-box-shadow: inset #e6e6e6 0 0 5px 0; -moz-box-shadow: inset #e6e6e6 0 0 5px 0; box-shadow: inset #e6e6e6 0 0 2px 0;
-o-box-shadow: inset #e6e6e6 0 0 5px 0;
Z-INDEX: 1;
}
textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
background-color: #eeeeee;
color: #CCCCCC;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
color: #888888;
cursor: default;
}
a.disabled {
pointer-events: none;
cursor: default;
}
.nav_foot li { border-right:1px solid #A5ADBE; display:block; float:left; padding:0 10px;}
.nav_foot li.first { padding-left:0 }
.nav_foot li.last { border:0; padding-right:0 }
.nav_foot a { color:#FFF }
.nav_foot a:hover { color:#e7e9ed; text-decoration:none }
.floatL{ float:left;position:relative; }
.floatR{ float:right;position:relative; }
* test ------------- */
.txt_r { text-align:right; }
.ptm {padding-top:10px !important;}
.icn_warning { background:url("../img/icn_sprite_notification.png") no-repeat -125px -4px;
display:block; float:left;
height:40px; margin-right:18px; margin-bottom:6px;
width:45px
}
.icn_error { background:url("../img/icn_sprite_notification.png") no-repeat -65px -4px;
display:block; float:left;
height:40px; margin-right:18px; margin-bottom:6px;
width:45px;
}
.icn_success { background:url("../img/icn_sprite_notification.png") no-repeat -4px -4px;
display:block; float:left;
height:43px; margin-right:18px; margin-bottom:0;
width:45px;
}
.notify .hd { overflow:hidden; position:relative }
.notify .bd { overflow:hidden; position:relative }
/* Notification: success ------------- */
.notify.success .notify_inner { background: url("../img/bg_notify_success.png") repeat-x left top #E1F4CB; border-color: #ceedc1 }
.notify.success .icn { background-position: -4px -4px }
.notify.success P.notify_title { color: #249800}
.notify.success P.notify_titles { color: #249800}
.notify.success hr { background: url("../img/bg_notify_hr_success.png") repeat-x #dbf1c8; }
.notify_content { float:none;overflow:hidden;width:auto}
.notify.success .icn_small { background-position: -4px -57px; }
/* Notification: Default ------------- */
.notify.default .notify_inner { background: url("../img/bg_notify_default.png") repeat-x left top #F9F6C1; border-color: #f3edb1 }
.notify.default .icn { background-position: -125px -4px }
.notify.default .notify_title { color: #d27c01 }
.notify.default hr { background: url("../img/bg_notify_hr_default.png") repeat-x #f6edc1 }
.sys-maintenace{clear:both; width:62%; float:left; margin:20px 75px 10px 22px;}
.sys-main-head{color: #484908; font-size: 146.5%; font-style: normal; font-weight: bold; float:right; padding:8px 0 0 10px;}
.sys_main_icon{background: url("../img/icn_sprite_notification.png") no-repeat; width:40px; height:36px; background-position: -126px -5px; display:block; float:left;}
.sys-maint-content{width:94%; clear:both; margin:10px 13px 15px; float:left;}
.sys-maint-content p {padding:7px 8px; line-height:16px; color:#484908; font-size:13px;}
.mod_activation {margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:10px;}
ul.mod-sub-nav { list-style:none;
height:34px;line-height:34px;
margin:10px 0 15px 0;
background:url(../img/mod_sub_nav2.png) no-repeat 0 0;
color:#666;font-size:14px;font-family:"Microsoft Simhei",\5fae\8f6f\96c5\9ed1,\9ed1\4f53}
.mod-sub-nav li{ list-style-type: none;
float:left;padding-left:66px;}
.mod-sub-nav li.list1{width:300px}
.mod-sub-nav li.list2{width:200px}
.mod-sub-nav li.list1-active{background:url(../img/sub_nav_1.png) no-repeat 0 0;color:#2e82ff}
.mod-sub-nav li.list2-active{background:url(../img/sub_nav_2.png) no-repeat 0 0;color:#2e82ff;padding-left:78px}
/* Button */
.btn { color:#676f80; display:block; font-size:12px; font-weight:bold; height:auto; line-height:normal; margin:0 4px 0 0; outline: 0; position:relative; text-align:center; text-decoration: none !important; text-shadow: 0 1px 1px #FFF }
.btn:hover{ color:#d42016 !important;}
.btn_pri { color:#676F80 !important; display: block; float: left; font-size: 14px; height: auto; line-height:normal; margin: 0; }
.btn_pri:hover{ color:#d42016 !important }
.btn.next { color:#676F80; float: right; width:auto;}
.btn.prev { color:#676F80; float: left; width:auto; }
.btn_pri.next { float:right; margin:0 -4px 0 6px; }
.btn_pri.next { margin-right:0; }
.btn_pri .btn_lnk_l { background: url("../img/sprite_btn_lnk_pri.png") no-repeat left top; display:block; float:left; height:39px; overflow:hidden; margin:0; }
.btn_pri .btn_lnk_r { background: url("../img/sprite_btn_lnk_pri.png") no-repeat right top transparent; display: block; height: 39px; line-height: 38px; margin-left: 10px; overflow: hidden; padding-left: 12px; padding-right: 24px }
.btn_pri .icn{ background: url("../img/sprite_btn_lnk_pri.png") no-repeat left -170px transparent; display:inline-block; float:none; height:10px; margin-left:2px; margin-top:13px; width:8px }
.btn_pri:hover .btn_lnk_l { background-position: left -39px }
.btn_pri:hover .btn_lnk_r { background-position: right -39px }
.btn_pri:hover .icn { background-position: left -209px }
/* Miscs ------------- */
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }
.pt0 { padding: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.btn-timer{ float:left;
margin:0 0 0 10px;
width:120px;height:31px;line-height:31px;
text-align:center;}
.btn-timer.enable {color:#fff; background:#72B2F5; border:0px;}
.btn-timer.disable{color:#969696 !important;background: #f3f3f3 !important; border: 1px solid #e5e5e5;}
a.disable{ pointer-events: none;}
a.submit{text-decoration: none;}
a.submit:link {text-decoration: none; }
a.submit:visited {text-decoration: none; }
a.submit:hover {text-decoration: none;}
a.submit:active {text-decoration: none; }
ul.notes {list-style: disc outside !important; margin:5px 5px 5px 15px;}
ul.notes li {list-style: disc outside !important; }
ul.notes p { font-size: 12px; padding:0; }
.dp276xh.seral-num{ background: url("../img/dp276xh/serial_num.png") no-repeat left top transparent; display: block; }
.dp276xh.btn-otp { background: url("../img/dp276xh/btn_otp.png") no-repeat left top transparent; display: block; }
.dp276xh.otp-dsp { background: url("../img/dp276xh/otp_dsp.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin { background: url("../img/dp276xh/dsp_lockpin.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-pin { background: url("../img/dp276xh/dsp_pin.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-otp { background: url("../img/dp276xh/dsp_otp.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin2-1 { background: url("../img/dp276xh/dsp_lockpin2-1.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin2-2 { background: url("../img/dp276xh/dsp_lockpin2-2.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin2-3 { background: url("../img/dp276xh/dsp_lockpin2-3.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin3-1 { background: url("../img/dp276xh/dsp_lockpin3-1.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin3-2 { background: url("../img/dp276xh/dsp_lockpin3-2.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-lockpin3-3 { background: url("../img/dp276xh/dsp_lockpin3-3.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-sign1-1 { background: url("../img/dp276xh/dsp_sign1-1.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-sign1-2 { background: url("../img/dp276xh/dsp_sign1-2.png") no-repeat left top transparent; display: block; }
.dp276xh.dsp-sign1-3 { background: url("../img/dp276xh/dsp_sign1-3.png") no-repeat left top transparent; display: block; }
.breakline {
display: block;
margin-bottom: 10px;
margin-left: 10%;
margin-right: 10%;
margin-top: 10px;
overflow: hidden;
text-align: center;
white-space: nowrap;
width: 78%;
}
.breakline > span {
display: inline-block;
position: relative;
color:#797979;
font-size: 11px;
text-align: center;
white-space: nowrap;
}
.breakline > span::before {
margin-right: 10px;
right: 100%;
}
.breakline > span::after {
margin-left: 10px;
left: 100%;
}
.breakline > span::before, .breakline > span::after {
background: #ced0d4;
content: "";
height: 1px;
position: absolute;
top: 50%;
width: 9999px;
}
/* Debug ------------- */
.testR{border:1px solid #f00 !important;}
.testG{border:1px solid #0f0 !important;}
.testB{border:1px solid #00f !important;}
.debug{border:1px solid #f00; background: #0f0; min-height:50px; display:block; position:absolute; bottom:0px;
width:500px; margin-left:auto;margin-right:auto;}