/* main */
html, body		{ margin: 0; padding: 0; border: 0; }
body			{ font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 12px; line-height: 180%; color: #333; background: url(bg_gradient.jpg) repeat-y; }
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: #f87311; text-decoration: underline; }
.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(dlg.gif) no-repeat left -240px; color: #f00; }
form p.accept	{ padding-left: 24px; background: url(dlg.gif) no-repeat left -150px; color: #060; }
form p.loading	{ padding-left: 24px; background: url(loading.gif) no-repeat; }

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

/* layout */
.wrapper		{ width: 982px; }

.header			{ padding: 4px; color: #fff; background: #f87311 url(bg_globaltop.gif) repeat-y; }
.header div		{ width: 960px; text-align: right; }
.header a		{ margin: 0 4px; color: #fff; }
.header a:hover	{ color: #fff; text-decoration: none; }

.brand			{ height: 50px; }
.brand .logo	{ margin: 10px 0 0 10px; width: 152px; height: 32px; background: url(logo.gif) no-repeat; float: left; }
.brand .search	{ margin: 12px 24px 0 0; float: right; }
.brand .search .searchbox	{ padding: 3px; width: 260px; border: 1px solid #707070; float: left; background: #fff url(google.gif) left no-repeat; }
.brand .search .searchweb	{ margin-left: 4px; width: 25px; height: 24px; border: 0; background: url(btn_search.png) no-repeat; float: left; }

.subject		{ padding: 0 10px; height: 44px; color: #fff; background: #f87311 url(bg_sbcorner.gif) no-repeat right; font-size: 14px; font-weight: bold; line-height: 44px; }

.mainmenu		{ height: 50px; background: #f87311; }
.mainmenu a		{ width: 155px; height: 50px; color: #fff; border: 1px solid #f87311; border-width: 0 0 1px 1px; background: url(bg_menu.gif) no-repeat left -80px; line-height: 50px; float: left; }
.mainmenu span	{ margin-left: 30px; font-size: 12px; font-weight: bold; }
.mainmenu a.cur			{ border-bottom-color: #fff; color: #000; background-position: left -240px; }
.mainmenu a:hover		{ color: #fff; background-position: left -160px; text-decoration: none; }
.mainmenu a.home		{ width: 38px; background-position: left top; }
.mainmenu a.home:hover	{ background-position: -100px top; }

.container		{ padding-right: 7px; background: url(bg_shad.gif) repeat-y right; }
.content		{ padding: 12px; background: #fff; }
.content table a	{ color: #069; }

.footer			{ padding: 10px 20px; background: url(bg_footer.jpg) no-repeat -2px top; }

/* 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 #ffe19c; background: #fff1d1; }
.detail			{ width: 100%; font-size: 14px; line-height: 180%; overflow: hidden; }

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

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

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

.avatar			{ width: 62px; height: 63px; background: url(avatar.gif) no-repeat; }
.avatar div, .avatar a	{ width: 100%; height: 100%; background: center 5px no-repeat; display: block; }

.col-l			{ width: 660px; float: left; }
.col-r			{ width: 280px; float: right; }
.col-2			{ width: 50%; float: left; }
.col-3			{ width: 33%; float: left; }

.spt			{ margin-top: 12px; }
.seg			{ height: 29px; background: url(bg_tab.gif) no-repeat; font-weight: bold; line-height: 29px; }
.seg div		{ margin-left: 4px; padding: 0 8px; color: #fff; background: url(bg_tab.gif) repeat-x; }
.seg1			{ background-position: left -40px; }
.seg1 div		{ background-position: left top; }
.seg2			{ background-position: left -120px; }
.seg2 div		{ background-position: left -80px; }
.seg3			{ background-position: left -240px; }
.seg3 div		{ background: #f87311; }

.box1			{ margin: 0 0 12px 0; border: 1px solid #bcbcbc; border-width: 0 1px 1px 1px; }
.box2			{ padding: 6px 12px; border: 1px solid #bcbcbc; }
.box3			{ padding: 4px 8px; border: 1px solid #ffe19c; background: #fff1d1; }

.tabbox			{ padding: 1px; border: 1px solid #bcbcbc; border-bottom: 0; }
.tab			{ height: 29px; background: url(bg_tab.gif) repeat-x left -80px; line-height: 29px; }
.tab span		{ margin-right: 1px; padding: 0 18px; height: 29px; color: #fff; background: url(bg_tab.gif) repeat-x left -160px; font-weight: bold; float: left; cursor: pointer; }
.tab .cur		{ background-position: left -200px; }

ul.lst			{ margin: 0; padding: 8px 10px 8px 24px; color: #999; }
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: #f87311; font-weight: bold; }
.bfk span		{ color: #ccc; }

#focus-box		{ top: 26px; position: absolute; }
#focus-mask		{ width: 300px; height: 248px; border: 8px solid #ddd; 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; }