/* Global */
body {
margin: 0px;
scrollbar-base-color: #EAF7FB;
scrollbar-arrow-color: #86B9D6;
scrollbar-darkshadow-color: #86B9D6;
background-color: #FCFCFC;
color: #333333;
}
body, table, input, select, textarea, .maintable, .button, .altbg1, .altbg2 {
font: 12px Tahoma, Verdana;
}
.smalltxt, .category, .percenttxt {
font: 12px Arial, Tahoma !important;
font: 12px Arial, Tahoma;
}
.lighttxt {
color: #666666}
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
table {
color: #333333;
empty-cells: show;
border-collapse: separate !important;
border-collapse: collapse;
}
input, select, textarea {
color: #333333;
font-weight: normal;
background-color: #EAF7FB;
border: 1px solid #86B9D6;
}
input {
height: 15px;
}
form {
margin: 0px;
padding: 0px;
}
legend {
color: #333333;
}
.checkbox, .radio {
border: 0px;
background: none;
vertical-align: middle;
height: 16px;
}
.maintable {
width: 99%;
}
.subtable {
text-align: left;
padding: 0;
margin: 0 auto;
}
.simpletable {
border: 1px solid #86B9D6;
padding: 1px;
clear: both;
background-color: #FFFFFF;
}
.simpletable .header {
background-image: url();
padding-top: 7px;
padding-bottom: 0px;
height: 21px !important;
height: 30px;
}
.simpletable div {
padding: 4px;
}
.nav {
color: #154BA0;
font-weight: bold;
}
.nav a {
color: #154BA0;
}
.absmiddle {
vertical-align: middle;
}
.msgbody {
overflow: hidden;
width: auto !important;
width: 100%;
}
.msgheader {
margin: 0 1em;
border: 1px solid #86B9D6;
font-weight: bold;
background: #7AC4EA;
padding: 5px;
color: #000000;
}
.msgborder {
margin: 0 1em;
padding: 10px;
border: 1px solid #86B9D6;
border-top: 0px;
word-wrap: break-word;
background: #D9EEF9;
overflow: hidden;
width: auto !important;
width: 100%;
}
.tableborder {
background: white;
outline: 1px solid #86B9D6;
border: 0px !important;
border: 1px solid #86B9D6;
}
.spaceborder {
width: 100%;
border: 1px solid #86B9D6;
padding: 1px;
clear: both;
background-color: #FFFFFF;
}
.singleborder {
font-size: 0px;
line-height: 1px;
padding: 0px;
background-color: #EAF7FB;
}
.button {
padding: 0 5px;
color: #D9EEF9;
background-image: url();
background-repeat: repeat-x;
background-position: 0 50%;
outline: 1px solid #86B9D6;
border: 1px solid #FFF !important;
height: 19px !important;
border: 1px solid #86B9D6;
height: 21px;
line-height: 17px;
}
.lightbutton {
background: #FFFFFF;
border: 1px solid #86B9D6;
color: #000000;
}
.submitbutton {
margin-top: 8px !important;
margin-top: 6px;
margin-bottom: 5px;
text-align: center;
}
.postsubmit {
border: 1px solid #86B9D6;
background-image: url("");
text-align: center;
padding: 10px 0px;
margin-top: 6px;
}
.bold {
font-weight: bold;
}
.header {
font-weight: bold;
color: #D9EEF9;
background-image: url("");
height: 30px;
padding-left: 10px;
}
.header td {
padding-left: 10px;
}
.header a {
color: #D9EEF9;
}
.header input {
background:none;
vertical-align: middle;
height: 16px;
}
.category {
color: #000000;
background-image: url("");
}
.category td {
border-bottom: 1px solid #86B9D6;
}
.altbg1	{
background: #EAF7FB;
}
td.altbg1 {
border-bottom: 1px solid #86B9D6;
}
.altbg2 {
background: #FFFFFF;
}
td.altbg2 {
border-bottom: 1px solid #86B9D6;
}
.row {
width: 100%;
border: none;
background: #FFFFFF;
empty-cells: show;
}
.row td {
padding: 4px;
border-bottom: 1px solid #86B9D6;
}
.row1 {
width: 100%;
border: none;
background: #EAF7FB;
empty-cells: show;
}
.row1 td {
padding: 4px;
border-bottom: 1px solid #86B9D6;
}
.bottom, .bottom td, td.bottom {
border-bottom: 0px;
}
.spacebottom {
padding-bottom: 10px;
background: #FFFFFF;
}
.tdunderline td {
 border-top: 1px solid #86B9D6;
 border-bottom: 1px solid #86B9D6;
}
.option {
padding: 1px;
width: 99%;
height: 35px;
border: 1px solid #86B9D6;
background-color: #EAF7FB;
}
.avatar {
border: 1px solid #86B9D6;
background-image: url("");
padding: 3px;
}
.avatar img {
background: #FCFCFC;
}
.left {
float: left;
text-align: left;
padding: 0px;
}
.right {
float: right;
text-align: right;
padding: 0px;
}
.line {
border-top: 1px solid #86B9D6;
}
.percent {
height: 10px !important;
height: 12px;
border: 1px solid #86B9D6;
float: left;
padding: 0px;
}
.percent div {
background-image: url("");
background-repeat: repeat-x;
background-position: 0 50%;
width: 100%;
height: 8px;
line-height: 0px;
font-size: 0px;
margin: 1px;
padding: 0px;
}
.percenttxt {
float:left;
padding-top: 2px !important;
padding-top: 1px;
font-weight: bold;
}
.percenttxt u {
text-decoration: none;
font-weight: normal;
color: #666666;
}
.mainborder {
clear: both;
height: 8px;
font-size: 0px;
line-height: 0px;
padding: 0px;
background-color: #D9EEF9;
}
.wysiwyg {
font: 14px Tahoma, Verdana;
border: 1px #DDDDDD solid;
padding: 4px;
word-break: break-all;
color: #333333;
}
.wysiwyg a {
text-decoration: underline;
color: #000000;
}
.autosave {
behavior: url(#default#userdata);
}
#seccode {
cursor:pointer;
margin-bottom: 2px;
}

/* Header */
.logo {
background-color: #FCFCFC;
}
.logo div.right {
margin: 10px 0px;
}
.mainheader {
background-color: #EAF7FB;
padding: 6px 0px;
}
.headermenu_popup {
color: #154BA0;
border: 1px solid #86B9D6;
border-top: 0px;
margin-top: 8px !important;
}
.headermenu_popup a {
color: #154BA0;
text-decoration: none;
}
.menu {
background-color: #7AC4EA;
height: 30px;
margin-top: 6px;
}
.menu div {
text-align: right;
}
.menu div, .menu div a {
color: #ffffff;
padding-top: 7px !important;
padding-top: 6px;
}
.menu div span {
height: 5px;
}

/* Footer */
.footerline {
height: 6px;
border-bottom: 1px solid #86B9D6;
}
.footerline div {
background-color: #FCFCFC;
position: relative;
float: right;
right: 40px;
top: 2px;
}

/* Multi Page */
.p_bar {
margin: 1px 0px;
clear: both;
}
.p_bar a {
float: left;
padding: 1px 4px;
font-size: 12px;
text-decoration: none;
}
.p_input {
border: 0px;
padding: 0px;
width: 40px;
height: 17px !important;
height: 15px;
margin: 0px;
background: #FFFFFF;
}
.p_total {
background-color: #EAF7FB;
border: 1px solid #86B9D6;
border-right: 0px solid #86B9D6;
font-weight: bold;
}
.p_pages {
background-color: #EAF7FB;
border: 1px solid #86B9D6;
margin-right:1px;
vertical-align: middle;
font-weight: bold;
}
.p_num {
background-color: #FFFFFF;
border: 1px solid #86B9D6;
margin-right:1px;
vertical-align: middle;
}
a:hover.p_num  {
background-color: #EAF7FB;
border: 1px solid #86B9D6;
text-decoration: none;
}
.p_redirect {
background-color: #FFFFFF;
border: 1px solid #86B9D6;
margin-right:1px;
font-size: 12px !important;
font-size: 13px;
}
a:hover.p_redirect {
background-color: #EAF7FB;
border: 1px solid #86B9D6;
text-decoration: none;
}
.p_curpage {
margin-right:1px;
border: 1px solid #86B9D6;
vertical-align: middle;
background-image: url("");
color: #000000;
font-weight: bold;
}

/* Popup Menu */
.popupmenu_popup {
color: #D9EEF9;
border: 1px solid #86B9D6;
}
.popupmenu_option {
background: #D9EEF9;
color: #154BA0;
white-space: nowrap;
padding: 3px 8px;
}
.popupmenu_option a {
color: #154BA0;
padding: 3px 8px;
text-decoration: none;
}
.popupmenu_highlight {
background: #7AC4EA;
color: #ffffff;
white-space: nowrap;
padding: 3px 8px;
cursor: pointer;
}
.popupmenu_highlight a {
color: #ffffff;
padding: 3px 8px;
text-decoration: none;
}

/* Popup Calendar */
.calendar_expire, .calendar_expire a:link, .calendar_expire a:visited {
color: #7AC4EA;
}
.calendar_default, .calendar_default a:link, .calendar_default a:visited {
color: #000000;
}
.calendar_checked, .calendar_checked a:link, .calendar_checked a:visited {
color: #FF0000;
}
.calendar_today, .calendar_today a:link, .calendar_today a:visited {
color: #00BB00;
}
.calendar_header td{
width: 30px;
height: 20px;
}
#calendar_year {
display: none;
line-height: 130%;
background: #FFFFFF;
position: absolute;
z-index: 10;
}
#calendar_year .col {
float: left;
background: #FFFFFF;
margin-left: 1px;
border: 1px solid #86B9D6;
padding: 4px;
}
#calendar_month {
display: none;
background: #FFFFFF;
line-height: 130%;
border: 1px solid #86B9D6;
padding: 4px;
position: absolute;
z-index: 11;
}

/* Index */
#announcement {
border: 1px solid #86B9D6;
background-image: url("");
margin-bottom: 5px;
padding: 5px 1px;
display: none;
clear: both;
width: 99%;
}
.todayposts {
color: #000000;
}

/* New Special Menu */
.newspecial {
text-align: center;
font-size: 14px;
font-weight: bold;
}
.newspecialmenu {
width: 86px !important;
width: 88px;
}

/* Forumdisplay */
.f_folder {
width: 4%;
text-align: center;
}
.f_icon {
width: 25px;
text-align: center;
}
.f_title {
width: 55%;
word-break: break-all;
}
.f_title span {
color: #666666;
}
.subject a, .f_title a {
color: #333333;
}
.f_author {
width: 12%;
text-align: center;
}
.f_views {
width: 8%;
text-align: center
}
.f_last	{
width: 17%;
text-align: center;
}

/* Viewthread */
.t_row {
margin-top: -1px;
}
.t_user	{
word-break: break-all;
padding-left: 8px;
background: #EAF7FB;
}
.t_msg {
table-layout: fixed;
word-wrap: break-word;
width: 100%;
height: 100%;
overflow: hidden;
background: #FFFFFF}
.t_msg p {
margin: 0px;
}
.t_msg td {
padding: 2px 10px;
}
.t_signature {
height: expression(signature(this));
}
.t_number {
border: 1px solid #86B9D6;
padding: 2px;
margin: 1px;
background: #D9EEF9;
}
.t_infoline {
background: #D9EEF9;
}
.t_table {
border-left: 1px solid #86B9D6;
border-top: 1px solid #86B9D6;
border-spacing: 0px;
}
.t_table td {
padding: 4px;
border-bottom: 1px solid #86B9D6;
border-right: 1px solid #86B9D6;
}
.t_attach {
width: 350px;
background: #FFFFFF;
border: 1px solid #86B9D6;
padding: 4px;
}
.t_attachlist {
padding: 5px;
border-bottom: 1px solid #86B9D6;
}
.t_msgfont, .t_msgfont table {
font-size: 14px;
}
.t_smallfont, .t_smallfont table {
font-size: ;
}
.t_bigfont, .t_bigfont table {
font-size: ;
}

/* Frame */
.leftmenu br {
line-height: 5px;
}
.leftmenu {
line-height: 18px;
}

/* toplist */
.bfg_top {
        width : 99%;
        border: 1px solid #86B9D6;
        background: #FFFFFF;
        margin-top:10px;
        margin-bottom:10px;
        padding:1px;
}
.bfg_topcenter_header {
        font: 12px Arial, Tahoma !important;
        font-weight: bold !important;
        font: 12px Arial, Tahoma;
        font-weight: bold;
        color: #D9EEF9;
        background-image: url("");
        height: 25px;
        line-height: 25px;
        text-align: left;
        padding-left: 10px;
        padding-bottom:0px;

}

#toptypea {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 50%; PADDING-TOP: 0px;
}
#toptypeb {
        FLOAT: right;
        WIDTH: 35%;
        margin: 2px 2px 0px 2px;

}
.bfg_toptypec
{
        font: 12px Arial, Tahoma !important;
        font-weight: bold !important;
        font: 12px Arial, Tahoma;
        BORDER-RIGHT: #86B9D6 1px solid;
        BORDER-TOP: #86B9D6 1px solid;
        BORDER-LEFT: #86B9D6 1px solid;
        background: header_bg1.gif;
        height: 25px;
        width:22%;
        text-align: center;
        vertical-align : middle;
        line-height: 25px;

}
.toplisttherad {
 CLEAR: both; margin: 4px 2px 2px 2px;
}
#bfgpic {
        BACKGROUND: #f1f1f1; FLOAT: left; WIDTH: 25%; border: 1px dashed #86B9D6; background: #FFFFFF; margin: 1px 1px 1px 1px; padding-BOTTOM: 4px;
}
#bfgpic IMG {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; BORDER-LEFT: #999999 1px solid; WIDTH: 95%; HEIGHT: 183px; BORDER-BOTTOM: #999999 1px solid; margin: 1px 1px 8px 2px;
}
#bfgthread {
 BACKGROUND: #dff7ff; FLOAT: left; MARGIN: 0px 0px 0px 5px; WIDTH: 38%; border: 1px dashed #86B9D6; background: #FFFFFF; padding: 1px;
}

.bfg_ntopa
{
float:left;
clear:right;
        font: 12px Arial, Tahoma !important;
        font-weight: bold !important;
        font: 12px Arial, Tahoma;
        font-weight: bold;
        color: #D9EEF9;
        background: #86B9D6;
        width:18%;
        height: 19px;
        margin: 2px 2px 0px 2px;
        text-align: center;
        line-height: 18px;
        BORDER-RIGHT: #86B9D6 1px solid;
        BORDER-TOP: #86B9D6 1px solid;
        BORDER-LEFT: #86B9D6 1px solid;
        vertical-align:bottom;
}
.bfg_ntopb {
        float:left;
        clear:right;
        color: #000000;
        font-weight: bold;
        BORDER-RIGHT: #86B9D6 1px solid;
        BORDER-TOP: #86B9D6 1px solid;
        BORDER-LEFT: #86B9D6 1px solid;
        background: header_bg1.gif;
        height: 19px;
        width:18%;
        margin: 2px 2px 0px 2px;
        text-align: center;
        vertical-align : middle;
        line-height: 18px;

}
#bfgblog {
        FLOAT: right;
        WIDTH: 35%;
        border: 1px dashed #86B9D6;
        background: #FFFFFF;
}
#bfgblog h3 {
        font: 12px Arial, Tahoma !important;
        font-weight: bold !important;
        font: 12px Arial, Tahoma;
        font-weight: bold;
        color: #000000;
        background-image: url("");
        margin: 1px 1px;
        height: 27px;
        text-align: center;
        border: 1px solid #86B9D6;
        line-height: 27px;
}

#bfgpaixing {
 CLEAR: both; BORDER-TOP: #ffffff 1px solid; HEIGHT: 17px; padding: 1px 0px 1px 1px; border: 1px solid #86B9D6; background: #FFFFFF; margin: 4px 2px 2px 2px;
}
.bfg_px {
        float:left; width: 100; border: 1px solid #86B9D6;background: #86B9D6;color: #D9EEF9; text-align: center;
}
.bfg_pxa {
        float:right; background: #EAF7FB; text-align: center;
}
.bfg_topthread {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.6em; PADDING-TOP: 0px; text-align: left; LIST-STYLE-TYPE: none
}
.bfg_topthread LI {
PADDING-LEFT: 1em; BACKGROUND: url() no-repeat 0.3em 0.7em; OVERFLOW: hidden; HEIGHT: 1.5em
}
.bfg_topthread LI CITE {
FONT-SIZE: 12px; FLOAT: right; WIDTH: 5em; COLOR: #999; text-align:right; padding-right:4px; FONT-STYLE: normal
}
.pd3{ padding:4px; text-align:center; line-height:24px; background:#fff;}
div#resize a:hover{position: absolute; margin:-5px; padding: 10px; padding-bottom: 20px; border:1px solid #81A8BC;background:#ffffff;}
div#resize a:hover img{width: auto;height: auto;}