/* 本css包括基本html初始化，常用重复样式，正常顶部样式，缩减版顶部样式，底部样式及旧的常规样式 */
/* 初始化 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, th, td { margin: 0; padding: 0; }
button { text-align: center; }
body, a { font: 12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif; color: #333; }
button, select, textarea { line-height: 16px; }
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp { font-family: couriernew,courier,monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
legend { color: #000; }
fieldset, img { border: 0 none; }
button, input, select, textarea { font-size: 100%; }
textarea { font: 14px/1.5 tahoma,arial,\5b8b\4f53,sans-serif; }
input, select, button { margin-right: 6px; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix { content: "."; visibility: hidden; display: block; height: 0; clear: both; overflow: hidden; }
.strong { font-weight: bold; }
label.error { color: #f00; }


/* 常用样式清单 */
.fl_l { float: left; }
.fl_r { float: right; }
.cl_r { clear: right; }
.cl_l { clear: left; }
.cl_b { clear: both; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }
.ta_c { text-align: center; }
.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }
.va_b { vertical-align: bottom; }
.cur_p { cursor: pointer; }
.d_d { display: block; }
.d_n { display: none; }
.fs_12 { font-size: 12px; }
.fs_13 { font-size: 13px; }
.fs_14 { font-size: 14px; }
.fs_16 { font-size: 16px; }
.fs_18 { font-size: 18px; }
.fs_20 { font-size: 20px; }
.fs_22 { font-size: 22px; }
.fw_n { font-weight: normal; }
.fw_b { font-weight: bold; }
.darkred { color: #98000C; }
.red, .rejected { color: #c00; }
.green { color: #0c0; }
.darkgreen, .passed { color: #008000; }
.blue { color: #00f; }
.gray { color: #888888; }
.m_tb_5 { margin: 5px 0; }
.m_tb_10 { margin: 10px 0; }
.m_tb_12 { margin: 12px 0; }
.m_t_15 { margin-top: 15px; }
.m_b_15 { margin-bottom: 15px; }
.m_4 { margin: 4px; }
.m_10 { margin: 10px; }
.ml_5 { margin-left: 5px; }
.ml_15 { margin-left: 15px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.ti_2 { text-indent: 2em; }
.underline { text-decoration: underline; }
.throughline { text-decoration: line-through; }
.input { height: 16px; }
.input, .textarea { border: 1px solid #aaa; }
.w_60 { width: 60px; }
.w_80 { width: 100px; }
.w_130 { width: 150px; }
.required { color: #c00; }
.link { color: #17639C; text-decoration: none; }
.link:hover { text-decoration: underline; cursor: pointer; }
.p_rel { position: relative; }
.p_abs { position: absolute; }

/* 常用框架样式清单 */
.per20 { width: 22%; float: left; }
.per31 { width: 32.95%; float: left; }
.per50 { width: 49.5%; float: left; }
.per60 { width: 63.95%; float: left; }
.per100 { width: 99%; clear: both; }

.m_tb_5 { margin: 5px 0; }
.m_tb_10 { margin: 10px 0; }
.m_t_15 { margin-top: 15px; }
.m_10 { margin: 10px; }
.p_10 { padding: 10px; }

.nowrap { white-space: nowrap; }

.thumbnail { border: 1px solid #aaa; }
.thumbnail_40, .thumb_40 { height: 40px; border: 1px solid #aaa; }
.thumbnail_60, thumb_60 { height: 60px; border: 1px solid #aaa; }
.thumbnail_80, .thumb_80 { height: 80px; border: 1px solid #aaa; }
.thumbnail_120, .thumb_120 { height: 120px; border: 1px solid #aaa; }
.thumbnail_180, .thumb_180 { height: 180px; border: 1px solid #aaa; }

.tamllImg_40 { width: 40px; height: 40px; }
.tamllImg_60 { width: 60px; height: 60px; }
.tamllImg_80 { width: 80px; height: 80px; }
.tamllImg_180 { width: 180px; height: 180px; }

/* 常用模块 */
.bg_y h3, .bg_g h3, .bg_r h3, .bg_b h3, .bg_f h3, .bg_w h3, .bg_yg h3 { font-size: 14px; padding-left: 10px; height: 30px; line-height: 30px; }
.bg_y, .bg_g, .bg_r, .bg_b, .bg_f, .bg_w, .bg_yg { position: relative; }
.bg_y { background: #fffbcc; border: 1px solid #e6db55; }
.bg_y h3 { background: #fcf273; border-bottom: 1px solid #e6db55; }
.bg_g { background: #d5ffce; border: 1px solid #9adf8f; }
.bg_g h3 { background: #b0ffa3; border-bottom: 1px solid #9adf8f; }
.bg_yg { background: #d8e4bc; border: 1px solid #cbd9aa; }
.bg_yg h3 { background: #d8e4bc; border-bottom: 1px solid #cbd9aa; }
.bg_r { background: #ffcece; border: 1px solid #df8f8f; }
.bg_r h3 { background: #ffb8b8; border-bottom: 1px solid #df8f8f; }
.bg_b { background: #dbe3ff; border: 1px solid #a2b4ee; }
.bg_b h3 { background: #bccbfc; border-bottom: 1px solid #a2b4ee; }
.bg_f, .bg_w { background: #fff; border: 1px solid #ccc; }
.bg_f h3 { background: #ddd url( "../imgs/title_tab_bg.png" ) repeat-x; border-bottom: 1px solid #ddd; }
.bg_w { background: #fff; border: 1px solid #ccc; }
.bg_w h3, .bg_w .title { background: #eee; color: #00477d; }
.bg_w .title { padding: 6px; }
.bg_w .title dt a { text-decoration: underline; color: #00477d; }
.bg_w .title dd { padding-left: 18px; background: url("../imgs/tree_t.png" ) no-repeat 6px top; font-size: 14px; font-weight: bold; }
.f_link a { padding-left: 12px; background: url( "../imgs/f_link.png" ) no-repeat 0 2px; margin-right: 12px; color: #00477d; font-weight: bold; text-decoration: underline; }
.f_link a.highlight_link { border-bottom: solid 2px red; text-decoration: none; }
.f_form { border-top: 1px solid #ccc; padding: 6px 10px; background: #ffffde; }
.f_form table tr { height: 24px; }
.f_return { position: absolute; right: 3px; top: 3px; height: 25px; background-color: #FFF; }

.mia_top_section { margin: 10px 10px 0 10px; }
.mia_top_section .mia_top_section_title { border-bottom: 2px solid #3c97da; height: 35px; line-height: 35px; margin-bottom: 0px; position: relative; }
.mia_top_section .mia_top_section_title span { color: #fff; background-color: #3c97da; bottom: -1px; float: left; font-size: 16px; font-weight: bold; height: 32px; line-height: 32px; padding: 0 3px; position: absolute; z-index: 100; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; /* Old Firefox */ border-top-left-radius: 10px; border-top-right-radius: 10px; }
.mia_top_section h3 { background: transparent url("../imgs/tbg.png") repeat-x scroll 0 0; border-bottom: 1px solid #d3dbde; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; text-indent: 16px; }
.mia_top_section_main { border: 1px solid #3c97da; padding: 10px; margin-bottom: 10px; }

.mia_section { margin: 10px; }
.mia_section .mia_section_title { border-bottom: 1px solid #d0dee5; height: 35px; line-height: 35px; margin-bottom: 5px; position: relative; }
.mia_section .mia_section_title span { border-bottom: 3px solid #66c9f3; bottom: -1px; float: left; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; padding: 0 3px; position: absolute; z-index: 100; }
.mia_section h3 { background: transparent url("../imgs/tbg.png") repeat-x scroll 0 0; border-bottom: 1px solid #d3dbde; font-size: 14px; font-weight: bold; height: 36px; line-height: 36px; text-indent: 14px; }

.tabs { margin: 10px 0 0 0; }
.tabs ul li { width: 100px; height: 24px; line-height: 24px; text-align: center; float: left; background: url(../imgs/common_btnbg.jpg) repeat-x; margin: 0 3px 0 0; border-top: solid 1px #CACACA; border-left: solid 1px #CACACA; border-right: solid 1px #CACACA; }
.tabs ul li.curr { color: #9F7C5A; background: url(../imgs/curr_btnbg.jpg) repeat-x; border-top: solid #0177AE 1px; border-left: solid #0177AE 1px; border-right: solid #0177AE 1px; }
.tabs ul li a { display: block; overflow: hidden; width: 100px; height: 24px; line-height: 24px; }
.tabs ul li.curr a { color: #FFF; font-weight: bold; }

/* 常用提示样式 */
.tips_y, .tips_g, .tips_r, .tips_b { padding-left: 30px; background-position: 9px 9px; background-repeat: no-repeat; height: 36px; line-height: 36px; position: relative; }
.tips_y { background-image: url( "../imgs/error1.png" ); }
.tips_g { background-image: url( "../imgs/submit.png" ); }
.tips_r { background-image: url( "../imgs/cross.png" ); }
.tips_b { background-image: url( "../imgs/help.png" ); }

.tips_icon { display: inline-block; width: 16px; height: 16px; background-image: url( "../imgs/help.png" ); }

.close1 { display: block; position: absolute; right: 3px; top: 3px; width: 8px; height: 8px; background-image: url( "../imgs/close1.png" ); cursor: pointer; }

.bullet { height: 8px; width: 8px; border: 0; vertical-align: middle; margin-right: 5px; }


/* 常用表格样式*/
.table_style_1 { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-spacing: 1px; width: 100%; }
.table_style_1 th, .table_style_2 th { background: #ddd url( "../imgs/title_tab_bg.png" ) repeat-x; text-align: center; }
.table_style_1 th, .table_style_1 td { height: 24px; line-height: 24px; border-bottom: 1px solid #ddd; padding: 4px; }
.trcolor1 { background: #f2f2f2; }
.trcolor2 { background: #d7f3fe; }
.table_style_1 a, .table_style_2 a { color: #17639c; }

.table_style_2 { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-spacing: 1px; width: 100%; }
.table_style_2 th, .table_style_2 td { height: 24px; line-height: 24px; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 4px; }

.table_style_3 th, .table_style_3 td { height: 24px; line-height: 24px; padding: 4px; }
.table_style_3 th { text-align: right; vertical-align: top; font-weight: normal; }
.table_style_3 td { vertical-align: top; }

/*use diff input effect according to css3 support detecting by modernizr */
.no-boxshadow .inputcolor { background-color: #E1FFFF; }
.boxshadow .inputcolor { -moz-box-shadow: 0 0 2px 2px #00BFFF; -webkit-box-shadow: 0 0 2px 2px #00BFFF; box-shadow: 0 0 2px 2px #00BFFF; }

.table_style_3 td strong { font-weight: 400; }
.table_style_3 a { vertical-align: top; color: #17639C; }

.table_style_4 { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-spacing: 1px; width: 100%; text-align: center; }
.table_style_4 th, .table_style_4 td { height: 24px; line-height: 24px; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 4px; }

.table_style_compact { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #CCCCCC; border-spacing: 1px; width: 100%; }
.table_style_compact th { background: #ddd url( "../imgs/title_tab_bg.png" ) repeat-x; text-align: center; }
.table_style_compact th, .table_style_compact td { height: 20px; line-height: 20px; border-bottom: 1px solid #ddd; padding: 3px; }
.table_style_compact a, .table_style_compact a { color: #17639c; }

.table_style_nature { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-spacing: 1px; }
.table_style_nature th { background: #ddd url( "../imgs/title_tab_bg.png" ) repeat-x; text-align: center; }
.table_style_nature th, .table_style_nature td { height: 20px; line-height: 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; }
.table_style_nature a, .table_style_nature a { color: #17639c; }

.table_style_display { border-top: 1px solid #ccc; border-spacing: 1px; width: 100%; font-size: 12px; }
.table_style_display th, .table_style_display td { height: 24px; line-height: 24px; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 4px; }
.table_style_display th { font-weight: normal; text-align: right; background: none repeat scroll 0 0 #E2E8EB; white-space: nowrap; }

tr.highlight { background-color: #F5DEB3; }

/* 常用按钮样式*/
.btn_search_n, .btn_submit_n, .btn_return_n, .btn_cancel_n, .btn_delete_n, .btn_refresh_n, .btn_edit_n, .btn_goto_n, .btn_import_n, .btn_export_n, .btn_prev_n, .btn_next_n, .btn_save_n, .btn_cfg_n, .btn_add_note_n, .btn_new_n, .btn_pay_n, .btn_lock_n, .btn_unlock_n, .btn_syn_n, .btn_print_n, .btn_confim_n { margin: 0 7px 0 0; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; color: #565656; height: 22px; font-weight: bold; cursor: pointer; width: auto; overflow: visible; line-height: 12px; padding: 0px 5px 3px 23px; *padding: 4px 5px 1px 24px; }
.btn_return_a, .btn_new_a { border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; color: #565656; font-weight: bold; cursor: pointer; width: auto; overflow: visible; padding: 3px 5px 3px 23px; height: 15px; line-height: 15px; }

.btn_search_n { background: #f5f5f5 url( "../imgs/search.png" ) no-repeat 4px 1px; }
.btn_submit_n { background: #f5f5f5 url( "../imgs/submit.png" ) no-repeat 4px 1px; }
.btn_return_n, .btn_return_a { background: #f5f5f5 url( "../imgs/return.png" ) no-repeat 4px 1px; }
.btn_cancel_n { background: #f5f5f5 url( "../imgs/cancel.png" ) no-repeat 4px 1px; }
.btn_refresh_n { background: #f5f5f5 url( "../imgs/refresh.png" ) no-repeat 4px 1px; }
.btn_edit_n { background: #f5f5f5 url( "../imgs/edit.png" ) no-repeat 4px 1px; }
.btn_import_n { background: #f5f5f5 url( "../imgs/import.png" ) no-repeat 4px 1px; }
.btn_export_n { background: #f5f5f5 url( "../imgs/export.png" ) no-repeat 4px 1px; }
.btn_prev_n { background: #f5f5f5 url( "../imgs/btn_prev.png" ) no-repeat 4px 1px; }
.btn_next_n { background: #f5f5f5 url( "../imgs/btn_next.png" ) no-repeat 4px 1px; }
.btn_save_n { background: #f5f5f5 url( "../imgs/btn_save.png" ) no-repeat 4px 1px; }
.btn_delete_n { background: #f5f5f5 url( "../imgs/btn_delete.png" ) no-repeat 4px 1px; }
.btn_goto_n { background: #f5f5f5 url( "../imgs/btn_goto.png" ) no-repeat 4px 1px; }
.btn_cfg_n { background: #f5f5f5 url( "../imgs/cog.png" ) no-repeat 4px 1px; }
.btn_new_n { background: #f5f5f5 url( "../imgs/btn_add.png" ) no-repeat 4px 1px; }
.btn_new_a { background: #f5f5f5 url( "../imgs/btn_add.png" ) no-repeat 4px 3px; }
.btn_pay_n { background: #f5f5f5 url( "../imgs/btn_pay.png" ) no-repeat 4px 1px; }
.btn_add_note_n { background: #f5f5f5 url( "../imgs/btn_add_note.png" ) no-repeat 4px 1px; }
.btn_lock_n { background: #f5f5f5 url( "../imgs/btn_lock.png" ) no-repeat 4px 2px; }
.btn_unlock_n { background: #f5f5f5 url( "../imgs/btn_unlock.png" ) no-repeat 4px 2px; }
.btn_syn_n { background: #f5f5f5 url( "../imgs/btn_syn.png" ) no-repeat 4px 2px; }
.btn_print_n { background: #f5f5f5 url('../imgs/print.png') no-repeat 4px 2px; }
.btn_confim_n { background: #f5f5f5 url('../imgs/ok.png') no-repeat 4px 2px; }

.btn_search_n:hover, .btn_import_n:hover, .btn_export_n:hover, .btn_prev_n:hover, .btn_next_n:hover, .btn_save_n:hover, .btn_delete_n:hover, .btn_goto_n:hover, .btn_cfg_n:hover, .btn_add_note_n:hover, .btn_new_n:hover, .btn_pay_n:hover, .btn_lock_n:hover, .btn_unlock_n:hover, .btn_syn_n:hover { text-decoration: none; background-color: #dff4ff; border: 1px solid #62c4f0; color: #336699; }
.btn_submit_n:hover, .btn_refresh_n:hover, .btn_edit_n:hover { background-color: #E6EFC2; border: 1px solid #46cc4a; color: #529214; }
.btn_return_n:hover, .btn_return_a:hover { background-color: #ddd; border: 1px solid #999; color: #333; }
.btn_cancel_n:hover { background-color: #fdc0c0; border: 1px solid #fe4b4b; color: #c00; }

.btn_add_c { margin: 0 7px 0 0; border: 1px solid #45930b; border-top: 1px solid #bcff8a; border-left: 1px solid #bcff8a; color: #565656; height: 22px; font-weight: bold; cursor: pointer; width: auto; overflow: visible; line-height: 12px; padding: 0px 5px 3px 20px; *padding: 3px 5px 2px 20px; }
.btn_add_c { background: #8ece5c url( "../imgs/btn_ico.png" ) no-repeat 4px -121px; color: #fff; }
.btn_add_c:hover { background-color: #409300; border: 1px solid #285c00; color: #fff; }

.btn_del_c { margin: 0 7px 0 0; border: 1px solid #fc2c2c; border-top: 1px solid #fdcaca; border-left: 1px solid #fdcaca; color: #565656; height: 22px; font-weight: bold; cursor: pointer; width: auto; overflow: visible; line-height: 12px; padding: 0px 5px 3px 20px; *padding: 4px 5px 1px 20px; }
.btn_del_c { background: #ff6d6d url( "../imgs/btn_ico.png" ) no-repeat 4px -146px; color: #fff; }
.btn_del_c:hover { background-color: #fe2727; border: 1px solid #c00; color: #fff; }
.btn_big { width: auto; height: 30px; font-size: 22px; padding: 22px; margin-Left: 30px; }

/* 分页样式 */
.pager { text-align: right; margin: 6px 10px; padding: 2px 0; }
.pager .page_no_list { display: inline; }
.pager a { margin: 0 3px; padding: 2px 4px; background-color: #FFF; border: 1px solid #AAA; line-height: 12px; }
.pager a:hover { padding: 2px 4px; border: 1px solid #2c72a6; color: #2c72a6; text-decoration: none; }
.pager a.at { background: #2c72a6; padding: 2px 4px; color: #fff; border: 1px solid #2c72a6; }
.pager input.goto { background: #f5f5f5 url( "../imgs/btn_goto.png" ) no-repeat 4px 1px; margin: 0; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; color: #565656; height: 22px; font-weight: bold; cursor: pointer; width: auto; overflow: visible; line-height: 12px; padding: 1px 1px 1px 22px; *padding: 3px 1px 1px 22px; }
.pager input.goto:hover { background-color: #E6EFC2; border: 1px solid #46cc4a; color: #529214; }

#wrapper { width: 100%; min-width: 780px; text-align: left; }
#top { width: 100%; height: 60px; background: #d80000 url( "../imgs/admin_top_bg.png" ) 0 0 no-repeat; position: relative; z-index: 10000; }
#logo { width: 190px; height: 60px; background: url(  "../imgs/admin_logo.png" ) 0 0 no-repeat; text-indent: -999em; overflow: hidden; float: left; margin-right: 10px; }
#user_tip { position: absolute; right: 5px; top: 5px; color: #d9effe; padding:0 10px 0 20px; }
#user_tip a { color: #FFF; }
#user_tip form { float: right; right: 0px; top: 30px; position: absolute; }
#user_tip form input { font-size: 12px; width: 100px; }
#user_setting { background: url("../imgs/user.png" ) 0 3px no-repeat; padding: 0 5px 0 20px; }
a#user_roles { position: relative; background: url("../imgs/userroles_arrow.gif") no-repeat scroll right transparent; text-decoration: none; cursor: pointer; margin: 0; padding: 0 10px 0 0; }
#user_role_arrow { background-position: 100% 50%; background-repeat: no-repeat; outline: medium none; padding: 0; text-decoration: none; }
#lnk_copy_productid { float: right; right: 120px; top: 30px; position: absolute; }

#user_roles_container { display: none; top: 25px; right: 6px; color: #4F86BE; position: absolute; text-align: left; background-color: #FFF; z-index: 10001; border: solid 1px #BBBBBB; *padding-bottom: 3px; }
#user_roles_container ul { margin-top: 3px; margin-bottom: 3px; }
#user_roles_container ul li { cursor: default; display: block; overflow: hidden; padding: 0px 5px; margin: 0; height: 22px; line-height: 22px; *clear: both; *float: left; }
.user_roles_hight_light { color: #FFF; background: #4F86BE; }

a#user_brand_saleplatform { position: relative; background: url("../imgs/userroles_arrow.gif") no-repeat scroll right transparent; text-decoration: none; cursor: pointer; margin: 0; padding: 0 10px 0 0; }
#user_brand_saleplatform_arrow { background-position: 100% 50%; background-repeat: no-repeat; outline: medium none; padding: 0; text-decoration: none; }
#user_brand_saleplatform_container { display: none; top: 25px; right: 6px; color: #4F86BE; position: absolute; text-align: left; background-color: #FFF; z-index: 10001; border: solid 1px #BBBBBB; *padding-bottom: 3px; }
#user_brand_saleplatform_container ul { margin-top: 3px; margin-bottom: 3px; }
#user_brand_saleplatform_container ul li { cursor: default; display: block; overflow: hidden; padding: 0 5px; margin: 0; height: 22px; line-height: 22px; *clear: both; *float: left; }
.user_brand_saleplatform_hight_light { color: #FFF; background: #4F86BE; }
span#goto_user_context_setting { position: absolute; display: inline-block; right: 6px; color: #17639C; text-decoration: none; cursor: pointer; }
span#goto_user_context_setting:hover { text-decoration: underline; }

#admin_nav { position: absolute; left: 200px; bottom: 0px; height: 48px; }
#admin_nav p { color: #cce9fe; width: 400px; }
#admin_nav p span { margin-left: 6px; width: 100%; }
#nav { position: relative; bottom: 0px; height: 30px; }
#nav_bg { height: 29px; width: auto; background: #003e6c; left: 0; border-top: 1px solid #003055; border-left: 1px solid #003055; border-right: 1px solid #003055; opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); color: #fff; z-index: 10; position: absolute; left: 0; bottom: 0; }
#nav li { float: left; height: 30px; line-height: 30px; color: #fff; }
#nav li a { color: #cef; display: block; float: left; }
#nav li a:hover { text-decoration: none; color: #fff; font-weight: bold; float: left; }
#nav li strong { color: #FFF; background: url( "../imgs/nav_at_bg.png" ) center bottom no-repeat; height: 30px; display: block; float: left; }
#nav li span { display: block; float: left; margin-right: 3px; width: 9px; height: 30px; background: url( "../imgs/xiajt.png" ) center top no-repeat; }
#topnav li span.subhover { background-position: center bottom; cursor: pointer; }
#nav li, #nav li a, #nav li strong { font-size: 14px; line-height: 30px; padding: 0 6px; font-weight: bold; }
#nav ul { z-index: 100; position: relative; top: 0; left: 0; _position: absolute; }
#topnav li { position: relative; }
.subnav { display: none; opacity: 0.85; -moz-opacity: 0.85; filter: alpha(opacity=85); }
#topnav li ul.subnav { position: absolute; left: 0; top: 30px; background: #2c72a6; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #1b4260; }
#topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #1f5075; border-bottom: 1px solid #3c97da; clear: both; width: 170px; }
html #topnav li ul.subnav li a { float: left; width: 142px; background: #2c72a6 url( "../imgs/zuojiant.png" ) no-repeat 10px 8px; padding-left: 23px; }
html #topnav li ul.subnav li a:hover { background: #3c97da url( "../imgs/zuojiant.png" ) no-repeat 10px 8px; }

#index_content { width: 100%; padding: 15px 0; }


#content { width: 100%; z-index: 10; }
#content #item { float: left; width: 200px; border-right: 1px solid #ccc; padding-bottom: 30px; }
#content #con, #content #con_1 { overflow: auto; zoom: 1; padding-left: 1%; position: relative; }
#con h1, #con_1 h1 { clear: both; font-size: 24px; clear: both; width: 99%; height: 30px; line-height: 30px; margin: 20px 0; }
#con h1 .title, #con_1 h1 .title { font-family: "Microsoft YaHei" !important; }
#con h1 .title, #con h1 div.tips, #con_1 h1 .title, #con_1 h1 div.tips { float: left; margin-right: 12px; height: 30px; line-height: 30px; display: block; }
#con h1 .tips, #con_1 h1 .tips { font-size: 12px; font-weight: 400; }
#con h1 .right, #con_1 h1 .right { float: right; font-size: 12px; font-weight: 400; margin: 2px 0; }


#item h2 { height: 30px; line-height: 30px; background: #d1e0eb; font-size: 14px; padding-left: 10px; color: #17639c; }
#item ul { border-bottom: 1px solid #ccc; padding: 10px 0; margin-left: 10px; }
#item li { padding-left: 10px; height: 30px; line-height: 30px; }
#item li.at { background: #d1e0eb; }
#item li.at a { font-weight: bold; color: #17639c; }
#item li a { line-height: 30px; }
#item li a:hover { color: #17639c; }

#opzone table { border: 1px solid #BBBBBB; border-collapse: collapse; border-spacing: 0; margin: 0 auto 10px; width: 100%; }
#opzone table td { padding: 5px; }
#opzone table td.opheader { background-color: #F0F0F0; }
#opzone table td h3.optitle { color: #003366; }
#opzone table td.opinstructions { border-bottom: 1px solid #BBBBBB; }
#opzone table a { color: #003366; font-weight: bold; }
#opzone table td.highlight { background-color: #fffff0; }
.output { height: 300px; overflow-y: scroll; }
.output p { margin-bottom: 1.5em; font-size: 14px; font-weight: bold; }
.output dl { margin-bottom: 2em; }
.output dt { font-weight: bold; }
.output dd { color: #666; }

#footer { text-align: center; border-top: 1px solid #ccc; clear: both; padding: 10px; }
#close { position: absolute; top: 2px; left: 2px; background-color: #fff; width: 16px; height: 16px; }
.item_show { background-image: url(../imgs/fl_1.png); cursor: pointer; }
.item_hidden { background-image: url(../imgs/fl_2.png); cursor: pointer; }

.counter { color: #666666; }
.warning { color: #990000; }
.exceeded { color: #FF0000; }

#simple_wrapper { width: 100%; text-align: left; }
#simpletop { width: 100%; height: 60px; background: #e10000 url( "../imgs/admin_top_bg.png" ) 0 0 no-repeat; position: relative; z-index: 10000; }
#simplelogo { background: url( "../imgs/admin_logo.png" ) no-repeat scroll 0 0 transparent; float: left; height: 60px; margin-right: 10px; overflow: hidden; text-indent: -999em; width: 190px; }
#simplefooter { text-align: center; border-top: 1px solid #ccc; padding: 10px; }

#g1 { float: none; width: auto; position: static; }
#g2 { float: right; margin-left: -205px; width: 100%; }

#content_1 { z-index: 10; overflow: hidden; float: left; margin-right: -205px; width: 100%; }
#content_1 #item { float: left; width: 200px; position: relative; border-right: 1px solid #ddd; padding-bottom: 10px; }
#content_1 #con_1 { float: none; width: auto; position: relative; overflow: auto; padding-left: 1%; }
.con_r { margin-left: 200px; border-left: 1px solid #ddd; }

/*autocomplete*/
.ac_results { cursor: default; padding: 0px; border: 0px solid #ddd; background-color: white; overflow: hidden; z-index: 1; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.ac_results ul { border: 1px solid #DDDDDD; color: #333333; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.ac_results li { clear: left; float: left; margin: 2px; padding: 0px 0px 0px 5px; width: 95%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; }
.ac_over { border: solid 1px #60B1E3; background-color: #60B1E3; color: #FFF; }
.selectposition { width: 160px; }
.vendorlist { width: 600px; }

span.tip { margin-left: 5px; font-size: 12px; color: #888888; }

/* css style for help module */
a.help_highlight_link { border-bottom: solid 2px red; text-decoration: none; }

.ajax-loading-mask { background: #ccc none repeat scroll 0 0; }
.ajax-loading-mask { display: none; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: 9100; }
.ajax-loading-mask-msg { border-color: #95b8e7; }
.ajax-loading-mask-msg { background: #ffffff url("../imgs/ajax_loading_c.gif") no-repeat scroll 5px center; }
.ajax-loading-mask-msg { border-style: solid; border-width: 2px; display: none; height: 16px; margin-top: -20px; padding: 10px 5px 10px 30px; position: absolute; top: 50%; width: auto; z-index: 9100; }

.miastoragebinlist { width: 240px; }

.messager_longmsg { word-wrap: break-word; }

@media (max-width: 768px) {
    #top { height: 60px; }
    #logo { display: none; }
    #admin_nav { left: 0; }
    #user_tip { display: none; }
    .hide_in_mobile { display: none; }
}

.borrow_state { font-size: 16px; font-weight: 700; font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; text-align: center; border: none; padding: 3px; }
.borrow_state_create { color: #ffffff; background-color: #ccc; width: 55px; height: 16px; line-height: 16px; }
.borrow_state_confim { color: #ffffff; background-color: #ff6a00; width: 70px; height: 16px; line-height: 16px; }
.borrow_state_lend { color: #ffffff; background-color: #b200ff; width: 55px; height: 16px; line-height: 16px; }
.borrow_state_section { color: #ffffff; background-color: #5dce2d; width: 70px; height: 16px; line-height: 16px; }
.borrow_state_returned { color: #ffffff; background-color: #307a10; width: 55px; height: 16px; line-height: 16px; }
.borrow_state_cancel { color: #ffffff; background-color: #b11616; width: 55px; height: 16px; line-height: 16px; }

.highlight_sort { font-size: 18px; font-weight: bold; text-decoration: underline; text-decoration-color: brown; }

.fast_copy_icon { cursor: pointer; }
.fast_copy_icon img { width: 12px; height: auto 0; margin: 0 2px; }
.fast_copy_msg { display: none; text-decoration: none; padding: 5px; font-size: 10px; color: #fff; border-radius: 5px; background-color: rgb(44, 190, 0); border-color: rgb(44, 190, 0) }

.waybill_recycle { width: 12px; height: 12px; cursor: pointer; display: inline-flex; margin-right: 3px; }
.waybill_recycle img { width: 12px; }