/* main: groove green */
html, body		{ margin: 0; padding: 0; border: 0; }
body			{ font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 12px; line-height: 200%; color: #333; background: #005a04; }
font, h1, h2, h3, h4, h5, h6 { margin: 5px 0; line-height: 180%; }
h1				{ font-size: 24px; }
h2				{ font-size: 18px; }
h3				{ font-size: 14px; }
h4, h5, h6		{ font-size: 12px; }
table			{ border-collapse: collapse; border: 1px solid #666; }
td				{ padding: 4px 6px; border: 1px solid #666; text-align: center; }
img				{ border: 0; }
a				{ color: #333; text-decoration: none; }
a:hover			{ color: #f05509; }
.clr			{ font-size: 0; line-height: 0; clear: both; }

.hi				{ color: #c00; }
.hot1			{ color: #006400; }
.hot2			{ color: #8B0000; }
.hot3			{ color: #FF4500; }

input, textarea, select, button	{ font-size: 12px; }
textarea		{ line-height: 150%; }
button			{ height: 26px; width: 77px; }
form			{ margin: 0; }
form div		{ margin: 6px 0; }
form span		{ width: 80px; padding-right: 8px; text-align: right; float: left; }
form div.em		{ padding-left: 88px; }
form div.cb		{ text-align: right; }
form button		{ margin-right: 8px; }
form .cb button	{ margin-left: 8px; margin-right: 0; }
form .pickfile	{ height: 22px; }
form .err		{ background-image: url(wave.gif); background-repeat: repeat-x; background-position: bottom; }
form p			{ margin: 0; line-height: 150%; }
form p.warning	{ padding-left: 24px; background: url(../../2/img/dlg.gif) no-repeat left -240px; color: #f00; }
form p.accept	{ padding-left: 24px; background: url(../../2/img/dlg.gif) no-repeat left -150px; color: #060; }
form p.loading	{ padding-left: 24px; background: url(../../2/img/loading.gif) no-repeat; }

.waiting		{ padding: 4px 24px; background: url(../../2/img/loading.gif) no-repeat left 4px; }

/* layout */
#wrapper		{ margin: 0 auto; padding: 5px; width: 970px; background: #209a25; }

#pagenav		{ padding: 0 12px; height: 30px; background: url(bg_pagenav.png) no-repeat; text-align: right; }
#pagenav a		{ margin: 0 8px; color: #fff; }
#pagenav a:hover	{ color: #a3d3fd; }

#header			{ height: 60px; background: #fff url(logo.gif) no-repeat left center; }

#mainmenu		{ height: 33px; line-height: 33px; font-size: 12px; font-weight: bold; }
#mainmenu a		{ padding: 0 20px; color: #fff; float: left; }
#mainmenu a:hover	{ color: #fff; background: #005A04; }

#container		{ padding: 12px 8px; background: #fff; }
#footer			{ padding: 12px 0; text-align: center; }

#col-l			{ width: 670px; float: left; }
#col-r			{ width: 270px; float: right; }

#focus-box		{ top: 26px; position: absolute; }
#focus-mask		{ width: 300px; height: 248px; border: 8px solid #eee; position: relative; overflow: hidden; }
#focus-box img	{ width: 300px; height: 200px; float: left; }
#focus-title		{ height: 26px; background: #eee; font-weight: bold; text-align: center;  line-height: 26px; overflow: hidden; }
#focus-handle		{ top: 200px; height: 22px; background: #eee; text-align: right; position: relative; }
#focus-handle span	{ margin-left: 2px; padding: 0 5px; color: #fff; background: #000; cursor: pointer; }
#focus-handle span.active, #focus-handle span:hover{ background: #c00; }

/* components */
.row			{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #ccc; }
.row .avatar	{ float: left; }
.row .inner		{ margin-left: 70px; }
.row .sum span	{ margin: 0 4px; float: right; }

.paging				{ padding: 4px 0; }
.paging span		{ margin-right: 16px; }
.paging a			{ margin: 0 2px; outline: none; }
.paging a.active	{ color: #C03; text-decoration: none; }
.paging input		{ margin: 0 4px; width: 36px; border: 1px solid #ccc; }

.toc			{ padding: 8px; border: 1px solid #d9d9d9; background: #eee; }
.detail			{ width: 100%; font-size: 14px; line-height: 180%; overflow: hidden; }

.star			{ width: 16px; height: 18px; background: url(../../2/img/stars.gif) no-repeat left 3px; float: left; }
.rank1			{ background-position: -25px 3px; }
.rank2			{ background-position: -50px 3px; }
.rank3			{ background-position: -75px 3px; }

.rank span		{ float: left; }
.rank a			{ color: #f87311; font-size: 14px; }

.avatar			{ width: 54px; height: 54px; background: url(../../2/img/avatar.gif) no-repeat; }
.avatar div, .avatar a	{ width: 100%; height: 100%; background: center center no-repeat; display: block; }

.bar			{ background: url(../../2/img/bar.gif) no-repeat; }

.col-2			{ width: 50%; float: left; }
.col-3			{ width: 33%; float: left; }

.seg			{ padding: 4px 12px; color: #fff; background: #005A04; font-weight: bold; }
.seg2			{ padding: 2px 12px; border-top: 1px solid #ddd; background: #eee; font-weight: bold; }
.box2			{ padding: 6px 12px; }

.tabbox			{ padding: 1px; border: 1px solid #bcbcbc; }
.tab			{ height: 29px; background: #eee; line-height: 29px; }
.tab span		{ margin-right: 1px; padding: 0 18px; height: 29px; color: #333; font-weight: bold; float: left; cursor: pointer; }
.tab .cur		{ background: #005a04; color: #fff; }

.lst			{ margin: 8px; padding: 0; list-style: none; }
.lst li			{ padding: 0 0 0 20px; background: url(bullet.gif) no-repeat; }
ul.topc			{ margin: 0; padding: 0; list-style-type: none; }
ul.topc li		{ clear: both; }
ul.topc span	{ margin: 0 4px; float: right; }
ul.topc .dt		{ width: 80px; text-align: center; }
ul.topc .ht		{ width: 80px; text-align: center; }
ul.topc .lb		{ margin-left: 0; float: left; }
ul.topc .star	{ margin: 0; float: left; }

.bfk			{ padding: 8px 12px; }
.bfk .cap		{ padding-right: 8px; color: #054208; font-weight: bold; }
.bfk span		{ color: #ccc; }