html, body { height: 100%; margin: 0px; padding: 0px; line-height: 150%; background-color: #537BA8; }
* { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11.5px; }

img { border: 0px; }
hr { height: 1px; border: solid #537BA8; }
fieldset { padding: 0px 0px 0px 10px; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }

.set_option { margin: 0px; border: 0px; border-collapse: collapse; }
.set_option th { text-align: right; font-weight: normal; padding: 5px 10px 5px 5px; vertical-align: top; }
.set_option td { padding: 0px 10px 0px 0px; }
.set_option textarea { width: 400px; height: 150px; }

.set_list { width: 100%; margin: 5px 0px; border-collapse: collapse; text-align: center; }
.set_list th { background-color: #D1DCE9; font-weight: bold; padding: 2px; border: 1px solid #D1DCE9; }
.set_list td { padding: 3px 2px; border-top: 1px solid #D1DCE9; }
.set_list select {margin: 0;}
.set_list input { border: 0px; margin: 0px;  }
.set_list .input_text input { border: 1px solid #D1DCE9; }
.set_list .replyList { background-color: #EFF3F8; }
.set_list .replyList td { border: 0px; }

.option input { border: 0px; }
.showopt { font-size: 9.5px; padding: 2px; background-color: #D1DCE9; color: #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; cursor: hand; cursor: pointer; }

#main { width: 600px; margin: 0px auto; }
#top, #footer { color: #D1DCE9; padding: 5px 0px; }
#top h1 { margin: 5px 0px; font-size: 19.5px; }
#header { background-color: #D1DCE9; padding: 5px 10px; color: #537BA8; }
#middle { background-color: #FFFFFF; padding: 10px 15px; }
#footer { text-align: right; }

#top a:link { text-decoration: none; color: #D1DCE9; }
#top a:visited { text-decoration: none; color: #D1DCE9; }
#top a:hover { text-decoration: underline; color:#FFFFFF; }

#middle a:link, a:visited { text-decoration: none; color: #537BA8; }
#middle a:hover { text-decoration: underline; color: #000000; }
#middle a:active { text-decoration: underline; color: #537BA8; }

form { margin: 0px; padding: 0px; }
#upload_frame { margin: 0px; padding: 0px; width: 100%; height: 105px; }
form textarea { font-size: 12.5px; word-wrap: break-word; word-break: break-all; }
form input, textarea, select { border: 1px 1px 1px 1px solid #537BA8; margin: 2px 5px 2px 0px; padding: 2px; }
form input { height: 13px; }
form .button input { margin: 2px 10px 2px 0px; height: 20px; background-color: #D1DCE9; border: 1px solid #537BA8; }

.edit_option { width: 100%; margin: 0px; padding: 0px; }
.edit_option .opt { padding: 0px 2px; vertical-align: top; }
.edit_option .editbox { width: 100%; }
.edit_option input { border: 0px; margin: 5px 2px 3px 0px; }
.edit_option textarea { width: 98%; height: 240px; margin: 0px; padding: 5px; }
.edit_option fieldset { margin: 0px; padding: 0px 5px 5px 5px; }

.section_box { width: 98%; }
.section_box table { border: 1px solid #537BA8; margin: 3px; }
.section_box textarea {width: 98%; height: 200px; border: 1px solid #D1DCE9; }
.section_box td { clear: both; }
.section_top { background-color: #D1DCE9; padding: 1px 5px; }
.section_top div.value { float: left; }
.section_top div.submit { padding: 2px; text-align: right; }
.section_top input { height: 14px; margin: 1px; border: 0px; margin-right: 10px; }
.section_top select { margin-right: 9px; }
.section_top .title_value { width: 260px; }
.section_top .tag_value { width: 140px; }
.section_top .button { width: 60px; border: 1px solid #fff; color: #537BA8; background-color: #D1DCE9; height: 20px; margin: 0px; cursor: pointer; }
.section_top .mess2 { width: 58px; border: 1px solid #fff; color: #fff; font-size: 9.5px; text-align: center; margin-top: 4px; }

.skin_box { width: 98%; }
.skin_box textarea { width: 98%; height: 300px; word-wrap: normal; overflow: auto; }
.skin_box .top_input { width: 75%; }

#upload { width: 100%; height: 300px; background-color: #FFF; }
#upload select { margin: 2px 5px 0px 0px; padding: 0px; width: 350px; height: 45px; float: left; }
#upload .file { width: 350px; height: 20px; font-size: 12.5px; }
#upload .album { width: 170px; height: 20px; font-size: 12.5px; }
#upload .view_box { margin: 0px 3px 0px 0px; padding: 0px; width: 85px; height: 90px; border: 1px solid #537BA8; text-align: center; overflow: hidden; }
#upload .message { margin: 2px 0px; padding: 0px; border: 0px; border-collapse: collapse; }
#upload .message td { padding: 0px; background-color: #D1DCE9; height: 16px; }
#upload .mess1 { height: 16px; padding: 0px 5px; width: 340px; color: #537BA8; overflow: auto; }
#upload .mess2 { padding: 0px; width: 40px; text-align: center; color: #FFF; border-left: 8px solid #FFF; font-size: 8.5px; }

.albumlist { clear: both; }
.albumlist table { float: left; margin: 5px 5px; width: 130px; padding: 0px; border: 0px; border-collapse: collapse; background-color: #D1DCE9; }
.albumlist td { font-size: 9px; padding: 0px 5px; }
.albumlist .imagebox { background-color: #FFF; padding: 3px 5px; width: 130px; height: 100px; border: 1px solid #D1DCE9; text-align: center; }
.albumlist .imagebox img { width: 120px; height: 90px; margin:0px; padding: 0px; }

.skin_edit textarea { width: 98%; height: 350px; }

.pagebound { text-align: right; clear: both; }
