/* Global */




body {




margin: 0px;




scrollbar-base-color: #f7f7f7;




scrollbar-arrow-color: #d9d9d9;




scrollbar-darkshadow-color: #d9d9d9;




background-image: url("../../images/yuyu/bg.gif");




color: #333333;




}




body, table, input, select, textarea, .maintable, .button, .altbg1, .altbg2 {




font: 12px Tahoma, Verdana;




}




.smalltxt, .category, .percenttxt {




font: 12px Arial, Tahoma !important;




font: 11px Arial, Tahoma;




}




.lighttxt {




color: #666666




}




a {




text-decoration: none;




color: #000000;




}




a:hover {




text-decoration: underline;




color: #FF6600;




}




table {




color: #333333;




empty-cells: show;




border-collapse: separate !important;




border-collapse: collapse;




}




input, select, textarea {




color: #333333;




font-weight: normal;




background-color: #f7f7f7;




border: 1px solid #7AC4EA;




}




input {




height: 21px;




}




form {




margin: 0px;




padding: 0px;




}




legend {




color: #333333;




}




.checkbox, .radio {




border: 0px;




background: none;




vertical-align: middle;




height: 16px;




}




.maintable {




width: 98%;




}




.subtable {




text-align: left;




padding: 0;




margin: 0 auto;




}




.simpletable {




border: 0px solid #d9d9d9;




padding: 1px;




clear: both;




background-color: #ffffff;




}




.simpletable .header {




background-image: url("../../images/yuyu/bg_menu.gif");




padding-top: 7px;




padding-bottom: 0px;




height: 21px !important;




height: 22px;




}




.simpletable div {




padding: 5px;




}




.nav {




color: #000000;




font-weight: bold;




}




.nav a {




color: #000000;




}




.absmiddle {




vertical-align: middle;




}




.msgbody {




overflow: hidden;




width: auto !important;




width: 100%;




}




.msgheader {




margin: 0 1em;




border: 1px solid #d9d9d9;




font-weight: bold;




background: #F3F8D7;




padding: 5px;




color: #000000;




}




.msgborder {




margin: 0 1em;




padding: 10px;




border: 1px solid #d9d9d9;




border-top: 0px;




word-wrap: break-word;




background: #FDFFF2;




overflow: hidden;




width: auto !important;




width: 100%;




}




.tableborder {




background: white;




outline: 0px solid #d9d9d9;




border: 0px !important;




border: 0px solid #d9d9d9;




}




.spaceborder {




width: 100%;




border: 0px solid #d9d9d9;




padding: 1px;




clear: both;




background-color: #ffffff;




}




.singleborder {




font-size: 0px;




line-height: 0px;




padding: 0px;




background-color: #f7f7f7;




}




.button {




padding: 0 5px;




color: #FFFFFF;




background-image: url("../../images/yuyu/bg_menu.gif");




background-repeat: repeat-x;




background-position: 0 50%;




outline: 1px solid #d9d9d9;




border: 1px solid #FFF !important;




height: 19px !important;




border: 1px solid #d9d9d9;




height: 21px;




line-height: 17px;




}




.lightbutton {




background: #ffffff;




border: 1px solid #d9d9d9;




color: #000000;




}




.submitbutton {




margin-top: 8px !important;




margin-top: 6px;




margin-bottom: 5px;




text-align: center;




}




.postsubmit {




border: 1px solid #d9d9d9;




background-image: url("../../images/yuyu/bgtt.gif");




text-align: center;




padding: 10px 0px;




margin-top: 6px;




}




.bold {




font-weight: bold;




}




.header {




font-weight: bold;




color: #FFFFFF;




background-image: url("../../images/yuyu/bg_menu.gif");




height: 22px;




padding-left: 10px;




}




.header td {




padding-left: 10px;




}




.header a {




color: #FFFFFF;




}




.header input {




background:none;




vertical-align: middle;




height: 16px;




}




.category {




color: #000000;




background-image: url("../../images/yuyu/bgtt.gif");




}




.category td {




border-bottom: 1px solid #d9d9d9;




}




.altbg1	{




background: #f7f7f7;




}




td.altbg1 {




border-bottom: 1px solid #d9d9d9;




}




.altbg2 {




background: #ffffff;




}




td.altbg2 {




border-bottom: 1px solid #d9d9d9;




}




.row {




width: 100%;




border: none;




background: #ffffff;




empty-cells: show;




}




.row td {




padding: 5px;




border-bottom: 1px solid #d9d9d9;




border-left:1px solid #d9d9d9;




border-right:1px solid #d9d9d9;




}




.row1 {




width: 100%;




border: none;




background: #f7f7f7;




empty-cells: show;




}




.row1 td {




padding: 5px;




border-bottom: 1px solid #d9d9d9;




border-left:1px solid #d9d9d9;




border-right:1px solid #d9d9d9;




}




.bottom, .bottom td, td.bottom {




border-bottom: 0px;




}




.spacebottom {




padding-bottom: 10px;




background: #ffffff;




}




.tdunderline td {




 border-top: 1px solid #d9d9d9;




 border-bottom: 1px solid #d9d9d9;




}




.option {




padding: 1px;




width: 98%;




height: 35px;




border: 1px solid #d9d9d9;




background-color: #f7f7f7;




}




.avatar {




border: 1px solid #d9d9d9;




background-image: url("../../images/yuyu/bgtt.gif");




padding: 3px;




}




.avatar img {




background: bg.gif;




}




.left {




float: left;




text-align: left;




padding: 0px;




}




.right {




float: right;




text-align: right;




padding: 0px;




}




.line {




border-top: 1px solid #d9d9d9;




}




.percent {




height: 10px !important;




height: 12px;




border: 0px solid #d9d9d9;




float: left;




padding: 0px;




}




.percent div {




background-image: url("../../images/yuyu/bg_menu.gif");




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: #154BA0;




width: 96%;




}




.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-image: url("../../images/yuyu/bg.gif");




}




.logo div.right {




margin: 10px 0px;




}




.mainheader {




background-color: #f7f7f7;




padding: 0px 0px;




width: 96%;




}




.headermenu_popup {




color: #000000;




border: 1px solid #d9d9d9;




border-top: 0px;




margin-top: 0px !important;




}




.headermenu_popup a {




color: #000000;




text-decoration: none;




}




.menu {




background-image: url("../../images/yuyu/bgtt.gif");




height: 30px;




margin-top: 0px;




width: 96%;




}




.menu div {




text-align: center;




}




.menu div, .menu div a {




color: #000000;




padding-top: 7px !important;




padding-top: 6px;




}




.menu div span {




height: 5px;




}









/* Footer */




.footerline {




height: 6px;




border-bottom: 1px solid #d9d9d9;




width: 96%;




}




.footerline div {




background-image: url("../../images/yuyu/bg.gif");




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: #f7f7f7;




border: 1px solid #d9d9d9;




border-right: 0px solid #d9d9d9;




font-weight: bold;




}




.p_pages {




background-color: #f7f7f7;




border: 1px solid #d9d9d9;




margin-right:1px;




vertical-align: middle;




font-weight: bold;




}




.p_num {




background-color: #ffffff;




border: 1px solid #d9d9d9;




margin-right:1px;




vertical-align: middle;




}




a:hover.p_num  {




background-color: #f7f7f7;




border: 1px solid #d9d9d9;




text-decoration: none;




}




.p_redirect {




background-color: #ffffff;




border: 1px solid #d9d9d9;




margin-right:1px;




font-size: 12px !important;




font-size: 13px;




}




a:hover.p_redirect {




background-color: #f7f7f7;




border: 1px solid #d9d9d9;




text-decoration: none;




}




.p_curpage {




margin-right:1px;




border: 1px solid #d9d9d9;




vertical-align: middle;




background-image: url("../../images/yuyu/bgtt.gif");




color: #000000;




font-weight: bold;




}









/* Popup Menu */




.popupmenu_popup {




color: #FFFFFF;




border: 1px solid #d9d9d9;




}




.popupmenu_option {




background: #D9EEF9;




color: #000000;




white-space: nowrap;




padding: 3px 8px;




}




.popupmenu_option a {




color: #000000;




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: #999999;




}




.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 #d9d9d9;




padding: 4px;




}




#calendar_month {




display: none;




background: #ffffff;




line-height: 130%;




border: 1px solid #d9d9d9;




padding: 4px;




position: absolute;




z-index: 11;




}









/* Index */




#announcement {




border: 1px solid #d9d9d9;




background-image: url("../../images/yuyu/bgtt.gif");




margin-bottom: 5px;




padding: 5px 1px;




display: none;




clear: both;




width: 98%;




}




.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: #f7f7f7;




}




.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 #d9d9d9;




padding: 2px;




margin: 1px;




background: #FDFFF2;




}




.t_infoline {




background: #FDFFF2;




}




.t_table {




border-left: 1px solid #d9d9d9;




border-top: 1px solid #d9d9d9;




border-spacing: 0px;




}




.t_table td {




padding: 4px;




border-bottom: 1px solid #d9d9d9;




border-right: 1px solid #d9d9d9;




}




.t_attach {




width: 350px;




background: #ffffff;




border: 1px solid #d9d9d9;




padding: 4px;




}




.t_attachlist {




padding: 5px;




border-bottom: 1px solid #d9d9d9;




}




.t_msgfont, .t_msgfont table {




font-size: 14px;




}




.t_smallfont, .t_smallfont table {




font-size: 12px;




}




.t_bigfont, .t_bigfont table {




font-size: 16px;




}









/* Frame */




.leftmenu br {




line-height: 5px;




}




.leftmenu {




line-height: 18px;




}