body { margin:0; font:normal 16px arial,sans-serif; color:#333333; background:url(../resource/ruins-tile-faded.jpg) no-repeat fixed; }

.toolbar { width:100%; margin:0; height:24px; background:#DDDDDD; color:#333333; z-index:10; }

.toolbutt a:link, .toolbutt a:visited { display:block; max-height:24px; padding:4px; color:#333333; background:#EEEEEE; text-align:center; font:normal 14px arial,sans-serif; text-decoration:none; }
.toolbutt a:hover { background:#DDDDDD; }
.toolbutt a:active { margin:2px -1px -2px 1px; }

.toolbutt { width:110px; max-height:24px; margin:0; background:#DDDDDD; }
.tlbt_l { float:left; }
.tlbt_r { float:right; }

.box_bg { background:#FFFFFF; color:#000000; }

.thinborder { border:1px solid #000000; }
.list_box { border:none; }

a:link, a:visited { color:#333333; }
a:hover { color:#FF0000; }

a.redlink:link, a.redlink:visited { color:#FF0000; display:block; }
a.redlink:hover { color:#FF6633; }

.inv_red a:link, .inv_red a:visited { color:#FFFFFF; font-weight:bold; }
.inv_red a:hover { color:#FFFF00; }

.solid_box_bg { background:#DDDDDD; }

.alt_bg1 { background:#EEEEEE; }
.alt_bg2 { background:#DDDDDD; }
.row_bg1 .inset { background:#EEEEEE; color:#000000; }
.row_bg2 .inset { background:#DDDDDD; color:#000000; }

.rndcnr_shad8 { border-radius:8px; box-shadow:8px 8px 8px #666666; }

input[type="submit"] { cursor:pointer; font:normal 14px arial,sans-serif; color:#000000; background:#F6F6F6; border:1px solid #666666; border-radius:5px; box-shadow:4px 4px 4px #666666; }
input[type="submit"]:hover { background:#FFCCCC; }

input[type="text"], textarea, select, input[type="password"] { font:normal 14px arial,sans-serif; }

.div_butt { height:18px; border:none; padding:0; text-align:center; font-size:12px; background:#F6F6F6; border:1px solid #666666; border-radius:5px; box-shadow:4px 4px 4px #666666; }

.butt45 { width:45px; }
.butt90 { width:90px; }
.butt180 { width:180px; }
.butt210 { width:210px; }

.div_butt a:link, .div_butt a:visited { color:#000000; display:block; padding:2px; font-size:12px; text-decoration:none; }
.div_butt a:hover { color:#FF0000; }

.blocklink a:link, .blocklink a:visited { color:#000000; margin:4px; padding:4px; font-size:16px; text-decoration:none; }
.blocklink a:hover { background:#FFFFFF; }

.bold { font-weight:bold; }
.normal { font-weight:normal; }
.small { font-size:13px; }

.red { color:#FF0000; }
.grn { color:#006600; }
.inv_gry { color:#FFFFFF; background-color:#666666; }
.inv_red { color:#FFFFFF; background-color:#FF0000; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.central { margin-left:auto; margin-right:auto; }

.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }

table.tblpad0 td, table.tblpad0 th { padding:0; }
table.tblpad2 td, table.tblpad2 th { padding:2px; }
table.tblpad4 td, table.tblpad4 th { padding:4px; }
table.tblpad8 td, table.tblpad8 th { padding:8px; }

.spaced li { margin-bottom:12px; }

.vari_textbox { width:100%; font:normal 16px arial; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; }

.pre_txt { white-space:pre-wrap; font:normal 16px/140% georgia,"times new roman",serif; }

.i { border:none; width:16px; height:16px; }
.helpblock { position:relative; }
.helpspan span { display:none; }

a:hover span.reg { display:block; font:normal 16px arial,sans-serif; color:#FFFFFF; background:#666666; border:1px solid #000000; padding:8px; width:500px; height:auto; position:absolute; left:0px; top:30px; z-index:10; }

.helpspan:hover span { display:block; font:normal 16px arial,sans-serif; color:#FFFFFF; text-align:left; background:#333333; border:1px solid #000000; padding:8px; width:500px; height:auto; position:absolute; right:10px; top:30px; z-index:10; }