/* theme: channel */
html, body	{ margin: 0; padding: 0; border: 0; color: #000; background-color: #e6e6e6; }
body		{ font-family: Arial,Verdana,Helvetica; font-size: 12px; line-height: 180%; }
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; }
ul			{ margin: 0 0 0 20px; padding: 0; }
a			{ color: #333; text-decoration: none; }
a:hover		{ color: #c00; text-decoration: underline; }

.clr		{ height: 0; clear: both; font-size: 0; line-height: 0; }
.ftr		{ float: right; }
.ftl		{ float: left; }
.xl			{ font-size: 14px; }
.hi			{ color: #c00; }
.lo			{ color: #999; }
.hot		{ color: #00e; }
.new		{ padding-right: 28px; background: url(new.gif) no-repeat right center; }
.hico		{ width: 80px; height: 80px; margin: 0 8px 8px 0; float: left; }

input, textarea, select, button	{ font-size: 12px; }
textarea		{ line-height: 150%; }
label input		{ border: 0; }
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; padding: 0 16px; }
form .cb button	{ margin-left: 8px; margin-right: 0; }
form .pickfile	{ height: 22px; }
form .err		{ background-image: url(../wave/wave.gif); background-repeat: repeat-x; background-position: bottom; }
form p			{ margin: 0; line-height: 150%; }
form p.warning	{ padding-left: 24px; background: url(../wave/dlg.gif) no-repeat left -240px; color: #f00; }
form p.accept	{ padding-left: 24px; background: url(../wave/dlg.gif) no-repeat left -150px; color: #060; }
form p.loading	{ padding-left: 24px; background: url(../wave/loading.gif) no-repeat; }

/* components */
.dlg			{ color: #333; position: absolute; z-index: 9999; }
.dlg .d-outer	{ left: 3px; top: 3px; width: 100%; height: 100%; position: absolute; border: 1px solid #333; background: #333; }
.dlg .d-inner	{ width: 100%; height: 100%; border: 1px solid #57759F; background: #E3EFF3; position: absolute; overflow: hidden; }
.dlg .d-caps	{ padding: 0 4px 0 8px; height: 22px; border-top: 1px solid #EFF7F7; border-bottom: 1px solid #BDD4E6; background: #FFF url(../wave/dlg.gif) repeat-x left -60px; line-height: 22px; white-space: nowrap; overflow: hidden; cursor: move; }
.dlg .d-close	{ margin: 2px 0 0 0; width: 16px; height: 16px; background: url(../wave/dlg.gif) no-repeat left -30px; float: right; cursor: pointer; }
.dlg .d-layer	{ padding: 8px; }
.dlg .d-sizer	{ bottom: 0; right: 0; width: 16px; height: 16px; background: url(../wave/dlg.gif) no-repeat left top; position: absolute; cursor: se-resize; }

.paging				{ padding: 4px 8px; }
.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; }

.menu			{ margin: 0; padding: 0; height: 28px; list-style-type: none; /* relative for feature */ position: relative; z-index: 999; } 
.menu li		{ height: 100%; border-right: 1px solid #ddd; line-height: 28px; float: left; position: relative; }
.menu .ar		{ border-right: 0; border-left: 1px solid #ddd; float: right; }
.menu li a, .menu li span	{ padding: 0 12px; display: block; cursor: pointer; }
.menu li a:hover, .menu li span:hover, .menu li span.hover	{ color: #fff; background: #c00; text-decoration: none; }
.menu li:hover .pad, .menu li.hover .pad	{ display: block; }
.menu .pad		{ width: 150px; border: 1px solid #c00; border-width: 0 3px 3px; background: #fff; display: none; position: absolute; cursor: default; }
.menu .pad a	{ border-top: 1px solid #ddd; }
.menu .col2		{ width: 200px; }
.menu .col2 div	{ width: 100px; float: left; }

.dot		{ padding-left: 24px; background: url(bg_dot.gif) no-repeat; }
.dot.dv		{ background-position: left top; }
.dot.ar		{ background-position: left -40px; }
.dot.r1		{ background-position: left -80px; }
.dot.r2		{ background-position: left -120px; }
.dot.r3		{ background-position: left -160px; }
.dot.r4		{ background-position: left -200px; }
.dot.r5		{ background-position: left -240px; }
.dot.r6		{ background-position: left -280px; }
.dot.r7		{ background-position: left -320px; }
.dot.r8		{ background-position: left -360px; }
.dot.r9		{ background-position: left -400px; }
.dot.r10	{ background-position: left -440px; }
.dot.ab		{ background-position: left -480px; }
.dot.li		{ background-position: left -520px; }

.widget	h3	{ margin: 0; padding: 4px 8px; color: #fff; background: #c00; font-size: 12px; }
.widget .box	{ margin: 0; padding: 10px; }
.widget p	{ margin: 0; padding: 0; }
.widget img	{ margin: 2px; }
.widget h3 a	{ color: #fff; font-size: 12px; font-weight: normal; float: right; }
.widget dl	{ margin: 0; padding: 0; }
.widget dd	{ margin: 0; padding: 2px 8px 2px 24px; }

.block		{ width: 220px; border: 1px solid #ccc; float: left; }
.block dl	{ margin: 0; padding: 2px 10px 8px 10px; }
.block dt	{ margin: 0; padding: 2px 8px 2px 24px; border-bottom: 1px solid #ccc; font-weight: bold; }
.block dd	{ margin: 0; padding: 2px 8px 2px 24px; width: 165px; white-space: nowrap; overflow: hidden; }

.post		{ margin-bottom: 10px; border: 1px solid #ccc; }
.post h3	{ margin: 0; padding: 2px 12px; background: url(bg_bar.gif) repeat-x; font-size: 12px; }
.post dl	{ margin: 0; padding: 4px 8px; font-size: 12px; }
.post dd	{ margin: 0; padding: 2px 8px 2px 24px; background: url(bg_dot.gif) no-repeat left -520px; }
.post .spt	{ height: 19px; padding: 2px 8px 8px 0; color: #fff; background: url(bg_spt.gif) no-repeat right top; font-size: 12px; text-align: right; }
.post .spt a	{ color: #fff; }

.post2		{ margin-bottom: 10px; padding: 0; }
.post2 dl	{ margin: 0; padding: 0; width: 328px; border: 1px solid #ccc; float: left; }
.post2 dt	{ margin: 0 8px; padding: 2px 8px 2px 24px; border-bottom: 1px solid #ccc; font-weight: bold; }
.post2 dd	{ margin: 0 8px; padding: 2px 8px 2px 24px; }
.post2 .lb	{ margin-right: 5px; }

.toc		{ text-align: center; border-bottom: 1px solid #ccc; }
.detail		{ font-size: 14px; line-height: 185%; }
.row		{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #ccc; }
.row .sum span	{ margin: 0 4px; float: right; }

/* layout */
#layout		{ margin: 15px auto; padding: 10px 15px; width: 940px; border: 1px solid #ddd; background: #fff; }
#ctrl		{ top: 10px; left: 10px; width: 120px; height: 180px; padding: 8px; border: 1px solid #f60; background:#fc0; position: fixed; z-index: 1000; }

#navi		{ padding: 2px 0; border: 1px solid #f0f0f0; border-width: 1px 0; text-align: right; }
#navi span	{ float: left; }
#navi a		{ padding: 2px 12px; color: #c00; }
#navi a:hover	{ color: #fff; background: #c00; text-decoration: none; }

#header		{ height: 80px; }
#logo		{ margin-top: 10px; width: 265px; height: 60px; background: url(logo.gif) no-repeat; float: left; }
#menu		{ border-top: 1px solid #f0f0f0; border-bottom: 3px solid #c00; }

#main		{ margin-top: 15px; width: 665px; float: left; }
#sidebar	{ margin-top: 15px; width: 260px; float: right; }
#browse		{ margin-bottom: 15px; padding: 4px 8px; border: 1px solid #e6e6e6; color: #333; }

#feature-mask	{ width: 662px; height: 250px; border: 1px solid #ccc; position: relative; overflow: hidden; }
#feature		{ padding: 10px; position: absolute; }
#feature div	{ width: 642px; height: 250px; overflow: hidden; /* float: left; */ }
#feature-handle			{ height: 22px; text-align: right; }
#feature-handle span	{ margin-left: 2px; padding: 0 5px; color: #fff; background: #000; cursor: pointer; }
#feature-handle span.active, #focus-handle span:hover{ background: #c00; }
#feature h2		{ margin: 0; padding: 0 0 8px 0; font-size: 16px; font-family: "Microsoft YaHei",Arial; }
#feature p		{ margin: 0; padding: 0; }
#feature img.hp	{ width: 200px; height: 230px; float: right; margin: 0 0 0 6px; }

#link		{ margin-top: 10px; padding: 15px; border-top: 1px solid #e6e6e6; text-align: center; }
#link a		{ margin: 0 4px; text-decoration: underline; }

#ad-h		{ margin-top: 10px; width: 468px; height: 60px; float: right; }
#ad-s		{ margin-bottom: 10px; padding: 10px; background: #f0f0f0; }

#footer		{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #e6e6e6; color: #333; text-align: right; }
#footer span	{ float: left; }
#footer a		{ border-bottom: 1px dotted #333; color: #c00; }
#footer a:hover	{ border-bottom: 0; }