﻿.topicheader-border
{
    width:1002px;
    height:51px;
    margin:20px auto 0;
    position:relative;    
    z-index:4;
}

.topicheader-l,
.topicheader-r
{
    width:11px;
    height:51px;
    float:left;
    overflow:hidden;    
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Topic/headleft.png',sizingMethod='scale');
    background: url(/Images/Topic/headleft.png);
    _background: none;
}

.topicheader-r
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Topic/headright.png',sizingMethod='scale');
    background: url(/Images/Topic/headright.png);
    _background: none;
}

.topicheader-m
{
    width:980px;
    height:51px;
    float:left;  
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Topic/headmiddle.png',sizingMethod='scale');
    background: url(/Images/Topic/headmiddle.png);
    _background: none;
}

.topicname-title
{
    display:inline;
    float:left;
    font-size:22px;
    font-weight:700;
    height:26px;
    margin-top:18px;
    text-align:left;
    color:#333;
}

.topicname-title font
{
    background-color:#333;
    color:#fff;
    font-size:13px;
    padding:2px 3px 2px;
}

.topicname-action
{
    float:left;
}

.topic-action
{
    float:right;
    text-align:right;
    height:20px;
    margin-top:30px;
    display:inline;
    position:relative;
    z-index:2;
}

.topic-action a
{
    display:inline-block;
}

#divShareToOtherWeb
{
    width:60px;
    padding:2px 5px;
    border:1px solid #ccc;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    display:none;
    text-align:left;
    z-index:4
}

#divShareToOtherWeb a
{
    float:left;
    margin:2px;
}

a.editbutton
{
    width:47px;
    height:18px;
    line-height:18px;
    background:url("/Images/Circle/editbutton.png") -76px 0;
    color:#616161;
    cursor:pointer;
    display:inline-block;
    text-align:right;
}

a.editbutton:hover
{
    text-decoration:none;
    background:url("/Images/Circle/editbutton.png") -76px -19px;
}

a#btnReName
{
    float:left;
    margin-left:10px;
    margin-top:25px;
}

.topicname-action font
{
    background:#E44B00;
    color:#fff;
    font-size:22px;
    font-weight:700;
    float:left;
    margin-left:10px;
    margin-top:18px;
}

.setpass-action
{
    height:20px;
    float:left;
    margin-left:10px;
    margin-top:25px;
}

.site-main
{
    width:982px;
    height:auto;
    background:#fff;
    margin:0 auto;
    overflow:hidden;
    padding:0 10px;
}

.site-main-l
{
    width:730px;
    float:left;
    overflow:hidden;
    display:inline;
    min-height:500px;
}

.site-main-r
{
    width:240px;
    float:right;
    overflow:hidden;
}

.anothername-content
{
    width:720px;
    padding:5px;
    background:#F4F4F4;
    text-align:left;
    float:left;
    color:#848484;
    position:relative;
    z-index:3;
}

.topicmovement-border
{
    width:238px;
    height:auto;
    float:right;
    margin-bottom:10px;
    overflow:hidden;
    position:relative;
}

.topicmovement-border .round-tl,
.topicmovement-border .round-tr,
.topicmovement-border .round-bl,
.topicmovement-border .round-br
{
    width:6px;
    height:6px;
    position:absolute;
    overflow:hidden;
    background:url(/Images/Topic/editborderarrow.png);
}

.topicmovement-border .round-tl
{
    top:0;
    left:0;
}

.topicmovement-border .round-tr
{
    top:0;
    right:0;
    background:url(/Images/Topic/editborderarrow.png) -7px 0;
}

.topicmovement-border .round-bl
{
    bottom:0;
    left:0;
    background:url(/Images/Topic/editborderarrow.png) 0 -7px;
}

.topicmovement-border .round-br
{
    bottom:0;
    right:0;
    background:url(/Images/Topic/editborderarrow.png) -7px -7px;
}
.topicmovement-border .round-tm,
.topicmovement-border .round-bm
{
    width:226px;
    height:5px;
    position:absolute;
    left:6px;
    background:#F2F2F2;
}
.topicmovement-border .round-tm
{
    top:0;
    border-top:1px solid #C2C2C2;
}
.topicmovement-border .round-bm
{
    bottom:0;
    border-bottom:1px solid #C2C2C2;
}

.topicmovement-m
{
    width:224px;
    height:auto;
    padding:0 6px;
    border-left:1px solid #C2C2C2;
    border-right:1px solid #C2C2C2;
    background:#F2F2F2;
    overflow:hidden;
}

a.btnGotoEdit
{
    width:215px;
    height:48px;
    line-height:48px;
    overflow:hidden;
    display:inline-block;
    background:url(/Images/Topic/editpropertybutton.png);
    font-size:22px;
    font-weight:700;
    color:#E42600;
    text-align:left;
    text-indent:80px;
}

a.btnGotoEdit:hover
{
    text-decoration:none;
    background:url(/Images/Topic/editpropertybutton.png) 0 -49px;
}

.topicmovement-info
{
    width:100%;
    height:auto;
    text-align:left;
    line-height:15px;
    margin-top:10px;
    color:#333;
    float:left;
}

.topicmovement-info .userlist
{
    width:100%;
    float:left;
}

.topicmovement-info .friendinfo
{
    width:42px;
    height:42px;
    float:left;
    margin-top:5px;
    margin-left:11px;
    position:relative;
    display:inline;
}

.topicmovement-info a.userimg
{
    width:40px;
    height:40px;
    display:block;
    border:1px solid #ccc;
    overflow:hidden;
    position:relative;
}

.rightinfo-border
{
    width:236px;
    height:auto;
    float:right;
    margin-bottom:10px;
    border:1px solid #D7D7D7;
    padding-bottom:5px;
}
.rightinfo-border .head
{
    height:26px;
    background:url(/Images/Topic/icons.png) 0 -108px;
    border-bottom:1px solid #D7D7D7;    
}

.rightinfo-border .main
{
    padding:5px;
}

.rightinfo-border .head .title
{
    height:100%;
    line-height:26px;
    text-indent:25px;
    background:url(/Images/Topic/icons.png) 0 -27px no-repeat;
    font-size:14px;
    color:#333;
    text-align:left;
    font-weight:normal;
}

.rightinfo-border .head .title1
{
    background:url(/Images/Topic/icons.png) no-repeat;
}

.rightinfo-border .weblink-border
{
    width:100%;
    text-align:left;
    float:left;
    color:#848484;
    margin:0;
    padding:2px 0;
    border-bottom:1px solid #E7E7E7;
    position:relative;
}

.rightinfo-border .weblink-border a.maxlen
{
    width:100%;
    line-height:22px;
}

.rightinfo-border .information-border
{
    width: 100%;
    text-align: center;
    float: left;
    margin: 5px 0;
}

.rightinfo-border .information-border a.img
{
    width: 190px;
    height: 120px;
    display: block;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0px auto;
    text-align: left;
}

.rightinfo-border .information-border a.link
{
    width: 100%;
    line-height: 22px;
}


.rightinfo-border .weblink-border a.splitscreen
{
    width:17px;
    height:18px;
    overflow:hidden;
    display:block;
    background:url(/Images/Topic/littlebutton.png) -36px 0;
    position:absolute;
    top:2px;
    right:0;
}

.rightinfo-border .weblink-border a.splitscreen:hover
{
    background:url(/Images/Topic/littlebutton.png) -36px -19px;
}

.rightinfo-border .sponsor-info
{
    width:215px;
    height:auto;
    margin:5px auto;
}

.rightinfo-border .sponsorlink,
.rightinfo-border .sponsortips
{
    width:100%;
    line-height:20px;
    float:left;
    text-align:left;
}

.rightinfo-border .sponsortips
{
    color:#848484;
}
.rightinfo-border .sponsorimg
{
    width:60px;
    height:60px;
    display:inline-block;
    overflow:hidden;
    border:1px solid #ccc;
    float:left;
    margin:5px;
    margin-left:0;
}

.topiclocation-border
{
    width:718px;
    padding:5px;
    border:1px solid #D7D7D7;
    float:left;
    margin-top:10px;
    position:relative;
    z-index:2;
    text-align:left;
    line-height:18px;
    color:#616161;
}

.topiclocation-border dl
{
    width:150px;
    height:auto;
    list-style:none;
    padding:5px;
    margin:0;
    position:absolute;
    top:22px;
    left:0;
    border:1px solid #D7D7D7;
    background:#fff;
    display:none;
}

.topiclocation-border dl dd
{
    width:100%;
    height:26px;
    line-height:26px;
    text-align:left;
}

.topiclocation-border dl dd a
{
    width:100%;
    height:100%;
    display:block; 
    font-size:14px;   
}

.topiclocation-border dl dd a:hover
{
    text-decoration:none;
    color:#e44b00;
}

.topicname-editor
{
    width:auto;
    height:27px;
    margin-top:17px;
    font-size:14px;
    color:#333;
    float:left;
    position:relative;
    display:none;
}
.topicname-editor .float-l
{
    margin-right:10px;
}
.topicname-editor input
{
    width:200px;
    height:14px;
    padding:2px 0;
    text-align:left;
    border:1px solid #999;
}

#txtTopicKeyword
{
    width:100px;
}

.topicname-editor a.button
{
    width:50px;
    height:18px;
    line-height:18px;
    padding:0;
    float:left;
    display:inline;
    margin-right:10px;
    font-size:12px;
}

.topicname-editor .topickeyword
{
    display:none;
}

#divKeywordDescription
{
    position: absolute; 
    top: 24px; 
    left: 312px;
    padding:5px;
    border: 1px solid #C7A671; 
    background-color: #FFFBE2; 
    overflow:hidden;
    font-size:12px;
    white-space:nowrap;
    text-align:left;
    line-height:20px;
    display:none;
}

#divKeywordDescription .tips
{
    background:#FF0000;
    color:#fff;
}








/*完善度 Begin*/
.perfect-border-grade
{
    width: 52px;
    height: 14px;
    float: left;
    border: 1px solid #D40000;
    background: #fff;
    overflow: hidden;
}

.perfect-border-grade .perfect-border-item
{
    width: 0;
    height: 12px;
    margin: 1px;
    background: url(/Images/Topic/topic_bg_p.png) 0 -25px;
    overflow: hidden;
}

.highgrade
{
    border: 1px solid #53A21E;
}

.highgrade .perfect-border-item
{
    background: url(/Images/Topic/topic_bg_p.png) 0 -51px;
}

.middlegrade
{
    border: 1px solid #D6510B;
}

.middlegrade .perfect-border-item
{
    background: url(/Images/Topic/topic_bg_p.png) 0 -38px;
}
/*完善度 End*/

/*任务信息 begin*/
.missionborder
{
    width: 1002px;
    height: 198px;
    overflow: hidden;
    margin: 10px auto 0;
}

.missionborder .left, .missionborder .right
{
    width: 39px;
    height: 100%;
    float: left;
    overflow: hidden;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/missionleft.png',sizingMethod='image');
    background: url(/Images/Mission/missionleft.png) no-repeat !important;
    _background: none;
}

.missionborder .right
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/missionright.png',sizingMethod='image');
    background: url(/Images/Mission/missionright.png) no-repeat !important;
    _background: none;
}

.missionborder .middle
{
    width: 924px;
    height: 100%;
    float: left;
    overflow: hidden;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/missionbg.png',sizingMethod='scale');
    background: url(/Images/Mission/missionbg.png) !important;
    _background: none;
    text-align: center;
}

.missionborder .middle .main
{
    width: 100%;
    height: 130px;
    margin: 25px auto;
}

.missionborder .middle .head
{
    width: 100%;
    height: 24px;
    float:left;
}

.missionborder .missioninfo,
.missionborder .missionactions
{
    margin-top:10px;
    width:724px;
    height:auto;
    float:left;
    overflow:hidden;
}

.missionborder .missionactions
{
    width:200px;
}

.missionborder .missioninfo-l,
.missionborder .missioninfo-r
{
    width:314px;
    height:auto;
    float:left;
    overflow:hidden;
}

.missionborder .missioninfo-r
{
    width:390px;
    margin-left:20px;
}

.missionborder .missionwords1,
.missionborder .missionwords2,
.missionborder .missionwords3,
.missionborder .missionwords4
{
    width:500px;
    height:100%;
    background:url(/Images/Mission/missionwords1.png) no-repeat;
    position:relative;
    float:left;
}

.missionborder .missionwords2
{
    width:346px;
    background:url(/Images/Mission/missionwords2.png) no-repeat;
}

.missionborder .missionwords3
{
    width:257px;
    background:url(/Images/Mission/missionwords3.png) no-repeat;
}

.missionborder .missionwords4
{
    width:413px;
    background:url(/Images/Mission/missionwords4.png) no-repeat;
}

.missionborder .missionreward
{
    width:75px;
    height:47px;
    line-height:47px;
    text-align:center;
    font-size:16px;
    font-weight:700;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/greenbg.png',sizingMethod='scale');
    background: url(/Images/Mission/greenbg.png) !important;
    _background: none;
    color:#fff;
    position:absolute;
    top:-10px;
    right:0;
}

.missionborder .highreward
{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/redbg.png',sizingMethod='scale');
    background: url(/Images/Mission/redbg.png) !important;
    _background: none;
}

.missionborder .helpicon
{
    display: block;
    width: 19px;
    height: 19px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Topic/question.png',sizingMethod='image');
    background: url(/Images/Topic/question.png) no-repeat !important;
    _background: none;
    overflow: hidden;
    float: right;
}

.missionborder .timeinfo
{
    width: 100%;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-align: left;
    color: #000;
    font-size:14px;
    font-weight:700;
}

.missionborder .listinfo
{
    width:100%;
    height:auto;
    line-height:22px;
    overflow:hidden;
    text-align:left;
}

.missionborder .timeinfo font
{
    font-size:14px;
    font-weight:700;
}

.missionborder .middle .clock
{
    display: block;
    width: 18px;
    height: 18px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/clock.png',sizingMethod='image');
    background: url(/Images/Mission/clock.png) no-repeat !important;
    _background: none;
    overflow: hidden;
    float: left;
    margin-right: 3px;
}

.missionborder .middle .remaindertime
{
    display: block;
    float: left;
    font-size:14px;
    font-weight:700;
    margin-left:5px;
}

.missionborder a.missionbutton
{
    width: 161px;
    height: 43px;
    line-height: 43px;
    display:block;
    overflow: hidden;
    margin: 10px auto;
    background: url(/images/mission/missionbuttonbg.png);
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size:16px;
    font-weight: 700;
    position:relative;
}
.missionborder a.missionbutton:hover
{
    text-decoration:none;
    background: url(/images/mission/missionbuttonbg.png) 0 -44px;
}

.missionborder a.mbutton
{
    width: 136px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    display:block;
    background: url(/images/mission/missionbutton.png) 0 -17px;
    color: #fff;
    cursor: pointer;
}

.missionborder a.mbutton:hover
{
    text-decoration:none;
    background: url(/images/mission/missionbutton.png) 0 -40px;
}

.missionborder .middle dl.missionstate
{
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.missionborder .middle dl.missionstate dd
{
    width:82px;
    height: 18px;
    margin-top: 5px;
    text-align: left;
    color: #D30000;
    overflow: hidden;
    float:left;
    margin-right:10px;
}

.missionborder dl.missionstate dd.selected
{
    color: #306400;
}

.missionborder dl.missionstate dd .ischeck
{
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url(/images/mission/missionbutton.png) -17px 0;
    float: left;
    margin-right: 3px;
}

.missionborder dl.missionstate dd.selected .ischeck
{
    background: url(/images/mission/missionbutton.png);
}

.missionborder dl.missionstate dd font
{
    display: block;
    float: left;
    font-size:14px;
    font-weight:700;
}

.missionborder dl.missionstate dd .tips
{
    float: left;
}

.missionborder dl.missionstate .necessaryicon
{
    float: left;
    display: block;
    width: 17px;
    height: 14px;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/Mission/necessary.png',sizingMethod='image');
    background: url(/Images/Mission/necessary.png) no-repeat !important;
    _background: none;
    overflow: hidden;
    margin: 0 2px;
}

#divSetPassMission, #divSetMission
{
    width: 560px;
    height: auto;
    margin: -160px 0 0 -280px; /* -height/2 0 0 -width/2 */
}
#divSetPassMission .receivemain, #divSetMission .receivemain
{
    width: 540px;
    height: auto;
    border: 1px solid #ccc;
    background: #FBFBFB;
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
    overflow: hidden;
    float: left;
    padding-bottom: 10px;
}
#divSetPassMission .receivemain .list, #divSetMission .receivemain .list
{
    width: 520px;
    float: left;
    padding: 5px;
    line-height: 180%;
    color: #616161;
}
#divSetPassMission .receivemain .list textarea, #divSetMission .receivemain .list textarea
{
    width: 520px;
    height: 100px;
    border: 1px solid #ccc;
    text-align: left;
}

#divSetPassMission .receivemain .list .txt, #divSetMission .receivemain .list .txt
{
    width: 60px;
    height: 15px;
    border: 1px solid #ccc;
}

#divSetPassMission .receivemain .list select
{
    border: 1px solid #ccc;
}
/*任务信息 end*/
