/* main style */

body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #fff;
font-family: Verdana, Arial, 宋体;
font-size: 12px;
line-height: 20px;
color: #292821;
}
form, p, blockquote,
h1, h2, h3, h4, h5, h6,
ul, ol, li {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 14px;
}
ul, ol {
list-style: none;
}
img {
border: 0;
}
body a {
text-decoration: none; 
color: #85AB34;
}
body a:hover {
text-decoration: underline;
color: #C5D848;
}
body a:active {
text-decoration: none;
color: #FCF49F;
}
body a:visited {
text-decoration: none;
/* color: #666; */
}

.center {
text-align: center;
}
.gray {
color: gray;
}

#wrapper {
width: 768px;
margin: 0 auto;
position: relative;
font-size: 12px;
}
#pageGrid {
position: absolute;
top: 0;
right: 0;
z-index: 99999;
background: url(/css/img/grid_24.png);
width: 100%;
height: 100%;
filter: alpha(opacity=50);
opacity: 0.5;
}

#head {
height: 80px;
}
#head #topLinks {
position: absolute;
top: 5px;
right: 0;
background: #F7F8D0;
padding: 3px 10px;
}
#head #topLinks ul li {
float: left;
padding: 0 5px;
}
#head #logo {
width: 160px;
text-align: center;
}
#head #logo img {
width: 160px;
height: 60px;
}
#head #mission {
color: #EDA962;
display: block;
margin-top: -10px;
}
#body {
position: relative;
}
#body #main {
width: 588px;
min-height: 400px;
_height: 400px;
word-break: break-all;
padding: 0 10px 40px 0;
background: #fff;/* url(/css/img/slash_bg_gray_h5.gif) repeat-x 0 100%;*/
border: solid 1px #999;
border-left: solid 1px #fff;
border-bottom: solid 1px #fff;
line-height: 25px;
}
#main h2 {
background: #f5f5f5 url(/css/img/mub.gif) no-repeat 5px 50%;
padding-left: 35px;
line-height: 25px;
border-bottom: solid 1px #ccc;
}
#body #panel {
position: absolute;
top: 0;
right: 0;
width: 168px;
border-top: 1px solid #999;
border-left: 1px solid #999;
line-height: 25px;
}
#body #panel .tools {
background: #F7F8D0;
padding: 20px 0 30px 0;
}
#body #panel .tools ul {
padding-right: 12px;
}
#body #panel .tools li {
padding-left: 32px;
padding-right: 4px;
background: transparent url(/css/img/box.png) no-repeat 8px 50%;
}
#body #panel .tools li.selected {
border: solid 1px #999;
border-left: 0;
margin-left: -1px;
background-color: #fff;
}
#body #panel .tools li a.b {
color: #bbb;
float: right;
}
#body #panel .tools li.nav {
background-image: url(/css/img/shape_square.gif);
font-weight: bold;
}
#body #panel .tools li.home {
background-image: url(/css/img/house.png);
}
#body #panel .tools li.myhome {
background-image: url(/css/img/house.png);
}
#body #panel .tools li.message {
background-image: url(/css/img/email.png);
}
#body #panel .tools li.topics {
background-image: url(/css/img/page_white_stack.png);
}
#body #panel .tools li.members {
background-image: url(/css/img/group.png);
}
#body #panel .tools li.tags {
background-image: url(/css/img/tag_blue.png);
}
#body #panel .tools li.toys {
background-image: url(/css/img/toy.gif);
}
#body #panel .misc {
background: #DDFFCC;
padding: 10px 8px;
width: 152px;
overflow: hidden;
border-top: solic 1px #ccc;
min-height: 100px;
}
#body #panel .misc input#sbi {
width: 110px;
}
#foot {
margin-top: 20px;
border-top: solid 1px #eee;
text-align: center;
padding: 10px 0;
background: #f5f5f5;
line-height: 25px;
}
#foot .links {
clear: both;
}
#foot .links a {
padding: 0 5px;
}
a.btn {
color: #fff;
padding: 3px 5px;
background: #F7BDCB;
border-right: solid 1px #ED6862;
border-bottom: solid 1px #ED6862;
font-size: 12px;
}
a.btn:hover {
color: #fff;
background: #F9DBE2;
text-decoration: none;
}
div.content {
font-size: 14px;
}
.right {
float: right;
}
.left {
float: left;
}
a.more {
padding-right: 20px;
background: url(/css/img/bullet_go.png) no-repeat 95% 50%;
}
div.loading {
padding-left: 25px;
background: url(/css/img/loading.gif) no-repeat 0 50%;
}

#popWin_overlay {
display: none;
position: absolute;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
#popWin {
display: none;
position: absolute;
z-index: 1000;
width: 480px;
height: 360px;
overflow: hidden;
}
#popWin_wrapper {
position: relative;
}
#popWin_shade {
position: absolute;
width: 475px;
height: 355px;
background: #ccc;
margin: 5px 0 0 5px;
opacity: 0.5;
filter: alpha(opacity=50);
}
#popWin_main {
position: absolute;
width: 473px;
height: 353px;
background: #fff;
border: solid 1px #3A5774;
}
#popWin_head {
border: solid 5px #C3D9FF;
border-bottom: 0;
background-color: #E0EDFE;
padding: 3px 5px;
height: 24px;
line-height: 24px;
}
#popWin_head a.close {
float: right;
background: url(/css/img/close.gif) no-repeat 100% 50%;
padding-right: 20px;
}
#popWin_head strong#popWin_title {
font-size: 14px;
padding-left: 25px;
background: url(/css/img/win.png) no-repeat 0 50%;
}
#popWin_body {
border: solid 5px #C3D9FF;
border-top: 0;
height: 313px;
overflow: auto;
}
#popWin_body #popWin_content {
padding: 10px 20px;
}
#popWin_body #popWin_content .btns {
padding-top: 10px;
text-align: center;
}

#nav {
background: url(/css/img/mub.gif) no-repeat 0 50%;
padding-left: 30px;
line-height: 30px;
color: gray;
}
#nav a {
padding-left: 20px;
background: url(/css/img/plugin.png) no-repeat 0 50%;
}
#nav a#nav_myhome,
#nav a#nav_home {
background-image: url(/css/img/house.png);
}
#nav a#nav_topic_list {
background-image: url(/css/img/page_white_stack.png);
}
#nav a#nav-tag {
background-image: url(/css/img/tag_blue.png);
}
#nav span {
color: black;
}

.pagination {
text-align: center;
padding: 10px 0;
font-size: 12px;
}

#msg_ok,
#msg_err {
background: #fff5f5;
padding: 20px;
margin: 20px 0;
font-size: 14px;
}
#msg_ok {
background: #f5ffff;
}
#msg_ok strong.title,
#msg_err strong.title {
background: url(/css/img/msg_error.gif) no-repeat 0 50%;
padding-left: 20px;
}
#msg_ok strong.title {
background-image: url(/css/img/msg_ok.gif);
}

form ul.errorlist {
color: red;
}
form ul.errorlist li {
}
form th {
text-align: right;
}
.clear-float {
width: 100%;
clear: both;
}
.no-record {
font-size: 14px;
font-style: italic;
}
.hide {
display: none;
}

.my-tab {
padding-top: 10px;
height: 27px;
overflow: hidden;
}
.my-tab ul {
position: absolute;
}
.my-tab ul li {
float: left;
border: 1px solid #999;
background: #ccc;
padding: 0 10px;
margin: 0 5px;
line-height: 25px;
}
.my-tab ul li a {
color: #000;
}
.my-tab ul li.selected {
background: #fff;
border-bottom: 1px solid #fff;
font-weight: bold;
}
.my-tab-content {
border-top: 1px solid #999;
margin-top: -1px;
padding-top: 10px;
}

table.table-form {
}
table.table-form td,
table.table-form th {
padding: 3px 5px;
}
table.table-form tr.tr-submit td {
padding: 10px 5px;
}
p.ubb-fail {
display: none;
}