﻿/* ============全局============ */
div,ul,ol,form {margin:0;padding:0;}
img {border:0;}
li {list-style:none;}
table {font-size:12px;}

input.text{
  width:120px; height:20px; line-height:20px;
}
input.password{
  width:180px; height:20px;line-height:20px;
}
input.button
{
  width:80px; height:23px
}
input.reset{
border: 1px solid; border-color: #EEE #CCC #CCC #EEE;
color: #666; background: #F5F5F5;
}

 .m {
          
  margin-left: 5px;
 }  
 
h1,h2,h3,h4,h5,h6,h7 {margin:0;padding:0;text-align:center;}
p {margin:0;}

html {height:100%;}

body {
color: #222;
text-align:left;
margin:0;
font-family:Arial,tahoma,Helvetica,sans-serif;
font-size: 12px;
height:100%;
width:100%;
 
line-height: 150%;
 
word-break:break-all;
}
a:link{text-decoration:none;color:blue;}
a:visited {text-decoration:none;color:blue;}
a:hover {text-decoration:none;color:#999;}
a:active {text-decoration:none;color:#999;}

/* ============常用============ */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.block {display:block;}
.none {display:none;}

.red {color:Red!important;}
.blue {color:#319EEF!important;}
.green {color:#090!important;}
.strong {font-weight:600!important;}
.title1{font-size: 19px; font-weight: bold}
.title2{font-size: 14px; font-weight: bold}
/* ============布局============ */
/* 头部 */
#header {margin:0;height:55px;clear:both;}
#header dt {float:left;margin:7px 0 0 5px;width:180px;height:29px;background:url("../images/logo.png") no-repeat left top;text-indent:-9999px;}
#header dd {float:right;margin:5px 4px 0 0px;color:#fff;height:20px;}
#header dd li {float:left;}
#header dd a {color:#fff;}
#header dd a:hover {color:#fff;text-decoration:underline;}

/* 内容 */
#contents {clear:both;height:92%;width:auto;margin:0px 0px 0 0px;}
/* 内容左层 */
#contents .left {width:200px;height:87%;}
/* 大按扭 */
#contents .left ul.bigbtu {margin:0;height:45px;}
#contents .left ul.bigbtu li {float:left;}
#contents .left ul.bigbtu li a {display:block;margin:7px;height:32px;width:86px;text-indent:-9999px;}
#contents .left ul.bigbtu li#now01 a {background: url("../images/folder_bigbtu.png") no-repeat 0 top;}
#contents .left ul.bigbtu li#now01 a:hover {background: url("../images/folder_bigbtu.png") no-repeat -86px top;}
#contents .left ul.bigbtu li#now02 a {background: url("../images/folder_bigbtu.png") no-repeat 0 -32px;}
#contents .left ul.bigbtu li#now02 a:hover {background: url("../images/folder_bigbtu.png") no-repeat -86px -32px;}
/* 左测菜单 */
#contents .menu_top {height:11px;width:200px;background:#fff url("../images/left_tabid_cnt_top.png") no-repeat right bottom;}
#contents .menu_end {height:18px;width:200px;background:#fff url("../images/border_end.png") no-repeat left top;}
/* 菜单标题 */
#contents .left div.menu {height:auto!important;height:100%;margin:0;background:url("../images/border_bg.png") repeat-y left top;}
*+html #contents .left div.menu {height:100%!important;}

#contents .left div.menu ul#TabPage2 {float:left;width:21px;background:transparent;margin:-4px 0 0 0;padding:0 0 0 7px;}
#contents .left div.menu ul#TabPage2 li {color:#165E92;clear:both;font-weight:400;height:43px;width:14px;padding:4px 5px 1px 7px;background:transparent url("../images/left_tab_selectedno.gif") no-repeat left top;CURSOR: pointer;position:relative;z-index:1;}
#contents .left div.menu ul#TabPage2 li.Selected {height:43px;width:14px;padding:3px 4px 2px 8px;color:#000;background: url("../images/left_tab_selected.gif") no-repeat left top;}
/* 菜单列表 */
#contents .left div.menu #left_menu_cnt {margin:0 0 0 36px!important;margin:0 0 0 30px;}
#contents .left div.menu #left_menu_cnt ul {}
#contents .left div.menu #left_menu_cnt ul li {text-align:left;}
#contents .left div.menu #left_menu_cnt ul li a {display:block;padding:3px 1px 2px 32px;width:120px;border:1px #fff solid;}
#contents .left div.menu #left_menu_cnt ul li a:hover {color:#115888;border:1px #1879BD solid;}

#contents .left div.menu #left_menu_cnt ul li a.Selected {padding:3px 1px 2px 42px;width:110px;background:#fff url("../images/arrow.gif") no-repeat 18px center;color:#115888;}
#contents .left div.menu #left_menu_cnt ul li a.Selected:hover {padding:3px 1px 2px 42px;width:110px;background:#ADD7F7 url("../images/arrow.gif") no-repeat 18px center;color:#115888;}

 

/* 左侧菜单订阅部分 */
#dleft_tab7 {height:490px!important;height:100%;width:155px;margin:0 9px 0 0;overflow-x:hidden;overflow-y:auto;}
/* 左侧菜单订阅部分 订阅列表 */
#dleft_tab7 li.isupdate {color:#115888!important;font-weight:600!important;}/* 有更新 */
#dleft_tab7 li {margin:0 0 0 0px!important;padding:0!important;}
#dleft_tab7 li a {padding:4px 0px 0px 18px!important;width:135px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0!important;line-height:1.5!important;}
#dleft_tab7 li a:hover {}
#dleft_tab7 li a.Selected {}
#dleft_tab7 li a.Selected:hover {}
#dleft_tab7 li.open {border-top:1px #efefef solid;}
#dleft_tab7 li.close {border-top:1px #efefef solid;}
#dleft_tab7 li#now701 {}
#dleft_tab7 li#now701 a {padding:2px 0px 0px 23px!important;background:#fff url("../images/701.gif") no-repeat 5px 2px!important;}
#dleft_tab7 li#now701 a:hover {}
#dleft_tab7 li#now701 a.Selected {padding:2px 0px 0px 23px!important;background:#fff url("../images/701.gif") no-repeat 5px 2px!important;color:#f60!important;font-weight:400!important;}
#dleft_tab7 li#now701 a.Selected:hover {color:#115888!important;}

/* 左侧菜订阅部分 操作按扭 */
#dleft_tab7 ol.option {padding:0!important;margin:0!important;width:140px;height:25px;overflow:hidden;}
#dleft_tab7 ol.option li {float:left;margin:3px 0 0 3px!important;width:40px;height:20px;overflow:hidden;}
#dleft_tab7 ol.option li a {padding:1px 0 0 10px!important;margin:0!important;letter-spacing:1px;width:40px;height:17px;background:#fff url("../images/option.gif") no-repeat left top;border:0!important;font-weight:400;color:#000;line-height:1.5!important;}
#dleft_tab7 ol.option li a:hover {border:0!important;}
#dleft_tab7 ol.option li a.Selected {padding:1px 0 0 10px!important;margin:0!important;width:40px;background:#fff url("../images/option.gif") no-repeat left top!important;border:0!important;font-weight:600!important;color:#115888!important;}
#dleft_tab7 ol.option li a.Selected:hover {font-weight:600!important;color:#000!important;}
/* 内容右层 */
#contents .right {float:none;height:93%; width:100%; margin:0 0 0 0px;text-align:left;}
/* 当前操作页面 */
#TabPage1 {height:33px;margin:1px 0 -1px 0; float:left}
#TabPage1 a{  font-size:12px;color:White; }
#TabPage1 li { float:left;margin:0 3px 0 0;padding:12px 0 0px 0;width:86px;height:21px;background: url("../images/tab.gif") no-repeat left 0;cursor:pointer;color:#fff;text-align:center;letter-spacing:3px;}
#TabPage1 li#Tab3 {display:block!important;display:none;}
#TabPage1 li.Selected { position:relative ;z-index:2; padding:8px 0 0px 1px;width:86px;height:21px;background: url("../images/tab.gif") no-repeat left -35px;}

#TabPage1 li.Selected a {font-size:13px;color:#000;}



/* 操作页面层 */
#contents #cnt {}
#contents #cnt div { width:100%; height:517px;border:1px #1A76B7 solid;background:#fff;}
#contents #cnt div#dTab1 {position:relative ;z-index:0;}
#contents #cnt div#dTab2 {display:none;}
#contents #cnt div#dTab3 {display:none;}

.path{  width: 100%; height: 25px; line-height:25px; float: left; text-align: left; border-bottom:2px solid #6CA6CD;}
.sbanner{ width: 100%; height: auto; text-align:left;float: left; } 
.opbanner{ width:100%; float: left; height:30px;  line-height:30px; background-color:#D1EEEE; text-align: left } 
.newopbanner{ width:100%; float: left; height:23px;  text-align: left } 
.dataArea{ width: 100%; margin-left: 0 5px 0 5px; float: left; text-align: left; } 

 
/*分页控件样式*/
.pages { margin:0 auto; width:800px; /*margin-top:-1px;*/ clear:both; }
.pages  .item{PADDING-RIGHT:3px;PADDING-LEFT:3px;PADDING-BOTTOM:3px;MARGIN:3px;PADDING-TOP:3px;TEXT-ALIGN:center} /*数字页索引样式*/
.pages .cpb {BORDER-RIGHT:navy 1px solid;PADDING-RIGHT:5px;BORDER-TOP:navy 1px solid;PADDING-LEFT:5px;FONT-WEIGHT:bold;PADDING-BOTTOM:2px;BORDER-LEFT:navy 1px solid;COLOR:#fff;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:navy 1px solid;BACKGROUND-COLOR:#2e6ab1} /*当前页样式*/
.pages a:hover{ BORDER-RIGHT:#2b66a5 1px solid;BORDER-TOP:#2b66a5 1px solid;BORDER-LEFT:#2b66a5 1px solid;COLOR:#000;BORDER-BOTTOM:#2b66a5 1px solid;BACKGROUND-COLOR:lightyellow}
.pages a { BORDER-RIGHT:#9aafe5 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#9aafe5 1px solid;PADDING-LEFT:5px;PADDING-BOTTOM:2px;BORDER-LEFT:#9aafe5 1px solid;COLOR:#2e6ab1;MARGIN-RIGHT:2px;PADDING-TOP:2px;BORDER-BOTTOM:#9aafe5 1px solid;TEXT-DECORATION:none}
.pages input[type="text"]{
  width:40px; height:16px; line-height:16px;
}

.gotoPage input[type="text"]{
  width:40px; height:16px; line-height:16px;
}
.gotoPage input[type="button"]{
  width:30px; height:23px; line-height:16px;
}

    #wrap
        {
            width: 100%;
            margin: 5px auto;
        }
        #wrap .tabitem
        {
            display: inline;
            float: left;
            width: 98%;
            padding-bottom: 10px;
            /*border: 1px solid #EBEBEB; */
            margin: 10px 0 10px 5px;
        }
        #wrap .tabitem .tabs
        {
            position: relative;
            height: 25px;
            border-bottom: 1px solid #CCC;
            margin: 8px;
        }
        
        #wrap .tabitem .tabs ul
        {
            position: absolute;
            top: -2px;
            left: 50px;
            width: 660px;
            height: 28px;
            overflow: hidden;
        }
        #wrap .tabitem .tabs ul li
        {
            float: left;
            cursor: pointer;
            line-height: 26px;
            padding: 0 8px;
        }
        #wrap .tabitem .tabs ul li.current
        {
            cursor: text;
            color: #E45E2E;
            font-weight: 700;
            border: 1px solid #CCC;
            border-bottom-color: #FFF;
        }
        #wrap .tabitem .tabs ul li.current a
        {
          
            color: #E45E2E;
            font-weight: 700;
            
        }
        
        #wrap .tabitem .items
        {
            display: none;
            padding: 0 15px;
        }
        
        #wrap .tabitem .items li
        {
            height: 24px;
            line-height: 24px;
            padding-left: 20px;
            border-bottom: 1px solid #EBEBEB;
        }
        
        #wfpassed
        {
            background: url('../images/passed.gif');
            filter: alpha(opacity=100);
            -moz-opacity: 0.5; 
            -khtml-opacity: 0.5; 
          opacity: 0.7; 
            width: 316px; height: 169px;
            left: 650px; top:70px; 
            position: absolute;
        }#wfapprove
        {
            background: url('../images/approve.gif');
            filter: alpha(opacity=100);
            -moz-opacity: 0.5; 
            -khtml-opacity: 0.5; 
            opacity: 0.7; 
            width: 316px; height: 169px;
            left: 650px; top: 70px; 
            position: absolute;
        }
        #wfrefused
        {
            background: url('../images/refused.gif');
            filter: alpha(opacity=100);
            -moz-opacity: 0.5; 
            -khtml-opacity: 0.5; 
            opacity: 0.7; 
             width: 316px; height: 169px;
            left: 650px; top: 70px; 
            position: absolute;
        } 
        
         .input1
        {
            height: 20px;
            width: 230px;
            border: 1px solid #DBDBDB;
            padding: 0;
        }
        .input2
        {
            width: 340px;
        }
        
        
        label.error
        {
            display: inline-block;
            margin-left: 5px;
            padding: 5px 0 5px 20px;
            color: #F00;
            font-size: 12px;
            line-height: 12px;
            vertical-align: middle;
            color: Red;
            margin-top: 7px;
        }
        label.success
        {
            vertical-align: middle;
            margin-top: 7px;
        }
        .ipt_txt
        {
            width: 150px;
            border: 1px solid #B1C3D9;
            background-color: #FBFBFB;
        }
        input.error
        {
            background-color: #FBE2E2;
        }
        
         .dvTab
        {
            font-family: 'Microsoft Yahei' ,verdana;
            font-size: 14px;
            height: 36px;
            position: absolute;
            left: 0px;
            width: 100%;
            top: 15px;
        }
        .menu
        {
            margin-left: 12px;
            color: rgb(106, 106, 106);
        }
        .tab
        {
            list-style-type: none;
            float: left;
            margin-right: -1px;
            border: solid 1px #B9C4CF;
            width: 91px;
            background: -moz-linear-gradient(center top , rgb(254, 255, 255), rgb(218, 232, 246)) repeat scroll 0% 0% transparent;
            background-color: #EBF3FA;
            height: 23px;
            line-height: 23px;
            text-align: center;
            padding: 5px 20px 4px 8px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            text-overflow: ellipsis;
        }
          .tab a
        {
             color: rgb(106, 106, 106);
            }
        .dv
        {
            width: 100%;
            height: 4px;
            line-height: 4px;
            background-color: #6CA6CD;
            position: absolute;
            left: 0;
            top: 33px;
      
        }
        .activeTab
        {
            color: #fff;
            border-color: #6CA6CD;
            background-color: #6CA6CD;
            background: -moz-linear-gradient(center top , rgb(25, 111, 198), rgb(19, 91, 165)) repeat scroll 0% 0% transparent;
        }
         .activeTab a
        {
            color: #fff;
            }