html, body { height: 100%; margin: 0px; padding: 0px; line-height: 150%; background-color: #537BA8;
             scrollbar-track-color: #D1DCE9;
             scrollbar-shadow-color: #D1DCE9;
             scrollbar-highlight-color: #D1DCE9;
             scrollbar-face-color: #D1DCE9;
             scrollbar-darkshadow-color: #D1DCE9;
             scrollbar-3dlight-color: #D1DCE9;
             scrollbar-arrow-color: #FFFFFF;
             scrollbar-base-color: #D1DCE9;
           }
* { 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: 0px 2px; border-bottom: 1px solid #D1DCE9; }
.set_list input { border: 0px; margin: 0px; }
.set_list .input_text input { border: 1px solid #D1DCE9; }

.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; }
form iframe { 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: 350px; }
.section_box table { border: 1px solid #537BA8; margin: 2px; }
.section_box textarea {width: 314px; height: 150px; border: 1px solid #D1DCE9; }
.section_top { width: 350px; background-color: #D1DCE9; padding: 0px 5px; }
.section_top input { height: 14px; margin: 1px 5px 1px 2px; border: 0px; }
.section_top .mess2 {color: #FFF; font-size: 8.5px;}
.section_top .button { background-color: #D1DCE9; height: 15px; color: #537BA8; }

#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: 100px; 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: 100px; height: 100px; border: 1px solid #D1DCE9; text-align: center; }
.albumlist .imagebox img { width: 95px; height: 95px; margin:0px; padding: 0px; }

.pagebound { text-align: right; clear: both; }