/*Global*/
html,body{height:100%}
body{background:#fff; overflow:auto; _overflow-x:hidden}
body,td{font-size:12px; font-family:Verdana,"宋体"; color:#888}
form,#Wrapper{height:100%}
*{margin:0; padding:0; scrollbar-face-color:#dbebfe; scrollbar-shadow-color:#b8d6fa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#dbebfe; scrollbar-darkshadow-color:#458ce4; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#458ce4}
li,dd{list-style-type:none}
a img{border:0}
a{color:#0f5fbb; text-decoration:none}
a:hover{color:#ff4e00; text-decoration:underline}
a:hover img{text-decoration:none}
a.disabled:hover{text-decoration:none; cursor:default}

.hide{visibility:hidden; display:none}
.hidden{visibility:hidden}
.border{border:1px solid #a6bbce}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
table.fixed{table-layout:fixed}
table.fixed td{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all}
.clearfix:after{content: "."; display:block; height:0; clear:both; visibility:hidden; font-size:0}
.clearfix {display: inline-block; }
* html .clearfix {height:1%}
.clearfix {display:block}
.clearfix {zoom:1}
.clear{clear:both}
.grayfont{color:#aaa}
.greenfont{color:Green}
.redbackground{background:#c66; color:#fff; padding:0 2px}
.greenbackground{background:Green}
.redfont{color:#f00}
.redbackground{background:#f00}
.yellowfont{color:#f63}
.blackfont{color:#000; font-weight:700}
.lightblackfont{color:#444}
.defaultfont{color:#000}
.smallfont{font-size:9px}
.bigfont{font-size:16px;font-weight: bold}
.whiteColour{background-color:White;}
.normalfont{font-weight:normal; font-style:normal}
.left{float:left}
.right{float:right}
.center{text-align:center}
.break{word-break:break-all; white-space:normal; word-wrap:break-word}
.br{height:12px}
h2.tableHead{font-size:14px; color:#000; border-bottom:2px solid #bbd3ed; margin-bottom:8px; text-indent:15px; line-height:24px; height:24px}
h2.tableHead a{font-size:13px}
h2.tableHead span{font-weight:normal; font-size:12px}
h5.plateHead{font-size:12px; font-weight:700; color:#333; margin:10px 0 5px 0}
h5.plateHead b{marign:0 3px; color:#f60; font-weight:normal}
h6.tableline{border-bottom:1px solid #eee; color:#aaa; font-weight:normal; height:18px; line-height:18px; font-size:13px; text-indent:10px; margin:0 auto; width:95%; margin-top:10px}
h6.tableitem{color:#333; font-weight:bold; margin-bottom:10px; margin-top:20px}
hr.line{height:1px; border:0; border-bottom:1px solid #ccc; margin:8px 0; width:100%; border-collapse:collapse}
span.validate{background:#ffffd9 url(Images/Icons.gif) no-repeat -440px -230px; border:1px solid #a7a772; color:#c00; padding-top:2px; text-indent:16px; margin-left:1px; font-weight:normal; display:inline-block}
span.explain{color:#888}
img.icon{background:url(Images/Icons.gif) no-repeat; width:16px; height:16px}
img.online{background-position: -348px -202px}
img.customer{background-position:-260px -28px}
img.offline{background-position:-278px -28px}
img.email{background-position:-297px -28px}
img.mobile{background-position:-314px -28px}
img.remind,img.unremind{background:transparent url(Images/Icons.gif) no-repeat; width:15px; height:15px; border:0; cursor:pointer}
img.remind{background-position:-265px -1px}
img.unremind{background-position:-282px -1px}
/*Main*/
/*  MainTop*/
#MainTop{height:80px; overflow:hidden}
#TopHead{height:44px; padding:0 10px; margin-top:5px}
#TopHead .logo{float:left; width:380px; padding-left:10px; overflow:hidden}
#TopHead .logo img{float:left; width:86px; height:25px}
#TopHead .logo h1{float:left; font-family:"微软雅黑","黑体"; font-size:18px; margin-left:8px; color:#000}
#TopHead .info dl{float:right; overflow:hidden}
#TopHead .info dl dd{float:right; margin-right:-1px; border-right:1px solid #555; padding:0 8px 0 7px; vertical-align:middle}
#TopHead .info dl dd img.centerforum{background:url(Images/Icons.gif) no-repeat -83px -328px; width:15px; height:15px; margin-right:2px}
#TopHead #pnlLoaderBox{float:left}
#TopHead .info a{color:#000}
#TopNavigation,#TopNavigation ul li{background:url(Images/TopMenuBg.gif) no-repeat}
#TopNavigation{height:28px; background-repeat:repeat-x; background-position:0 28px; padding:0 10px 3px 10px}
#TopNavigation ul li{float:left; margin:0 3px; width:65px; height:28px; background-position:0 -10px; font-size:14px; text-align:center; line-height:28px; overflow:hidden; display:inline}
#TopNavigation ul li a{color:#166986; display:block; width:100%; height:100%}
#TopNavigation ul li.on{background-position:0 -40px; font-weight:700}
#TopNavigation ul li.on a{color:#fff}
#TopNavigation ul li.more{float:right}
#TopNavigation ul li.more img{background:url(Images/Icons.gif) no-repeat -440px -402px; width:12px; height:28px}
#TopNavigation .dropdownlist{background:#dfedf3; width:100px; height:auto; margin:0; padding:0}
#TopNavigation ol{height:84px}
#TopNavigation ol li{font-size:14px; height:28px; line-height:28px}
#TopNavigation ol li a{color:#166986; display:block; height:100%; text-indent:10px}
#TopNavigation ol li a:hover{color:#fff; background:#52b3e2}
/*  MainContainer*/
#MainContainer{vertical-align:top}
#MainContainer iframe{width:100%; height:100%}

/*Home*/
#HomeLeft{background:#fff; height:100%}
.profile{text-align:center}
#HomeLeft .profile{background:#f7f7f7; padding:8px 0; border-bottom:1px solid #ccc}
img.avatar{width:100px; height:100px; background:#fff url(Images/DefaultAvatar.gif) no-repeat center; padding:4px; border:1px solid #d2d2d2}
#HomeLeft .profile p{padding:3px 0}
#HomeCenter{margin:10px; margin-bottom:0}
#HomeLeft .datalist table.tablelist td.thead{text-align:right; width:45px; border:0; font-weight:normal}
#HomeCenter .datalist table.tablelist td.thead{text-align:right; width:65px; border:0; font-weight:normal; padding-right:8px}

#ErrorCenter{margin:0 auto; margin-top:200px; border:1px solid #ddd; background:#f7f7f7; width:300px; padding:20px; text-align:left; line-height:150%}
#ErrorCenter b{font-size:12px; color:#000}
#ErrorCenter p{font-size:12px; padding:5px 12px; background:#fff; margin:8px 0; color:#c00}
#ErrorCenter .btns{text-align:center}
#ErrorCenter .btns a{font-family:Arial; font-size:13px}
/*  Peronal Info*/
peronalInfo{position:relative}
.peronalInfo .profile{position:absolute; top:100px; right:50px}


/*Common*/
/*  Main Panel*/
.mainCenter{float:right; height:100%}
.mainCenter iframe{width:100%; height:100%; margin:0; padding:0}
td.menuLeft,.mainLeft{width:206px; border-right:1px solid #b4cfdd; float:left; overflow:hidden; background:#f6f9fe; height:100%}
.mainLeftSub{background:#fbfdff; border-right-color:#d5e4ec}
.mainLeft .leftAdd{padding:5px; text-align:center}
.mainLeft .leftAdd input.btn{background:url(Images/Icons.gif) no-repeat -333px -157px; width:111px; height:32px; text-indent:10px; border:0}
.mainLeft .leftAdd input.add_big_over{background-position:-217px -157px}
.mainRight{width:206px; float:right}
.mainRight .rightContainer{margin-left:6px; padding:5px; background:#e0ecf9}
.mainRight .rightContainer p.search{text-align:center; margin:5px 0}
.mainRight .rightContainer dl{margin-bottom:5px}
.mainRight .rightContainer dl dt{background:#c1d9f3; height:28px; line-height:28px; font-weight:700; color:#333; text-indent:8px; margin-bottom:5px; position:relative}
.mainRight .rightContainer dl dt a{position:absolute; right:5px; top:0; font-weight:normal}
.mainRight .rightContainer dl dd a{display:block; padding:4px 8px; height:100%; margin:1px 0}
.mainRight .rightContainer dl dd a:hover{background:#f6f9fe}
.mainRight .rightContainer dl dd a.on{background:#f6f9fe}

td.menuLeft,td.mainLeft,td.mainCenter,td.mainRight{float:none}

.splitBar{width:4px; overflow:hidden; font-size:1px; background:#e2ebf0; cursor:e-resize}
.splitBar img{background:url(Images/Icons.gif) no-repeat 1px -465px; width:5px; height:35px}

.infoHead{background:#f7f7f7; border:1px solid #ddd; padding:8px; text-align:center; margin-bottom:5px}
.infoHead h6{font-size:16px; padding-bottom:8px; color:#333}
.infoHead h6 strong{color:#fc5d33}
.infoHead p a{font-weight:700; margin:0 3px}
/* LeftMenu*/
.leftTopBtns{height:40px; overflow:hidden; background:#deeaf4; border-bottom:1px solid #f6f9fe}
.leftTopBtns input{margin-top:8px}
.mainLeft .leftline{border-top:2px solid #bbd3ed; margin-bottom:8px}
.leftMenu{position:relative; width:206px}
.leftMenu .category{background:url(Images/TabBg.gif) repeat-x 0 -50px; height:26px; border-bottom:1px solid #7e97b7; position:relative; cursor:default}
.leftMenu .category p{padding-top:6px; text-indent:15px; width:145px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all}
.leftMenu .category img{background:url(Images/Icons.gif) no-repeat -333px -431px; width:9px; height:9px;}
.leftMenu .category img.on{background-position:-312px -432px;}
.leftMenu .category .over{position:absolute; width:60px; right:0; top:7px; z-index:2}
.leftMenu ul li{height:28px; line-height:28px; font-size:13px; font-weight:700; position:relative; padding:0}
.leftMenu ul li.on{background:#cce3f9}
.leftMenu ul li.line{height:0; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #fff; padding:0; line-height:0; width:88%; margin:0 auto}
.leftMenu ul li a{color:#4b6888; display:block; height:100%; text-indent:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; width:100%}
.leftMenu ul li .moveBar{position:absolute; width:50px; right:0; top:5px; z-index:2}
.leftMenu ul li a:hover{color:#364b63; background:#e8f2fc}
.leftMenu ul li.on a{cursor:default}
.leftMenu ul li a.more{font-size:12px; font-weight:normal; position:absolute; display:inline; margin-left:150px; z-index:1px; height:auto; text-indent:0; width:auto; cursor:pointer}
.leftMenu ul li a.more:hover{background:transparent}
.leftMenu ul li.on a:hover{background:#cce3f9; text-decoration:none}
.leftMenu ul li.on a.more:hover{background:transparent; text-decoration:underline}
/*  Controls*/
input.btn{background:#fff url(Images/ButtonBg.gif) repeat-x 0 3px; height:22px; line-height:22px; border:1px solid #87a3c1}
input.txt{border:1px solid #617993; height:18px; line-height:18px; background:#fff}
input.labeltxt{border:1px solid #fff; background:transparent}
textarea.txt{border:1px solid #617993; background:#fff; font-size:12px}
input.txtInit{color:#aaa}
input.move{background:transparent url(Images/Icons.gif) no-repeat; width:16px; height:16px; border:0; cursor:pointer}
input.up{background-position:-394px 0}
input.down{background-position:-394px -29px}
input.updisabled{background-position:-372px 0}
input.downdisabled{background-position:-372px -29px}



.exportContainer{width:90%; margin:0 auto}
.exportContainer p{margin:8px 5px; text-align:center}
/* Notice Tip*/
.noticeTip{background:#f9fbf6; border:1px solid #efefef; color:#000; padding:8px; margin-bottom:8px}
.noticeTip h6{color:#278139; font-size:12px; font-weight:700; padding:5px 0}
.noticeTip b{color:#278139}
/* Tool Bar*/
.toolBar{margin-bottom:5px; padding:5px 8px}
.toolBar .btns{float:left}
.toolBar .search{float:right}
.toolBar .btns input.btn{background:transparent url(Images/Icons.gif); border:1px none; text-align:left; height:23px; line-height:23px; padding-left:20px !important; padding-left:15px; width:62px}
.toolBar .btns input.add{background-position:-80px -252px}
.toolBar .btns input.over{background-color:#f7f7f7; border:1px solid #ccc}
.toolBar .btns input.size4{width:84px}
/*  Filter Bar*/
.filterBar{display:inline; padding:0 8px}
.filterBar a{margin-left:8px;}
.filterBar a.on{font-weight:700; color:#f60}
.filterBar b{color:#f60; font-weight:normal}
.filterBar1 a.on{font-weight:700; color:#f60}
/*  Submit Bar*/
.submitBar{background:#f7f7f7; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; padding:5px 8px; margin-top:5px; margin-bottom:8px; clear:both}
.submitBar input.btn{margin-right:8px}
.submitDialog{background:transparent; border:0; margin:0; overflow:hidden}
/*  Table List*/
.datalist{margin-bottom:8px}
.datalist .head{background:#eff5ff; height:25px; padding:0 8px}
.datalist .head h5{font-size:13px; color:#000; font-weight:normal; height:25px; line-height:25px; float:left}
.datalist .head a.more{float:right; margin-top:4px}
.datalist table.tablelist{border-color:#fff}
table.tablelist{width:100%; border:1px solid #ccc; border-collapse:collapse; background:#fff}
table.tablelist th{background:url(Images/TableBg.gif) repeat-x; height:21px; border:1px solid #ccc; vertical-align:middle}
table.tablelist th.select div{position:relative; height:100%; line-height:100%; vertical-align:middle}
table.tablelist th.select div span{margin-top:4px; display:inline-block}
table.tablelist th.select a.arr{position:absolute; right:0; top:0}
table.tablelist th.select a.arr img{background:url(Images/Icons.gif) no-repeat -35px -472px; width:13px; height:21px}
table.tablelist th.sort img{background:transparent url(Images/Icons.gif) no-repeat -313px -432px; width:10px; height:10px; margin-left:2px}
div.noborder{height:30px; line-height:30px; border:1px solid #ccc; border-bottom:0; background:url(Images/TableBg.gif) repeat-x bottom}
div.noborder_bt,table.noborder_bt{border-bottom:1px solid #ccc; border-top:0}
div.noborder .lnks{height:14px; line-height:14px; padding:8px 15px}
div.noborder .lnks a{margin-right:10px}
div.noborder .lnks a.on{font-weight:700; color:#f60}
div.noborder input{margin-top:3px}
div.noborder input.btn{margin-top:4px; margin-left:3px}
table.tablelist tr.noborder th{border:0; border-bottom:1px solid #cbd9e4; background-position:bottom; height:30px}
table.tablelist tr.alter{background:#f7f7f7}
table.tablelist tr.over{background:#deebf4}
table.tablelist tr.over td{border-color:#deebf4}
table.tablelist tr.on{background:#f4f2de}
table.tablelist tr.on td{border-color:#f4f2de}
table.tablelist tr td{padding:0 3px; height:26px; border-color:#fff}
table.tablelist label.forradio{display:block; height:100%}
table.tablelist p{line-height:180%; margin:3px 0}
table.tablelist p.lnks a{color:#666; text-decoration:underline; margin-right:3px}
table.tablelist p.lnks a:hover{color:#f60}
table.tablelist p.multiple a{font-size:14px}
span.status{margin:10px 0; width:60px; display:block; padding-bottom:5px; text-align:right}
span.statuswait{border-bottom:5px solid #f96; padding:0}
span.statuson{border-bottom:5px solid #6c6; padding:0}
span.statusover{border-bottom:5px solid #cacaca; padding:0}
/*  Table Tree List*/
td.folder img{background:url(Images/Icons.gif) no-repeat -430px 0; width:11px; height:11px}
td.folder img.on{background-position:-430px -16px}
td.progress img{background:url(Images/Icons.gif) no-repeat -112px -430px; width:14px; height:14px}
td.progress img.uncompleted{background-position:-112px -430px}
td.progress img.completed{background-position:-128px -430px}
td.progress img.cancel{background-position:-144px -430px}
td.progress img.edit{background-position:-331px -29px; width:15px; height:15px}
td.progress img.unedit{background-position:-350px -29px; width:15px; height:15px}

table.tabletreelist{width:100%; border:1px solid #ccc; border-collapse:collapse}
table.tabletreelist td{border:1px solid #fff; line-height:150%}
table.tabletreelist tr.node{background:#e2e9ef}
table.tabletreelist tr.node td{border-right:1px solid #e2e9ef}
table.tabletreelist tr td.folder{padding-left:10px}
table.tabletreelist tr td.folder img{margin-right:5px; margin-bottom:-1px; margin-top:2px}
table.tabletreelist tr.leaf td.folder img{background:transparent; margin-right:0}
table.tabletreelist tr td.lever0 img{background:transparent; width:0; height:0; margin:0}
table.tabletreelist tr td.lever2{padding-left:30px}
table.tabletreelist tr td.lever3{padding-left:50px}
table.tabletreelist tr td.lever4{padding-left:70px}
/*  Calendar List*/
td.calendar{padding-left:10px}
img.calendarPick,img.appraise,img.attachment,td.arrow img,td.calendar img{background:url(Images/Icons.gif) no-repeat -48px -430px; width:14px; height:14px; margin-right:5px; margin-top:-1px; vertical-align:middle}
td.calendar img.month{background-position:-32px -430px}
td.calendar img.week{background-position:-16px -430px}
td.calendar img.all{background-position:-64px -430px}
td.calendar img.uncompleted{background-position:-112px -430px; margin-top:0}
td.calendar img.completed{background-position:-128px -430px; margin-top:0}
td.calendar img.appraise{background-position:-64px -2px}
img.appraise{background-position:-64px -2px}
td.calendar img.attachment{background-position:-440px -201px}
img.attachment{background-position:-440px -201px}
img.calendarPick{background-position:-80px -430px; margin-right:3px}
td.arrow img{background-position:-332px -428px; margin-right:0; margin-left:24px}

.calendarmonth{border-top:1px #ccc solid; border-left:1px #ccc solid}
.calendarmonth table{border:0; border-bottom:1px #ccc solid; border-right:1px #ccc solid; background-color:#fff}
.calendarmonth tr.month{background-color:#eee}
.calendarmonth table tr td{height:28px; line-height:28px; padding:0; border:0}
.calendarmonth .label.forradio{padding-top:5px}
.calendarlist table.tabletreelist{border:0}
.calendarlist table.tabletreelist .info{padding:5px 0}
.calendarlist table.tabletreelist .info strong{color:Green}
.calendarlist table.tabletreelist .info i{font-style:normal; font-weight:700; margin:0 2px; color:#c00}
.calendarlist .calendarbar{background:#e8f2f6; border-top:1px solid #b3d2de; padding:6px 8px; margin-bottom:5px}
.calendarlist .calendarbar strong{color:#000}
.calendarlist .calendarbar a.on{font-weight:700; color:#f60}

/*  Table Detail*/
.tabContainer{height:100%}
.detailContainer{padding:20px}
table.tabledetail{width:100%}
table.tabledetail th{width:120px; text-align:right; padding-right:8px; font-weight:normal}
table.tabledetail td{color:#000; padding:6px 0}
table.tabledetail .treeView td,.tabledetail .pnlSelection td{padding:0}
table.tabledetail table.tablelist th{text-align:center; padding:0}
table.tabledetail table td{padding:0}
table.tabledetail .noticeTip{margin:0}
table.tabledetail .noticeTip b{color:#278139}
/*  Table View*/
table.tableview{width:100%; background:#eff5ff; margin-bottom:5px}
caption{text-align:left; text-indent:20px; font-weight:700; background:#d5e7f3; height:25px; line-height:25px; color:#000}
caption.current{background:#f3f3d5}
table.tableview th{font-weight:normal; text-align:right; padding:6px 0}
table.tableview td{color:#333; padding:6px 5px 6px 5px}
table.tableview td.content{padding:0px}
table.tableview td.content table.tablelist{background:#fff}
table.tableview td.content table.tablelist tr td{color:#888}
table.tableview td.content table.tablelist tr td.text{color:#000}
table.tableview fieldset{margin:10px 5px 0 5px; padding:0 8px 8px 8px}
table.tableview fieldset legend{margin-bottom:8px; color:#888}
table.tableview{clear:both; word-break:break-all}
table.tableview .desc ul,
table.tableview .desc ol{margin-left:25px}
table.tableview .desc ul li{list-style-type:disc}
table.tableview .desc ol li{list-style-type:decimal}
/* Ul Explain*/
table.tableexplain{width:100%}
table.tableexplain th{color:#000; font-weight:700; text-align:left; padding:0; width:60px}
table.tableexplain th img{background:url(Images/Icons.gif) no-repeat -149px -5px; width:9px; height:9px; margin-right:5px}
table.tableexplain td input{vertical-align:middle; margin-top:-2px; margin-bottom:0px}
/*  TabControl*/
.topTab{height:100%}
.topTab .tabBars,.topTab .tabBars ul li{background:url(Images/TabBg.gif) repeat-x}
.topTab .tabContainer{overflow:auto; overflow-x:hidden}
.topTab .miniTabBars{background:none}
.topTab .tabBars{background-position:0 -50px; height:25px; border-bottom:1px solid #7e97b7}
.topTab .tabBars ul{height:21px; width:200px; margin:0 auto; padding-top:4px; overflow:hidden}
.topTab .tabBars ul li{border:1px solid #7e97b7; border-bottom:0; background-color:#f7f9fc; padding:0 1px; height:20px; line-height:20px; float:left; margin-right:5px; width:80px}
.topTab .tabBars ul li a{display:block; width:100%; height:100%; color:#234a7c; text-align:center}
.topTab .tabBars ul li.on{background-position:0 -25px; font-weight:700; border-bottom-color:#fff}
.tabControl .tabBars ul li.on a{text-decoration:none; cursor:default}
/*     sub*/
.subTab .tabBars ul li{background:url(Images/TabBg_sub.gif) repeat-x}
.subTab .tabBars{background:transparent; height:27px; width:100%; border-bottom:1px solid #a4b2bd; margin-bottom:5px}
.subTab .tabBars ul{margin-left:50px; height:27px; width:80%; padding:0; overflow:hidden }
.subTab .tabBars ul li{border:1px solid #7e97b7; background-color:#f7f9fc; padding:0 1px; height:28px; line-height:27px; float:left; width:110px; font-weight:700; margin:0 3px}
.subTab .tabBars ul li a{display:block; width:100%; height:100%; color:#234a7c; text-align:center; color:#7c807f}
.subTab .tabBars ul li.on{background-position:0 -30px; border-bottom-color:#fff}
.subTab .tabBars ul li.on a{color:#369}
/*  PageControl*/
.pageControl{padding:5px}
.pageControl .size{float:left}
.pageControl .size span{float:left; margin-top:2px}
.pageControl .size a{border:1px solid #aaa; color:#aaa; margin-right:8px; height:14px; display:block; float:left}
.pageControl .size a:hover{text-decoration:none}
.pageControl .size a.on{border-color:#f70; color:#f70}
.pageControl .count{float:right}
.pageControl .count b{margin:0 2px}
.pageControl .count input.txt{width:25px; height:14px; line-height:14px; border-right:0; text-align:center}
.pageControl .count input.btn{height:18px; line-height:18px}
/*  Tree View*/
.treeContainer{overflow:auto; padding:2px}
.treeView .node{margin-left:5px}
.treeView .selectedNode{color:#000; font-weight:700; background:#dee5f8; padding:0 3px 0 0}
.treeView span{color:#888}
/**/
.pnlSelection{text-align:left}
.pnlSelection .selectionHeight{height:250px}
.pnlSelection .radios td{height:25px}
.pnlSelection .submitBar input.btn{width:50px}
/*  Dialog*/
.dialog{position:absolute; width:100%; height:100%; top:0; left:0; z-index:10}
.dialog .masker{position:absolute; width:100%; height:100%; background:gray; opacity:0.5; filter:alpha(opacity:50)}
.dialog .masker iframe{width:100%; height:100%; opacity:0; filter:alpha(opacity:0)}
.dialog .container{position:relative; border:5px solid #cfcfcf; background:#d5e7f3; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; top:50%}
.dialog .container .head{height:24px; overflow:hidden}
.dialog .container .head h5{font-weight:normal; color:#000; text-indent:10px; height:24px; line-height:24px; font-size:12px}
.dialog .container .head a.close{position:absolute; right:5px; top:3px}
.dialog .container .border{padding:5px}
.dialog .container .content{background-color:#fff; border:1px solid #b5d3ed; padding:5px}
.dialog .container .confirm{text-align:center; padding:5px 0}
.dialog .container .confirm p{padding:5px 0 5px 0}
.dialog .container .confirm input{margin:0 5px}
.dialog .container .loading p{text-align:center; line-height:16px; padding:8px 0}
#dlgProgress .container{width:240px; margin-left:-120px; left:50%; top:200px; _top:expression(document.documentElement.clientHeight / 3); border-color:#d5e7f3}
/*  Attachment*/
.attachmentBox input{margin-right:5px}
.attachmentBox p{background:url(Images/Icons.gif) no-repeat -438px -201px; text-indent:20px; line-height:20px; height:20px; white-space:nowrap}
.attachmentBox .files p{clear:both}
.attachmentBox .files p span{margin-left:3px}
.attachmentBox .append img{background:url(Images/Icons.gif) no-repeat -438px -203px; width:16px; height:16px; margin-right:5px}
.attachmentBox .files{padding-top:8px}
.attachmentBox h6{font-size:12px; font-weight:normal; color:#333; text-indent:5px; padding:5px 0}
/*  Plan Calendar*/
.planCalendar{position:relative}
.planCalendar input.txt{background:#fff url(Images/Icons.gif) no-repeat right -370px; padding-right:20px}
.planCalendar table.calendar{ position:absolute; left:0; top:24px}
.planCalendar table.calendar table{ position:static}
/*  Calendar*/
.calendarBox{width:202px; margin:0 auto}
.calendarBox .rollbar table{margin-top:4px}
.calendarBox .rollbar a img{background:url(Images/Icons.gif) no-repeat; width:9px; height:9px}
.calendarBox .rollbar a img.prevyear{background-position:-290px -432px}
.calendarBox .rollbar a img.prevmonth{background-position:-250px -432px}
.calendarBox .rollbar a img.nextmonth{background-position:-230px -432px}
.calendarBox .rollbar a img.nextyear{background-position:-270px -432px}
.calendarBox table a img.week{background:url(Images/Icons.gif) no-repeat -419px -431px; width:11px; height:9px}
.calendarBox td.day a{display:block; width:20px; height:20px; line-height:20px}
.calendarBox td.day a.today{background:#fc6; color:#fff}
.calendarBox td.day a.ago{background:#ddd}
.calendarBox td.day a.on{background:#ccf}
.calendarBox td.day a.other{color:#888}
/* Context Menu*/
.contextMenu{position:absolute; z-index:2; border:1px solid #617993; width:80px; background:#fff; padding:4px; display:none}
.contextMenu ul{margin:0; padding:0}
.contextMenu ul li{height:24px; line-height:24px; margin:0}
.contextMenu ul li a{display:block; height:100%; margin:0; text-indent:32px; background:url(Images/Icons.gif) no-repeat; font-size:12px; font-weight:normal; text-align:left}
.contextMenu ul li a:hover{background-color:#deebf4}
.contextMenu ul li a.sendmsg{background-position:-208px -197px}
.contextMenu ul li a.postemail{background-position:-208px -223px}
.contextMenu ul li a.viewinfo{background-position:-208px -250px}
span.userBox span{padding:2px 0 0 20px; background:url(Images/Icons.gif) no-repeat -348px -339px}
span.userBox span.online{background-position:-348px -202px}
/*  Comment*/
.commentBox .commentlist table{margin-bottom:5px; width:100%; border:1px solid #ccc; height:200px}
.commentBox .commentlist td.side{text-align:center; width:150px; background:#e7e7de; color:#000; padding-top:20px}
.commentBox .commentlist td.side img{margin:5px 0; padding:0}
.commentBox .commentlist td.side p{line-height:20px} 
.commentBox .commentlist td.content{background:#f3f3f3; vertical-align:top}
.commentBox .commentlist td.content .top{height:30px; line-height:30px; border-bottom:2px solid #ccc; margin:0 5px}
.commentBox .commentlist td.content .top .datetime{float:left; height:30px; color:#000}
.commentBox .commentlist td.content .top .btns{float:right; margin-right:4px; padding-top:3px}
.commentBox .commentlist td.content .comment{height:auto !important; _height:130px; min-height:130px; color:#333; padding:5px; clear:both; white-space:normal; word-break:break-all; word-wrap:break-word}
.commentBox .commentlist td.content .comment ul,
.commentBox .commentlist td.content .comment ol{margin-left:25px}
.commentBox .commentlist td.content .comment ul li{list-style-type:disc}
.commentBox .commentlist td.content .comment ol li{list-style-type:decimal}
.commentBox .commentlist td.foot{background:#e4e5df; height:25px; line-height:25px; text-indent:10px}
.commentBox .commentlist .attachment{padding:5px}

/* Load Progress */
.loadProgress{width:202px; overflow:hidden}
.loadProgress .text{margin-bottom:5px; text-align:left}
.loadProgress .progressBar{border:1px solid #78d6f5; background:#fff; text-align:left; height:20px; width:200px; position:relative}
.loadProgress .progressBar img{background:url(Images/ProgressBg.gif) repeat-x; height:20px}
.loadProgress .progressBar b{position:absolute; display:block; text-align:center; width:50px; left:75px; top:3px; color:#166986; font-family:Verdana}
.loadProgress .data{margin-top:3px; font-size:10px}
.loadProgress .data b{color:#333; font-weight:normal}
.loadProgress .btns{padding-top:15px; display:block}
.loadProgress .btns a{margin:0 5px}
.loadProgress .mini .text{display:none; margin:0}
.loadProgress .mini .progressBar{height:14px; width:100px; float:left; overflow:hidden}
.loadProgress .mini .progressBar img{height:14px}
.loadProgress .mini .progressBar b{left:0; top:-7px}
.loadProgress .mini .data{display:none}
.loadProgress .mini .btns{float:left; padding:0; margin:0; margin-top:-6px}
.loadProgress .mini .btns a{margin:0}
/*  File List*/
td.file img{background:url(Images/Icons.gif) no-repeat -323px -60px; width:30px; height:32px; vertical-align:middle}
td.file img.unshare{background-position:-291px -110px}
td.file img.parentdir{background-position:-225px -110px}
td.file img.share{background-position:-323px -110px}
td.file img.parentsharedir{background-position:-260px -110px}
td.file img.rootsharedir{background-position:-416px -110px}
td.file img.unknown{background-position:-416px -60px}
td.file img.txt{background-position:-33px -60px}
td.file img.doc{background-position:-67px -60px}
td.file img.xls{background-position:-101px -60px}
td.file img.pdf{background-position:-238px -60px}
td.file img.ppt{background-position:-309px -60px}
td.file img.chm{background-position:-136px -60px}
td.file img.pic{background-position:-204px -60px}
td.file img.rar{background-position:-345px -60px}

img.minifile{background:url(Images/Icons.gif) no-repeat -180px -30px; width:16px; height:16px; vertical-align:middle}
img.unknown_file{background-position:-180px -30px}
img.txt_file{background-position:-18px -30px}
img.doc_file{background-position:-36px -30px}
img.xls_file{background-position:-72px -30px}
img.pdf_file{background-position:-198px -30px}
img.ppt_file{background-position:-48px -30px}
img.chm_file{background-position:-217px -30px}
img.pic_file{background-position:-108px -30px}
img.rar_file{background-position:0 -30px}

.borderlist{width:80%; padding:5px; overflow:auto; height:150px}
.borderlist ul li{padding:3px}
/* Directory Selection*/
.directorySelection input{background:url(Images/Icons.gif) no-repeat}
.directorySelection input{border:1px solid #7f9db9; background-color:#fff; background-position:right -444px; height:17px; line-height:18px; vertical-align:middle; color:#333; cursor:default; overflow:hidden; padding-right:20px}
.dropdownlist{position:absolute; z-index:2; border:1px solid #617993; background:#fff; width:200px; font-size:0; display:none}
.dropdownlist .list{height:180px; overflow:auto; font-size:12px}
.noborder .dropdownlist .list table td{padding:0; line-height:normal}
/* Attention Setting*/
.attentionSettingList{font-weight:normal; width:350px}
.attentionSettingList .detail{text-align:left; padding:5px 10px}
.attentionSettingList .detail table td{white-space:nowrap; overflow:hidden}

.contextMenu ul.attention li a{padding:5px 0; height:14px; line-height:14px; text-indent:4px; background:none}
.contextMenu ul.attention li a img{margin-right:4px}
.attention a img{height:14px; width:16px; background:url(Images/Icons.gif) no-repeat -316px 0}
.attention a.common img{background-position:-300px 0}
.attention a.common1 img{background-position:-300px -486px}
.attention a.special img {background-position:-348px 0}
.attention a.special1 img {background-position:-348px -486px}
/* Mainline*/
.mainline img.module,.mainline .functionBar dl dt{background:url(Images/Icons.gif) no-repeat; width:16px; height:16px}
.mainline img.workframe{background-position:-112px -408px}
.mainline img.memo{background-position:-134px -408px}
.mainline img.mail{background-position:-157px -408px}
.mainline img.document{background-position:-178px -408px}
.mainline img.discuss{background-position:-192px -408px}
.mainline img.notice{background-position:-217px -408px}
.mainline img.forum{background-position:-239px -408px}
.mainline img.knowledge{background-position:-261px -408px}
.mainline img.log{background-position:-281px -408px}
.mainline img.plan{background-position:-302px -408px}
.mainline img.approval{background-position:-326px -408px}
.mainline img.task{background-position:-350px -408px}
.mainline .functionBar{color:#184a60; height:40px; background:#f0f0f0; border-bottom:1px solid #9b9b9c; overflow:hidden}
.mainline .functionBar dl dt{float:left; width:2px; font-size:1px; background-position:-8px -460px; height:100%; margin:0 2px}
.mainline .functionBar dl dd{float:left; height:40px; width:50px; margin-right:2px;}
.mainline .functionBar dl dd.first{background:#dbe4eb; width:70px}
.mainline .functionBar dl dd a{display:block; padding:3px; text-align:center}
.mainline .functionBar dl dd a b{font-weight:normal; display:block; margin-top:5px}

.mainline #pnlMainlineContent{overflow:auto; overflow-x:hidden; position:relative; height:auto; width:100%}
.mainline .infoSubject{padding:10px 0; width:80%; margin:0 auto}
.mainline .infoSubject h5{color:#333; font-size:14px; padding:8px 0; text-align:center}
.mainline .infoSubject h5 span{font-size:12px; font-weight:normal}

.mainline .mainlineList .framebox{background:#e6edfb; color:#333; border:#b1beca 1px solid; padding:5px; width:200px; height:40px; overflow:hidden; margin-left:10px; cursor:default}
.mainline .mainlineList .framebox p{height:14px; width:100%; margin:8px 0}
.mainline .mainlineList .framebox span{display:block; text-align:right}
.mainline .mainlineList .currentframe{background:#71a9db; color:#fff; border-color:#6f8da1; cursor:text}
.mainline .mainlineList .currentframe a{color:#d8edff}
.mainline .mainlineList .currentframe a:hover{color:#fff}

.mainline .mainlineList .frameitembox{background:#eef7de; color:#7d7d7d; border:#bac1a3 1px solid; padding:5px; width:130px; height:40px; overflow:hidden; cursor:default}
.mainline .mainlineList .currentItem{cursor:text}
.mainline .mainlineList .frameitembox .function{float:left; height:40px; width:40px; margin-top:3px; color:#000; text-align:center}
.mainline .mainlineList .frameitembox .function b{font-weight:normal; display:block; margin-top:5px}
.mainline .mainlineList .frameitembox p{float:right; width:76px; height:14px; text-align:center; margin-top:4px}
.mainline .mainlineList td.frameitem{position:relative}
.mainline .mainlineList td.frameitem table.tblframeitem{top:-8px; position:relative; z-index:2}
.mainline .mainlineList .itemdetailbox{position:absolute; z-index:3; height:200px; margin-left:240px; margin-top:5px; width:55%}
.mainline .itemdetail img.arrow{position:absolute; z-index:4; top:0; left:-7px; background:url(Images/Icons.gif) no-repeat -16px -465px; width:8px; height:29px}
.mainline .mainlineList .itemdetailbox .bd{border:1px solid #ccc; padding:10px}
.mainline .itemdetail .function b{font-size:14px; font-weight:normal; color:#000; margin-left:3px}
.mainline .itemdetail .content{line-height:20px; margin-top:5px; white-space:normal; word-break:break-all; word-wrap:break-word; min-height:150px; _height:150px; color:#333; border:0}
.mainline .itemdetail .content table td{height:22px}
.mainline .mainlineList .itemdetailbox .btns{padding-top:5px}

.mainline img.line{background:url(Images/mianline.gif) no-repeat 30px 70px; width:30px; height:70px}
.mainline img.down{background-position:0 -1px}
.mainline img.topdown{background-position:0 34px}
.mainline img.middledown{background-position:0 -41px}
.mainline img.bottomdown{background-position:0 -115px}

#mainlinequote .search{padding:8px 0}
#mainlinequote label{display:block; height:100%; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
/*  Journal Mini*/
#journalmini{width:100%; height:230px; overflow:hidden; background:#ebf4fa}
#journalmini .noticeTip{padding:5px; margin:3px; text-indent:3px; border-color:#cee1f5}
#journalmini .noticeTip b{color:Green; font-weight:normal; margin:0 5px}
#journalmini textarea{height:150px; width:100%; border:0; overflow:auto}
#journalmini .btns{height:35px; padding-top:8px}
#journalmini .btns span{float:right; margin-right:8px}
#journalmini .btns span.tip{float:left; margin-right:0; margin-left:8px; display:block; padding-top:5px; color:#c00; cursor:default}
#journalmini .btns span input{margin-right:5px}
/*  Home Mini*/
#homemini .nav{height:14px; width:100%; text-indent:5px; padding:5px 0; margin-bottom:8px; background:#52b3e2; color:#fff}
#homemini .nav a{color:#fff}
#homemini table.tablelist td.thead{text-align:right; padding:0; width:45px; background:transparent; border:0; font-weight:normal}
#homemini span.status{width:40px}

/*Forum 公告*/
.fontSize{ font-size:12px; font-weight:bold;}
.detailContainer1{ padding:5px}
.forum img.status{background:url(Images/Icons.gif) no-repeat; width:16px; height:16px}
.forum img.top{background-position:-83px -278px}
.forum img.publish{background-position:0 -279px}
.forum img.cancel{background-position:0 -372px}
.forum img.group{background-position:-42px 0}
.forum img.thread{background-position:-20px 0}

/*权限，|去除*/
.clearLeft{overflow:hidden; display :block; padding:0; margin:0}
.clearLeft span{float:left; padding:0; margin:0; margin-left:-1px; border-left:1px solid #555; padding:0 7px 0 6px;display :block}
.clearLeft span a{display:inline;}rLeft span{float:left; margin-left:-1px; border-left:1px solid #555; padding:0 8px 0 7px}

/* Approval Templet*/
.pnlTemplet{_height:250px; min-height:250px; border:1px solid #ccc}
.pnlTemplet .system{border:0; background:transparent; width:70px}
.pnlTemplet table{width:100%}
.pnlTemplet textarea{overflow-y:auto; height:auto !important; height:20px; min-height:20px}
.pnlTempletItemBar{position:absolute; border:1px solid #ccc; background:#f7f7f7; padding:5px; z-index:1}

/* Company FileSpace */
.companyFileSpace .noticeTip{width:auto !important;width:250px; min-width:250px; border:1px solid #91d6ef; position:absolute}
.companyFileSpace .noticeTip .clearfix{margin:0; padding:0; display:inline}
.companyFileSpace .noticeTip span.filespace{width:100px; border:1px solid #78d6f5; height:8px; background:#fff; display:block; margin:3px 0 0 8px; padding:0; text-align:left; overflow:hidden}
.companyFileSpace .noticeTip span.filespace img{background:url(Images/Icons.gif) repeat-x 0 -192px; height:8px}
.companyFileSpace .noticeTip span.explain{margin:0 0 0 5px}
.companyFileSpace .noticeTip span.explain b{color:#333; margin:0}
.companyFileSpace .noticeTip h6{color:#278139; font-size:12px; font-weight:700; padding:0}
.companyFileSpace .noticeTip ul{margin:0 0 0 20px; padding:3px 0 0 0}
.companyFileSpace .noticeTip ul li{list-style-type:disc; margin:0; padding:0}
.companyFileSpace .noticeTip b{margin:0 2px}
.companyFileSpace .noticeTip p{text-indent:20px; margin:0}
.noborder .noticeTip span.filespace{margin-top:9px}
/* Mail*/
.mailLeft img{width:91px; height:32px; background:url(Images/Icons.gif) no-repeat}
.mailLeft img.receive{background-position:0 -157px}
.mailLeft img.send{background-position:-91px -157px}
.mail img{background:url(Images/Icons.gif) no-repeat -71px -410px; width:16px; height:12px}
.mail img.unread{background-position:-39px -410px}
.mail img.read{background-position:-55px -410px}
.mail img.unreadurgent{background-position:-88px -410px}
.mail img.attachment{background-position:-440px -203px}
span.mail img{margin-bottom:2px}

.mailBox .mailCount{font-weight:normal; font-size:12px}

.mailMove input,.mailSign input{background:url(Images/Icons.gif) no-repeat; border:1px solid #7f9db9; background-color:#fff; background-position:right -444px; height:17px; line-height:18px; vertical-align:middle; color:#333; cursor:default; overflow:hidden; padding-right:20px}
.dropdownlist .list ul li{height:22px; line-height:22px; overflow:hidden; white-space:nowrap}
.dropdownlist .list ul li a{display:block; font-size:13px; padding:0 5px; height:100%}
.dropdownlist .list ul li a.on{background:#deebf4}
.dropdownlist .list ul li a:hover{background:#deebf4}
.ContextMenuList ul li,.ContextMenuList ol li{overflow:hidden; white-space:nowrap}

/*person*/
/* Company FileSpace */

.personFileSpace .noticeTip .clearfix{margin:0; padding:0; display:inline}
.personFileSpace .noticeTip span.filespace{width:100px; border:1px solid #78d6f5; height:8px; background:#fff; display:block; margin:3px 0 0 8px; padding:0; text-align:left; overflow:hidden}
.personFileSpace .noticeTip span.filespace img{background:url(Images/Icons.gif) repeat-x 0 -192px; height:8px}
.personFileSpace .noticeTip span.explain{margin:0 0 0 5px}
.personFileSpace .noticeTip span.explain b{color:#333; margin:0}