@charset 'utf-8';
/* remember to define focus styles! */
:focus
{
    outline: 0;
}

*
{
    margin: 0;
    padding: 0;
}

a
{
    color: #46b;
    outline: 0;
}

a:hover
{
    color: #00a;
}

ul,
ol
{
    list-style-type: none;
}

img
{
    border: 0;
}

textarea
{
    resize: none;
}

body
{
    font-size: 10pt;
    /*background:#666;*/

    text-align: center;

    background: #f9f9f9;
}

label.SELECTED
{
    font-weight: bold;

    color: #c00;
}

.clear
{
    font-size: 1px;
    line-height: 0;

    clear: both;
}

.highlight
{
    margin: 0 2px;
    padding: 0 1px;

    color: #a00;
}

.NoData
{
    padding: 20px 0;

    text-align: center;

    color: #999;
}

.FancyButton
{
    line-height: 24px;

    display: block;

    width: 96px;
    height: 24px;

    text-align: center;
    text-decoration: none;

    background: transparent url('../img/space/bg_button.png') no-repeat 0 0;
}

a.FancyButton
{
    letter-spacing: 3px;
}

.FancyButton a
{
    text-decoration: none;
    letter-spacing: 0;
}

a.FancyButton:hover
{
    font-weight: bold;

    color: #40aa53;
}

.FancyButton a:hover
{
    color: #40aa53;
}

.SmallPortrait
{
         opacity: .9;

    filter: alpha(opacity = 90); /* IE */
    -moz-opacity: .9; /* Moz + FF */
}

a:hover .SmallPortrait
{
         opacity: 1.0;

    filter: alpha(opacity = 100); /* IE */
    -moz-opacity: 1.0; /* Moz + FF */
}

ul.steps
{
    width: 480px;
    height: 54px;
    padding: 2px;

    list-style-type: none;

    border: 1px solid #ccc;
}

ul.steps li
{
    font-size: 12pt;
    font-weight: bold;

    float: left;
    overflow: hidden;

    width: 150px;
    height: 46px;
    padding-top: 8px;
    padding-left: 10px;

    text-align: center;

    color: #c2c2c2;
    background: url('../img/steps.png') left -3px no-repeat;
}

ul.steps li em
{
    font-size: 9pt;
    font-weight: normal;
    font-style: normal;

    display: block;

    margin-top: 3px;

    color: #999;
}

ul.steps li.start
{
    color: #fff;
    background-position: -30px -183px;
}

ul.steps li.start2
{
    color: #fff;
    background-position: 0 -183px;
}

ul.steps li.start em,
ul.steps li.start2 em
{
    color: #cdc;
}

ul.steps li.current
{
    color: #fff;
    background-position: -30px -123px;
}

ul.steps li.current2
{
    color: #fff;
    background-position: 0 -123px;
}

ul.steps li.current em,
ul.steps li.current2 em
{
    color: #bcb;
}

ul.steps li.next
{
    color: #666;
    background-position: 0 -63px;
}

ul.steps li.step
{
    color: #666;
    background-position: 0 -3px;
}

.thread_type_1
{
    background: url('../img/icons.gif') no-repeat 0 -49px;
}

.thread_type_2
{
    background: url('../img/icons.gif') no-repeat 0 -67px;
}

.thread_type_3
{
    background: url('../img/icons.gif') no-repeat 0 -85px;
}

.thread_type_15
{
    background: url('../img/icons.gif') no-repeat 0 -102px;
}

#OSC_Screen
{
    width: 960px;
    margin: 0 auto;
    margin-bottom: 50px;

    text-align: left;

    background: #fff;
}

#OSC_Banner
{
    height: 36px;
    padding: 2px 5px 0 5px;

    border: 2px solid #cee7d3;
    border-top: 0;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
            border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
            border-bottom-left-radius: 5px;
    background: #40aa53;
}

#OSC_Banner2
{
    height: 36px;
    margin: 0 0 5px 0;
    padding: 0 5px 0 5px;

    background: #40aa53;
}

#OSC_Banner #OSC_Logo
{
    float: left;

    width: 140px;
    margin: 1px 0 0 2px;
}

#OSC_Banner #OSC_Logo a
{
    float: left;

    width: 133px;
    height: 34px;

    text-indent: -9999px;

    background: url('../img/space/logo_s.png') no-repeat 0 0;
}

#OSC_Banner #OSC_Slogon
{
    float: left;

    margin: 10px 0 0 10px;

    color: #dfd;
}

#OSC_Banner #OSC_Slogon a
{
    color: #dfd;
}

#OSC_Notification
{
    font-size: 9pt;

    width: 200px;
    margin-left: 10px;
}

#OSC_Notification a.msgbox
{
    padding: 2px 4px 2px 22px;

    text-decoration: none;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: url('../img/msg.gif') no-repeat 5px 5px;
}

#OSC_Notification a.newmsg
{
    padding: 2px 4px 2px 22px;

    text-decoration: none;

    color: #a00;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: url('../img/msg2.gif') no-repeat 5px 3px;
}

#OSC_Notification a:hover
{
    font-weight: bold;

    color: #c00;
}

#OSC_Notification a em
{
    font-weight: bold;
    font-style: normal;

    margin-right: 2px;

    text-decoration: underline;
}

#OSC_Banner #OSC_Channels
{
    font-size: 11pt;
    font-weight: bold;
    line-height: 35px;

    float: right;

    height: 35px;
    margin-right: 10px;
}

#OSC_Banner #OSC_Channels ul li
{
    float: left;

    margin: 0 5px 0 10px;
}

#OSC_Banner #OSC_Channels ul li a
{
    padding: 2px;

    text-decoration: none;

    color: #efe;
}

#OSC_Banner #OSC_Channels ul li a:hover
{
    color: #ff6;
}

#OSC_Banner2 #OSC_Channels
{
    font-size: 11pt;
    font-weight: bold;
    line-height: 35px;

    float: left;

    height: 35px;
}

#OSC_Banner2 #OSC_Channels ul li
{
    float: left;

    margin: 0 5px 0 5px;
}

#OSC_Banner2 #OSC_Channels ul li a
{
    padding: 2px;

    text-decoration: none;

    color: #efe;
}

#OSC_Banner2 #OSC_Channels ul li a:hover
{
    color: #ff6;
}

#OSC_Banner2 #OSC_Channels ul li a.home
{
    padding-left: 18px;

    background: url('../img/home.gif') no-repeat left center;
}

#OSC_Banner2 #OSC_UserBar
{
    float: right;

    margin-top: 10px;

    color: #eee;
}

#OSC_Banner2 #OSC_UserBar a
{
    text-decoration: none;

    color: #fff;
}

#OSC_Banner2 #OSC_UserBar a:hover
{
    color: #ff6;
}

.t_job
{
    position: relative;
}

.job_hot
{
    position: absolute;
    top: 0;
    left: 30px;

    width: 24px;
    height: 24px;

    background: url(../img/flag-hot-red2.gif);
}

#OSC_Topbar
{
    margin: 2px;
}

#OSC_Topbar #VisitorInfo
{
    font-size: 9pt;

    float: left;

    color: #888;
}

#OSC_Topbar #VisitorInfo a
{
    text-decoration: none;
}

#OSC_Topbar #SearchBar
{
    float: right;

    padding: 2px;

    background: #cfc;
}

#OSC_Topbar #SearchBar *
{
    float: left;

    color: #999;
}

#OSC_Topbar #SearchBar select
{
    height: 23px;
    margin-right: 2px;

    border: 1px solid #ccc;
    outline: 0;
}

#OSC_Topbar #SearchBar input.SERACH
{
    font-size: 10.5pt;

    width: 220px;
    margin-right: 2px;
    padding: 2px 3px 1px 3px;

    border: 1px solid #ccc;
}

#OSC_Topbar #SearchBar input.SERACH:focus
{
    color: #333;
    border: 1px solid #333;
}

#OSC_Topbar #SearchBar input.SUBMIT
{
    width: 28px;
    height: 21px;
    margin: 1px 2px 0 0;

    cursor: pointer;
    text-indent: -9999em;

    border: 0;
    background: url('../img/space/go.gif') no-repeat 0 0;
}

/* 底部版权 */
#OSC_Footer
{
    line-height: 38px;

    height: 38px;
    margin-top: 20px;
    padding-bottom: 50px;

    text-align: center;

    color: #737573;
    border-top: 2px solid #ccc;
}



#OSC_Content h1.caption
{
    font-size: 13pt;

    margin: 0 0 10px 0;
    padding: 0 0 10px 0;

    border-bottom: 1px solid #ccc;
}

#OSC_Content h1.caption a
{
    text-decoration: none;
}

#OSC_Content h1.caption a:hover
{
    text-decoration: underline;
}

#TODO
{
    margin: 0 0 10px 0;
    padding: 5px 10px;

    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #ffc;
}

#TODO strong
{
    float: left;
}

#TODO ul
{
    float: left;

    margin: 0 0 0 10px;
}

#TODO ul li
{
    float: left;

    margin: 0 20px 0 0;
}

#TODO span
{
    float: left;

    margin: 0 0 0 20px;

    color: #888;
}

#TODO a.close
{
    font-family: Courier New;

    float: right;

    text-decoration: none;
}

/* 空间首页开始 */


#LSpace
{
    float: left;

    width: 230px;
}

#Owner h2
{
    font-size: 10pt;

    padding: 0;

    color: #666;
    border-bottom: 6px solid #eee;
}

#Owner h2 em
{
    font-family: songti;
    font-style: normal;

    display: block;

    color: #000;
    border-bottom: 1px solid #ccc;
}

#Owner h2 em a
{
    text-decoration: none;
}



#Owner #img
{
    float: left;

    width: 110px;
    padding: 0 0 10px 0;
}

#Owner #img img
{
    width: 96px;
    height: 96px;
    padding: 4px;

    border: 1px solid #ccc;
    background: #fff;
}

#Owner #lnks
{
    float: right;

    margin: 5px 0 0 0;
    padding-right: 10px;

    text-align: right;
}

#Owner #lnks li
{
    height: 36px;
}

#Owner #oimg
{
    float: left;

    width: 70px;
    height: 70px;
    margin: 2px 0 0 0;
    padding: 0;
}

#Owner #oimg img
{
    width: 60px;
    height: 60px;
}

#Owner #olnks
{
    font-size: 11pt;

    float: left;

    width: 160px;
    padding: 5px 0 0 0;

    color: #999;
}

#Owner #olnks em
{
    font-weight: bold;
    font-style: normal;

    color: #000;
}

#Owner #olnks ul
{
    font-size: 10pt;
    line-height: 20px;

    margin-top: 2px;
}

#Owner #olnks ul li
{
    float: left;

    width: 70px;
    padding-left: 5px;
}

#Owner #olnks ul li a:hover
{
    color: #a00;
}

#OwnerStat
{
    margin: 10px 0 0 0;
}

#OwnerStat ul li
{
    font-weight: bold;

    float: left;

    width: 55px;
    margin-right: 10px;

    color: #40aa53;
    border-right: 1px solid #ccc;
}

#OwnerStat ul li.l
{
    width: 85px;

    border-right: 0;
}

#OwnerStat ul li em
{
    font-style: normal;

    display: block;
}

#OwnerStat ul li a
{
    text-decoration: none;

    color: #40aa53;
}

#OwnerStat ul li a:hover
{
    color: #060;
}

#OwnerLinks
{
    margin-bottom: 10px;
    padding: 3px 4px;

    border: 1px solid #ccc;
    background: #fdfdfd;
}

#OwnerLinks ul li
{
    float: left;

    width: 107px;
    margin: 2px 0 5px 0;
}

#OwnerLinks ul li a
{
    font-size: 9pt;

    display: block;

    height: 16px;
    padding-left: 20px;

    text-decoration: none;

    color: #888;
    background-repeat: no-repeat;
    background-position: left center;
}

#OwnerLinks ul li a:hover
{
    font-weight: bold;

    color: #46b;
}

#OwnerLinks ul li a em
{
    font-size: x-small;
    font-style: normal;

    color: #666;

    -webkit-text-size-adjust: none;
}

#OwnerLinks ul li.msg a
{
    background-image: url('../img/space/msg.png');
}

#OwnerLinks ul li.fav a
{
    background-image: url('../img/collect.gif');
}

#OwnerLinks ul li.bbs a
{
    background-image: url('../img/space/quill--plus.png');
}

#OwnerLinks ul li.blog a
{
    background-image: url('../img/space/blog--plus.png');
}

#OwnerLinks ul li.code a
{
    background-image: url('../img/code.gif');
}

#OwnerLinks ul li.resume a
{
    background-image: url('../img/space/script--pencil.png');
}

#OwnerLinks ul li.style a
{
    background-image: url('../img/space/palette.png');
}

#OwnerLinks ul li.mail a
{
    background-image: url('../img/space/mails-stack.png');
}

#OwnerLinks ul li.admin a
{
    background: url('../img/profile.gif') no-repeat 2px center;
}

#SpaceShare a
{
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    font-weight: bold;

    display: block;
}

#SpaceShare #ShareLinks
{
    margin-top: 5px;
}

#SpaceShare #ShareLinks td
{
    width: 20px;
    padding: 0;
}

#Signature
{
    overflow: hidden;

    margin: 10px 0 0 0;

    color: #444;
}

#Signature h2
{
    font-size: 10pt;

    margin: 10px 0 0 0;
}

#Signature p
{
    line-height: 20px;

    margin: 10px 0 0 5px;
}

.Users h2
{
    font-size: 10pt;

    margin: 20px 0 0 0;
}

.Users h2 em
{
    font-size: 9pt;
    font-weight: normal;
    font-style: normal;

    color: #a00;
}

.Users ul
{
    margin: 10px 0 0 0;
}

.Users ul li
{
    float: left;
    overflow: hidden;

    width: 40px;
    height: 45px;
    margin: 0 5px 10px 0;

    text-align: center;
}

.Users ul li a
{
    text-decoration: none;
}

.Users ul li a em
{
    font-size: x-small;
    font-style: normal;

    -webkit-text-size-adjust: none;
}

.Users ul li img
{
    width: 24px;
    height: 24px;
}

.Users ul li em
{
    display: block;
    overflow: hidden;

    padding-top: 2px;
}

#LSpace .more
{
    font-size: 8pt;

    padding-right: 20px;

    text-align: right;

    -webkit-text-size-adjust: none;
}

#LSpace .more a
{
    color: #a00;
}

#LSpace .more a:hover
{
    color: #fff;
    background: #a00;
}

#MSpace
{
    float: left;

    width: 500px;
    margin: 0 0 0 10px;
    padding: 10px;
}

#MSpace .more
{
    margin-top: 10px;
}

#MSpace .more a
{
    color: #a00;
}

#MSpace .more a:hover
{
    color: #fff;
    background: #a00;
}



#Talent h2
{
    font-size: 10.5pt;

    margin: 0 0 0 0;
    padding: 0 0 4px 0;

    border-bottom: 1px solid #ccc;
}

#Talent table
{
    width: 100%;

    border-top: 6px solid #eee;
}

#Talent h2 .login
{
    font-size: 10pt;
    font-weight: normal;

    color: #666;
}

#Talent th,
#Talent td
{
    padding: 5px 0 0 0;
}

#TForm #TFormEditor
{
    margin: 2px 0 0 0;
    padding: 2px;

    border: 3px solid #40aa53;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: #fff;
}

#TForm textarea
{
    font-size: 10pt;

    overflow: auto;

    width: 478px;
    height: 50px;
    padding: 5px;

    border: 0;
    background: #fff;
}

#TFormTitle
{
    color: #666;
}

#TFormTitle .r
{
    font-size: 9pt;

    float: right;

    margin: 0 10px 0 0;
}

#TFormTitle .r em
{
    font-size: 10.5pt;
    font-weight: bold;
    font-style: normal;

    margin: 0 3px 0 0;

    color: #a00;
}

#TForm #TFormOpts
{
    margin: 0 0 0 5px;
}

#TForm #TFormOpts ul
{
    float: left;

    margin: 2px 0 0 0;
    padding: 1px;
}

#TForm #TFormOpts ul li
{
    display: inline;

    margin-right: 5px;
}

#TForm #TFormOpts ul li a
{
    font-size: 9pt;

    padding: 1px 2px 1px 18px;

    text-decoration: none;

    color: #666;
    border: 1px solid #f9f9f9;
}

#TForm #TFormOpts ul li a:hover
{
    border: 1px solid #40aa53;
}

#TForm #TFormOpts ul li.t
{
    margin-right: 0;

    color: #666;
}

#TForm #TFormOpts ul li.emotion a
{
    background: url('../img/space/emotion.gif') no-repeat left center;
}

#TForm #TFormOpts ul li.img a
{
    padding-left: 20px;

    background: url('../img/space/img.gif') no-repeat 2px center;
}

#TForm #TFormOpts ul li.app a
{
    background: url('../img/space/app.gif') no-repeat left center;
}

#TForm #TFormOpts input.B
{
    font-size: 10pt;

    float: right;

    margin-right: 10px;
}

#TweetFormPopupWraper
{
    position: absolute;
    z-index: 9999;

    display: none;
}

#TweetFormPopupArrow
{
    padding-top: 5px;

    background-image: url('../img/space/up_arrow.gif');
    background-repeat: no-repeat;
}

#TweetFormPopupWraper .emotions
{
    background-position: 51px 0;
}

#TweetFormPopupWraper .images
{
    background-position: 107px 0;
}

#TweetFormPopup
{
    width: 392px;
    padding: 5px;

    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #ffc;
}

#TweetFormPopup a.close
{
    font-size: 8pt;
    font-weight: bold;

    float: right;

    -webkit-text-size-adjust: none;
}



#TweetFormPopup a.emotion
{
    float: left;

    width: 24px;
    height: 24px;
    margin: 0 2px 4px 0;

    border: 1px solid #f6f6f6;
    background-image: url('../js/ke/plugins/emoticons/qq.gif');
    background-repeat: no-repeat;
}

#TweetFormPopup a.emotion:hover
{
    border: 1px solid #40aa53;
}

#TweetFormPopup .TweetPopupTitle
{
    font-weight: bold;

    margin: 0 0 10px 0;
    padding: 3px 5px;

    color: #fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: #666;
}

#TweetFormPopup .TweetPopupTitle a
{
    float: right;

    color: #fff;
}

#TweetImages .l
{
    margin: 0 0 10px 0;
}

#TweetImages .tip
{
    color: #666;
}

#RSpace
{
    float: right;

    width: 180px;

    text-align: left;
}

#Stat
{
    margin: 20px 0 0 0;
}

#Stat ul
{
    line-height: 20px;

    margin: 10px 0 0 5px;
}
/* 空间首页结束 */

/* 空间二级页面 */
.SpaceChannel #portrait
{
    float: left;

    width: 60px;
    height: 60px;
    margin: 2px 0 0 0;
    padding: 5px;
}

.SpaceChannel #portrait img
{
    width: 48px;
    height: 48px;
}

.SpaceChannel #lnks
{
    float: left;

    padding: 5px 0 0 0;

    color: #888;
}

.SpaceChannel #lnks strong
{
    font-size: 12pt;

    display: block;

    margin: 4px 0 8px 0;

    color: #666;
}

.SpaceChannel #lnks div
{
    color: #ccc;
}

.SpaceChannel #lnks .FancyButton
{
    display: inline;

    padding: 0 5px;

    border: 1px solid #ccc;
    background: none;
}

.SpaceChannel #lnks .FancyButton strong
{
    font-size: 10pt;

    display: inline;

    margin: 0;
}

.Tweet
{
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;

    border-bottom: 1px dashed #ccc;
}

.Tweet .TweetUser
{
    float: left;

    width: 48px;
}

.Tweet a
{
    text-decoration: none;
}

.Tweet .TweetUser img
{
    width: 32px;
    height: 32px;
}

.Tweet .TweetContent
{
    float: left;

    width: 448px;
}

.Tweet .TweetContent h5
{
    font-size: 10pt;
    font-weight: normal;

    color: #999;
}



.Tweet .TweetContent .post
{
    font-size: 10.5pt;
    line-height: 22px;

    overflow: hidden;

    width: 440px;
    margin: 5px 0 0 0;
}

.Tweet .TweetContent .ref
{
    font-size: 9pt;

    margin: 3px 0 0 0;
    padding-top: 5px;

    background: url('../img/space/up_arrow.gif') no-repeat 15px 0;
}

.Tweet .TweetContent .ref .p
{
    padding: 5px;

    color: #999;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
}

.Tweet .TweetContent .ref .rpost
{
    display: block;

    margin: 3px 0;
}

.Tweet .TweetContent .photo
{
    margin: 10px 0;
}

.Tweet .TweetContent .photo img
{
    max-width: 425px;
    padding: 1px;

    cursor: pointer;

    border: 1px solid #f6f6f6;
}

.Tweet .TweetContent .photo img:hover
{
    border: 1px solid #40aa53;
}



.Tweet .TweetContent .photo .ImgMenu a
{
    margin: 0 5px 0 0;
}

.Tweet .TweetContent .bottom
{
    margin: 10px 0 0 0;
}

.Tweet .TweetContent .opts
{
    font-size: 8pt;

    float: right;
}

.Tweet .TweetContent .time
{
    font-size: x-small;

    margin: 0;

    color: #888;

    -webkit-text-size-adjust: none;
}

.Tweet .LogReplyList
{
    display: none;
    float: right;

    width: 450px;
    margin: 2px 0 5px 0;
    padding: 5px 5px 5px 0;

    background: url('../img/space/up_arrow.gif') no-repeat 420px 0;
}

.Tweet .LogReplyList .TweetRplsWrapper
{
    padding: 10px 10px 20px 10px;

    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
}

.Tweet .LogReplyList .TweetRplsWrapper .loading
{
    padding-left: 22px;

    background: url('../img/loading.gif') no-repeat left center;
}

.Tweet .LogReplyList #closeTweetRpls
{
    font-weight: bold;
    line-height: 8px;

    float: right;

    height: 8px;
}

.Tweet .LogReplyList form
{
    margin: 5px 0 0 5px;
}

.Tweet .LogReplyList form label
{
    font-size: 9pt;
}

.Tweet .LogReplyList .TweetReplyOptions
{
    margin: 3px 0 0 0;
}

.Tweet .LogReplyList .TweetReplyOptions input
{
    float: left;

    margin: 2px 0 0 0;
}

.Tweet .LogReplyList .TweetReplyOptions label
{
    float: left;
}

.Tweet .pager
{
    margin: 20px 0 0 2px;
}

.TweetRpls h6
{
    font-size: 10pt;

    margin: 10px 0 5px 0;
    padding-bottom: 5px;

    border-bottom: 1px solid #ccc;
}

.TweetRpls ul
{
    font-size: 9pt;
}

.TweetRpls li
{
    padding: 10px 0 5px 0;

    border-bottom: 1px dashed #ccc;
}

.TweetRpls li a.portrait
{
    float: left;

    width: 30px;
    margin: 3px 0 0 0;
}

.TweetRpls li a.portrait img
{
    width: 16px;
    height: 16px;
}

.TweetRpls li .TweetReplyBody
{
    float: left;
    overflow: hidden;

    width: 390px;
}



.TweetRpls li .TweetReplyBody .opts
{
    font-size: 8pt;

    margin: 10px 0 0 0;

    color: #999;

    -webkit-text-size-adjust: none;
}

.TweetRpls li .TweetReplyBody .opts .links
{
    float: right;
}

.TweetRpls li .TweetReplyBody .opts a
{
    font-size: 9pt;
}

.TweetRpls .all
{
    display: block;

    margin: 10px 0 0 0;
}

#TweetReplyPage
{
    width: 520px;
}

#TweetReplyForm
{
    margin: 0 0 20px 0;
}

#TweetReplyForm textarea
{
    font-size: 9pt;

    display: block;

    width: 490px;
    height: 40px;
    margin: 10px 0 5px 0;
    padding: 2px;
}

#TweetReplyForm .TweetReplyOptions
{
    float: left;
}

#TweetReplyForm #btn_submit
{
    font-weight: bold;

    float: right;

    margin-right: 30px;
    padding: 2px 3px;
}



#TweetReplyPage #TweetReplies li .TweetReplyBody
{
    width: 460px;
}

.RightMenu
{
    float: left;

    width: 200px;
}

/* 粉丝和我关注 */
.Fans
{
    float: left;

    width: 740px;
    padding-left: 10px;
}

.Fans ul.fanslist
{
    margin: 20px 0 20px 0;
}

.Fans ul.fanslist li.U
{
    font-size: 9pt;

    float: left;

    width: 80px;
    height: 80px;
    margin: 0 10px 0 0;
}

.Fans ul.fanslist li.U .Fan
{
    overflow: hidden;

    width: 80px;
    height: 55px;
}

.Fans ul.fanslist li.U em
{
    overflow: hidden;

    width: 64px;
}

.Fans ul.fanslist li.U a
{
    text-decoration: none;
}

.Fans ul.fanslist li.U img
{
    display: block;

    width: 32px;
    height: 32px;
}

.Fans ul.fanslist li.U .FansOpts
{
    display: none;

    color: #999;
}

.Fans ul.fanslist li.U .FansOpts a
{
    color: #40aa53;
}

.Fans ul.fanslist li.U .FansOpts a:hover
{
    color: #a00;
}

/* 粉丝和我关注结束 */

/* 博客 */
.TextContent
{
    font-size: 10.5pt;
}

.TextContent p
{
    line-height: 20px;

    margin-bottom: 20px;
}

.TextContent pre
{
    font-family: Courier New, Arial;
    font-size: 9pt;

    margin: 10px 0;
    padding: 5px;

    border: 1px solid #ddd;
    border-left: 5px solid #6ce26c;
    background: #f6f6f6;
}

.TextContent blockquote
{
    font-size: 9pt;

    margin: 15px 10px;
    padding: 5px 5px 5px 35px;

    color: #060;
    border: 2px solid #eee;
    background: #f4f5f7 url('../img/blockquote.gif') no-repeat left top;
}

.TextContent img
{
    max-width: 540px;
}

.BlogList
{
    float: left;
    overflow: hidden;

    width: 700px;
    margin: 20px 0 0 5px;
}

.BlogList .Blog
{
    margin: 0 0 40px 0;
}

.BlogList .Blog h2
{
    font-size: 12pt;

    margin: 0 0 3px 0;
}

.BlogList .Blog h2.BlogAccess_false
{
    padding-left: 20px;

    background: url('../img/lock.gif') no-repeat 3px center;
}

.BlogList .Blog h2.BlogTop_1
{
    padding-left: 22px;

    background: url('../img/top.gif') no-repeat left center;
}

.BlogList .Blog h2.BlogSong
{
    padding-left: 22px;

    background: url('../img/song.gif') no-repeat left center;
}

.BlogList .Blog h2 a
{
    text-decoration: none;
}

.BlogList .Blog .outline
{
    font-size: 9pt;

    color: #666;
}

.BlogList .Blog .outline a
{
    color: #666;
}

.BlogList .Blog .outline a:hover
{
    color: #40aa53;
}

.BlogList .Blog .TextContent
{
    margin: 15px 0 0 0;

    color: #666;
}

.BlogList .Blog .fullcontent
{
    margin: 5px 0 0 0;
}

.BlogList .Blog .fullcontent a
{
    font-size: 9pt;
}

.BlogList .Blog .fullcontent a:hover
{
    color: #fff;
    background: #00c;
}

.DraftList ul li
{
    margin: 0 0 20px 0;
}

.DraftList ul li h3
{
    font-size: 10.5pt;

    padding-left: 16px;

    background: url('../img/thread.gif') no-repeat 0 5px;
}

.DraftList ul li .content
{
    margin: 10px 0 10px 5px;
}

.DraftList ul li .outline .t
{
    font-size: 8pt;

    color: #666;

    -webkit-text-size-adjust: none;
}

.DraftList ul li .outline .opts
{
    margin-left: 10px;

    color: #999;
}

.BlogMenu
{
    float: right;

    width: 220px;
}

.BlogMenu .SpaceModule
{
    margin: 0 0 20px 0;
}

.BlogMenu .SpaceModule strong
{
    font-size: 10.5pt;

    display: block;

    margin: 0 0 5px 0;
}

.BlogMenu .SpaceModule ul li
{
    line-height: 22px;

    overflow: hidden;

    padding-left: 15px;

    border-bottom: 1px solid #ddd;
    background: url('../img/fw_arrow.gif') no-repeat 0 3px;
}

.BlogMenu .SpaceModule ul li.more
{
    padding: 5px 5px 0 0;

    text-align: right;

    border: 0;
    background: none;
}

.BlogMenu .SpaceModule ul li.more a
{
    color: #a00;
}

.BlogMenu .SpaceModule ul li.more a:hover
{
    color: #fff;
    background: #a00;
}

.BlogMenu .SpaceModule ul li a
{
    text-decoration: none;
}

.BlogMenu .comments ul
{
    margin: 10px 0 20px 0;
}

.BlogMenu .comments ul li
{
    line-height: 14px;

    margin: 0 0 10px 0;
    padding: 0;

    border: none;
    background: none;
}

.BlogMenu .comments ul li .u
{
    float: left;

    width: 32px;
}

.BlogMenu .comments ul li .c
{
    font-size: 9pt;

    float: left;
    overflow: hidden;

    width: 180px;

    color: #333;
}

.BlogMenu .comments ul li .t
{
    font-size: 8pt;

    display: block;

    margin: 3px 0 0 0;

    color: #666;

    -webkit-text-size-adjust: none;
}

.BlogMenu .comments ul li img
{
    width: 24px;
    height: 24px;
}

.Blog
{
    float: left;
    overflow: hidden;

    width: 700px;
}

.BlogTitle
{
    margin: 0 0 20px 0;
    padding: 5px 0 5px 10px;

    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f2f2f2;
}

.BlogTitle h1
{
    font-size: 14pt;

    margin: 0 0 10px 0;

    color: #000;
}

.BlogTitle .BlogStat
{
    color: #666;
}

.BlogTitle .BlogStat strong
{
    margin: 0 2px;

    color: #a00;
}

.BlogTitle .BlogStat a
{
    color: #a00;
}

.BlogTitle .BlogStat a:hover
{
    color: #fff;
    background: #a00;
}

.BlogTitle .BlogStat .admin
{
    float: right;

    margin-right: 10px;
}

.BlogContent
{
    padding: 0 10px;
}

.BlogTags
{
    margin: 20px 0 0 0;
    padding: 3px 5px;

    border: 1px solid #ddd;
    background: #fff;
}

.BlogTags a
{
    text-decoration: none;
}

.BlogLinks
{
    padding-left: 5px;
}

.BlogLinks ul
{
    font-weight: bold;
    line-height: 22px;

    margin: 10px 0 0 0;

    list-style-type: none;
}

.BlogLinks ul li span
{
    font-size: 9pt;
    font-weight: normal;

    color: #666;
}

.BlogComments
{
    margin: 20px 0 0 0;
}

.BlogComments h2
{
    font-size: 10pt;

    padding: 3px 5px;

    background: #cfc;
}

.BlogComments h2 .opts
{
    float: right;
}

.BlogComments ul
{
    margin: 10px 0 0 0;
}

.BlogComments ul li
{
    margin: 0 0 20px 0;
}

.BlogComments ul li .portrait
{
    float: left;

    width: 50px;
}

.BlogComments ul li .portrait img
{
    width: 32px;
    height: 32px;
    padding: 2px;

    background: #fff;
}

.BlogComments ul li .body
{
    float: left;

    width: 600px;
}

.BlogComments ul li .body .title
{
    font-size: 9pt;

    color: #666;
}

.BlogComments ul li .body .post
{
    margin: 10px 0 0 0;

    color: #00a;
}

.BlogComments ul li .body .post div.ref
{
    font-size: 9pt;

    margin: 0 0 10px 0;
    padding: 3px;

    color: #333;
    border: 1px solid #999;
    background: #ffe;
}

.BlogComments ul li .body .post div.ref h4
{
    font-size: 9pt;
    font-weight: normal;

    margin: 0;
    padding: 2px 0 3px 0;

    color: #1e50a2;
}


.BlogComments ul li .body .post div.ref p
{
    font-size: 9pt;
    line-height: 20px;

    margin: 0;
    padding: 2px;

    color: #333;
}

.BlogComments .pager li
{
    margin: 0 0 0 2px;
}

/* 评论相关 */
.Comments h2
{
    font-size: 11pt;
    line-height: 24px;

    padding: 0 5px;

    color: #fff;
    background: #40aa53;
}

.Comments h2 .more
{
    font-size: 9pt;
    font-weight: normal;

    float: right;

    color: #fff;
}

.Comments ul
{
    padding: 0 10px 0 0;

    list-style-type: none;
}

.Comments ul li
{
    margin: 10px 0;
}

.Comments ul li span.user
{
    padding-left: 18px;

    background: url('../img/u.gif') no-repeat center left;
}

.Comments ul li span.time
{
    font-style: italic;

    margin-left: 10px;
}

.Comments ul li a.delete
{
    font-style: italic;

    margin-left: 10px;
}

.Comments ul li span.content
{
    display: block;

    margin: 10px 0 5px 10px;
}

.Comments ul li.row_0
{
    background: #f6f6f6;
}

.Comments ul li .portrait
{
    width: 45px;

    vertical-align: top;
}

.Comments ul li .portrait img
{
    width: 32px;
    height: 32px;
    padding: 2px;

    border: 1px solid #eee;
    background: #fff;
}

.Comments ul li .portrait a:hover img
{
    border: 1px solid #40aa53;
}

.Comments ul li .body
{
    vertical-align: top;
}

.Comments ul li .body .r_title
{
    font-size: 9pt;

    color: #888;
}

.Comments ul li .body .r_content
{
    margin: 5px 0 0 0;

    color: #00a;
}

.Comments ul li .body .r_content div.ref
{
    font-size: 9pt;

    margin: 0 0 10px 0;
    padding: 3px;

    color: #333;
    border: 1px solid #999;
    background: #ffe;
}

.Comments ul li .body .r_content div.ref h4
{
    font-size: 9pt;
    font-weight: normal;

    margin: 0;
    padding: 2px 0 3px 0;

    color: #1e50a2;
}

.Comments ul li .body .r_content div.ref .ref_body
{
    font-size: 9pt;
    line-height: 20px;

    margin: 0;
    padding: 2px;

    color: #333;
}

.Comments ul li .body .r_content div.ref .ref_body img
{
    width: 0;
    height: 0;

    diaplay: none;
}

.Comments .pager
{
    margin: 20px 0 10px 5px;
}

.Comments .pager li
{
    margin-right: 2px;
}

.CommentForm
{
    margin: 0 5px;
    padding-left: 45px;
}

.CommentForm form
{
    margin: 20px 0 20px 0;
    padding: 0;
}

.CommentForm form textarea
{
    margin: 5px 0;;
    padding: 5px;

    border: 1px solid #999;
}

.CommentForm form input.SUBMIT
{
    font-size: 14px;
    line-height: 26px;

    height: 28px;
    padding: 0 5px;
}

.CommentForm form input.TEXT
{
    padding: 2px;

    border: 1px solid #999;
}

.CommentForm
{
    margin: 0 5px;
}

.CommentForm form
{
    margin: 20px 0 20px 0;
    padding: 0;
}

.CommentForm form textarea
{
    margin: 5px 0;;
    padding: 5px;

    border: 1px solid #999;
}

.CommentForm form input.SUBMIT
{
    font-size: 14px;
    line-height: 26px;

    height: 28px;
    padding: 0 5px;
}

.CommentForm form input.TEXT
{
    padding: 2px;

    border: 1px solid #999;
}

#BlogForm tr.option td
{
    padding-top: 10px;
}

#BlogForm tr.option td strong
{
    font-weight: normal;

    margin-right: 10px;
}

.BlogCatalogManage form
{
    margin: 20px 0 0 0;
}

.BlogCatalogManage form h3
{
    font-size: 10.5pt;

    margin: 0 0 10px 0;
}

.BlogCatalogManage form h3 span
{
    font-weight: normal;

    margin: 0 0 0 10px;

    color: #666;
}

.BlogCatalogManage form.BlogCatalogs table
{
    background: #ccc;
}

.BlogCatalogManage form.BlogCatalogs table th
{
    font-weight: bold;

    padding: 3px 10px;

    text-align: center;

    background: #ffc;
}

.BlogCatalogManage form.BlogCatalogs table td
{
    padding: 3px 5px;

    background: #fff;
}

.BlogCatalogManage form.BlogCatalogs table td a
{
    text-decoration: none;
}

.BlogCatalogManage form.BlogCatalogs table td.idx,
.BlogCatalogManage form.BlogCatalogs table td.num
{
    font-size: 8pt;

    text-align: center;

    -webkit-text-size-adjust: none;
}

.BlogArticleManage #BlogOpts
{
    margin: 5px 0 10px 0;
    padding: 3px 10px;

    color: #999;
    border: 1px solid #ccc;
    background: #eee;
}

.BlogArticleManage #BlogOpts a
{
    text-decoration: none;

    color: #a00;
}

.BlogArticleManage #BlogOpts a:hover
{
    font-weight: bold;
}

.BlogArticleManage ul
{
    line-height: 24px;

    margin: 0 0 0 5px;
}

.BlogArticleManage ul li a
{
    font-weight: 10.5pt;

    text-decoration: none;
}

.BlogArticleManage ul li small
{
    font-size: 8pt;

    margin-left: 10px;

    color: #666;

    -webkit-text-size-adjust: none;
}

.BlogCommentManage ul
{
    margin: 20px 0;
}

.BlogCommentManage ul li
{
    margin: 0 0 20px 0;
}

.BlogCommentManage ul li .portrait
{
    float: left;

    width: 45px;
}

.BlogCommentManage ul li .portrait img
{
    width: 32px;
    height: 32px;
}

.BlogCommentManage ul li .comment
{
    float: left;

    width: 700px;
}

.BlogCommentManage ul li .user
{
    display: block;
}

.BlogCommentManage ul li .content
{
    padding-top: 5px;

    background: url('../img/space/up_arrow.gif') no-repeat 10px 0;
}

.BlogCommentManage ul li .content p
{
    margin: 0 0 10px 0;
    padding: 5px;

    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #ffd;
}

.BlogCommentManage ul li .opts
{
    font-size: 8pt;

    color: #666;

    -webkit-text-size-adjust: none;
}

.BlogCommentManage ul li .opts a
{
    font-size: 9pt;

    text-decoration: none;
}

.BlogCommentManage .pager li
{
    margin-right: 2px;
}

/* 博客结束 */

/* 讨论话题 */
.TopicList
{
    float: left;

    width: 700px;
    padding: 10px;
}

.TopicList ul li
{
    margin: 0 0 20px 0;
}

.TopicList ul li h2
{
    font-size: 10.5pt;
    line-height: 16px;
}

.TopicList ul li h2 a
{
    padding-left: 20px;

    text-decoration: none;
}

.TopicList ul li .outline
{
    font-size: 9pt;

    margin: 5px 0 0 2px;

    color: #666;
}

.TopicList .pager li
{
    margin-right: 2px;
}

.TopicMenu
{
    float: left;

    width: 200px;
    margin: 10px 0 0 0;
}

.TopicMenu ul
{
    font-size: 12pt;
    font-weight: bold;
    line-height: 30px;

    background: #ccc;
}

.TopicMenu ul li
{
    background: #fff;
}

/* 讨论话题结束 */

/* 代码分享 */




.CodeList .HotTags div
{
    line-height: 20px;

    margin: 3px 0 0 0;
}

.CodeList .HotTags div a
{
    font-weight: bold;

    margin: 0 5px 0 0;

    text-decoration: none;
}

.CodeList .HotTags div a em
{
    font-size: 8pt;
    font-style: normal;

    color: #666;

    -webkit-text-size-adjust: none;
}

.CodeList table
{
    margin: 10px 0;
}

.CodeList table td
{
    padding: 5px 0;

    border-bottom: 1px dashed #ccc;
}

.CodeList .lang
{
    font-size: 8pt;

    width: 60px;
    margin: 0 3px 0 0;
    padding-left: 20px;

    color: #40aa53;
    background: url('../img/thread.gif') no-repeat 4px center;

    -webkit-text-size-adjust: none;
}

.CodeList .title
{
    font-size: 10.5pt;
}

.CodeList .title a
{
    text-decoration: none;
}

.CodeList .title span
{
    font-size: 8pt;

    margin: 0 0 0 5px;

    color: #666;

    -webkit-text-size-adjust: none;
}

.CodeList .stat
{
    font-size: 9pt;

    text-align: right;

    color: #666;
}

/* 代码分享结束 */

/* 我的收藏 */
.Favorites
{
    float: left;

    width: 750px;
}

.FavoriteList h2
{
    font-size: 10.5pt;
}

.FavoriteList h2 em
{
    font-style: normal;

    margin: 0 3px 0 2px;

    color: #a00;
}

.FavoriteList .software
{
    margin: 20px 0;
}

.FavoriteList .software li
{
    float: left;

    width: 150px;
    margin: 0 0 20px 0;

    text-align: center;
}

.FavoriteList .software li .logo img
{
    width: 90px;
    height: 90px;
}

.FavoriteList .software li .title a
{
    font-weight: bold;

    color: #a00;
}

.FavoriteList .software li .opts a
{
    font-size: 9pt;
}

.FavoriteList .articles
{
    margin: 20px 0;
}

.FavoriteList .articles li
{
    margin: 0 0 20px 0;
}



.FavoriteList .articles li h4 .stat
{
    font-weight: normal;

    color: #666;
}

.FavoriteList .articles li h4 a.thread
{
    padding-left: 20px;
}

.FavoriteList .articles li h4 a.cancel
{
    font-weight: Normal;

    color: #a00;
}

.FavoriteList .articles li .detail
{
    margin: 5px 0 5px 5px;

    color: #666;
}



.FavoriteList .codes h4 a em
{
    font-style: normal;

    margin-right: 5px;

    color: #a00;
}

.FavoriteList .codes li
{
    margin: 0 0 8px 0;
}

.FavoriteMenu
{
    float: left;

    width: 200px;
}

/* 我的收藏介绍 */

/* 空间管理开始 */


#AdminScreen #AdminPath
{
    margin: 0 0 20px 0;
}

#AdminScreen #AdminMenu
{
    float: left;

    width: 150px;

    border-right: 1px solid #ccc;
}

#AdminScreen #AdminMenu li.caption
{
    font-weight: bold;
}

#AdminScreen #AdminMenu li.caption ol
{
    line-height: 24px;

    margin: 5px 0 20px 0;
}

#AdminScreen #AdminMenu li.caption li a
{
    font-weight: normal;

    padding-left: 15px;

    text-decoration: none;
}

#AdminScreen #AdminMenu li.caption li a:hover
{
    font-weight: bold;
}

#AdminScreen #AdminMenu li.caption li.current a
{
    font-weight: bold;

    display: block;

    color: #40aa53;
    background: #ddd;
}

#AdminScreen #AdminContent
{
    float: left;

    width: 770px;
    margin-left: 20px;
}

#AdminScreen #AdminContent h2.caption
{
    font-size: 10.5pt;

    margin: 0 0 20px 0;
}

#AdminScreen #AdminContent h2.caption em
{
    font-style: normal;

    margin: 0 3px 0 2px;

    text-decoration: underline;

    color: #a00;
}

#AdminScreen #AdminContent .FormSection
{
    margin: 20px 0 20px 0;
}

#AdminScreen #AdminContent .FormSection h3
{
    font-size: 10.5pt;
}

#AdminScreen #AdminContent .FormSection ul
{
    line-height: 20px;

    margin: 10px 0 0 10px;
}

table.AdminListTable
{
    background: #ccc;
}

table.AdminListTable td
{
    padding: 3px 5px;

    background: #fff;
}

table.AdminListTable th
{
    padding: 3px 5px;

    text-align: center;

    background: #ffc;
}

table.AdminListTable td.i
{
    font-size: 8pt;

    width: 30px;
    padding-right: 8px;

    text-align: right;

    color: #666;

    -webkit-text-size-adjust: none;
}

table.AdminListTable td.t
{
    font-size: 8pt;

    width: 70px;

    color: #666;

    -webkit-text-size-adjust: none;
}

table.AdminListTable td.p
{
    color: #ccc;
}

table.AdminListTable td a
{
    text-decoration: none;
}

.MsgList
{
    margin: 20px 0 0 0;
}

.MsgList .sender
{
    float: left;

    width: 48px;
    padding: 4px 0 0 0;

    vertical-align: top;
}

.MsgList .sender img
{
    width: 32px;
    padding: 1px;

    border: 1px solid #ccc;
    background: #fff;
}

.MsgList .msg
{
    float: left;
    overflow: hidden;

    width: 720px;
    margin: 0 0 20px 0;
}

.MsgList .msg .outline
{
    font-size: 9pt;

    color: #666;
}

.MsgList .msg .outline a
{
    text-decoration: none;
}

.MsgList .msg .content
{
    padding-top: 11px;

    background: url('../img/space/up_arrow.gif') no-repeat 6px 5px;
}

.MsgList .msg .content div.c
{
    font-size: 10pt;
    line-height: 22px;

    width: 540px;
    margin: 0 0 5px 0;
    padding: 8px;

    color: #000;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
}

.MsgList .msg .opts
{
    margin: 10px 0 0 0;

    color: #999;
}

.MsgList .msg .opts a
{
    color: #666;
}

.MsgList .msg .opts a:hover
{
    color: #fff;
    background: #40aa53;
}

.MsgList .new .msg .content,
.MsgList .new .msg .outline
{
    font-weight: bold;

    color: #000;
}

.Msg .title
{
    font-size: 11pt;
}

.Msg .title a
{
    text-decoration: none;
}

.Msg .title .time
{
    font-size: 9pt;
    font-weight: normal;

    margin-left: 10px;

    color: #666;
}

.Msg .portrait img
{
    margin: 10px 0 0 5px;
    padding: 2px;

    border: 1px solid #ccc;
    background: #fff;
}

.Msg .content
{
    width: 600px;
    padding-top: 11px;

    background: url('../img/space/up_arrow.gif') no-repeat 46px 5px;
}

.Msg .content .c
{
    line-height: 20px;

    padding: 8px;

    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #fff;
}

.content .c h4
{
    font-size: 9pt;

    margin: 5px 0 0 0;

    border-top: 1px dashed #ccc;
}

.content .c h4 span
{
    font-size: 8pt;
    font-weight: normal;

    margin-left: 10px;

    color: #666;

    -webkit-text-size-adjust: none;
}

.Msg form#form_msg_reply
{
    margin: 20px 0 0 0;
    padding: 5px;
}

.Msg form#form_msg_reply h3
{
    font-size: 10.5pt;

    margin-bottom: 5px;
}

.Msg form#form_msg_reply textarea
{
    display: block;

    width: 400px;
    height: 100px;
    margin-bottom: 5px;
}

/* 空间管理结束 */

/* 问答开始  */
a.tag
{
    font-size: 8pt;
    line-height: 2.4;

    margin: 2px 2px 2px 0;
    padding: 2px 4px;

    white-space: nowrap;
    text-decoration: none;

    color: #3e6d8e;
    border-right: 1px solid #7f9fb6;
    border-bottom: 1px solid #3e6d8e;
    background-color: #e0eaf1;

    -webkit-text-size-adjust: none;
}

a.tag em
{
    font-size: 7pt;
    font-style: normal;

    margin-left: 2px;

    color: #666;
}

a.tag:hover
{
    color: #fff;
    background-color: #3e6d8e;
}

a.tag:hover em
{
    color: #fff;
}

.Tags a.project
{
    color: #060;
    background-color: #cfc;
}

.Tags a.project:hover
{
    color: #fff;
    background-color: #40aa53;
}

a.rndbutton
{
    font-weight: bold;

    float: left;

    height: 30px;
    margin: 0;

    cursor: pointer;
    text-decoration: none;

    color: #fff;
    border: 0 solid #000;
    background: #5cc26f;
}

a.rndbutton:hover
{
    background-color: #40ab54;
    background-position: left -30px;
}

a.rndbutton span
{
    line-height: 30px;

    float: left;

    height: 30px;
    margin: 0 0 0 12px;
    padding: 0 12px 0 0;

    color: #fff;
}

input.rndbutton
{
    height: 30px;

    cursor: pointer;

    color: #fff;
    border: 0 solid #000;
    background: #5cc26f;
}

input.rndbutton:hover
{
    background-color: #40ab54;
}

a.rbtn
{
    font-size: 9pt;

    float: left;

    height: 24px;
    margin: 0;

    cursor: pointer;
    text-decoration: none;

    color: #f2f2f2;
    border: 0;
    background: url('../img/2011/btn2.gif') left 0;
}

a.rbtn:hover
{
    background-position: left -24px;
}

a.rbtn span
{
    line-height: 24px;

    float: left;

    height: 24px;
    margin: 0 0 0 12px;
    padding: 0 12px 0 0;

    color: #f2f2f2;
    background: url('../img/2011/btn2.gif') right 0;
}

a.rbtn:hover span
{
    color: #fff;
    background-position: right -24px;
}

.ajax_processing
{
    padding-left: 20px;

    background: url('../img/loading.gif') no-repeat left center;
}

.error_box
{
    padding: 20px;
}

/*问题列表*/
.QuestionList
{
    float: left;

    width: 740px;
}

#CatalogTags
{
    font-size: 14pt;

    float: left;

    width: 380px;
    margin: 9px 0 0 15px;
}

#CatalogTags strong
{
    float: left;

    width: 200px;

    color: #333;
}

#CatalogTags strong a
{
    text-decoration: none;
}

#CatalogTags ul
{
    margin-right: 0;
}

#CatalogTags ul li
{
    font-size: 10pt;

    float: left;

    margin: 0 0 0 4px;
}

#CatalogTags ul li.current
{
    background: #fff;
}

#CatalogTags ul li a
{
    display: block;

    padding: 5px 8px;

    text-decoration: none;

    color: #fff;
    background: #999;
}

#CatalogTags ul li.current a
{
    font-weight: bold;

    background: #40aa53;
}

#CatalogTags ul li a:hover
{
    background: #40aa53;
}

.QuestionListRight
{
    float: right;

    width: 230px;
}

.QuestionHeader
{
    height: 34px;
    margin: 0 0 15px 0;

    border-bottom: 1px solid #aaa;
}

.QuestionHeader #portrait
{
    float: left;

    width: 35px;
}

.QuestionHeader #portrait img
{
    width: 24px;
    height: 24px;
}

.QuestionHeader #switcher
{
    float: left;

    margin: 5px 0 0 2px;
}

.QuestionHeader #switcher h1
{
    font-size: 14pt;

    float: left;

    color: #40aa53;
}

.QuestionHeader #switcher h1 a
{
    text-decoration: none;
}

.QuestionHeader #switcher h1 em
{
    font-style: normal;

    color: #40aa53;
}

.QuestionHeader #switcher h1 .follow_btn
{
    font-size: 8pt;

    position: absolute;

    display: inline-block;

    margin: 2px 0 0 8px;
    padding: 3px 5px 3px 17px;

    background-color: #15a230;
}

.QuestionHeader #switcher h1 .follow_btn a
{
    letter-spacing: 1px;

    color: #fff;
}

.QuestionHeader #switcher h1 .follow_btn .add
{
    font-size: 12pt;
    font-weight: bold;

    position: absolute;

    margin: -4px 0 0 -12px;
}

.QuestionHeader #switcher h1 .follow_btn .del
{
    font-size: 12pt;
    font-weight: bold;

    position: absolute;

    margin: -4px 0 0 -10px;
}

.QuestionHeader #switcher h1 .follow_btn .count
{
    color: #fff;
}

.QuestionHeader #switcher h1 .followed
{
    background-color: #999;
}

.QuestionHeader #opts
{
    float: left;

    margin: 10px 0 0 20px;

    color: #999;
}

.QuestionHeader #opts #LinkFollow .FancyButton
{
    display: inline;

    text-decoration: underline;
    letter-spacing: 0;

    background: none;
}

.QuestionHeader #tabs
{
    font-size: 12pt;

    float: right;

    text-align: right;
}

.QuestionHeader #tabs a
{
    font-size: 90%;
    line-height: 22px;

    display: block;
    float: left;

    height: 24px;
    margin: 8px 8px 0 0;
    padding: 0 6px;

    text-decoration: none;
    letter-spacing: 2px;

    color: #777;
    background: inherit;
}

.QuestionHeader #tabs a:hover
{
    font-weight: bold;

    color: #000;
}

.QuestionHeader #tabs a.current
{
    font-weight: bold;
    line-height: 28px;

    height: 30px;
    margin-top: 3px;
    padding: 0 10px;

    color: black;
    border: 1px solid #aaa;
    border-bottom-color: #f9f9f9;
    background: #f9f9f9;
}

.QuestionHeader #tabs a.hot
{
    color: #a00;
}

.QuestionHeader #tabs a.hot:hover
{
    color: #f00;
}

.QuestionList .TagDetail
{
    font-size: 9pt;

    margin: 0 0 20px 0;
    padding: 5px;

    color: #666;
    border: 2px solid #ccc;
    background: #ffd;
}

.QuestionList .TagDetail img.project
{
    float: left;

    width: 48px;
    height: 48px;
    margin: 0 20px 10px 0;
}

.AllTags
{
    margin: 40px 0 20px 0;
}

.AllTags ul li
{
    float: left;

    width: 24%;
    height: 28px;
}

.AllTags ul li .stat
{
    font-size: 8pt;

    color: #666;

    -webkit-text-size-adjust: none;
}

.QuestionList ul li.question
{
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;

    border-bottom: 1px dashed #ccc;
}

.QuestionList ul li.question a.user
{
    float: left;

    width: 50px;
}

.QuestionList ul li.question a.user img
{
    width: 36px;
    height: 36px;
}

.QuestionList ul li.question .qbody
{
    float: left;

    width: 500px;
}

.QuestionList ul li.question h2
{
    font-size: 10.5pt;

    color: #666;
}

.QuestionList ul li.question h2 a
{
    text-decoration: none;
}

.QuestionList ul li.question h2 a.highlight
{
    color: #a00;
}

.QuestionList ul li.top h2
{
    color: #a00;
}

.QuestionList ul li.top h2 a
{
    color: #a00;
}

.QuestionList ul li.question .Tags
{
    font-size: 8pt;

    margin: 10px 0 0 0;

    -webkit-text-size-adjust: none;
}

.QuestionList ul li.question .Date
{
    font-size: 8pt;

    margin: 5px 0 0 0;

    color: #888;

    -webkit-text-size-adjust: none;
}

.QuestionList ul li.question .Date a
{
    text-decoration: none;
}

.QuestionList ul li.question .qstat
{
    float: right;

    width: 140px;

    text-align: right;
}

.QuestionList ul li.question .qstat a
{
    text-decoration: none;
}

.QuestionList ul li.question .qstat ul li
{
    font-size: 9pt;

    float: left;

    width: 42px;
    margin-left: 3px;
    padding: 0 0 3px 0;

    text-align: center;
}

.QuestionList ul li.question .qstat ul li.answer
{
    color: #fff;
    background: #628d5a;
}

.QuestionList ul li.question .qstat ul li.answer0
{
    color: #a00;
}

.QuestionList ul li.question .qstat ul li.HasBestAnswer
{
    color: #ff6;
}

.QuestionList ul li.question .qstat ul li.vote
{
    color: #000;
}

.QuestionList ul li.question .qstat ul li.view
{
    color: #666;
}

.QuestionList ul li.question .qstat ul li em
{
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    font-style: normal;

    display: block;

    padding: 3px 0;
}

#QuestionListBottom
{
    margin-top: 20px;
}

.QuestionList #QuestionListBottom a.gotop
{
    float: right;
}

.QuestionListRight #QuestionWizard
{
    font-size: 12pt;

    height: 64px;
    padding: 8px 0;

    text-align: center;

    color: #666;
    border: 1px solid #ccc;
    background: #fff;
}

.QuestionListRight #QuestionWizard a
{
    font-size: 10.5pt;

    margin: 10px 0 0 75px;
}

.QuestionListRight #JobWizard
{
    font-size: 12pt;

    height: 70px;
    margin: 0 0 10px 0;
    padding: 10px 0;

    text-align: center;

    color: #666;
    border: 1px solid #ddd;
    background: #fff;
}

.QuestionListRight #JobWizard p
{
    margin: 15px 0 0 20px;

    text-align: center;
}

.QuestionListRight #JobWizard a
{
    font-size: 10.5pt;

    margin-left: 10px;
}

.QuestionListRight .Mod
{
    margin: 20px 0;
}

.QuestionListRight .Mod strong
{
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;

    display: block;

    margin: 0 0 8px 0;

    color: #40aa53;
}

.QuestionListRight .Mod strong .more
{
    font-size: 9pt;
    font-weight: normal;

    float: right;

    margin-right: 5px;
}





.QuestionListRight #PopularTags ul li.t1
{
    float: left;

    width: 110px;
}

.QuestionListRight #PopularTags ul li.t0
{
    float: right;

    width: 110px;

    text-align: right;
}

.QuestionListRight #PopularTags .stat
{
    font-size: 8pt;

    color: #999;

    -webkit-text-size-adjust: none;
}



.QuestionListRight .TopUsers ul li
{
    font-size: 7pt;

    float: left;
    overflow: hidden;

    width: 42px;
    height: auto;
    margin: 0 0 10px 1px;

    text-align: center;
}

.QuestionListRight .TopUsers ul li img
{
    width: 32px;
    height: 32px;
}



/*问题显示*/
.Question .Body
{
    float: left;
    overflow: hidden;

    width: 726px;
}

.Question .Vote
{
    position: absolute;

    float: left;

    width: 43px;
    margin-top: 14px;

    text-align: center;
}

.Question #Vote .store
{
    margin-top: 15px;
}

.Question #Vote .store a
{
    font-size: 12px;

    height: 25px;

    text-decoration: none;

    color: #aaa;
    background-color: #fff;
}

.Question #Vote .Tool-Store-Off
{
    padding-top: 25px;

    background: url('../img/icons2.png') no-repeat 9px -550px;
}

.Question #Vote .Tool-Store-On
{
    padding-top: 25px;

    background: url('../img/icons2.png') no-repeat 9px -600px;
}

.Question .Vote *
{
    display: block;
}

.Question .Vote .vote-up-off,
.vote-down-off,
.vote-up-on,
.vote-down-on
{
    height: 14px;
    margin: 0 auto;
}

.Question .Vote .accept-on,
.accept-off
{
    position: absolute;

    width: 53px;
    height: 25px;
    margin-top: 5px;
}

.Question .Vote .vote-up-off
{
    background: url('../img/icons2.png') no-repeat 9px -350px;
}

.Question .Vote .vote-down-off
{
    background: url('../img/icons2.png') no-repeat 9px -450px;
}

.Question .Vote .vote-up-off:hover
{
    background: url('../img/icons2.png') no-repeat 9px -400px;
}

.Question .Vote .vote-down-off:hover
{
    background: url('../img/icons2.png') no-repeat 9px -500px;
}

.Question .Vote .vote-up-on
{
    background: url('../img/icons2.png') no-repeat 9px -400px;
}

.Question .Vote .vote-down-on
{
    background: url('../img/icons2.png') no-repeat 9px -500px;
}

.Question .Vote .q_vote_num,
.Question .Vote .a_vote_num
{
    font-size: 14pt;

    color: #15a231;
}

.Question .Vote .accept-off
{
    background: url('../img/icons2.png') no-repeat 9px -850px;
}

.Question .Vote .accept-on
{
    background: url('../img/icons2.png') no-repeat 9px -900px;
}

.Question .Vote .accept-off:hover
{
    background: url('../img/icons2.png') no-repeat 9px -900px;
}

.Question .Vote .accept-on:hover
{
    background: url('../img/icons2.png') no-repeat 9px -850px;
}

.Question .main
{
    float: right;

    width: 726px;
}

.Question .Title
{
    margin: 0;
    padding-bottom: 10px;

    border-bottom: 1px solid #e3e3e3;
}

.Question .Title .Asker
{
    float: left;

    width: 60px;
}

.Question .Title .Asker img
{
    width: 50px;
    height: 50px;
    margin: 0 0 0 2px;
}

.Question .Title .QTitle
{
    width: 630px;
    padding-left: 8px;
}

.Question .Title .jump_answer
{
    float: right;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    cursor: pointer;
    text-align: center;
    text-decoration: none;

    background: url('../img/icons2.png?date=20140305') no-repeat 5px -940px;
}

.Question .Title .QTitle .accept_mark
{
    display: inline-block;
    float: left;

    width: 40px;
    height: 30px;

    background: url('../img/icons2.png?date=20140305') no-repeat 3px -900px;
}

.Question .Title .QTitle h1
{
    font-size: 16pt;
}

.Question .Title .QTitle h1 a
{
    text-decoration: none;

    color: #000;
    outline: 0;
}

.Question .Title .QTitle .stat
{
    font-size: 9pt;

    margin: 5px 0 0 0;

    color: #666;
}

.Question .Title .QTitle .stat a
{
    margin: 0 2px;

    text-decoration: none;
}

.Question .Title .Context
{
    float: right;

    width: 180px;

    text-align: right;

    color: #999;
}

.Question .Title .Context strong
{
    display: block;

    margin: 25px 0 0 0;
}

.Question .Title .Context a.backtolist
{
    padding-right: 22px;

    background: url('../img/up.gif') no-repeat right center;
}

.Question .Body .Content
{
    float: right;
    overflow: hidden;

    width: 676px;
    margin: 10px 0 0 0;
}

.Question .Body .Content .detail
{
    font-size: 10.5pt;
    line-height: 22px;
}

.Question .Body .Content .detail .question_resupply_title
{
    display: block;

    margin: 15px 0 5px 0;

    color: #666;
}

.Question .Body .Content .detail .rpl_time
{
    font-size: 8pt;

    margin-left: 5px;

    color: #666;
}

.Question .Body .Content .detail a.del
{
    font-size: 8pt;

    margin-left: 5px;

    text-decoration: none;

    color: #aaa;
}

.Question .Body .Content .detail a.del:hover
{
    color: #e5574d;
}

.Question .detail img
{
    max-width: 550px;
}
.Question .detail .ref img
{
    max-width: 485px;
}

.Question .detail h1,
.Question .detail h2,
.Question .detail h3
{
    margin: 20px 0 10px 0;
}

.Question .detail a
{
    text-decoration: none;
}

.Question .detail p
{
    margin: 0 0 10px 0;
}

.Question .detail a .atitle
{
    font-size: 12pt;
    font-weight: bold;

    color: #000;
}

.Question .detail pre
{
    font-family: Courier New, Arial;
    font-size: 9pt;

    margin: 10px 0;
    padding: 5px;

    border: 1px solid #ddd;
    border-left: 5px solid #6ce26c;
    background: #f6f6f6;
}

.Question .detail code
{
    margin: 0 2px;
    padding: 0 5px;

    word-break: break-word;

    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f6f6f6;
}

.Question .detail pre > code
{
    margin: 0;
    padding: 0;

    white-space: pre;

    border: none;
    background: transparent;
}

.Question .detail pre code
{
    border: none;
    background-color: transparent;
}

.Question .detail ul
{
    line-height: 20px;

    margin: 10px 0 20px 20px;

    list-style-position: inside;
    list-style-type: disc;
}

.Question .detail ol
{
    line-height: 20px;

    margin: 10px 0 20px 5px;

    list-style-position: inside;
    list-style-type: decimal;
}

.Question .detail blockquote
{
    font-size: 9pt;

    margin: 15px 10px;
    padding: 5px 5px 5px 35px;

    color: #060;
    border: 2px solid #eee;
    background: #f4f5f7 url('../img/blockquote.gif') no-repeat left top;
}

.Question .Body .Content .tags_toolbars
{
    float: left;
}

.Question .Body .Content .Tags
{
    margin: 15px 0;
}



.Question .Body .Content .Tags a
{
    text-decoration: none;
}

.Question .Body .Content .SameQuestions
{
    line-height: 15px;

    color: #666;
}

.Question .Body .Content .SameQuestions .rect
{
    margin-right: 5px;
    padding: 3px 3px 3px 5px;

    border: 1px solid #ccc;
    background: #eee;
}

.Question .Body .Content .SameQuestions a
{
    text-decoration: none;
}

.Question .Body .Content .SameQuestions a.rndbutton
{
    margin-right: 15px;
}

.Question .Body .Content .SameQuestions em
{
    font-weight: bold;
    font-style: normal;

    margin: 0 2px;

    color: #a00;
}

.Question .Body .Content .Asker
{
    font-size: 9pt;

    float: right;

    margin-top: 10px;

    color: #aaa;
}

.Question .Body .Content .special
{
    margin-top: 20px;
}

.Question .Body .Content .Asker .title
{
    font-size: 16px;
    font-weight: normal;

    color: #40aa53;
}

.Question .Body .Content .Asker .info
{
    margin-top: 10px;
}

.Question .Body .Content .Asker .info .ainfo
{
    display: block;
    float: right;

    width: 52px;
}

.Question .Body .Content .Asker .info .ainfo img
{
    width: 45px;
    height: 45px;
}

.Question .Body .Content .Asker a
{
    text-decoration: none;
}

.Question .Body .Content .Asker a.Asker-Name
{
    font-size: 10pt;
    line-height: 14px;

    text-decoration: none;
}

.Question .Body .Content .Asker .info .pinfo
{
    display: block;
    float: left;

    width: 150px;
    margin-right: 10px;

    text-align: right;
}

.Question .Body .Content .Asker .info .pinfo span
{
    line-height: 15px;

    overflow: hidden;

    white-space: nowrap;
}

.Question .Body .Content .Asker .info .pinfo span.pub_time
{
    display: inline-block;

    margin-top: 4px;
}

.Question .Body .Content .Asker .info .pinfo span a
{
    color: #aaa;
}

.Question .Body .Content .SameQuestions .action
{
    font-size: 10pt;
    font-weight: bold;

    padding: 3px 5px;

    color: #00a;
    border: 1px solid #ccc;
    background: #ffc;
}

.Question .Body .Content .SameQuestions .action a
{
    font-weight: normal;

    margin-left: 4px;
    padding-left: 4px;

    border-left: 1px dashed #ccc;
}

.Question .Body .Content .SameQuestions .q_toolbar ul li
{
    float: left;
}

.Question .Body .Content .SameQuestions #Share a
{
    float: right;
}

.Question .Body .Content .SameQuestions #Share a.Ask_Share_Sina
{
    display: inline-block;

    width: 20px;
    height: 16px;
    margin-left: 3px;

    background: url('../img/ask-icon.gif') no-repeat 0 -40px;
}

.Question .Body .Content .SameQuestions #Share a.Ask_Share_Tencent
{
    display: inline-block;

    width: 20px;
    height: 16px;
    margin-left: 3px;

    background: url('../img/ask-icon.gif') no-repeat 0 -70px;
}

/*补充说明*/
.Question .Body .EditLogs ul
{
    margin-bottom: 20px;
}

.Question .Body .EditLogs ul li
{
    margin: 0 0 10px 0;
}

.Question .Body .EditLogs ul li .title
{
    display: block;
}

.Question .Body .EditLogs ul li .content
{
    display: block;
}

.Question .Body .EditLogs ul li a.del
{
    margin-left: 5px;
}

/*问题答案*/
.QuestionReplies
{
    margin: 20px 0 0 0;
}

.QuestionReplies h2
{
    font-size: 11pt;
    line-height: 30px;

    display: block;

    height: 30px;
    padding: 0;

    border-bottom: 1px solid #ccc;
}

.QuestionReplies h2 em
{
    font-style: normal;

    color: #a00;
}

.QuestionReplies h2 a
{
    text-decoration: none;
}

.QuestionReplies h2 a.answer
{
    font-size: 10pt;
    font-weight: normal;

    margin-left: 10px;
}

.QuestionReplies h2 .sort
{
    font-size: 10pt;
    font-weight: normal;

    float: right;

    margin-right: 10px;

    color: #666;
}

.QuestionReplies h2 .sort a.current
{
    display: inline-block;

    padding: 0 10px;

    color: #e5574d;
    border: 1px solid #ccc;
    border-bottom: 0;
    background-color: #fff;
}

.QuestionReplies h2 a.last_reply
{
    font-size: 9pt;

    color: #aaa;
}

.QuestionReplies h2 a.last_reply:hover
{
    color: #666;
}

.QuestionReplies .Answer
{
    margin: 5px 0 12px 0;
    padding-top: 10px;

    border: 2px solid transparent;
}

.QuestionReplies .Owner
{
    min-height: 85px;
}

.QuestionReplies .Answer .body
{
    float: left;

    width: 545px;
    margin-left: 5px;
}

.QuestionReplies .Answer .user a
{
    display: inline-block;

    width: 100%;

    text-decoration: none;

    color: #aaa;
}

.QuestionReplies .Answer .user a:hover
{
    color: #e5574d;
}

.QuestionReplies .Answer .user
{
    font-size: 9pt;

    float: right;

    width: 150px;
    margin-right: 10px;

    color: #aaa;
}

.QuestionReplies img
{
    margin-bottom: 0;
}

.QuestionReplies .Answer .user img
{
    width: 32px;
    height: 32px;
}

.QuestionReplies .Answer .user span
{
    display: inline-block;
}

.QuestionReplies .Answer .user .user_img
{
    float: right;

    width: 32px;
}

.QuestionReplies .Answer .user .user_info
{
    float: left;

    width: 108px;
    margin-right: 10px;

    text-align: right;
}

.QuestionReplies .Answer .body .time
{
    font-size: 10pt;

    float: left;

    max-width: 370px;

    white-space: nowrap;

    color: #aaa;
}

.QuestionReplies .Answer .body .time a
{
    text-decoration: none;

    color: #999;
    color: #3e62a6;
}

.QuestionReplies .Answer .body .time a:hover
{
    color: #fff;
    background: #666;
}

.QuestionReplies .Answer .body .time span.tail
{
    font-size: 8pt;
    font-weight: normal;
}

.QuestionReplies .Answer .body .time .reply-time
{
    font-size: 8pt;
    line-height: 20px;

    display: inline-block;

    height: 20px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 17px;

    background: url('../img/icons2.png') no-repeat 0 -151px;
}

.QuestionReplies .Answer .body .time a
{
    color: #aaa;
}

.QuestionReplies .Answer .body .opts
{
    font-size: 9pt;

    float: right;

    width: 190px;

    text-align: right;
}

.QuestionReplies .Answer .body .opts a
{
    padding: 0 2px;

    color: #999;
}

.QuestionReplies .Answer .body .opts a:hover
{
    color: #fff;
    background: #666;
}

.QuestionReplies .Answer .body .detail
{
    font-size: 10.5pt;

    overflow: hidden;

    min-height: 22px;
    margin-left: 45px;
    padding-bottom: 10px;

    word-break: break-word;
}

.QuestionReplies .Answer .body .detail div.ref
{
    font-size: 9pt;

    margin: 0 0 10px 0;
    padding: 3px;

    color: #333;
    border: 1px solid #999;
    background: #ffe;
}

.QuestionReplies .Answer .body .detail div.ref h4
{
    font-size: 9pt;
    font-weight: normal;

    margin: 0;
    padding: 2px 0 3px 0;

    color: #1e50a2;
}
.QuestionReplies .Answer .body .detail div.ref .ref_body
{
    font-size: 9pt;

    margin: 0;
    padding: 2px;

    color: #666;
    color: #333;
}

.QuestionReplies .Answer .body .detail div.ref .ref_body img
{
    width: 0;
    height: 0;

    diaplay: none;
}

.QuestionReplies .Best
{
    min-height: 85px;

    border: 2px solid #bde7b9;
    background-color: #f1f8f0;
}

.QuestionReplies .Best .body
{
    float: left;

    width: 545px;
}

.QuestionReplies .Best .body .time
{
    width: 370px;
}

.QuestionReplies .Answer .replies
{
    margin: 10px 0 10px 50px;
}

.QuestionReplies .Answer .replies a
{
    text-decoration: none;
}

.QuestionReplies .Answer .replies ul
{
    font-size: 8pt;

    clear: both;

    margin: 10px 5px 20px 5px;
}

.QuestionReplies .Answer .replies ul li
{
    font-size: 10.5pt;

    margin-bottom: 5px;

    color: #444;
}

.QuestionReplies .Answer .replies ul li a.p
{
    float: left;
}

.QuestionReplies .Answer .replies ul li a.p img
{
    width: 16px;
    height: 16px;
}

.QuestionReplies .Answer .replies ul li .b
{
    float: left;

    width: 535px;
    margin-left: 5px;
}

.QuestionReplies .Best .replies ul li .b
{
    width: 535px;
}

.QuestionReplies .Answer .replies ul li .t
{
    font-size: 8pt;

    position: relative;

    display: inline-block;

    margin: 3px 0 0 3px;

    white-space: nowrap;

    color: #999;

    -webkit-text-size-adjust: none;
}

.QuestionReplies .Answer .replies ul li .opts
{
    font-size: 8pt;

    position: absolute;
    top: 1px;

    display: inline-block;
    visibility: hidden;
    float: right;

    width: 60px;
}

.QuestionReplies .Answer .replies ul li .t .opts a
{
    color: #46b;
}

.QuestionReplies .Answer .replies ul li.hover .opts
{
    visibility: visible;
}

.QuestionReplies .Answer .replies .PagerLinks
{
    font-size: 8pt;

    margin: 0 0 0 5px;
    padding-bottom: 8px;

    color: #999;

    -webkit-text-size-adjust: none;
}

.QuestionReplies .Answer .replies .PagerLinks a.disabled
{
    color: #999;
}

.QuestionReplies .Answer .votes
{
    font-size: 9pt;

    margin: -10px 0 5px 50px;

    color: #aaa;
}

.QuestionReplies .Answer .votes .toolbar
{
    display: block;

    width: 100%;
}

.QuestionReplies .Answer .votes:hover
{
    cursor: pointer;

    color: #999;
}

.QuestionReplies .Answer .votes .a_toolbar
{
    display: block;

    width: 100%;
}

.QuestionReplies .Answer .votes .a_toolbar a
{
    color: #aaa;
}

.QuestionReplies .Answer .votes em
{
    font-size: 8pt;
    font-style: normal;

    color: #666;

    -webkit-text-size-adjust: none;
}

.QuestionReplies .Answer .votes a
{
    padding: 0 4px 0 0;

    text-decoration: none;
}

.QuestionReplies .Answer .votes a.bold
{
    font-weight: bold;

    color: #a00;
}

.QuestionReplies .Answer .votes a:hover
{
    color: #e5574d;
}

.QuestionReplies .pager
{
    margin: 0 0 0 60px;
}

.QuestionReplies .hover-show
{
    display: none;
}

.QuestionReplies .hr
{
    display: block;

    height: 1px;
    margin-top: -8px;

    border-bottom: 1px solid #ddd;
}

.QuestionReplies .unvisible
{
    border-bottom: 1px solid #fff;
}

.QuestionReplies ul.list
{
    margin-top: 7px;
}

.QuestionReplies ul.pager
{
    margin-top: 10px;
}

.Question .AnswerForm
{
    margin: 20px 0;
}

.Question .AnswerForm .user
{
    float: left;

    width: 50px;
}

.Question .AnswerForm .user img
{
    width: 32px;
    height: 32px;
}

.Question .AnswerForm form
{
    float: left;

    width: 560px;
}



.Question .AnswerForm form input
{
    font-weight: bold;

    margin-top: 10px;
    padding: 2px;
}

.Question .QuestionRelations
{
    float: right;
    overflow: hidden;

    width: 250px;

    text-align: left;
}

.Question .QuestionRelations #QuestionWizard
{
    font-size: 14pt;
    /*-moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;*/

    height: 80px;
    margin: 0 0 10px 0;
    padding: 10px 0;

    text-align: center;

    border: 1px solid #ddd;
    background: #fff;
}

.Question .QuestionRelations #QuestionWizard a
{
    font-size: 10.5pt;

    margin: 15px 0 0 80px;
}

.Question .QuestionRelations .Qlist
{
    margin: 10px 0 20px 0;
}

.Question .QuestionRelations .Qlist strong
{
    font-size: 16px;
    font-weight: normal;

    color: #40aa53;
}

.Question .QuestionRelations .Qlist strong a.more
{
    font-size: 8pt;
    font-weight: normal;

    float: right;

    margin-top: 3px;

    -webkit-text-size-adjust: none;
}

.Question .QuestionRelations .Qlist strong em
{
    font-style: normal;

    margin-right: 3px;

    color: #a00;
}

.Question .QuestionRelations .Qlist ul
{
    line-height: 20px;

    margin: 10px 0 0 0;
}

.Question .QuestionRelations .Qlist ul li
{
    margin-bottom: 10px;
}

.Question .QuestionRelations .Qlist ul li a
{
    padding-left: 12px;

    text-decoration: none;

    background: url('../img/a3.gif') no-repeat left 5px;
}

.Question .QuestionRelations .Qlist ul li .date
{
    font-size: 8pt;

    display: block;

    margin-left: 12px;

    color: #999;

    -webkit-text-size-adjust: none;
}

/*代码分享*/
.Code .Body
{
    width: 676px;
}

.Code .QuestionRelations
{
    width: 300px;
}

.Code .Body .Content
{
    float: left;

    width: 625px;
}

.Code .Title .QTitle h1
{
    font-size: 14pt;
}

.Code .Title
{
    padding-bottom: 5px;
}

.Code .Vote .vote-up-off,
.Code .vote-down-off,
.Code .vote-up-on,
.Code .vote-down-on
{
    height: 21px;
}

.Code .Body .Content .detail
{
    margin: 0 0 20px 0;
}

.Code .Body .Content .Tags
{
    margin: 0 0 20px 0;
}

.Code .QuestionRelations #QuestionWizard a
{
    margin-left: 105px;
}

/*提问*/
.QuestionForm
{
    font-size: 10.5pt;

    float: left;

    width: 650px;
    margin: 10px 0 0 0;
}



.QuestionForm tr.submit td
{
    padding-top: 10px;
}

.QuestionForm th.caption
{
    width: 60px;
    padding-top: 8px;

    vertical-align: top;
}

.QuestionForm td.desc
{
    font-size: 10pt;

    color: #333;
}

.QuestionForm td.input
{
    padding: 5px 0 10px 0;
}

.QuestionForm td.input .tip
{
    font-size: 9pt;
    line-height: 20px;

    color: #888;
}

.QuestionForm a.qa_type
{
    font-size: 10.5pt;
    font-weight: bold;
    line-height: 25px;

    float: left;

    height: 25px;
    margin: 0 5px 0 0;
    padding: 0 12px;

    text-align: center;
    text-decoration: none;

    color: #666;
    border: 2px solid #aaa;
    outline: none;
    background-color: #fff;
}

.QuestionForm a.qa_type:hover
{
    border-color: #40aa53;
    background-color: #dfd;
}

.QuestionForm a.selected
{
    color: #40aa53;
    border: 2px solid #40aa53;
    background: url('/img/2011/sel.gif') no-repeat right bottom;
}

.QuestionForm td.projects input
{
    width: 100px;
    margin: 0 3px 0 0;
    padding: 2px 3px;

    border: 1px solid #888;
}

.QuestionForm td.projects input:focus
{
    border-color: #40aa53;
    background: #efe;
}

.QuestionForm input.TITLE
{
    font-size: 10.5pt;

    width: 500px;
    padding: 4px;

    color: #999;
    border: 1px solid #888;
}

.QuestionForm input.TITLE:focus
{
    color: #060;
    border: 2px solid #40aa53;
}

.QuestionForm td.q_content
{
    padding: 10px 0;
}

.QuestionForm input.SUBMIT
{
    font-size: 10.5pt;
    font-weight: bold;

    padding: 4px 6px;
}

.QuestionTip
{
    float: right;

    width: 280px;
    margin: 20px 0 0 0;

    text-align: left;
}

.QuestionTip #QuestionTitleTip
{
    padding: 10px;

    border: 1px solid #735005;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #ffefc6;
}

.QuestionTip #QuestionTitleTip h2
{
    font-size: 11pt;

    padding-bottom: 5px;

    color: #ae0000;
    border-bottom: 1px solid #ae0000;
}

.QuestionTip #QuestionTitleTip ol
{
    font-size: 9pt;
    line-height: 22px;

    margin: 10px 0 0 0;

    list-style-position: inside;
    list-style-type: decimal;

    color: #735005;
}

.QuestionTip #QuestionTitleTip ol li a
{
    font-weight: bold;
}

.QATip
{
    margin: 40px 0 50px 100px;
}

.QATip h1
{
    font-size: 13.5pt;
}

.QATip h1 em
{
    font-style: normal;

    color: #a00;
}

.QATip .text
{
    margin: 20px 0 20px 20px;
}

.QATip .text ul
{
    line-height: 24px;

    margin: 10px 0 0 0;

    list-style-position: inside;
    list-style-type: disc;
}

.QATip .btn_view
{
    margin-left: 20px;
}
/* 问答结束 */

/* 代码分享开始 */
.CodeCatalogs
{
    margin: 0 0 20px 0;

    background: #fff;
}

.CodeCatalogs h3
{
    font-size: 10pt;
}

.CodeCatalogs ul
{
    line-height: 22px;

    margin: 10px 0 0 0;
}

.CodeCatalogs ul li
{
    line-height: 22px;

    float: left;

    width: 25%;
}

.CodeCatalogs ul li.sel a
{
    font-weight: bold;

    color: #a00;
}

.CodeCatalogs ul li a
{
    padding-left: 12px;

    text-decoration: None;

    background: url('/img/a2.gif') no-repeat left center;
}

.CodeCatalogs ul li a em
{
    font-size: 9pt;
    font-style: normal;

    margin-left: 3px;

    color: #888;
}

#code_step_form
{
    float: left;

    width: 650px;
    margin-top: 10px;
    padding: 5px 10px;

    border: 1px solid #40aa53;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #f2fff2;
}

#code_step_form form
{
    margin: 15px 5px;
}

#code_step_form .section
{
    margin-bottom: 20px;
}

#code_step_form .section h3
{
    font-size: 10.5pt;

    margin: 0 0 10px 0;
}

#code_step_form .section h3 span
{
    font-size: 9pt;
    font-weight: normal;

    color: #777;
}

#code_step_form .section .tip
{
    font-size: 9pt;
    font-weight: normal;

    color: #777;
}

#code_step_form .section .top
{
    font-size: 10pt;

    display: block;

    margin-bottom: 10px;
}

#code_step_form form select optgroup
{
    font-style: normal;

    margin-bottom: 5px;
}

#code_step_form form select optgroup option
{
    padding-left: 10px;
}

.code_error_msg
{
    font-weight: bold;

    display: none;

    margin-left: 10px;
    padding: 3px 5px 3px 20px;

    color: #d00;
    background: url('../img/warning.gif') no-repeat left center;
}



#code_step_catalogs td
{
    padding-right: 20px;

    vertical-align: top;
}

#code_step_catalogs td strong
{
    color: #a00;
}

#code_step_catalogs ul
{
    line-height: 22px;

    margin: 10px 0 0 0;
}

#code_step_catalogs ul li label
{
    margin-left: 3px;
}

#code_step_catalogs ul li label.SELECTED
{
    font-weight: bold;
}

.code_source
{
    font-family: Courier New, Arial;
    font-size: 9pt;
}

#code_pieces
{
    overflow: hidden;

    width: 635px;
    margin: 0;

    border: 1px solid #666;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

#code_pieces legend
{
    font-size: 10.5pt;
    font-weight: bold;

    margin-left: 10px;
    padding: 0 3px;

    color: #40aa53;
}

#code_pieces ul
{
    line-height: 24px;

    margin: 10px 10px 5px 10px;

    list-style-position: inside;
    list-style-type: decimal;
}

#code_sources .tab
{
    width: 625px;
}

#code_sources .tab_tip
{
    display: block;

    padding-top: 4px;

    color: #40aa53;
}

#code_sources textarea
{
    font-family: Courier New;
    font-size: 8pt;

    padding: 2px;

    -webkit-text-size-adjust: none;
}

#code_step_form select
{
    font-size: 10pt;

    padding: 1px;
}

#CodeTip
{
    float: right;

    width: 250px;
    margin-top: 33px;
    padding: 10px;

    border: 1px solid #ccc;
    background: #ffc;
}

#CodeTip h2
{
    font-size: 11pt;

    color: #c00;
}

#CodeTip ul
{
    font-size: 9pt;
    line-height: 30px;

    margin: 10px 0 0 0;

    list-style-position: inside;
    list-style-type: disc;
}



.CodeEntity
{
    margin-left: 5px;
}

.CodeEntity .outline
{
    font-size: 10pt;
    line-height: 22px;

    margin: 15px 0 15px 0;
    padding-left: 5px;

    color: #666;
}

.CodeEntity .code_pieces
{
    padding-bottom: 10px;

    background: #fff;
}

.CodeEntity .code_module h2
{
    font-size: 10pt;

    padding: 0 0 2px 0;

    border-bottom: 1px solid #40aa63;
    background: #f9f9f9;
}

.CodeEntity .code_module h2 a
{
    padding: 2px 10px;

    color: #fff;
    background: #40aa63;
}

.CodeEntity .code_module h2 .right
{
    float: right;

    padding-bottom: 3px;
}

.CodeEntity .code_module h2 .right a
{
    text-decoration: none;

    color: #40aa53;
    background: none;
}

.CodeEntity .code_module h2 em
{
    font-style: normal;

    margin: 0 2px;

    color: #ff6;
}

.CodeEntity .code_piece
{
    margin: 15px 0 20px 0;
    padding-left: 5px;
}

.CodeEntity .code_piece h3
{
    font-size: 10pt;
    font-weight: bold;

    margin: 0 0 2px 0;

    color: #060;
}

.CodeEntity .code_piece h3 i
{
    font-weight: normal;
    font-style: normal;
}

.CodeEntity .code_piece h3 a
{
    font-size: 9pt;
    font-weight: normal;
}

.CodeEntity .code_piece .code_img img
{
    max-width: 640px;
    padding: 3px;

    border: 1px solid #eee;
    background: #fff;
}

.CodeEntity .code_tags
{
    font-size: 10pt;

    margin-bottom: 15px;
}

.CodeEntity .code_comments
{
    margin: 20px 0 20px 0;
}

.CodeEntity .code_comments form
{
    margin: 20px 0 0 0;
}

.CodeAuthor
{
    text-align: center;
}

.CodeAuthor img
{
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
    padding: 2px;

    border: 1px solid #ccc;
    background: #fff;
}

.CodeAuthor .opts
{
    font-size: 9pt;

    margin-top: 10px;

    text-align: center;

    color: #999;
}

.CodeAuthor .opts a
{
    color: #900;
}

.CodeAuthor .times
{
    font-size: 9pt;
    line-height: 20px;

    margin-top: 10px;
}

.CodeAuthor .UserOutline
{
    font-weight: bold;

    margin-bottom: 10px;
}

.CodeAuthor p
{
    color: #888;
}

.CodeCatalogs
{
    background: #fff;
}

.CodeCatalogs h3
{
    font-size: 10pt;
    line-height: 30px;

    height: 30px;

    color: #333;
}

.CodeCatalogs ul
{
    line-height: 22px;

    clear: both;
}

.CodeCatalogs ul li
{
    float: left;

    width: 180px;
}

.CodeCatalogs ul li a
{
    padding-left: 12px;

    text-decoration: none;

    background: url('../img/a2.gif') no-repeat left center;
}



.CodeList
{
    margin: 20px 0 20px 3px;
}

.CodeList h2
{
    font-size: 11pt;
}

.CodeList h2 em
{
    font-style: normal;

    margin-right: 3px;

    color: #a00;
}

.CodeList ul li
{
    padding: 5px 0 5px 16px;

    border-bottom: 1px dashed #ccc;
    background: url('/img/thread.gif') no-repeat left center;
}

.CodeList ul li .title
{
    font-size: 10.5pt;
}

.CodeList ul li .title .highlight
{
    font-size: 10pt;

    margin: 0;
    padding: 0;
    padding: 0 3px;

    color: #fff;
    background: #46b;
}

.CodeList ul li .lang1
{
    font-size: 8pt;

    color: #a00;

    -webkit-text-size-adjust: none;
}

.CodeList ul li .stat
{
    float: right;
}

.CodeList ul.pager li
{
    margin: 0 3px 0 0;
    padding: 0;

    border-bottom: none;
    background: none;
}

.CodeEntity .CodeList ul
{
    margin: 5px;
}

.CodeEntity .CodeList ul li .title
{
    font-size: 10pt;
}



.CodeProjectOutline .outline
{
    padding-left: 20px;
}

.CodeProjectOutline .outline h2
{
    font-size: 10.5pt;
}

.CodeProjectOutline .outline p
{
    line-height: 22px;

    margin-top: 5px;

    color: #666;
}

/* 代码分享结束 */

/* begin css tabs */
ul.tabnav
{
    font: bold 12px verdana, arial, sans-serif; /* set font as desired */

    margin: 1em 0 0 0; /* set margins as desired */
    padding: 3px 10px 5px 10px;

    list-style-type: none;
    /* general settings */

    text-align: left; /* set to left, right or center */

    border-bottom: 1px solid #6c6; /* set border COLOR as desired */
    /* THIRD number must change with respect to padding-top (X) below */
}

ul.tabnav li
{
    /* do not change */
    display: inline;
}

ul.tabnav li.current
{
    /* settings for selected tab */
    border-bottom: 1px solid #f9f9f9;
    /* set border color to page background color */
    background-color: #f9f9f9;
    /* set background color to match above border color */
}

ul.tabnav li.current a
{
    position: relative;
    top: 1px;

    padding-top: 5px;
    /* must change with respect to padding (X) above and below */

    cursor: text;
    /* set selected tab background color as desired */

    color: #000; /* set selected tab link color as desired */
    /* settings for selected tab link */
    background-color: #f9f9f9;
}

ul.tabnav li a
{
    margin-right: 0; /* set additional spacing between tabs as desired */
    /* settings for all tab links */
    padding: 4px 8px 5px 8px;

    text-decoration: none;
    /* set unselected tab background color as desired */

    color: #666; /* set unselected tab link color as desired */
    /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #6c6;
    border-bottom: none;
    /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #cfc;
}

ul.tabnav li.none a
{
    font-weight: normal;

    text-decoration: underline;

    color: #46b;
    border: 0;
    background: none;
}

ul.tabnav li.none a:hover
{
    color: #00a;
}

ul.tabnav li a em
{
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;

    color: #888;

    -webkit-text-size-adjust: none;
}

ul.tabnav a:hover
{
    /* settings for hover effect */
    background: #fff; /* set desired hover color */
}

/* end css tabs */

/* 通用的表单 */
.error_msg
{
    height: 16px;
    margin: 10px 0 10px 0;
    padding-left: 24px;

    color: #a00;
    background: url('../img/warning.gif') no-repeat left center;
}

.error_msg a
{
    font-weight: bold;

    padding: 0 5px 0 5px;
}

.ok_msg
{
    height: 16px;
    margin: 10px 0 10px 0;
    padding-left: 24px;

    color: #060;
    background: url('../img/space/tick.png') no-repeat left center;
}

.ok_msg a
{
    font-weight: bold;

    padding: 0 5px 0 5px;
}



.MainForm form .submit #error_msg
{
    margin-left: 10px;
}

.MainForm h3
{
    font-size: 10.5pt;
}

.MainForm form h2
{
    font-size: 12pt;

    margin: 5px 5px 20px 5px;
}

.MainForm form h2 a
{
    margin: 0 5px;
}

.MainForm .Tip
{
    font-size: 9pt;

    margin: 0 0 10px 0;
    padding: 10px;

    color: #00a;
    border: 1px solid #ccc;
    background: #ffc;
}

.MainForm .Tip ul
{
    line-height: 22px;

    margin: 10px 0 0 10px;

    list-style-position: inside;
    list-style-type: disc;
}

.MainForm form th
{
    font-size: 10pt;
    font-weight: normal;

    padding: 10px;

    text-align: right;

    color: #666;
}

.MainForm form th.required
{
    font-weight: bold;
}

.MainForm form td.t
{
    color: #333;
}

.MainForm form td .tip
{
    font-size: 9pt;

    color: #40aa53;
}

.MainForm form input.TEXT
{
    padding: 3px;
}

.MainForm form select
{
    padding: 3px;
}

.MainForm form textarea
{
    font-size: 9pt;

    padding: 3px;
}

.MainForm form input.BUTTON
{
    font-size: 10.5pt;

    padding: 2px 5px;
}

.MainForm form input.SUBMIT
{
    font-weight: bold;
}

/* end 通用的表单 */
