* { font: 12px/1.5 Tahoma, Verdana, Sans-serif, Arial; color: #545454; }
html, body { background-color: #c7c7c7; margin: 0 auto; padding: 0; height: 100%; }
body { width: 800px; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: bold; }
img { border: 0; }
.table { border-collapse: collapse; }
table, th, td { margin: 0; padding: 0; empty-cells:show; }
table caption { text-align: left; }
a { color:#545454; text-decoration: none; }
a:hover { }
a:focus { -moz-outline-style: none; }
form { margin: 0; padding: 0; }
form * { font: 11.5px Verdana; }
form textarea { border: 1px solid #ababab; padding: 5px; word-wrap: break-word; word-break: break-all; }
form .button { padding: 3px 5px; background-color: #e8e8e8; border: 1px solid #c7c7c7; }
form .text { border: 1px solid #ababab; padding: 2px; }
form .checkbox { padding: 0; margin: 0; }

.center { text-align: center; }

#main { padding: 10px; min-height: 100%; background-color: #FFF; }
  #top { margin-bottom: 3px; overflow: hidden; clear: both; }
  #top h1 a { font-size: 16px; float: left; font-weight: bold; }
  #top span { float: right; }
  #topbar { clear: both; border: 1px solid #ababab; border-left: 0; border-right: 0; padding: 3px 0; }
    #menu { background-color: #636363; padding: 2px 0; }
    #menu a { margin: 0px; padding: 5px; color: #fff; }
    #menu a:link { }
    #menu a:visited { }
    #menu a:hover, #menu a.menuhover { background-color: #FFF; color: #545454; }
    #menu a:active { }
    #submenu { padding: 5px; padding-bottom: 0px; }
  #content { overflow: hidden; clear: both; }
  #footer { background-color: #FFF; font-size: 9px; border-top: 1px solid #ababab; padding: 3px 10px 15px 10px; color: #636363; text-align: center; overflow: hidden; clear: both; }

.login { border: 5px solid #c7c7c7; width: 300px; margin: 100px auto; background-color: #fff; padding: 50px 10px; }
.login table { margin: 0 auto; }
.login table th { text-align: right; padding: 3px; }
.login table td { padding: 3px; }

.info { width: 100%; }
.info caption { text-align: right; color: #636363; border-bottom: 1px solid #ababab; padding-bottom: 2px; }
.info td { vertical-align: top; padding: 20px; }
.info table { width: 100%; }
.info table th { text-align: right; background-color: #e8e8e8; color: #545454; border-top: 1px solid #FFF; width: 190px; padding: 5px; }
.info table td { vertical-align: middle; border-bottom: 1px dotted #919191; width: auto; padding: 5px 10px; }

.search { margin: 0 5px; margin-top: 10px; }
.search .button { padding: 0px 5px; }
.search .text, .search select { margin-right: 5px; }

.list { margin: 10px 5px; }
.list table { width: 100%; margin-bottom: 10px; }
.list table th { text-align: left; background-color: #e8e8e8; padding: 3px 5px;  border-top: 1px solid #919191; }
.list table td { padding: 4px 5px;  border-bottom: 1px dotted #919191; }
.list .button { margin: 0 5px; padding: 1px 5px; background-color: #e8e8e8; border: 1px solid #c7c7c7; }

.setting, .config { width: 80%; margin: 10px auto; }
.setting table, .config table { width: 100%; border: 1px solid #ababab; }
.setting caption, .config caption { border-bottom: 1px solid #c7c7c7; padding-top: 30px; padding-bottom: 2px; }
.setting th, .config th { text-align: right; background-color: #e8e8e8; color: #636363; border-bottom: 1px solid #FFF; width: 190px; padding: 7px 10px; }
.setting td, .config td { vertical-align: center; width: auto; padding: 7px 10px; }
.setting .button, .config .button { margin: 20px 20px 20px 310px; }
.setting textarea { width: 305px; height: 40px; overflow: auto; }
.setting .checkbox, .setting .text { margin-right: 5px; }

.record .button { display: block; margin: 20px auto; }

.skin { margin: 20px 0; }
.skin table { width: 100%; }
.skin table td { vertical-align: top; width: auto; padding: 10px; }
.skin table table th { text-align: right; border-top: 1px solid #e8e8e8; width: 80px; padding: 5px; }
.skin table table td { vertical-align: center; border-top: 1px solid #e8e8e8; padding: 5px;  }
.skin iframe { margin: 0; padding: 0; width: 380px; height: 500px; border: 5px solid #e8e8e8; }
.skin select { margin: 0; width: 110px; }
.skin .headertitle { background-color: #e8e8e8; padding: 1px 5px; width: 100px; border-top: 1px solid #c7c7c7; font-weight: normal; text-align: right; }
.skin .button { margin: 15px 5px; padding: 2px 3px; }

.skinedit { margin: 20px auto; width: 95%; }
.skinedit table { width: 100%; }
.skinedit caption { overflow: hidden; padding-bottom: 3px; font-weight: bold; }
.skinedit textarea { border: 5px solid #e8e8e8; width: 95%; height: 400px; word-wrap: normal; overflow: auto; }
.skinedit .button { display: block; margin: 20px auto;; }

.preview { width: 320px; border: 1px solid #c7c7c7; }
.preview th, .preview td { padding: 5px 20px; }
.preview th { background-color: #e8e8e8; border-bottom: 1px solid #FFF; }

.filter { margin: 20px; }
.filter table { width: 100%; margin: 0 auto; }
.filter textarea { width: 90%; height: 400px; border: 5px solid ababab; }
.filter td { text-align: center; padding: 10px; }
.filter .button { margin: 20px; }

.tback .tbcontent { width: 360px; padding: 3px; margin: 2px 0; border: 1px solid #919191; }
.tback .title { margin: 3px 0; font-size: 10.5px; }

.category { margin: 20px; }
.category table { }
.category td { width: auto; vertical-align: top; }
.category .listbox { background-color: #e8e8e8; padding: 10px; }
.category .listbox select { margin:0; margin-top: 4px; }
.category .listbox .button { padding: 0 5px; margin: 0; margin-left: 5px; }
.category .categoryjs { background-color: #fff; width: 260px; height : 500px; border: 1px solid #c7c7c7; padding: 10px; margin-bottom: 5px; clear: both; overflow: auto; }
.category .edit { }
.category .edit th { vertical-align: middle; text-align: right; padding-right: 10px; background-color: #e8e8e8; }
.category .edit td { padding: 5px; }
.category .edit .buttonbox { text-align: center; margin-top: 40px; }
.category .edit .buttonbox .button { margin: 5px; }
.category .dtree { white-space: nowrap; }
.category .dtree img { border: 0; margin: 0; padding: 0; vertical-align: middle; }
.category .dtree a { text-decoration: none; }
.category .dtree .radio { margin: 0; padding: 0; vertical-align: middle; }
.category .dtree a.nodeSel { background-color: #e8e8e8; padding: 0; }
.category .dtree a .outurl { font-weight: bold; }

.clap { margin: 20px 5px; margin-top: 0; }
.clap table { width: 100%; }
.clap table caption { padding: 10px 0; padding-bottom: 2px; font-size: 12px; }
.clap table th { background-color: #e8e8e8; padding: 5px 2px; border-bottom: 1px solid #fff; }
.clap table .th { width: 70px; padding-left: 2px; padding-right: 2px; }
.clap table td { padding: 5px 2px; }
.clap div { padding: 1px; }
.clap div table { border: 1px solid #ababab; }
.clap a { color: #333; text-decoration: underline; }
.clap #clapMonth table .th { padding: 2px; }
.clap #clapMonth table th { border-right: 1px solid #fff; }
.clap #clapMonth table td { padding: 2px 5px; }
.clap #clapMonth .count { width: 640px; overflow: hidden; }
.clap #clapMonth .count span { margin: 0; padding: 0; border: 0; font-size: 6px; background-color: #c7c7c7; }
.clap #clapDate table th { border-right: 1px solid #fff; }
.clap #clapDate table td { text-align: center; padding: 8px 2px; border-right: 1px solid #e8e8e8; }
.clap #clapContent table th { text-align: left; }
.clap #clapContent table td { border-bottom: 1px dotted #ababab; padding: 2px; }
.clap #clapContent .button { border: 1px solid #c7c7c7; background-color: #e8e8e8; padding: 0px; }

.links .text { text-align: center; }

.linkedit { margin: 30px auto; text-align: center; }
.linkedit table { margin: auto; text-align: left; border: 1px solid #c7c7c7; margin-bottom: 20px; }
.linkedit table th { background-color: #e8e8e8; border-bottom: 1px solid #fff; padding: 5px 10px; text-align: right; }
.linkedit table td { padding: 5px; }
.linkedit select { margin: 0 5px; }
.linkedit .text { width: 400px; height: 16px; margin: 0 5px; }

.linkclass { margin: 20px auto; border: 1px solid #c7c7c7; }
.linkclass th { padding: 5px; }
.linkclass td { padding: 0 5px; }
.linkclass form { margin-bottom: 5px;}
.linkclass .text { height: 16px; }
.linkclass .button { margin: 0 5px; }

.guest { margin: 10px 5px 20px 5px; }
.guest ul { list-style: none; margin: 0; padding: 0;}
.guest li { padding: 0; margin: 0; }
.guest li a { text-decoration: underline; color: #636363; }
.guest li .author { margin-top: 5px; color: #313131; font-weight: bold; }
.guest li .author a { font-weight: bold; }
.guest li .author .checkbox { margin: 0; padding: 0; margin-right: 3px; }
.guest li .author .date { margin-left: 8px; font-size: 10px; color: #636363; }
.guest li .author .edit { margin-left: 10px; #color: #313131; }
.guest li .content { margin-left: 5px; padding-top: 5px; color: #636363; }
.guest .reply, .guest .reply1 li { border: 1px solid #ababab; padding: 10px;  padding-top: 5px; margin-bottom: 10px; }
.guest .reply .title { margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #919191; }
.guest .reply .title a { text-decoration: none; font-weight: bold; color: #636363; }
.guest .reply2 { margin-top: 10px; }
.guest .reply2 li { background-color: #e8e8e8; border: 0; margin: 0 0 2px 20px; padding: 10px; padding-top: 5px; }

.guestEdit { border: 5px solid #ababab; padding: 10px 20px; background-color: #fff; }
.guestEdit .ubbcode { padding: 5px 0; margin-bottom: 3px; }
.guestEdit .ubbcode div { margin-bottom: 5px; }
.guestEdit .ubbcode a { padding: 2px; border: 1px solid #c7c7c7; background-color: #e8e8e8; }
.guestEdit .ubbcode a:hover { padding: 2px; border: 1px solid #c7c7c7; background-color: #fff; }
.guestEdit textarea { width: 500px; height: 180px; }
.guestEdit .submit { margin-top: 20px; text-align: center; }
.guestEdit .submit .button { margin: 0 10px; }

.message { margin: 100px auto; width: 420px; border: 5px solid #ababab; padding: 10px; background-color: #fff; }
.message h2 { border-bottom: 1px dotted #c7c7c7; padding: 5px; }
.message div { padding: 10px; }

.pagebound { font-size: 9px; color: #636363; text-align: center; margin: 10px 0px; padding: 10px; border-top: 1px dotted #919191; }
.pagebound a { padding: 4px; font-size: 11px; color: #636363; }
.pagebound .curr { font-weight: bold; color: #313131; }

.database { margin: 20px auto; }
.database th { background-color: #e8e8e8; padding:5px; }
.database td { }
.database .db_left, .database .db_right { width: 200px; padding: 0; border: 1px solid #c7c7c7; background-color: #e8e8e8; }
.database .db_center { width: 300px; height: 350px; border: 3px solid #c7c7c7; }
.database .db_left a, .database .db_right a { display:block; margin: 0; padding: 20px 10px; }
.database .db_left a:hover, .database .db_right a:hover { background-color: #fff;  }

/* for ajax */
.edittag { border: 5px solid #ababab; background-color: #fff; padding: 10px; }
.edittag textarea { width: 460px; height: 320px; overflow: auto; word-wrap: normal; }
.edittag div { padding: 5px; border: 1px solid #919191; }
.edittag .button { width: 100px; margin: 5px; border: 1px solid #c7c7c7; background-color: #e8e8e8; }

.sendtb { border: 5px solid #c7c7c7; background-color: #fff; padding: 20px; }
.sendtb .text { width: 300px; }
.sendtb .button { margin: 5px; border: 1px solid #c7c7c7; background-color: #e8e8e8; }

.choosefile { border: 5px solid #c7c7c7; padding-bottom: 10px; width: 420px; height: 350px; background-color: #fff; overflow: auto; }
.choosefile .table { width: 100%; }
/* for ajax end */