@charset "utf-8";
/*
 ECMall 管理页面 刘伟[leo]制作 2008-12-22
*/

/*初始化*/

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, li, body, form, input, button, img, cite, strong, em, table, td, th { padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { font-size:14px;}
img, table, td, th { border:0;}
ul, ol { list-style-type:none;}
body { font:12px Arial, "宋体", Verdana, sans-serif;background: url(images/content.gif) repeat-y;}
html,body {padding: 0;margin: 0; overflow-x:hidden; overflow-y:auto;}

/* 字体颜色 */
.red {color:red;}
.bold {font-weight: bold; color: #545454}

.back_nav { width: 400px; height: 350px; position: absolute; top: 40px; right: 20px; z-index: 100; display: none;}
    .back_nav_list { width: 366px; height: 316px; padding: 30px 0 0 30px; position: absolute; top: 0px; left: 0px; z-index: 2; background: #f5fbef; border: 1px solid #a9d671;}
    .shadow { width: 398px; height: 318px; position: absolute; bottom: 0px; right: 0px; z-index: 1; background: #afb1b3; -moz-opacity: 0.5; opacity:.5; filter: alpha(opacity=50);}
        .back_nav_list dl { float: left; width: 85px; height: 160px;}
            .back_nav_list dt {font-size: 14px; font-weight: bold; color: #0c4887; margin-bottom: 10px;}
            .back_nav_list dd {line-height: 20px;}
            .back_nav_list a {font-weight: bold; color: #454543; text-decoration: none;}
            .back_nav_list a:hover {color: red; text-decoration: underline;}
    .close_float { position: absolute; bottom: 7px; right: 7px; z-index: 3;}

#head {height: 100px; background: url(images/head.gif); position: relative;}
    #logo {width: 98px; height: 68px; position: absolute; top: 16px; left: 1px; z-index: 3;}
    #menu {position: absolute; top: 14px; right: 22px; z-index: 2; word-spacing: 5px; color: #234f8d;}
        #menu span {position: relative; bottom: -3px; display: block; float: left; margin-right: 5px;}
        #menu a {color: #234f8d; text-decoration: none;}
        #menu a:hover {text-decoration: underline;}
        .menu_btn1 {display: block; float: left; width: 60px; height: 23px; background: url(images/menu_btn1.gif); border: 0; margin-right: 5px; text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
.menu_btn2 {display: block; float: left; width: 70px; height: 23px; background: url(images/menu_btn2.gif); border: 0;  margin-right: 5px;  text-decoration: none; line-height: 19px; +line-height: 22px; text-align: center;}
    #headBg {width: 830px; height: 50px; background: url(images/head_bg.gif); position: absolute; top: 0; left: 0; z-index: 1;}
    #nav {position: absolute; bottom: 3px; left: 170px; z-index: 2;}
        #nav li {float: left;}
            .link {display: block; color: #369; font-size: 14px; font-weight: bold; padding: 6px 20px 10px; text-decoration: none; background: url(images/nav_li.gif) no-repeat right 5px;}
            .link:hover {color: #ff783d}
            .actived {display: block; font-size: 14px; font-weight: bold; background: url(images/actived.gif) no-repeat 0; width: 120px; height: 25px;padding: 8px 0 0 32px;   color: #fff; text-decoration: none; }
            .actived:hover { color:#fff; }
        #nav li a{ text-decoration:none; outline:none;}
        #nav li a:active {star:expression(this.onFocus=this.blur());} 

#content {width: 100%; /*height: 84.5%; background: #ecf5ff;*/}
    #left {/*width: 12%;*/width: 170px; border-bottom: 3px solid #d3e9f8; float: left; margin-right: 2px;}
        #leftMenu {}
            #leftMenu li {background: url(images/left_menu.gif); border-left: 1px solid #fff;}
                #leftMenu li a {color: #333; text-decoration: none; display: block; line-height: 30px; height: 30px; background: url(images/left_li.gif) no-repeat 10px 10px; padding-left: 30px;}
                #leftMenu li a:hover {padding-left: 32px; font-weight: bold; background: url(images/left_li.gif) no-repeat 12px 10px;}
                #leftMenu strong {color: red;}
        #leftMenus {}
            #leftMenus dt {background: url(images/left_menu.gif); border-left: 1px solid #fff; position: relative;}
                #leftMenus dt a {color: #333; text-decoration: none; display: block; line-height: 30px; height: 30px; padding-left: 30px;}
                #leftMenus dt a:hover {padding-left: 32px; font-weight: bold;}
                    .ico1 {background: url(images/left_menus1.gif) no-repeat 10px 10px;}
                    .ico2 {background: url(images/left_li.gif) no-repeat 10px 10px;}
                .spread {position: absolute; top: 5px; right: 5px;}
            #leftMenus dd {position: relative; line-height: 25px; height: 25px; border-bottom: 1px solid #d8ecff; padding-left: 28px; background-color: #f4f9ff; background-image: url(images/menus_dd.gif); background-repeat: no-repeat; background-position: 15px 10px;}
            .close {position: absolute; top: 6px; right: 10px;}
                #leftMenus dd a {color: #3d6bac; text-decoration: none; }
                #leftMenus dd a:hover {color: #264d84; font-weight: bold;}
                #leftMenus dd a.selected {color: #264d84; font-weight: bold;}
    #right {/*width: 88%;background: url(images/right.gif) repeat-y;*/float: left; }
        #rightTop {border-top: 2px solid #fff; border-bottom: 1px solid #d8d8d8; height: 50px; background: #fff; margin-left: 2px; padding: 0 20px;}
            #rightTop p {line-height: 22px; float: left; color: #444; padding-top:15px;}
                #rightTop p strong {margin-left:20px; margin-right:10px;}
                .tidings {color: #06c; text-decoration: none; padding-left: 13px; background: url(images/right_p.gif) no-repeat 0 1px;}
                .tidings:hover {text-decoration: underline}
                .num {color: #f60; text-decoration: none;}
                .num:hover {text-decoration: underline}
            .btn {float: right; margin-top: 10px;}
        #rightCon {border-top: 1px solid #b0d3ee; padding: 10px 10px 60px; background: #fbfdff; margin-left: 2px; overflow: hidden;}
            #rightCon dt {line-height: 30px; font-size: 14px; color: #09f; font-weight: bold; padding: 10px 40px 0;}
            #rightCon dd {border-bottom: 1px solid #b0d3ee; line-height: 25px; padding: 0 40px 20px;}
                #rightCon dd th {text-align: left; width: 110px; color: #444;}
                    .td {width: 200px; padding-left: 20px;}
#page_footer {color: #999; border-top: 1px solid #c1c1c1; text-align: center; padding: 20px 0px;}
.info {border-top: 1px solid #c1c1c1; overflow: hidden; padding-left: 2px;}
.info2 {border-top: 1px solid #c1dff3; overflow: hidden; padding-left: 2px;}
.mrightTop { background-color: #fff; border-bottom: 1px solid #c1c1c1;height: 32px; margin-left: 2px; padding: 0 2px;}
.mrightTop1 { border-bottom: 1px solid #eee; height: 60px; margin-left: 2px; padding: 0 20px;}
.fontl {float: left; height: 20px; line-height: 20px; padding-top: 5px;}
.fontr {float: right; height: 20px; padding-top: 5px;}
#select {height: 20px; width: 100px; margin: 0 5px; line-height: 20px; float: left;}
.button1 {line-height: 21px; color: #234f8d; background: url(images/button2.gif); text-align: center; display: block; height: 21px; width: 60px; float: left; text-decoration: none;}
.txt {float: left; height: 20px; line-height: 20px;}

.sort_asc {background: url(images/sort_asc.gif) no-repeat right 2px; padding-right: 10px;}
.sort_desc {background: url(images/sort_desc.gif) no-repeat right 2px; padding-right: 10px;}
.editable {background: url(images/editable.gif) no-repeat right 2px; padding-right: 14px;}

.flip_over {float: left; line-height: 20px; margin-right: 10px;}
.page {float: right;}
.mtr10 { margin: 10px 20px 0 0; display: inline;}
    .formerNull, .downNull, .former, .page_link, .page_hover, .down {margin-left: 3px;}
    .formerNull {background-image: url(images/up.gif);background-color: #e0e0e0; background-repeat: no-repeat; background-position: center center; border: 1px solid #c7c7c7; display: block; float: left; width: 15px; height: 19px; +height: 18px;}
    .former {background-image: url(images/up.gif); background-color: #7ec0f2;background-repeat: no-repeat; background-position: center center; border: 1px solid #4f99e8; display: block; float: left; width: 15px; height: 19px; +height: 18px;}
    .former:hover {border: 1px solid #888;}
    .page_link {color: #666;}
    .page_hover {color: #ff6000;}
    .page_link, .page_hover {font-weight: bold; display: block; float: left; text-decoration: none; padding: 2px 5px 0; font-size: 16px;}
    .page_link:hover, .page_hover:hover {text-decoration: underline;}
    .down {padding: 2px 15px 2px 8px; background-image: url(images/down.gif); background-position: 50px center; border: 1px solid #4f99e8; text-decoration: none; display: block; float: left; background-color: #7ec0f2; background-repeat: no-repeat; color: #fff;}
    .downNull {padding: 2px 15px 2px 8px; background: #e2e2e2 url(images/down.gif) no-repeat 50px center; border: 1px solid #c7c7c7; color: #fff; text-decoration: none; display: block; float: left; }
    .down:hover {border: 1px solid #2578d0;}

.subnav {float: left; margin-left: 20px;}
    .subnav li {float: left; margin-right: 8px;margin-top: 15px;}
        .subnav li span {font-weight: bold; color: #444; position: relative; top: 3px; +top: 5px;}
        .btn1 {width: 69px; height: 20px; border: 1px solid #d8d8d8; display: block; background-color: #c7001b;width: 69px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}
        .btn2 {width: 69px; height: 20px; border: 1px solid #d8d8d8; display: block;background-color: #c7001b;width: 54px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}
        .btn3 {width: 69px; height: 20px; border: 1px solid #d8d8d8; display: block;background-color: #c7001b; width: 81px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}
        .btn4 {width: 69px; height: 20px; border: 1px solid #d8d8d8; display: block;background-color: #c7001b;width: 94px; height: 20px; line-height: 20px; color: #fff; text-align: center; text-decoration: none}

.paddingTD15{PADDING-LEFT: 35px;WIDTH: 140px;TEXT-ALIGN: left;PADDING-TOP: 10px;font-size: 9pt;font-family: Arial;color:#444;font-weight: 700;}
.paddingT15 {padding-top: 10px;}
.ptb20 {padding: 20px 0;}
    .infoTable {width: 100%; background: #fbfdff; color: #444;}
    .infoTableInput, .infoTableInput2, .infoTableFile, .infoTableFile2{height:17px; line-height:17px;}
    .infoTableInput {width:255px;}
    .infoTableFile {width:331px; height:20px;}
    .infoTableInput2 {width:125px;}
    .infoTableFile2 {width:201px; height:20px;}
    .infoTable textarea {width:255px; height:100px; font-size:12px}
    .infoTable select {font-size:12px}
    .info th {text-align: left; padding-left: 40px; width: 140px;/* height: 35px;*/}
    .info2 th {text-align: left; padding-left: 20px; width: 80px;/* height: 35px;*/}
    .select {width: 370px; color: #444; font-size: 12px;}
    .wordSpacing5 {word-spacing: 5px;}
    .gray {color: #a1a1a1; padding-left: 20px;}
    .text250 {width: 238px; color: #444; font-size: 12px; padding-left: 18px}
    .normal {font-weight: normal;}
    .file {width: 330px;}
    .formbtn {width: 60px; height: 21px; color: #000; border: 1px solid #d8d8d8; }
    .formbtn:hover{background-color: #c7001b;color: #fff;}
    .formbtn1 {width: 77px; height: 21px; color: #000; border: 1px solid #d8d8d8;  text-decoration:none; text-align:center; margin:0px 2px 0px 8px!important;margin:1px 2px 0px 8px; }
    .formbtn1:hover{background-color: #c7001b;color: #fff;}
    .recommend_to {width: 100%;}
    .recommend_to li {width: 48%; float: left;}
    .floatleft {float:left;padding-left:15px;}
.clear {clear: both;}
.queryCtrl { float:left; margin-right:5px; color:#888; }
.queryInput, .queryInput2 {height:17px; line-height:17px; margin: 0px 8px 0px 1px;}
.queryInput{ width:100px; }
.queryInput2 { width:50px; }
.querySelect {margin: 0px 8px 0px 1px; font-size:12px}

/* 表表格相关样式 */
/*
.dataTable {border-collapse:collapse;}
    .dataTable td { text-align:left; }
    .dataTable .firstCell { padding-left:25px; }
    
.tatr1 {line-height: 34px; height: 34px; font-weight: bold; color: #444; text-align: center;}
.tatr1 td {border-bottom: 1px solid #bbdbf1;}
.tatr2 {color: #444;  text-align: center;}
.tatr2 td {border-bottom: 1px dotted #bbdbf1; empty-cells:show;}
.tdare{margin-left: 2px; padding: 0 5px 60px 5px; background: #fbfdff;}
.tdare td {padding: 10px 0;}
.tdare th a, .tdare td a {color: #234f8d;}
.tdare th a:hover, .tdare td a:hover {color: #12325f;}
.seledr { font-size:12px; }
tr td.handler, th.handler{ width: 210px; text-align: center;}
tr td.handler span { display:block; width: 140px; text-align:left; margin: 0 auto;}
tr.no_data td{color: #444444; padding-top: 60px; text-align:center; font-weight: bold; font-size:14px;}
*/

.dataTable,.dataTable th,.dataTable td {margin-top: 5px;border: 1px solid #d8d8d8;font-family: "Trebuchet MS", Arial, sans-serif;border-collapse: collapse;	color: #000;}
caption {font-size: 150%;font-weight: bold;	margin: 5px;}
.dataTable td, .dataTable th {padding: 4px;}
.tatr1 {height: 30px;}
.tatr1 td {text-align: center;	background: #d8d8d8;	color: #000;	font-size: 100% !important;}
.tatr1 td {font-weight: bold;}
.tatr2 {color: #444;  text-align: center;}
.dataTable tr {background: #FCFDFE; }
.dataTable tr.odd {background: #F7F9FC; }
.dataTable a:link {color: #718ABE;	text-decoration: none;}
.dataTable a:visited {color: #718ABE;	text-decoration: none;}
.dataTable a:hover {color: #718ABE;	text-decoration: underline !important;}
.dataTable tfoot th,.dataTable tfoot td {font-size: 85%;}


.pageLinks { float: right; color:#444; }
    .pageLinks ul { list-style:none; }
    .pageLinks li { float:left; margin:0 5px; }
    .pageLinks .curr-page { font-weight:bold; }
    .pageLinks .pg_total {  }

.left {float: left}
.right {float: right}
.mt10 {margin-top: 10px;}
.sort_order{width:50px; height:17px; line-height:17px; text-align:center}
td.table-center, tr.table-center, th.table-center {text-align: center;}

/* 表单验证的相关样式 */
form .field_notice { color:#9C9C9C; margin-left:5px; }
form label.error { color:red; font-style:normal; margin-left:5px; }
form input.error { border:red 1px dotted; }
form label.checking { padding-left:18px; background:transparent url(images/checking.gif) no-repeat; margin-left:5px; font-style:italic; color:#9C9C9C; display:none; }
form label.right { padding-left:12px; background:transparent url(images/right.gif) no-repeat; margin-left:5px; font-style:italic; color:green; float:none; }


body {background: #fcfdff}
.yi_hang_4 {TEXT-ALIGN: right; PADDING-BOTTOM: 2px; LINE-HEIGHT: 1.7em; BACKGROUND-COLOR: #f7f7f7; TEXT-INDENT: 15px; PADDING-LEFT: 5px; FONT-FAMILY: "宋体"; COLOR: black; FONT-SIZE: 12px; PADDING-TOP: 2px}
.yi_hang_8 {BORDER-BOTTOM: #9fccec 1px solid; LINE-HEIGHT: 1.7em; BACKGROUND-COLOR: #f7f7f7; TEXT-INDENT: 25px;  BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: "宋体"; COLOR: black; FONT-SIZE: 12px; FONT-WEIGHT: bold; BORDER-RIGHT: #9fccec 1px solid; PADDING-TOP: 5px}
.yi_hang_9 {LINE-HEIGHT: 1.7em; BACKGROUND-COLOR: #ffffff; FONT-FAMILY: "宋体"; FONT-SIZE: 12px}
.TABLE {TABLE-LAYOUT: fixed}
.TD {LEFT: 10px;WIDTH: 100%;WORD-WRAP: break-word}
.maintable {width: 100%;border-collapse: collapse}
.maintable tbody td {border: 1px solid #d8d8d8;padding: 3px 4px;vertical-align: middle;	HEIGHT: 25px;font-size: 12px;font-family: Arial,Verdana,Helvetica,sans-serif,"宋体";	white-space: normal}