/* ===========================================
 * Mophisoft.Chaos Theme - Global
 * Copyright (c) 2007-2010 Mophisoft.com
 * =========================================== */

/* ---------------- Overwrite ---------------- */
body { margin:10px 0; font:400 12px 微软雅黑,"Courier New"; color:#666; line-height:22px; }
ul { margin:0 auto; padding:0; list-style:none; }
textarea { overflow-y:auto; }
img { border:0; }
form { margin:0; }
a { color:#888; text-decoration:none; }
a:hover { color:#444; }

/* ----------------- Layout ------------------ */
#frame { margin:0 auto; width:910px; }

#header, #footer { color:#fff; line-height:25px; }
#header { height:45px; }
#header .l, #header .r { width:10px; height:45px; background-repeat:no-repeat; }
#header .l { float:left; background-position:0 0; }
#header .r { float:right; background-position:-10px 0; }
#header ul { float:left; padding:10px 35px; }
#header li, #footer li { float:left; text-align:center; }
#header li { margin:0 8px; }
#header li a { padding-left:24px; padding-right:2px; display:block; background-repeat:no-repeat; }
#header li a:hover { background-position:0 -24px; }

#footer { height:25px; margin-top:10px; }
#footer .l, #footer .r { width:10px; height:25px; background-repeat:no-repeat; }
#footer .l { float:left; background-position:-20px 0; }
#footer .r { float:right; background-position:-30px 0; }
#footer a { margin:0 10px; }
#copyright { float:right; }

#main { float:left; width:680px; background:#fff; }
#main .zone { padding-top:10px; clear:both; }
#main .zone .area { padding:10px 20px 0; background:#fff; }
#main .zone .area .title, #main .zone .area .body { margin:10px 0; }
.freeList a { padding: 2px; }

.tab, .tab .title { overflow:auto; }
.tab .title .active { background-repeat:no-repeat; background-position:0 -27px; }
.tab .title li { float:left; width:140px; height:27px; line-height:27px; margin-right:5px; text-align:center; cursor:pointer; background-repeat:no-repeat; background-position:0 0; }
.tab .body { background:#fff; padding:10px 10px 0; }
.tab .body li { padding:1px 0; }
.tab .body li a { display:block; padding:0 6px; background:#fff; }

.tab .tl { background:#fff; }
.tab .member { padding:0 10px; }

#sidebar { float:right; width:220px; }
#sidebar .zone { margin:10px 0 0; }
#sidebar .title { padding:0 10px; height:27px; line-height:27px; background-repeat:no-repeat; background-position:0 0; }
#sidebar .body { padding:10px 10px 3px; }
#sidebar .foot { height:7px; background-repeat:no-repeat; background-position:0 -27px; }
#sidebar a { color:#CF7306; }
#sidebar a:hover { color:#E1861A; }

.member { background:#fff; overflow:auto; }
.member li { float:left; margin:1px; }
.member li a { display:block; width:60px; height:75px; padding:10px; text-align:center; overflow:hidden; }

.tl, .tr, .bl, .br { width:10px; height:10px; background-repeat:no-repeat; }
.tl, .bl, .bc { float:left; }
.tr, .br { float:right; }
.tl { background-position:0 0; }
.tr { background-position:-10px 0; }
.bl { background-position:0 -15px; }
.br { background-position:-10px -15px; }
.bc { background:#fff; width:660px; height:10px; }

#pager { clear:both; padding-top:10px; line-height:25px; }
#pager .l, #pager .r { width:10px; height:25px; background-repeat:no-repeat; }
#pager .l { float:left; background-position:0 0; }
#pager .r { float:right; background-position:-10px 0; }
#pager li { float:right; text-align:center; cursor:default; margin:8px; width:11px; height:8px; background-repeat:no-repeat; }
#pager li a { display:block; width:11px; height:8px; background-repeat:no-repeat; }
#pager li, #pager li a { background-image:url(/images/pagebar.gif); }
#pager .no { background:none; font-size:10px; width:40px; margin:0; }
#pager .first { background-position:0 0; }
#pager .previous { background-position:-11px 0; }
#pager .next { background-position:-22px 0; }
#pager .last { background-position:-33px 0; }
#pager .first a { background-position:0 -8px; }
#pager .previous a { background-position:-11px -8px; }
#pager .next a { background-position:-22px -8px; }
#pager .last a { background-position:-33px -8px; }
#pager .first a:hover { background-position:0 -16px; }
#pager .previous a:hover { background-position:-11px -16px; }
#pager .next a:hover { background-position:-22px -16px; }
#pager .last a:hover { background-position:-33px -16px; }

.nav { position:absolute; }
.nav li a { display:block; width:80px; text-align:center; }
.nav .foot { height:3px; width:80px; background-repeat:no-repeat; }

.trait { position:absolute; width:410px; }
.trait ul { height:40px; padding:5px 5px 5px 0; }
.trait li { float:left; cursor:pointer; margin-left:5px; }

#brand { overflow:auto; margin-top:10px; }
#brand li { float:left; margin-right:20px; }
#brand li a { display:block; width:31px; height:31px; }

#links { margin-top:10px; }
#links img { width:88px; height:31px; }

.keepMe { font:400 11px 微软雅黑,"Courier New"; }
.keepMe div { padding-left:20px; }
.keepMe label { cursor:pointer; }

.hidden { display:none; }
.margin { margin-bottom:5px; }

/* ------------------ Elements style ------------------- */
#sitelogo { width:171px; height:29px; float:left; padding:8px 0; background:url(/images/sitelogo.png) no-repeat 0 center; }

.btn { padding:3px 12px; font:400 12px 微软雅黑,"Courier New"; vertical-align:top;  }
.field, textarea { border:#e1e1e1 1px solid; background:#F9F9F9; padding:3px; font:400 12px 微软雅黑,"Courier New"; }
.focus { border:#d1d1d1 1px solid; background:#f6f6f6; }
.error { border:#E0A41C 1px solid; background:#FFFAE2; }
.tag, .view, .comment { padding-left:35px; background-repeat:no-repeat; background-image:url(/images/blogtags.gif); }
.tag { background-position:0 0; }
.view { background-position:0 -18px; }
.comment { background-position:0 -36px; }
.image { width:600px; height:125px; margin:3px 0; }

.usr, .pwd, .mail { width:150px; padding-left:20px; background-image:url(/images/fields.gif); background-repeat:no-repeat; }
.usr { background-position:0 0; }
.pwd { background-position:0 -20px; }
.mail { background-position:0 -40px; }
.says { background:url(/images/says.gif) no-repeat; height:16px; }
.feed { padding-left:14px; background:url(/images/feed.gif) no-repeat 0 center; }
.stat td { border-bottom:#ccc 1px solid; height:24px; padding:0 5px; }
.fieldTip { position:absolute; z-index:10001; color:#fff; background:#E0A41C; padding:0 8px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; -khtml-opacity:0.8; }
.siteSearch { background:url(/images/search.png); width:35px; height:23px; border:0; margin:0; padding:0; vertical-align:top; cursor:pointer; }
.traitList { padding:5px; width:53px; height:53px; }
.folder { background:url(/images/folder.gif) no-repeat;padding-left:20px; }
.file { background:url(/images/file.gif) no-repeat;padding-left:20px; }

.g-btn { width:25px; height:25px; border:0; margin:0; padding:0; vertical-align:top; cursor:pointer; background-color:transparent; background-image:url(/images/buttons.png); }
.search { background-position:0 0; }
.kalendar { background-position:0 -25px; }
.dropdown { background-position:0 -50px; }
.calculator { background-position:0 -75px; }

.foreword { list-style:disc; margin:0 40px 10px; }
.striking { color:red; }

/* -------------------- Font style --------------------- */
.title { font-weight:700; }
.subtitle { font:400 12px 微软雅黑,"Courier New"; overflow:auto; }
.subtitle li { float:left; padding-right:18px; height:18px; }
.topic a { color:#CF7306; }
.tag a { color:#37B350; }
.view a { color:#88A254; }
.comment a { color:#7798AD; }
.time { color:#7E588C; }
.amt { text-align:right; }
.male { color:#393; }
.female { color:#c66; }
.arrow { font:400 9px Tahoma; }
.reply { color:#999; margin-top:10px; }
.balance { color:#369; }

/* ------------------- Chaos.Grid ---------------------- */
.grid td { height:24px; line-height:18px; padding:0 5px; cursor:default; border-bottom:1px solid #ccc; white-space:nowrap; }
.grid .header td { font-weight:700; height:26px; border-top:1px solid #ccc; }
.vLine { border-right:1px solid #ccc; }
.vLine td { border-left:1px solid #ccc; }

/* ----------------- Chaos.Kalendar -------------------- */
.calendar { position:relative; display:none; z-index:20001; }
.calendar table { border:1px solid #95B8E9; font:400 9px Verdana; color:#369; cursor:default; background:#FCF9F9; text-align:center; table-layout:auto; }
.calendar .button { padding:2px; border:1px solid #fff; border-top:0; background:#E2EAF4; font-size:10px; }
.calendar thead .k-hilite { background:#d8e0e4; }
.calendar thead .k-active { background:#AABEE1; }
.calendar thead .title { font-weight:700; font-size:10px; border:1px solid #fff; background:#88A1C0; color:#fff; line-height:20px; }
.calendar thead .name { background:#C3DAF9; padding:0 3px; line-height:18px; }
.calendar thead .weekend { color:#E1577D; }
.calendar tbody td.weekend { color:#E1577D; }
.calendar tbody .day { width:25px; padding:2px; }
.calendar tbody .row-hilite td { background:#E2EAF4; }
.calendar tbody td.k-hilite { background:#AABEE1; }
.calendar tbody td.k-active { background:#88A1C0; }
.calendar tbody td.selected { background:#88A1C0; color:#fff; }
.calendar tbody td.today { background:#E1577D; color:#fff; }
.calendar tbody .emptyrow { display:none; }

/* ------------------- Chaos.Dialog --------------------- */
.dialog { position:absolute; }
.dialog .title { padding-top:2px; font:700 12px 微软雅黑,"Courier New"; float:left; -moz-user-select:none; -khtml-user-select:none; }
.dialog .icon { padding-left:20px; }
.dialog .btn-close { width:15px; height:18px; float:right; }
.dialog .close-over { cursor:pointer; }
.dialog .body { background:#fff; overflow:auto; padding:10px; font:400 12px 微软雅黑,"Courier New"; vertical-align:top; }
.dialog .noPadding { padding:0; }

.popup { padding:0 0 20px 40px; }
.pop-err { background:url(/images/error.gif) no-repeat; }
.pop-warn { background:url(/images/warn.gif) no-repeat; }
.pop-cfm { background:url(/images/question.gif) no-repeat; }
.x-btn { padding:3px 12px; font:400 12px 微软雅黑,"Courier New"; }

.dialog-tl, .dialog-tr, .dialog-bl, .dialog-br { background-repeat:no-repeat; }
.dialog-tl { width:5px; height:25px; background-position:0 0; }
.dialog-tr { width:5px; height:25px; background-position:-5px 0; }
.dialog-bl { width:5px; height:5px; background-position:0 -25px; }
.dialog-br { width:5px; height:5px; background-position:-5px -25px; }
.dialog-t, .dialog-b { background-repeat:repeat-x; }
.dialog-t { background-position:0 0; }
.dialog-b { background-position:0 -25px; }
.dialog-l, .dialog-r { background-repeat:repeat-y; }
.dialog-l { background-position:0 0; }
.dialog-r { background-position:-5px 0; }

/* ----------- Chaos.Mask and Loading -------------------- */
.mask { position:absolute; left:0; top:0; background:#ccc; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }
.loading { position:absolute; font:400 12px 微软雅黑,"Courier New"; -moz-user-select:none; -khtml-user-select:none; cursor:wait; }
.border { margin:2px; background:#fff; }
.loader { margin:5px; padding-left:20px; height:16px; background:url(/images/loader.gif) no-repeat; }
.feedLoader { background:url(/images/loader.gif) no-repeat 0 center; padding-left:22px; }

/* --------------- Chaos.ComboBox --------------------- */
.combo { position:absolute; border:#E3E3E3 1px solid; overflow-x:hidden; overflow-y:auto; z-index:10001; }
.combo li a { background:#F9F9F9; color:#666; cursor:pointer; padding:0 5px; line-height:20px; display:block; }
.combo li a:hover { background:#F0F0F0; color:#333; }

/* ---------------- Chaos.Calculator ------------------- */
.calc { position:absolute; z-index:10001; background:#eee; border:#888 1px solid; padding:3px; }
.calc .btn { padding:3px; width:36px; }
.calc .op { color:red; }