/* common style */
form input, form textarea, form button, form select {border-radius:.5em;border:1px solid #cc9966;padding:5px;}
.box {display:none;position:absolute;background:#8f9966;color:#ffffcc;border:1px solid #f5ffcc;border-radius:.8em;}
.box .box-header {background:#50592b;text-align:center;text-shadow:#293300 0px 1px 1px;border-top-left-radius:.8em;border-top-right-radius:.8em;}
.box .box-content {padding:10px}
.box input, .box textarea {color:#546633;background:#ffffcc;}
.small {font-size:12px;}
.middle {font-size:14px;}
.large {font-size:16px;}
.clear {clear:both;}

/*button*/
.button {display:inline-block;cursor:pointer;padding:5px;text-align:center;border:1px solid #999966;border-left:0;border-top:0;font-weight:bold;background:#663300;color:#ffffcc;text-shadow:0 1px 1px 0 #330000;border-radius:.5em;font-size:12px;}
.button-down {border-color:#663300;}
.button-disabled {background:#808080;color:#aaa}
.btn-inline {display:inline-block;}
a.link, a.link:hover, a.link:active, a.link:visited {color:#0000cc;text-decoration:none;cursor:pointer;}
.link-contain {padding:0 5px;}

/* icons */
.li-icon {background: #333300;background: rgba(0,0,0,.4);background-image: url(./res/icons-18-white.png);background-repeat: no-repeat;border-radius: 9px;}
/* plus minus */
.li-icon-plus {background-position: -0 50%;}
.li-icon-minus {background-position: -36px 50%;}
/* delete/close */
.li-icon-delete {background-position: -72px 50%;}
/* arrows */
.li-icon-arrow-r {background-position: -108px 50%;}
.li-icon-arrow-l {background-position: -144px 50%;}
.li-icon-arrow-u {background-position: -180px 50%;}
.li-icon-arrow-d {background-position: -216px 50%;}
/* misc */
.li-icon-check {background-position: -252px 50%;}
.li-icon-gear {background-position: -288px 50%;}
.li-icon-refresh {background-position: -324px 50%;}
.li-icon-forward {background-position: -360px 50%;}
.li-icon-back {background-position: -396px 50%;}
.li-icon-grid {background-position: -432px 50%;}
.li-icon-star {background-position: -468px 50%;}
.li-icon-alert {background-position: -504px 50%;}
.li-icon-info {background-position: -540px 50%;}
.li-icon-home {background-position: -576px 50%;}
.li-icon-right {right:10px;}
.li-icon-left {left:10px;}

/* bar */
.button .li-icon {width:18px;height:18px;position:absolute;top:50%;margin-top:-9px;}
.button .btn-text {padding-left:22px;padding-right:6px;text-shadow:0 1px 1px none;}
.bar-btn {margin-left:5px;padding:5px 8px;}
.bar-btn-disabled {margin-left:5px;padding:5px 8px;background:#808080;color:#aaa;}
.bar-btn-left {position:absolute;top:0px;padding:5px 5px;font-size:12px;text-shadow:0 1px 1px none;left:5px;text-align:center;}
.bar-btn-right {position:absolute;top:0px;padding:5px 5px;font-size:12px;text-shadow:0 1px 1px none;right:5px;text-align:center;}

/* listview */
.listview {margin:0;list-style:none;padding:0;}
.listview .li-btn-no, .listview .li-btn {position:relative;list-style:none;padding:0;border: 1px solid #999966;border-width:0 0 1px;font-weight: bold;background:#ffffcc;}
.listview .li-btn-no {cursor:default;}
.listview .li-btn-no .li-btn-text{}
.listview .li-btn-down {background: #eeeeaa;font-weight: bold;}
.listview .li-btn-divider {cursor:default;padding:.3em 0.3em;font-size:14px;font-weight:bold;counter-reset:listnumbering;}
.listview .li-bar {border: 0;background: #666633 ;color: #ffffcc ;font-weight: bold;}
.listview .li-btn-inner {position:relative;cursor:pointer;min-height:36px;}
.listview .li-btn-text {padding:.1em .3em;display:block;overflow:hidden;text-overflow:ellipsis;text-decoration:none;}
.listview .li-has-split .li-btn-text {padding-right:0;}
.listview .li-has-count {}
.listview .li-has-img {padding-left:45px;}
.listview .li-has-split {padding-right:35px;}
.listview .li-icon {width:18px;height:18px;position:absolute;top:50%;margin-top:-9px;}
.listview .li-btn-split {position:absolute;cursor:pointer;width:35px;height:100%;margin:0;padding:0;top:0;right:0;border-left:1px solid #999966;z-index:2;}
.listview .li-header {font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.listview .li-desc {font-size:14px;font-weight:normal;overflow:hidden;margin:0 5px 5px;text-overflow:ellipsis;white-space:nowrap;}
.listview .li-desc-wrap {overflow:visible;white-space:normal;line-height:150%;margin:5px;}
.listview .li-desc .button {padding:1px 5px;border-radius:.5em;font-size:12px;}
.listview .li-count {font-size:12px;margin-top:.3em;padding:.2em .5em;position:absolute;right:5px;font-weight:normal;}
.listview .li-has-split .li-count {right:40px;}
.listview .li-count-split {padding:2px;}
.listview .li-aside {position:absolute;right:.5em;width:30%;text-align:right;top:.8em;font-size:12px;}
.listview .li-has-split .li-aside {right:35px;}
.listview .li-float-right {position:absolute;right:5px;bottom:5px;font-size:12px;padding:.2em .5em;}
.listview .li-has-split .li-float-right {right:35px;}
.listview .small {font-size:12px;}
.listview .middle {font-size:14px;}
.listview .large {font-size:16px;}
.listview .title-good {color:#FF0000;padding-right:5px;text-shadow:1px 1px 0 #999966;}
.listview .title-top {color:#00FF00;padding-right:5px;text-shadow:1px 1px 0 #999966;}
.listview .title-family {color:#ffcc00;margin-right:5px;padding:2px;text-shadow:1px 1px 0 #12250c;font-weight:bold;}
.listview .li-header .title-family {font-size:16px;}
.listview .middle .title-family {font-size:14px;}
.listview .li-img {width:32px;height:32px;position:absolute;top:50%;margin-top:-16px;left:5px;border:0;}

/* listinset */
.listinset {color:#ffffcc;margin:0;margin-top:10px;list-style:none;padding:0;border-radius:.5em;border:1px solid #cccc99;}
.listinset .li-btn {list-style:none;border: 1px solid #cccc99;border-width:0 0 1px;padding:0;}
.listinset .li-btn-top {border-top-left-radius:.5em;border-top-right-radius:.5em;}
.listinset .li-btn-bottom {border-bottom-left-radius:.5em;border-bottom-right-radius:.5em;border-width:0;}
.listinset .li-btn-label {padding:5px;display:inline-block;width:80px;text-align:center;}
.listinset .li-btn-text {padding:5px;display:inline-block;}

/* listcell */
.listcell {margin:0;margin-top:10px;list-style:none;padding:0;border-radius:.5em;border:1px solid #666633;background:#ffffcc}
.listcell .li-btn {cursor:pointer;list-style:none;padding:0;display:inline-block;}
.listcell .li-btn-top-left {border-top-left-radius:.5em;}
.listcell .li-btn-top-right {border-top-right-radius:.5em;}
.listcell .li-btn-bottom-left {border-bottom-left-radius:.5em;}
.listcell .li-btn-bottom-right {border-bottom-right-radius:.5em;}
.listcell .li-btn-text {position:relative;padding:5px;display:block;text-align:center;border:1px solid #666633;border-width:0 1px 1px 0;}
.listcell .li-count {color:#0000cc;font-weight:bold;}
.listcell .li-btn-text-right {border-right-width:0;}
.listcell .li-btn-text-bottom {border-bottom-width:0;}
.listcell .li-btn-w25 {width:25%}
.listcell .li-btn-w33 {width:33%}
.listcell .li-btn-w34 {width:34%}
.listcell .li-btn-w100 {width:100%}
.listcell .li-btn-down {background:#cccc99;}
.listcell .li-icon {width:18px;height:18px;position:absolute;top:50%;margin-top:-9px;}
.listcell .text-left {text-align:left;padding-left:10px;}
.listcell .text-title {display:block;padding-left:30px;}
.listcell .text-desc {display:block;padding-left:30px;color:#666;}

.msg-list {margin:5px;}
.msg-left {text-align:left;}
.msg-right {text-align:right;}
.msg-list .msg-time {text-align:center;color:#cccc99}
.msg-list .msg-body {display:inline-block;max-width:85%;min-width:65%;border:1px solid #12250c;border-radius:.8em;background:#cccc99;padding:5px;line-height:1.5;}
.msg-left .msg-body {position:relative;text-align:left;border-top-left-radius:0;padding-right:18px;}
.msg-right .msg-body {position:relative;text-align:right;border-top-right-radius:0;padding-left:18px;background:#ffffcc;}
.msg-left .msg-time {text-align:left;}
.msg-right .msg-time {text-align:right;}
.msg-list .msg-body .button {width:22px;height:22px;position:absolute;border-radius:11px;padding:0;background:#cccc99;}
.msg-list .msg-body .button .li-icon {position:absolute;margin:0;}
.msg-left .msg-body .button {top:-6px;right:-6px;}
.msg-left .msg-body .button .li-icon {top:2px;right:2px;}
.msg-right .msg-body .button {top:-6px;left:-6px;}
.msg-right .msg-body .button .li-icon {top:2px;left:2px;}
.msg-send {position:fixed;left:13px;right:13px;bottom:95px;background:#cccc99;z-index:1005;}
.msg-send .msg-send-fields {position:relative;height:37px;}
.msg-send .msg-send-fields .msg-send-area {padding:5px 75px 5px 5px;}
.msg-send .msg-send-fields .msg-send-area input {width:100%;}
.msg-send .msg-send-fields .button {position:absolute;right:0;top:0;margin:5px;width:45px;padding:5px 3px;font-size:12px;}

/* navbar */
.navbar-container {color:#999966;width:100%;}
.navbar {list-style:none;padding:0;margin:0;}
.navbar li {float:left;border-radius:.5em;cursor:pointer;}
.navbar li.active {background:#999966;color:#12250c;font-weight:bold;}
.navbar .navbar-text {display:block;padding:0.2em 1em;}

/* form */
.field-group {padding:5px;color:#ffffcc;}
.field-group .label {display:inline-block; width:70px; text-align:left;}
.field-group .field {display:inline-block;}
.button-group {padding:5px 0 5px 70px;}
.field-contain {padding:5px;width:95%;}
.field-contain label {display:block;}
.field-contain input, .field-contain textarea {display:block; width:100%;}
.field-contain .button {display:block; border-radius:.5em; padding:5px; width:100%; font-size:14px;}

/* forum page style */
#forum_div {display:none;position:absolute;left:0;top:0;background:#12250c;padding:0;z-index:999;}
#forum_div .bar-header, #forum_div .bar-footer {position:absolute;left:13px;right:13px;z-index:1001;border-left-width:0;border-right-width:0;background:#12250C;background:url(./res/bbs-title-bg.png) repeat-x top;}
#forum_div .bar-header {top:10px;height:30px;}
#forum_div .bar-footer {bottom:10px;height:30px;}
#forum_div .bar-footer .bar-inner {position:relative;}
#forum_div .bar-header .button {margin-top:-1px;}
#forum_div .bar-footer .button {}
#forum_div .bar-footer .bar-left {position:absolute;top:0;left:0;height:30px;min-width:150px;text-align:left;padding-top:3px;}
#forum_div .bar-footer .bar-right {position:absolute;top:0;right:0;height:30px;min-width:60px;text-align:right;padding-top:3px;padding-right:5px;}
#forum_div .bar-header h1 {color:#ffffcc;min-height:1.1em;text-align:center;font-size:14px;display:block;margin:.3em 30%;padding:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;outline:0;}
#forum_div .bar-header h1 a {color:#fff;}
#forum_div .forum-content {position:absolute;background:#999966;top:40px;bottom:40px;left:13px;right:13px;overflow:hidden;}
#forum_div .forum-content .content-text {padding:10px;line-height:150%;}
.content-text .button {padding:1px 5px;border-color:#cccc99;}
.content-text .button-down {border-color:#666633;}
#forum_div .forum-content .msg-list-container {padding-bottom:60px;}

#search-history {padding:0;margin:10px 5px;}
#forum_bg {z-index:1012;position:absolute;left:0;top:0;right:0;bottom:0;display:none;background:url(./res/login_bg.png);}
.forum-popmenu, .forum-setarea, .forum-confirm {z-index:1013;position:absolute;background:#999966;display:none;border-radius:.5em;}
.forum-popmenu {padding:5px;width:90px;}
.forum-popmenu .button {display:block;width:80px;margin:6px 0;}
.forum-confirm {top:50%;left:50%;}
.forum-confirm .confirm-content {font-size:14px;font-weight:bold;color:#ffffcc;padding:20px 10px 10px 10px;margin:0;}
.forum-confirm .confirm-button {text-align:right;padding:10px 10px 20px 10px;}
.forum-confirm .confirm-button .button {width:80px;margin-left:10px;}
.forum-setarea {padding:5px;left:20px;top:60px;right:20px;overflow:auto;}
.forum-setarea .button {display:inline-block;width:50px;margin:3px;}

#search_div {border-radius: .5em;padding:10px;background:#12250C;}
#searchForm .field-contain {padding:5px 0;width:100%;}
#searchForm .field-contain .input {display:inline-block;padding:5px;line-height:1.4;}
#searchForm .field-contain .button {display:inline-block;padding:5px 0;margin-left:5px;line-height:1.4;}