/* main */
html, body		{ margin: 0; padding: 0; border: 0; }
body			{ font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 12px; line-height: 165%; }
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: #039; text-decoration: none; }
a:hover			{ color: #f30; text-decoration: underline; }
ul				{ margin: 0; padding: 0 0 0 16px; }
p				{ margin: 0; }

dl				{ margin: 0; padding: 0px; }
dt, .subtt		{ padding: 4px 0; font-weight: bold; }
dd				{ margin: 0; padding-left: 24px; }

.clr			{ clear: both; font-size: 0; line-height: 0; height: 0; }
.hi				{ color: #c00; }
.lo				{ color: #999; }
.mi				{ color: #a12a2a; }
.hot1			{ color: #006400; }
.hot2			{ color: #8B0000; }
.hot3			{ color: #FF4500; }
.seg			{ font-weight: bold; }
.ref			{ color: #f60; }
.detail			{ font-size: 14px; line-height: 180%; overflow: hidden; }

input, textarea, select, button	{ font-size: 12px; }
textarea		{ line-height: 150%; }
button			{ height: 26px; width: 77px; border: 0; background: url(btn.png) no-repeat left top; line-height: 26px; }
button:hover	{ background-position: left -36px; }
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; }

form.mce div	{ margin: auto; }
form.mce span	{ width: auto; float: none; }
form.mce .mcl	{ margin: 6px 0; }

/* components */
.dlg			{ color: #333; position: absolute; }
.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(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(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(dlg.gif) no-repeat left top; position: absolute; cursor: se-resize; }

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

.lbOverlay		{ left: 0; top: 0; width: 100%; background: #000; position: absolute; cursor: pointer; display: none; }
.lbBox			{ left: 50%; background: #fff; position: absolute; display: none; }
.lbStage		{ height: 100%; position: relative; z-index: 102; }
.lbBottom		{ padding: 0 10px 10px 10px; color: #666; background: #fff; position: relative; z-index: 101; }
.lbNavi			{ width: 60px; border-left: 1px solid #ccc; float: right; }
.lbPrev, .lbNext, .lbClose	{ width: 18px; height: 16px; background: transparent url(ltbox.gif) no-repeat; outline: none; float: right; }
.lbPrev			{ background-position: left top; }
.lbNext			{ background-position: -20px top; }
.lbClose		{ background-position: -40px top; }
.lbPrev:hover	{ background-position: left -22px; }
.lbNext:hover	{ background-position: -20px -22px; }
.lbClose:hover	{ background-position: -40px -22px; }
.lbCounter		{ padding: 6px 0; text-align: right; clear: both; }
.lbCaption		{ margin-right: 70px; padding: 6px 0; }
.lbBox .loading	{ background: #fff url(loading.gif) no-repeat center; }

.fold-toggler		{ padding: 0 0 2px 22px; background: url(ico16.png) no-repeat left -680px; font-weight: bold; cursor: pointer; }
.fold-toggler.on	{ background-position: left -720px; }
.fold-element		{}

.notimoo			{ padding: 10px 10px 10px 36px; border: 1px solid #fff; background: #f60 url(noti.gif) no-repeat 2px 10px; color: #fff; position: absolute; z-index: 1100; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.notimoo .title		{ font-weight: bold; border-bottom: 1px solid; }
.notimoo .message	{ margin-top: 2px; }
.notimoo a			{ color: #fff; text-decoration: underline; }
.notimoo a:hover	{ color: #06f; text-decoration: underline; }

.lv					{ border: 1px solid #828790; background: #fff; overflow: auto; cursor: default; }
.lv .item			{ padding: 0 4px; }
.lv .active			{ color: #fff; background: #39f; }
.lv .item:hover, .lv .item .hover	{ color: #333; background: #ccc; }

.menuitem			{ cursor: pointer; }
/*.menuitem span	{ padding: 0 12px; display: block; } */
.menuitem span a, .menuitem span.more 	{ padding: 0 12px; display: block; }
.menuitem a:hover	{ text-decoration: none; }
.menuitem:hover .menupad, .menuitem.hover .menupad	{ display: block; }
.menupad			{ padding: 8px; border: 1px solid; display: none; position: absolute; z-index: 1000; cursor: default; }
.menupad dl			{ margin: 0; padding: 0; width: 150px; line-height: 150%; float: left; }
.menupad dl.more	{ margin-right: 10px; border-right: 1px dotted #ccc; }
.menupad dt			{ font-weight: bold; }
.menupad dd			{ margin: 0; padding: 0 0 0 16px; background: url(bullet.png) no-repeat 2px 8px; }
.menupad a:hover	{ text-decoration: underline; }

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

.thumbs				{ height: 86px; border: 1px solid #ccc; background: #fff; overflow-x: auto; white-space: nowrap; }
.thumbs img			{ margin: 8px; border: 1px solid #ccc; width: 50px; height: 50px; cursor: pointer; }
.thumbs img:hover	{ border: 1px solid #c00; }

.album-photo		{ margin: 5px 10px; width: 150px; height: 150px; cursor: pointer; float: left; position: relative; overflow: hidden; }
.album-photo .casp	{ width: 100%; height: 100%; background: no-repeat center center; display: block; }
.album-photo .caso	{ top: 168px; padding: 8px; width: 134px; color: #fff; background: #333; position: absolute; }
.heart				{ height: 16px; width: 16px; background: url(hearts.png) no-repeat left top; float: left; cursor: pointer; }
.heart.off			{ background-position: left -20px; }
img.album			{ border: 2px solid #ddd; cursor: pointer; }
img.album:hover, img.album.hover 	{ border: 2px solid #f63; }

.photo			{ width: 152px; height: 152px; background: url(avatar.png) no-repeat; }
.photo div		{ width: 100%; height: 100%; background: center 10px no-repeat; }
.usr-on			{ background-position: left top; }
.usr-lazy		{ background-position: left -200px; }
.usr-off		{ background-position: left -400px; }

.card			{ margin: 4px 0; width: 80px; text-align: center; float: left; }
.avatar			{ margin: auto; width: 62px; height: 63px; background: url(avatar.png) no-repeat; }
.avatar a		{ width: 100%; height: 100%; background: no-repeat center 5px; display: block; }
.ava-on			{ background-position:  -200px top; }
.ava-lazy		{ background-position:  -200px -100px; }
.ava-off		{ background-position:  -200px -200px; }

.spin			{ margin: 6px auto; width: 145px; height: 26px; background: url(spin.gif) no-repeat; cursor: pointer; }
.spin.up		{ background-position: left -40px; }
.spin.dw		{ background-position: left -80px; }
.spin.upoff		{ background-position: left 0px; }
.spin.dwoff		{ background-position: left -120px; }

.ico16			{ padding: 0 0 2px 22px; background: url(ico16.png) no-repeat left -1120px; }
.ico-dot		{ background-position: left -1120px; }
.ico-pin		{ background-position: left -160px; }
.ico-pin2		{ background-position: left -200px; }
.ico-lock		{ background-position: left -320px; }
.ico-up			{ background-position: left -600px; }
.ico-down		{ background-position: left -640px; }
.ico-rep		{ background-position: left -40px; }
.ico-rem		{ background-position: left -280px; }
.ico-edit		{ background-position: left -520px; }
.ico-tip		{ background-position: left -560px; }
.ico-rss		{ background-position: left -920px; }
.ico-tag		{ background-position: left -880px; }
.ico-thumb		{ background-position: left -960px; }

.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; }
.row .cell span	{ width: 80px; text-align: center; min-height: 1px; }
.row .pin		{ float: right; display: none; }
.row:hover .pin, .row.hover .pin	{ display: block; }

.toc .row		{ margin: 0 0 16px 0; width: 100%; }
.toc .avatar	{ margin: 0 0 0 12px; float: right; }
.toc .inner		{ margin: 0 74px 0 0; }

.wpad			{ padding: 8px; background: #fff; color: #000; border: 1px solid #666; }

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

.skywave		{ background: #fff url(skywave.jpg) center top no-repeat; }
.bluelogo		{ background: url(bluelogo.png) no-repeat; }

#mod-msg		{ margin: auto; padding: 60px 0 60px 40px; width: 220px; background-position: left 52px; background-repeat: no-repeat;	}
.mod-loading	{ background-image: url(spinner.gif); }
.mod-missing	{ background-image: url(stop32.gif); }

/* layout */
#layout			{ padding-bottom: 2px; }

#header			{ margin: 0 auto; width: 960px; }
#banner			{ text-align: center; }
#brand			{ height: 58px; position: relative; }
#logo			{ margin: 12px 0 0 16px; width: 165px; height: 32px; background: url(myhersp.png) no-repeat; float: left; }
#owner			{ margin: 12px 0 0 8px; padding-left: 12px; border-left: 1px solid; float: left; }

#search			{ margin: 16px 30px 0 0; float: right; }
#search div		{ margin: 0; }
#search .searchbox			{ width: 260px; height: 24px; border: 0; background: url(btn.png) no-repeat left -180px; float: left; }
#search .searchweb			{ margin-left: 4px; width: 25px; height: 24px; border: 0; background: url(btn.png) no-repeat -275px -180px; float: left; }
#search .searchbox input	{ margin: 4px 0 0 4px; width: 240px; border: 0; background: url(google.gif) no-repeat; }

#menu			{ margin: 0; padding: 0; height: 27px; list-style-type: none; }
#menu li		{ height: 100%; border: 1px solid; border-width: 0 1px 0 0; line-height: 27px; float: left; }
#menu .ar		{ border-width: 0 0 0 1px; float: right; }
#menu .tip		{ padding: 0; width: 24px; height: 100%; background: url(ico16.png) no-repeat center -555px; float: right; }
#menu li.ico	{ width: 24px; }

#main			{ margin: 0 auto; width: 960px; }
#footer			{ margin: 0 auto; padding: 12px 0; width: 960px; text-align: center; }

/* boxes */
.box			{ margin-bottom: 16px; }
.box .top, .box .cap .box .bot, .box .top div, .box .cap div, .box .bot div	{ background-repeat: no-repeat; }
.box .top div, .box .bot div	{ margin: 0 10px 0 0; height: 8px; font-size: 0; line-height: 8px; }
.box .cap div	{ margin: 0 10px 0 0; padding: 0 0 0 10px; height: 30px; font-size: 12px; line-height: 30px; font-weight: bold; }
.box .cap .ar	{ float: right; cursor: pointer; }

.boxa .top		{ background-position: right -250px; }
.boxa .top div	{ background-position: left -200px; }
.boxa .bot		{ background-position: right -272px; }
.boxa .bot div	{ background-position: left -222px; }
.boxa .mid		{ padding: 1px 8px; }

.boxb .cap		{ background-position: right -50px; }
.boxb .cap div	{ background-position: left 0px; }
.boxb .bot		{ background-position: right -174px; }
.boxb .bot div	{ background-position: left -124px; }
.boxb .mid		{ padding: 8px; }

.boxc .top		{ background-position: right -150px; }
.boxc .top div	{ background-position: left -100px; }
.boxc .bot		{ background-position: right -174px; }
.boxc .bot div	{ background-position: left -124px; }
.boxc .mid		{ padding: 2px 8px; }