/*Reset 样式初始化*/ html, body, form, fieldset, p, a, ul, ol, li, div, legend, label, br, input, button, textarea, h1, h2, h3, h4, h5,em{ padding: 0; margin: 0; font-weight: normal; font-style: normal; font-size: 12px; font-family:"宋体","Tahoma"; vertical-align: baseline; text-align:justify; word-wrap:break-word; text-justify:inter-ideograph } body{text-align:center} ul, ol, li, h1 { line-height:normal; list-style-image:none; list-style-position:outside; list-style-type:none } dl { margin:0 } dd { margin-left:0 } a { outline:none; } a img { border:0 none } img { vertical-align:middle; border:0px } table { border-collapse:collapse } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clearfix { display:inline-block; overflow:hidden } .clearfix { display:block } /*End*/ .hide {display:none} a.show{display:block} .lf {float:left} .rt {float:right} body{color:#666} a {color:#1b7dcb;text-decoration:underline} a:hover {text-decoration:underline;color:#57b0f8} /*maincontent*/ .main_content { padding:5px } /* tableList styles */ table.tableList{width:100%;border-collapse:collapse} table.tableList th,table.tableList td{text-align:left;padding:.5em;border:1px solid #fff;} table.tableList th{background:#328aa4 url(tr_back.gif) repeat-x;color:#656565;} table.tableList td{background:#e5f1f4;} table.tableList tr.odd td{background:#f8fbfc} table.tableList tr.edit td{background:#FFCECE} table.tableList tr.hover,table.tableList tr.hover td{border-bottom:1px solid #fbc279} table.tableList .sbtn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin-right:5px;background:url(sbtn_icon.png) no-repeat;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} table.tableList .sbtn:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} table.tableList .sbtnDel {background-position:0 0} table.tableList .sbtnEdit {background-position:0 -16px} table.tableList .sbtnConfirm {background-position:0 -32px} table.tableList .sbtnCancel {background-position:0 -48px} /* tableform styles */ table.tableForm{width:100%;border-collapse:collapse} table.tableForm th,table.tableForm td{text-align:left;padding:1em;border:1px solid #fff;border-bottom:1px solid #f2f2f2} table.tableForm tr.unfilled {background:#FFCECE} table.tableForm input.inputText,.inputText { background: url(input.png) repeat-x scroll 0 0 #FFFFFF; border: 1px solid #D0D0D0; font-size: 12px; height: 18px; padding: 2px 0 2px 5px; color:#999; line-height:18px; border-top:1px solid #898989; border-left:1px solid #898989; } table.tableForm input,table.tableList input { vertical-align:middle; margin: 0 5px 0 0; } table.tableForm select,table.tableList select { background: none repeat scroll 0 0 #F9F9F9; border-color: #666666 #CCCCCC #CCCCCC #666666; border-style: solid; border-width: 1px; color: #666; padding: 2px; vertical-align: middle; } table.tableForm input.inputHover,table.tableList input.inputHover { border-color:#f9c746; color:#333; background:#fff } /*globle icon*/ .main_search button { background:url(globle_icon.png) no-repeat } /*.button*/ .button { float:left; height:28px; margin-right:10px; padding:0 18px; line-height:29px; text-align:center; overflow:hidden; font-weight:bold; color:#FFF; text-shadow:0 1px #276DDD; border:1px solid #276DDD; border-radius:3px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px; text-decoration:none } .button:hover { text-decoration:none; color:#FFF; background-position:0 -214px; } .button:active { background-position:0 -243px; } .btn-red { text-shadow:0 1px #B4080C; border-color:#CE080D; background-color:#F23539; background-position:0 -431px; } .btn-red:hover { background-position:0 -460px; } .btn-red:active { background-position:0 -489px; } .btn-green { text-shadow:0 1px #598D2F; border-color:#6AAB35; background-color:#77C13C; background-position:0 -518px; } .btn-green:hover { background-position:0 -547px; } .btn-green:active { background-position:0 -576px; } .btn-orange { text-shadow:0 1px #EF7714; border-color:#F67E19; background-color:#F4A32F; background-position:0 -344px; } .btn-orange:hover { background-position:0 -373px; } .btn-orange:active { background-position:0 -402px; } .btn-gray { font-weight:normal; color:#666; text-shadow:0 1px #FFF; border-color:#C5C5C5; background-color:#FFF; background-position:0 -605px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); } .btn-gray:hover { color:#333; background-position:0 -634px; } .btn-gray:active { background-position:0 -663px; } .btn-black { font-weight:normal; color:#f2f2f2; text-shadow:0 1px #333; border-color:#C5C5C5; background-color:#6c6e7d; background-position:0 0; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); } .btn-black:hover { color:#fff; background-position:0 -31px; } .btn-black:active { background-position:0 -108px; } .btn-large { width:65px; } .btn-disabled, .btn-disabled:hover, .btn-disabled:active { color:#999; text-shadow:none; border-color:#C5C5C5; background-color:#EEE; background-position:0 -634px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); cursor:default; } .btn-disabled b { font-size:18px; color:green; font-family: Constantia,Georgia } /**.btn-icon**/ .btn-icon { position:relative; padding-left:35px; } .btn-icon .icon { position:absolute; top:7px; left:15px; width:16px; height:16px; background:url(globle_icon.png) no-repeat; } .btn-icon .iconAdd { background-position:-20px 0 } .btn-icon .iconConfirm { background-position:0 -20px } .btn-icon .iconDelete { background-position:-20px -20px } .btn-icon .iconCog { background-position:-40px 0 } .btn-icon .iconBatch { background-position:-40px -20px } /*tab*/ .top_tab { } .main_tab { display:inline-block; *display:inline; zoom:1; width:100%; background:url(n_p_tab_line.gif) repeat-x 0 bottom; } .main_tab a{ height:26px; line-height:26px; display:inline-block; text-decoration:none; margin:0 0 0 10px; background:url(n_p_tab.gif) no-repeat 0 -26px; } .main_tab a span{ height:26px; line-height:26px; padding:0 15px 0 0; margin:0 0 0 15px; display:inline-block; color:#ccc; font-weight:600; cursor:pointer; background:url(n_p_tab.gif) no-repeat right -26px; } .main_tab a:hover{ } .main_tab a:hover span{ color:#7DC9E1 } .main_tab .now{ background:url(n_p_tab.gif) no-repeat 0 0; } .main_tab .now span{ background:url(n_p_tab.gif) no-repeat right 0; color:#666; cursor:default } .main_tab .now:hover span{ color:#666 } /*main search*/ .main_content .main_toolbar { padding:5px; background:#f5f5f5 } .main_toolbar { padding:5px; margin:10px 0 0 0; background:#f5f5f5 } .main_content .main_toolbar { padding:5px; margin:10px 0 0 0; background:#f5f5f5 } .main_content .main_toolbar span.gLine { border-right:1px solid #e3e3e3; display:inline-block; *display:inline; zoom:1; height:28px; float:left; margin:0 10px 0 0 } .main_toolbar .main_search { margin:1px 10px 1px 0; height:28px; line-height:28px; position:relative } .main_toolbar .main_search label{ position:absolute; left:5px; top:1px; z-index:2; color:#ccc } .main_toolbar .main_search button{ background-color: transparent; background-position:0 0; border: 0 none; height: 20px; right:5px; margin: 0; position: absolute; top: 4px; width: 20px; cursor:pointer } .main_toolbar .main_search button i { display:none } .main_toolbar .main_search .inputText{ height:23px } /*globle list*/ .main_content .globle_list { margin:10px 0 0 0 } /*main crumb*/ .main_toolbar .main_crumb { margin:3px 0 0 0; padding:0 0 0 18px; background:url(folder.gif) no-repeat 0 center; height:28px; line-height:28px } /*page nav*/ .main_content .pageNav { margin:10px 0 0 0; text-align:center; height:25px } .main_content .pageNav a { padding:5px 8px; margin:0 5px; background:#e3e3e3; text-decoration:none; color:#666 } .main_content .pageNav a:hover{ background:#ECFBD4 } .main_content .pageNav a.now { background:#f26600; color:#fff } .main_content .pageNav a.disClick { background:#f2f2f2; color:#ccc; cursor:default } .main_content .pageNav a.current { background:#FF8800; color:#fff; font-weight:600 } .main_content .mainButton{ margin:10px 0 0 0; } .main_content .mainButton .addTips_success,.main_content .mainButton .addTips_fail { background:#D5FFCE; border:1px solid #9ADF8F; height:28px; line-height:28px; color:##556652; float:left; padding:0 20px; margin:0 10px } .main_content .mainButton .addTips_fail { background:#FFCECE; color:#665252; border-color:#DF8F8F } /*category set*/ .category_set { width:99% } .category_set table { width:100%; margin:8px } .category_set thead th { font-weight:700; color:#666; padding: 5px 5px 5px 0; background:#fff } .category_set tr th { padding: 5px 5px 5px 0; border-top: 1px dotted #DEEFFB } .category_set tr.mouseover { background:#FFFBCC } .category_set td { border-top: 1px dotted #DEEFFB; padding: 5px 5px 5px 0; } .category_set input { color:#666 } .category_set input.order { border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; background:#fff url(input_bg.gif) repeat-x; border: 1px solid #DADADA; color: #ADADAD; height: 18px; line-height: 18px; padding: 0 3px; vertical-align: middle; float:left } .category_set th input{ width:40px; text-align:center } .category_set th.sec{ padding-left:5px } .category_set th.sec input{ width:35px; } .category_set th.thi{ padding-left:10px } .category_set th.thi input{ width:30px } .category_set .first_cate input { font-weight:600 } .category_set .first_cate { display:inline-block } .category_set .second_cate { padding:0 0 0 55px; background:url(cate_set_tree.gif) no-repeat -55px 0; display:inline-block } .category_set .third_cate { padding:0 0 0 110px; background:url(cate_set_tree.gif) no-repeat 0 -50px; display:inline-block } .category_set .last_cate { padding:0 0 0 55px; background:url(cate_set_tree.gif) no-repeat -55px -50px } .category_set .catebtn { background:url(sbtn_icon.png) no-repeat; margin: 0 5px 0 0; display:block; width:16px; height:16px; float:left } .category_set .catebtn_del { background-position:0 0; } .category_set .catebtn_add { background:url(cate_set_tree.gif) no-repeat 0 -71px; margin: 0 5px 0 5px; display:inline-block; padding:0 0 0 15px; height:16px; line-height:16px; vertical-align:middle; float:left; text-indent:-9999px; width:70px; } .category_set .catebtn_add:hover { background-position:0 -87px; text-indent:0; color:#529ae2; text-decoration:none } .category_set a.catebtn_nadd { color:#529ae2; text-decoration:none; background:url(cate_set_tree.gif) no-repeat 0 -87px; display:inline-block; padding:0 0 0 15px; height:16px; line-height:16px } .category_set a.catebtn_nadd:hover { color:#529ae2; text-decoration:underline } .category_set .cateset_btnlist { text-align:center } .category_set input.m_click{ border:1px solid #FFC853; color:#333; background:#fffdf8 }