@import url("/css/nav.css");
@import url("/css/leftMenu.css");

#profitsArticle { float:left; width:782px; margin-left:19px; }
#profitsArticle p.pageTitle { border-bottom:2px solid #d6d6d6; }
#profitsArticle  img { vertical-align:top; }

#profitsArticle .tabBar { border-bottom:2px solid #7b005e; position:relative; height:33px; margin-top:30px;  }
#profitsArticle .tabBar img {  }
#profitsArticle .tabBar .tab1 span { position:absolute; background:url("/img/profits/pro_bar01_off.gif"); width:104px; height:33px; }
#profitsArticle .tabBar .tab2 span { position:absolute; background:url("/img/profits/pro_bar02_off.gif"); width:104px; height:33px; left:105px; }
#profitsArticle .tabBar .tab3 span { position:absolute; background:url("/img/profits/pro_bar03_off.gif"); width:104px; height:33px; left:210px; }
#profitsArticle .tabBar .tab4 span { position:absolute; background:url("/img/profits/pro_bar04_off.gif"); width:104px; height:33px; left:315px; }
#profitsArticle .tabBar .tab44 span { position:absolute; background:url("/img/profits/pro_bar044_off.gif"); width:104px; height:33px; left:420px; }
#profitsArticle .tabBar .tab45 span { position:absolute; background:url("/img/profits/pro_bar045_off.gif"); width:104px; height:33px; left:525px; }
#profitsArticle .tabBar .tab5 span { position:absolute; background:url("/img/profits/pro_bar05_off.gif"); width:104px; height:33px; right:105px; }
#profitsArticle .tabBar .tab6 span { position:absolute; background:url("/img/profits/pro_bar06_off.gif"); width:104px; height:33px; right:0; }
#profitsArticle .tabBar .tab1 span.on { background:url("/img/profits/pro_bar01_on.gif"); }
#profitsArticle .tabBar .tab2 span.on { background:url("/img/profits/pro_bar02_on.gif"); }
#profitsArticle .tabBar .tab3 span.on { background:url("/img/profits/pro_bar03_on.gif"); }
#profitsArticle .tabBar .tab4 span.on { background:url("/img/profits/pro_bar04_on.gif"); }
#profitsArticle .tabBar .tab44 span.on { background:url("/img/profits/pro_bar044_on.gif"); }
#profitsArticle .tabBar .tab45 span.on { background:url("/img/profits/pro_bar045_on.gif"); }
#profitsArticle .tabBar .tab5 span.on { background:url("/img/profits/pro_bar05_on.gif"); }
#profitsArticle .tabBar .tab6 span.on { background:url("/img/profits/pro_bar06_on.gif"); }

#profitsArticle .selectTab { border:1px solid #e3e3e3; background:#ededed; padding:4px; margin:8px 0 5px 0; font-weight:bold; font-size:12px;}
#profitsArticle .selectTab .text1 { font-weight:bold; font-size:12px; }
#profitsArticle .selectTab input { border:1px solid #d6d6d6; width:90px; }

#profitsArticle .article table { width:100%; }
#profitsArticle .article thead { display: table; table-layout: fixed; width:100%; border-top:2px solid #fdc5e0; font-size:11px; color:#ea0f76; font-weight:bold; background:#ffeaf7; }
#profitsArticle .article thead tr {  }
#profitsArticle .article tbody { display: table; table-layout: fixed; width:100%; }
#profitsArticle .article th {list-style:none; border-bottom:1px solid #eee; line-height:3em; }
#profitsArticle .article tbody tr { }
#profitsArticle .article td {list-style:none; border-bottom:1px solid #eee; line-height:3em; text-align:center; text-overflow:ellipsis; overflow:hidden; *line-height:3em; }
#profitsArticle .article td a { color:#777; }
#profitsArticle .article td p { line-height:1.5em; }

#profitsArticle .article ul {}
#profitsArticle .article li { list-style:none; border-bottom:1px solid #eee; line-height:3em;  }
#profitsArticle .article ul.title { border-top:2px solid #bdd1ed; font-size:11px; color:#005baa; font-weight:bold; background:#e9f9ff; }
#profitsArticle .article ul.notice { font-weight:bold; }

#profitsArticle .article ul.tab1 li span { width:24%; text-align:center; display:inline-block; }
#profitsArticle .article ul.tab2 li span { width:24%; text-align:center; display:inline-block; }
#profitsArticle .article ul.tab3 li span { width:24%; text-align:center; display:inline-block; }
#profitsArticle .article ul.tab4 li span { width:24%; text-align:center; display:inline-block; }

#profitsArticle .article li span.subject { width:350px; text-align:left; }
#profitsArticle .article ul.title li span.subject { width:350px; text-align:center; }
#profitsArticle .article li span.reply { color:#e056b4; font-weight:bold; display:inline; _width:10px;}

#profitsArticle .total { height:25px; background:#ea0f76; font-size:14px; font-weight:bold; color:#fff; padding:6px 80px 0 0; text-align:right; }
#profitsArticle .total span { color:#fff202; }

#profitsArticle .pageLine { clear:both; margin:30px 0; text-align:center; }
#profitsArticle .pageLine a { color:#777; }

#profitsArticle .article tbody span { color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center; line-height: 1.5em; }
#profitsArticle .article tbody span.btn1 { background:#4f4f4f; }
#profitsArticle .article tbody span.btn2 { background:#9065c9; }
#profitsArticle .article tbody span.btn3 { background:#00aef0; }
#profitsArticle .article tbody span.btn4 { background:#8dc73f; }
#profitsArticle .article tbody span.btn9 { background:#ff66ff; }

#profitsArticle .header .status { border:1px solid #e8e8e8; background:#e9f9ff; padding:7px; margin:10px 0; }
#profitsArticle .header .status span { font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center; cursor:pointer; }
#profitsArticle .btn1 { background:#4f4f4f; color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center; }
#profitsArticle .btn2 { background:#9065c9; color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center;  }
#allListArticle .btn3 { background:#00aef0; color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center;  }
#profitsArticle .btn4 { background:#8dc73f; color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center;  }
#profitsArticle .btn9 { background:#ff66ff; color:#fff; font-weight:bold; padding:2px 0; width:70px; display:inline-block; text-align:center;  }
#profitsArticle .off { background:#fff; color:#000; }
#profitsArticle .header .status span.mcname { width:auto; text-decoration:underline; }
#profitsArticle .header .status span.area { width:auto; margin-left:30px; }
#profitsArticle .header .status span.number { width:auto; color:#eb018d; }