/* main */
html, body	{ margin: 0; padding: 0; border: 0; color: #000; background: #fff; }
body		{ font-family: Tahoma,Verdana,Arial,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; }
a			{ color: #075db3; text-decoration: none; }
a:hover		{ color: #f60; text-decoration: underline; }
.clr		{ clear: both; }

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; }

/* components */
.hi				{ color: #a12a2a; }
.lo				{ color: #999; }
.hot1			{ color: #006400; }

.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; }

.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 .active	{ color: #c00; }
.paging input	{ margin: 0 4px; width: 36px; border: 1px solid #ccc; }

.menu			{ margin: 0; padding: 0 8px; height: 26px; color: #fff; background: #003499 url(bkg_header3.png) no-repeat; list-style-type: none; }
.menu .rc		{ border-width: 0; }
.menu li		{ height: 100%; border-right: 1px dotted #a6a6a6; line-height: 26px; float: left; cursor: pointer; position: relative; cursor: pointer; }
.menu li:hover, .menu li.hover	{ background: #c00; }
.menu li:hover .pad, .menu li.hover .pad	{ display: block; }
.menu li span	{ padding: 0 20px; display: block; clear: both; }
.menu .pad		{ padding: 8px; border: 1px solid #999; color: #000; background: #fff url(bkg_box.jpg) repeat-x; display: none; position: absolute; cursor: default; }
.menu .pad dl	{ margin: 0; padding: 0; width: 168px; line-height: 150%; float: left; }
.menu .pad dl.moo	{ margin-right: 10px; border-right: 1px dotted #999; }
.menu .pad dt	{ font-weight: bold; }
.menu .pad dd	{ margin: 0; padding: 0 0 0 16px; background: url(bullet.png) no-repeat 2px 8px; }
.menu .pad a		{ color: #000; }
.menu .pad a:hover	{ color: #c00; }
.menu .pad.col2	{ width: 347px; }
.menu .pad.col3	{ width: 526px; }
.menu .pad.col4	{ width: 705px; }
.menu .pad.rtl	{ left: -100px; }
.menu .pad.rtl2	{ left: -200px; }

.box			{ border: solid #83abc6; border-width: 0 1px; background: url(bkg_box.jpg) repeat-x left 37px; }
.box-c1			{ border: solid #83abc6; border-width: 0 1px; height: 1px; margin: 0 1px; font-size: 0; line-height: 0; }
.box-c2			{ border: solid #83abc6; border-width: 0 0 1px 0; height: 0; margin: 0 2px 20px 2px; font-size: 0; line-height: 0; }
.cap			{ background: url(bkg_cap.jpg) no-repeat; height: 37px; }
.cap.hot		{ background-position: left top; }
.cap.course		{ background-position: left -40px; }
.cap.region		{ background-position: left -80px; }
.cap.links		{ background-position: left -120px; }
.cap.prof		{ background-position: left -160px; }
.cap.tags		{ background-position: left -200px; }

.box .inner		{ padding: 12px; }
.box .seg		{ font-weight: bold; }
.box ul			{ margin: 0; padding: 0 8px 0 20px; }
.box a			{ color: #000; }
.box a:hover	{ color: #c00; }

.tag			{ padding-left: 16px; background: url(ico_tag.gif) no-repeat left 2px; }
.tag.c2			{ color: #f60; }
.tag.c3			{ color: #c00; }

/* layout */
.layout			{ margin: 0 auto; width: 920px; }

.navi			{ padding: 0 30px 0 20px; height: 22px; background: #1e77d3 url(bkg_header1.png) no-repeat; text-align: right; }
.navi a			{ margin: 0 6px; color: #fff; /*line-height: 22px;*/ }
.navi span		{ color: #fff; float: left; }
.key			{ padding-left: 20px; background: url(key.gif) no-repeat; }

.brand			{ height: 50px; background: #0a6cce url(bkg_header2.png) repeat-y right top; }
.brand .logo	{ margin: 10px 0 0 6px; width: 152px; height: 32px; background: url(hersp.png) no-repeat; position: absolute; }
.brand .search	{ margin: 9px 0 0 320px; position: absolute; }
.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; }

.col-l			{ margin-top: 12px; width: 250px; float: left; }
.col-r			{ margin-top: 12px; width: 650px; background: url(bkg_sky.jpg) no-repeat left -40px; float: right; }

.topic			{ padding: 12px; }
.topic .avatar	{ float: right; }
.topic .inner	{ float: left; margin: 0; width: 540px; }
.topic .tt		{ margin: 4px 0; font-size: 14px; font-weight: bold; }

.category		{ padding: 12px; background: #fff url(/ui/case/bkg_wave.jpg) no-repeat center top; }
.category .title	{ font-size: 14px; font-weight: bold; }
.category .inner	{ width: 680px; }

.content		{ padding: 16px 60px; background: #fff url(/ui/case/bkg_wave.jpg) no-repeat center top; }
.toc			{ padding: 8px; border-bottom: 1px solid #ddd; }
.detail			{ margin-top: 10px; width: 100%; font-size: 14px; line-height: 180%; /* overflow: hidden; */ }
.detail p		{ margin: 0; text-indent: 2em; }
.detail ul		{ margin-left: 2em; }
.detail table p	{ text-indent: 0; }
.toc span, .row span	{ margin-right: 8px; }

.footer			{ margin-top: 12px; padding: 12px; border-top: 1px solid #003499; background: #fff url(bkg_gradient.png) repeat-y right top; }

#link-tags a	{ margin: 0 10px 0 0; }
#link-tags .c2	{ font-weight: bold; }
#link-tags .c3	{ font-weight: bold; font-size: 14px; }

#process-state	{ padding-left: 16px; color: #999; }

/* print */
@media print {
	.header, .footer, .toc, .comment	{ display: none; }
	.layout		{ width: 100%; }
	.content	{ padding: 0; background: #fff; text-align: justify; }
}