/*
../../images/PinkDresser0/
../../images/avatars/avataronline.gif
common.css Offical Style for Discuz!(R)
URL: http://www.discuz.net
(C) 2001-2007 Comsenz Inc.
<style type="text/css">
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Common Style ~~~~ */
#menu li, .popupmenu_popup li, #announcement li, .portalbox li, .tabs li, .postmessage fieldset li, .side li, .formbox li, .notice li { list-style: none; }
a { color: #286FBF; text-decoration: none; }
    a:hover { text-decoration: underline; }
    a img { border: none; }
em, cite, strong, th { font-style: normal; font-weight: normal; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Layout & Block Style ~~~~ */

.wrap { width: 100%; text-align: left; margin: 0 auto; }
.notice { font-size: 14px; border: 1px solid #D6D6D6; background: #FAFAFA url(notice.gif) no-repeat 1em 0.7em; padding: 0.5em 1em 0.3em 3em; margin-bottom: 6px; color: #286FBF; }
.videoact { width: 445px; font-size: 14px; border: 1px solid #D7D7D7; background: #FAFAFA url(videoact.gif) no-repeat 1em 0.5em; padding: 0.5em 1em 0.3em 3em; margin-bottom: 6px; color: #286FBF; }
.message { margin: 3em 10em 5em !important; }
    .message h1 { line-height: 26px; border: 1px solid; background: #FFF url("portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; border-color: #FFF #FFF #D7D7D7 #FFF; padding-left: 1em; margin-bottom: 1em; }
    .message p { margin: 1.5em 1em; }
    .message a { color: #286FBF; }

#footer { border-top: 1px solid #D7D7D7; background: #F1F1F1; color: #666; padding: 12px 0; }
    #footlinks { float: right; margin-top: -3px; text-align: right; }
    #footer img { float: left; margin: 0 10px 0 0; }
    #copyright, #debuginfo { font: 12px/1.5em Arial,Helvetica,sans-serif; }
    #copyright strong, #copyright em { font-weight: bold; }
    #copyright strong a { color: #0954A6; }
    #copyright em { color: #FF9D25; }
    #debuginfo { color: #999; }
    .scrolltop { cursor: pointer; }

#foruminfo { width: 100%; overflow: hidden; margin: 10px 0; color: #666; }
    #userinfo, #foruminfo #nav { float: left; padding-left: 5px; }
    #forumstats, #headsearch { float: right; text-align: right; padding-right: 5px; }
    #foruminfo p { margin: 0; }
    #foruminfo a{ color: #286FBF; }
    #foruminfo em { color: #666; }
    #foruminfo cite { font-weight: bold; }
    #foruminfo strong a { font-weight: bold; color: #666; }
    #nav { margin: 10px 5px; }
    #foruminfo #nav { margin: 0; }
    #userinfo #nav { float: none; padding: 0; }
    #nav a { font-weight: bold; color: #286FBF; }
#announcement { border-top: 1px dashed #D7D7D7; line-height: 36px; height: 36px; overflow: hidden; }
    #announcement div { border: 1px solid #CDE7FF; padding: 0 10px; line-height: 35px !important; height: 36px; overflow-y: hidden;}
    #announcement li { float: left; margin-right: 20px; padding-left: 10px; background: url(arrow_right.gif) no-repeat 0 50%; white-space: nowrap; }
    #announcement li em { font-size: 0.83em; margin-left: 5px; color: #666; }
.portalbox { width: 100%; background: #D7D7D7; margin-bottom: 6px; border-collapse: separate; }
    .portalbox td { padding: 10px; vertical-align: top; background: #FFF url("portalbox_bg.gif"); background-repeat: repeat-x; background-position: 0 0; background-repeat: repeat-x; border: 1px solid #FFF; }
    .portalbox h3 { margin: 0 0 5px; font-size: 1em; white-space: nowrap; }
    .portalbox strong { font-weight: bold; margin-top: 4px;}
    .portalbox em { color: #999; }
    .portalbox em a { color: #999; }
    .portalbox cite a { color: #286FBF; }
    #hottags a { white-space: nowrap; margin-right: 0.5em; }
    #hottags h3 { clear:both; }
.headactions { float: right; line-height: 1em; padding: 10px 10px 0 0; }
    .headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; }
    .mainbox .headactions { color: #FFF; }
    .mainbox .headactions a, .mainbox .headactions span, .mainbox .headactions strong { background: url(headactions_line.gif) no-repeat 100% 50%; padding-right: 10px; margin-right: 8px; color: #FFF; }
    .mainbox .headactions strong { font-weight: bold; background-image: url(arrow_left.gif); }
.pages_btns { clear: both; width: 100%; padding: 0 0 8px; overflow: hidden; }
    .postbtn, .replybtn { float: right; }
    .postbtn { margin-left: 10px; cursor: pointer; }
    .pages_btns .pages em { line-height: 26px; }
.pages, .threadflow { float: left; border: 1px solid #D7D7D7; background: #FAFAFA; height: 24px; line-height: 26px; color: #999; overflow: hidden; }
    .pages a, .pages strong, .pages em, .pages kbd, #multipage .pages em { float: left; padding: 0 8px; line-height:26px; }
    .pages a:hover { background-color: #CDE7FF; }
    .pages strong { font-weight: bold; color: #286FBF; background: #CECECE; }
    .pages a.prev, .pages a.next { line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
    .pages a.next { padding: 0 15px; }
    .pages kbd { border-left: 1px solid #D7D7D7; margin: 0; }
    * html .pages kbd { padding: 1px 8px; }
    .pages kbd input { border: 1px solid #D7D7D7; margin-top: 3px !important; * > margin-top: 1px  !important; margin: 1px 4px 0 3px; padding: 0 2px; height: 17px; }
    .pages kbd>input { margin-bottom: 2px; }
    .threadflow { margin-right: 5px; padding: 0 5px; }
.tabs { padding-bottom: 26px; margin-bottom: 15px; background: #F1F1F1; border-top: 1px solid #FFF; border-bottom: 1px solid #D7D7D7; }
    .tabs li { float: left; line-height: 27px; border-right: 1px solid #CECECE; height: 27px; }
    .tabs li.current { background: #CDE7FF; height: 27px; font-weight: bold; }
    .tabs li a { float: left; padding: 0 10px; }
.smileytabs { height: 28px; background: #F1F1F1; position: relative; padding-right: 24px; }
    .smileytabs span { float: right; width: 24px; height: 24px; margin: 2px 0; position:absolute; right: 0; top: 0; }
    #smileytypes { white-space: nowrap; padding:0px; height: 27px; overflow-y:hidden; float: left; border: none; margin-top: 1px; }
    .headertabs { background: #ffffff none; margin-bottom: 0; }
    .headertabs li.current { background-color: #FAFAFA; }
    .sendpm a { color: #286FBF; background: url(buddy_sendpm.gif) no-repeat 15px 50%; padding: 0 20px 0 35px !important; }
#headfilter { border: solid #D7D7D7; border-width: 1px 1px 0; }
    #headfilter .tabs { border-bottom-color: #CDE7FF; margin-bottom: 0; }
#footfilter { padding: 10px; he\ight: 44px; height: 24px; line-height: 24px; background: #FAFAFA; border-color: #DEDEDE; font-family: Simsun, "Times New Roman"; }
    #footfilter form { float: right; }
    #footfilter * { vertical-align: middle; }
.legend { border: 1px solid #CECECE; background: #FBFBFB; padding: 10px; margin: 10px auto; width: 500px; text-align: center; line-height: 35px; }
    .legend label { padding: 0 20px; }
    .legend img { vertical-align: middle; margin-right: 10px; }
.taglist { width: 100%; padding: 10px 0; overflow: hidden; }
    .taglist li { float: left; display: inline; width: 10em; height: 24px; overflow: hidden; margin: 0 10px; }
    .taglist li em { font-size: 10px; color: #999; }
.attriblist * { color: #666; }
    .attriblist dt { float: left; margin-right: 10px; }
    .attriblist .name { font-weight: bold; }
    .attriblist dd a { color: #286FBF;}
#forumlinks {}
    #forumlinks td { padding: 5px 5px 5px 55px; background: url(forumlink.gif) no-repeat 18px 50%; color: #999; }
    #forumlinks .forumlink_logo { float: right; }
#online {}
    #online h4 { font-weight: normal; color: #666; }
    #online h4 strong { font-weight: bold; }
    #online dl { padding: 5px 5px 5px 55px; }
    #onlinelist { background: url(online.gif) no-repeat 10px 10px; border-top: 1px solid #DEDEDE; }
    #online dt { padding: 5px; }
    #online dt img { margin-bottom: -3px; }
    #online dd { border-top: 1px solid #DEDEDE; }
    #bdayslist { padding: 10px 0 10px 55px; border-top: 1px solid #DEDEDE; background: url(bdays_cake.gif) no-repeat 10px 5px; }
.userlist { overflow: hidden; padding: 5px 5px 0; }
    * html .userlist { height: 1%; }
    .userlist li { float: left; width:128px; height: 20px; overflow: hidden; }
    .userlist li img { vertical-align: middle; }
    #onlinelist .userlist li { height: auto; margin:4px auto ;}
#recommendlist { }
    #recommendlist li { float: left; white-space: nowrap; width: 24.9%; overflow: hidden; text-indent: 12px; background: url(arrow_right.gif) no-repeat 2px 7px; }
    #recommendlist.rules li { width: 49%; }
.recommendrules { padding: 0px;}
#seccode { cursor: pointer; }
.autosave { behavior: url(#default#userdata); }
#menu a.notabs { background: none; }
.headactions a.notabs { background: none; margin-right: 0px; padding-right: 0px; }
.absmiddle { vertical-align: middle; }
.mainbox ins { display: block; text-align: center; text-decoration: none; margin-bottom: 1px; background: #DEF0FE; border-bottom: 1px solid #D7D7D7; line-height: 26px; }
    ins.logininfo { background: #FAFAFA; padding: 2px 5px; line-height: 22px; color: #666; text-align: left; border: none; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Box Style ~~~~ */

/*Main Box*/
.mainbox { background: #FFF; border: 1px solid #D7D7D7; padding: 0; margin-bottom: 6px; }
    .mainbox h1, .mainbox h3, .mainbox h6 { line-height: 31px; padding-left: 1em; background: #ffffff url("forumbox_head.gif"); background-repeat: repeat-x; background-position: 0 0; color: #FFF; }
    .mainbox h1 a, .mainbox h3 a { color: #FFF; }
    .mainbox table { width: 100%; }
    .forumlist table, .threadlist table { border-collapse: separate; }
    .mainbox thead th, .mainbox thead td { background: #DEF0FE; padding: 2px 5px; line-height: 22px; color: #666; }
    .mainbox thead.category th, .mainbox thead.category td { background: #DEF0FE url("category_bg.gif"); }
    .mainbox thead.separation th, .mainbox thead.separation td { border-top: 1px solid #CECECE }
    .mainbox tbody th, .mainbox tbody td { border-top: 0px solid #CECECE; padding: 5px; }
    .mainbox tbody cite, .mainbox tbody em { line-height: 1.3em; }
    .forumlist tbody strong, .threadlist tbody strong , .formbox tbody strong  { color: #286FBF; }
    /*Tabel Footer: Button Operation*/
    .footoperation { background: #FAFAFA; padding: 5px; border-top: 1px solid #D7D7D7; }
    .threadlist .footoperation { padding-left: 61px; }
    .footoperation * { vertical-align: middle; }
    .footoperation label { margin-right: 1em; cursor: pointer; }
    .footoperation button { line-height: 1em; display: inline; width: 0; overflow: visible; padding: 3px 5px 2px; border: 1px solid #CECECE; background: #FFF; color: #286FBF; cursor: pointer; margin-left: 2px; }
    .footoperation>button { width: auto; }
    /*Forum & Thread List*/
    .forumlist tbody th, .forumlist tbody td, .threadlist tbody th, .threadlist tbody td { color: #666; padding: 1px 5px; border-bottom: 1px solid #FFF; background-color: #FBFBFB; }
    .forumlist tbody th { height: 40px; }
    .forumlist th, .threadlist th { text-align: left; }
    .forumlist th { padding-left: 55px !important; }
    .forumlist h2 em { color: #286FBF; }
    .forumlist tbody th { background-image: url(forum.gif); background-repeat: no-repeat; background-position: 13px 50%; }
    .forumlist tbody th.new { background-image: url(forum_new.gif); }
    .moderators a { color: #286FBF; }
    .moderators a strong { font-weight: bold; color: #286FBF; }
    .threadlist th label { float: right; }
    .threadpages { background: url(multipage.gif) no-repeat 0 100%; font-size: 11px; margin-left: 5px; white-space: nowrap; }
    .threadpages a { padding-left: 8px; }
    .threadpages a:hover { text-decoration: underline; }
    .threadlist th a.new { color: #286FBF; text-transform: uppercase; font-size: 9px; white-space: nowrap; }
    .threadlist th input { float: left; margin-right: 5px; }
    .threadlist th em, .threadlist th em a { color: #999; }
    .threadlist th img.icon { float: left; margin-left: -22px; }
    .threadlist th img.attach, .threadlist th img.icon { margin-bottom: -3px; }
    .threadlist .target { float: left; display: block; width: 20px; height: 20px; margin-left: -28px; text-indent: -9999px; overflow: hidden;  }
    * html .threadlist .target  { margin-left: -14px; margin-right: 5px; }
    .forumlist tbody tr:hover th, .forumlist tbody tr:hover td, .threadlist tbody tr:hover th, .threadlist tbody tr:hover td { background-color: #F1F1F1; }
    .forumlist td.lastpost { width: 260px; }
    .threadlist td.folder { text-align: center; width: 30px; }
    .threadlist td.icon { text-align: center; padding: 3px 0; width: 16px; }
    .threadlist td.author { width: 120px; }
    .threadlist td.lastpost { text-align: right; width: 120px; padding-right: 15px; }
    .threadlist td.lastpost cite a { color: #999; }
    .forumlist cite, .threadlist cite { display: block; }
    .threadlist td.author em, .threadlist td.lastpost em { font-size: 12px; }
    label.highlight { width: 40px; margin-right: 30px; }
    label.highlight, label.highlight input { float: left; }
    label.highlight em { float: right; width: 16px; height:16px;  }
    .quickmanage label.highlight { width: 40px; margin: 3px 18px 3px 0; }

    .optionbar { float: left; margin-right: 0.5em; border: 1px solid #CECECE; background: #ffffff url("forumbox_head.gif"); background-repeat: repeat-x; background-position: 0 100%; height: 12px; }
    .optionbar div { float: left; border: 1px solid #FFF; height: 10px; overflow: hidden; }