html, body { margin: 0px; padding: 0px; width: 100%; height: 100%; }
body { text-align: center; font-family: Arial, Helvetica, Verdana, Tahoma MS; font-size: 13px; color: #ffffff; background-color: #555555; }
body { background: #000000  }
.clear { clear: both; }
img { border: none; }
form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.centered { text-align: center; }
.float_left { float: left; }
.float_right { float: right; }

img.delete { position: relative; top: 3px; }

a:link, a:visited { color: #dddddd; text-decoration: none; }
a:hover, a:active { color: #dddd00; text-decoration: underline; }

hr { height: 1px; width: 100%; color: #808080; border: none; border-top: solid 1px #808080; margin-top: 12px; }

.errorMsgArea { width: auto; background: #440000; text-align: left; padding: 8px 8px 8px 8px; margin: 0px 0px 12px 0px; font-size: 12px; border: solid 1px #ff0000; color: #ffffff; }

input.text { color: #cccccc; margin: 0px 4px 4px 0px; padding: 0px 0px 0px 0px; font-size: 13px; border: solid 1px #ffe500; background: #222222; }
input.text180 { color: #cccccc; width: 180px; height: 24px; margin: 0px 4px 4px 0px; padding: 3px 2px 0px 2px; font-size: 14px; border: solid 1px #ffe500; background: #222222; }
input.text240 { color: #cccccc; width: 240px; height: 24px; margin: 0px 4px 4px 0px; padding: 3px 2px 0px 2px; font-size: 14px; border: solid 1px #ffe500; background: #222222; }
input.button { height: 24px; margin: 0px 4px 4px 0px; padding: 0px 6px 0px 6px; font-size: 13px; font-weight: bold; color: #ffe500; border-top: solid 1px #808080; border-bottom: solid 1px #414141; border-left: solid 1px #808080; border-right: solid 1px #414141; background: #222222; cursor: pointer; }
button.button { margin: 0px 4px 4px 0px; padding: 3px 6px 3px 6px; font-size: 12px; font-weight: bold; color: #ffe500; border-top: solid 1px #808080; border-bottom: solid 1px #414141; border-left: solid 1px #808080; border-right: solid 1px #414141; background: #222222; cursor: pointer; }
textarea.textarea { color: #cccccc; margin: 0px 4px 4px 0px; padding: 0px 0px 0px 0px; font-size: 13px; border: solid 1px #ffe500; background: #222222; font-family: Arial, Helvetica, Verdana, Tahoma MS; }
select.select { position: relative; top: 1px; color: #cccccc; border: solid 1px #ffe500; background-color: #222222; margin: 0px 0px 4px 0px; }
select.select180 { position: relative; top: 1px; width: 180px; color: #cccccc; border: solid 1px #ffe500; background-color: #222222; margin: 0px 0px 4px 0px; }
select.select240 { position: relative; top: 1px; width: 240px; color: #cccccc; border: solid 1px #ffe500; background-color: #222222; margin: 0px 0px 4px 0px; }
.checkbox { position: relative; top: 2px; left: -4px; margin-right: 0px; }

#content { width: 950px; margin: 10px auto 10px auto; text-align: left; }
#content_left { float: left; width: 650px; max-width: 650px; margin: 0px; padding: 0px; }
#content_right { float: left; width: 300px; max-width: 300px; margin: 0px; padding: 0px; }

.box300 { width: 300px; padding: 0px 0px 20px 0px; }
.box300 .boxTop { width: 300px; height: 26px; background: transparent url("../images2/box/box_300_top.gif") no-repeat 0px 0px; }
.box300 .boxTitle { float: left; position: relative; top: 5px; left: 8px; font-size: 14px; font-weight: bold; color: #ffe500; }
.box300 .boxSubTitle { float: left; position: relative; top: 7px; left: 12px; font-size: 10px; color: #999999; }
.box300 .boxContent { width: 300px; color: #cccccc; background: transparent url("../images2/box/box_300_bg.gif") repeat-y 0px 0px; }
.box300 .boxInner { font-size: 11px; padding: 15px 15px 15px 15px; }
.box300 .boxBottom { width: 300px; height: 9px; background: transparent url("../images2/box/box_300_bottom.gif") no-repeat 0px 0px; }

.box630 { width: 630px; padding: 0px 0px 20px 0px; }
.box630 .boxTop { width: 630px; height: 26px; background: transparent url("../images2/box/box_630_top.gif") no-repeat 0px 0px; }
.box630 .boxTitle { float: left; position: relative; top: 5px; left: 8px; font-size: 14px; font-weight: bold; color: #ffe500; }
.box630 .boxSubTitle { float: left; position: relative; top: 7px; left: 12px; font-size: 10px; color: #999999; }
.box630 .boxContent { width: 630px; color: #cccccc; background: transparent url("../images2/box/box_630_bg.gif") repeat-y 0px 0px; }
.box630 .boxInner { font-size: 13px; padding: 15px 15px 15px 15px; }
.box630 .boxBottom { width: 630px; height: 9px; background: transparent url("../images2/box/box_630_bottom.gif") no-repeat 0px 0px; }

.inputArea { position: relative; width: 100%; }
.inputArea .title { float: left; position: relative; width: 150px; text-align: right; margin: 4px 8px 8px 0px; }
.inputArea .input { float: left; position: relative; width: 260px; text-align: left; margin: 0px 8px 8px 0px; }
.inputArea .msg { display: none; float: left; position: absolute; top: -4px; right: -168px; background: #444444; width: 150px; text-align: left; padding: 8px; font-size: 12px; border: solid 1px #808080; }
.inputArea .errorMsg { display: none; float: left; position: absolute; top: -4px; right: -168px; background: #440000; width: 150px; text-align: left; padding: 8px; font-size: 12px; border: solid 1px #ff0000; color: #ffffff; }
.inputArea img.error { display: none; position: absolute; top: 2px; right: 0px; }
.inputArea img.check { display: none; position: absolute; top: 2px; right: 0px; }

.gallery { border-top: solid 1px #808080; padding: 3px 0px 3px 0px; margin-bottom: 12px; }
.galleryTitle { color: #ffe500; font-size: 14px; padding: 0px 0px 8px 0px; }
.galleryCounts { font-size: 11px; color: #808080; margin-left: 6px; }
.galleryThumbnail { position: relative; cursor: pointer; width: 100px; height: 100px; border: solid 1px #808080; margin: 0px 10px 10px 0px; float: left; }
.galleryThumbnailDelete { display: none; position: absolute; bottom: 0px; width: 100px; height: 20px; text-align: right; }
.galleryThumbnailDelete img { position: relative; top: 4px; cursor: pointer; margin-right: 4px; }
.galleryControls { float: right; position: relative; right: 4px; font-size: 11px; }
.galleryControls img { position: relative; top: 4px; cursor: pointer; margin-right: 4px; }
.galleryContent { display: none; }
.galleryAddGallery { position: relative; top: 3px; }
.galleryPhotoArea { position: absolute; top: 0px; left: 0px; display: none; }
.galleryPhotoPrev { position: absolute; bottom: 0px; }
.galleryPhotoClose { position: absolute; bottom: 0px; }
.galleryPhotoNext { position: absolute; bottom: 0px; }

.altText { cursor: pointer; }
.helpMessage { z-index: 99999; position: absolute; top: 0px; left: 0px; padding: 3px 6px 3px 6px; background-color: #333333; color: #ffe500; border: solid 2px #666666; }