body { margin:0; font:medium arial,sans-serif; color:#FFFFFF; background:#527331; }

/*font-weight font-size/line-height font-family"*/

#content_area { margin:10px; padding:12px; min-height:400px; text-align:left; color:#000000; background:#FFFFFF; line-height:120%; background-image:url(../resource/dbl_grad_hz.php?w=600&inner=F6F6F6&outer=FFFEFE); background-repeat:repeat; border-radius:8px; border:1px solid #000000; box-shadow:2px 2px #999999; }

h1 { font:bold x-large arial,sans-serif; color:#527331; margin-top:5px; }
h2 { font:bold large arial,sans-serif; color:#527331; margin-top:5px; margin-bottom:8px; }
h3 { font:bold medium arial,sans-serif; color:#527331; margin-bottom:4px; }

a:link { color:#990000; }
a:visited { color:#990000; }
a:hover { color:#FF0000; }

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; }

.small { font:small/140% arial,sans-serif; }
.xsmall { font:11px/140% arial,sans-serif; }
.bold { font-weight:bold; }
.normal { font-weight:normal; }

input[type="submit"], input[type="checkbox"], input[type="radio"], label { cursor:pointer; }

input[type="text"], input[type="password"], select, textarea { box-shadow:4px 4px 4px #999999; border:1px solid #999999; }

input[type="checkbox"] { box-shadow:4px 4px 4px #999999; }

.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; }

hr { height:3px; background:#527331; }
hr.thin { height:1px; background:#527331; }

.toolbar { margin:0 auto; font:normal small arial,sans-serif; padding:4px; background:#527331; color:#FFC020; }

.toolbar a:link, .toolbar a:visited { color:#FFEFCE; background:#527331; }
.toolbar a:hover { color:#527331; background:#FFFFFF; }

.toolbar h3, .toolbar h2, .toolbar h1 { color:#FFEFCE; }

.wrap { white-space:pre-wrap; }

.widetxtbox { width:100%; box-sizing:border-box; }

.thinborder { border:1px solid #660000; }

.alt_bg1 { background:#FCFFF0; }
.alt_bg2 { background:#F3FFC0; }
.alt_bg3 { background:#E6FFA0; }

.shad4 { box-shadow:4px 4px 4px #666666; }
.shad8 { box-shadow:8px 8px 8px #666666; }

.buttonlink { background:#DDDDDD; padding:1px; margin:1px; font:normal x-small/160% arial; border:1px solid #000000; cursor:pointer; }
a.buttonlink:link, a.buttonlink:visited { text-decoration:none; color:#000000; }
a.buttonlink:hover { color:#FF0000; }

.nice_butt, a.nice_butt { font:normal 16px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:4px 6px; border:1px solid #666666; border-radius:8px; box-shadow:6px 6px 6px #666666; }
.nice_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.nice_sm_butt, a.nice_sm_butt { font:normal 14px arial,sans-serif; text-decoration:none; color:#333333; background:#F6F6F6; padding:1px 4px; border:1px solid #666666; border-radius:6px; box-shadow:4px 4px 4px #666666; }
.nice_sm_butt:hover { background:#FFFFCC; border:1px solid #000000; }

.i { border:none; width:16px; height:16px; }

.infoblock { position:relative; }
.infoblock span { display:none; }

.infoblock:hover span { display:block; position:absolute; font:normal small arial,sans-serif; color:#FFFFFF; text-align:left; background:#333333; padding:8px; width:300px; height:auto; top:30px; z-index:10; }

.between_tabs { float:left; height:26px; width:8px; border-bottom:1px solid #527331; }

.tab { float:left; min-width:136px; width:136px; height:26px; padding:0; margin:0; border:1px solid #527331; border-width:1px 1px 0 1px; border-radius:8px 8px 0 0; }

.tab a { display:block; min-width:136px; width:136px; height:24px; padding-top:2px; text-decoration:none; font:normal x-small verdana,arial; }

.dark { background-color:#527331; background-image:url(../resource/colour_grad_vt.php?top=A06650&bott=527331&h=26); background-repeat:repeat-x; }
.dark a { color:#FFEFCE; }

.light { background:#FFEFCE; }
.light a { color:#527331; }

.tab_bott_bdr { height:26px; margin:0; border-bottom:1px solid #527331; }

.room { position:relative; float:left; width:120px; height:100px; margin:4px; padding:4px; }
.room_used { background-color:#D6F3FF; color:#000000; }
.room_empty { background-color:#0000CC; color:#FFFFFF; }

.popup_box { display:none; position:absolute; right:30%; top:-150px; width:280px; min-height:360px; background-color:#D6F3FF; margin:20px; padding:4px; border:1px solid #000000; z-index:99; }

.red { color:#FF0000; }
.grn { color:#009900; }
.blue { color:#99AABB; }
.navy { color:#000099; }
.yell { color:#FFEE99; }
.gry { color:#999999; }
.wh_text { color:#FFFFFF; }

.inv_grn { background:#527331; color:#FFFFFF; }
.inv_blu { background:#000099; color:#FFFFFF; }
.inv_red { background:#FF0000; color:#FFFFFF; }
.inv_gry { background:#999999; color:#FFFFFF; }

a.inv_grn, a.inv_grn:visited { background:#527331; color:#FFFFFF; text-decoration:none; }

.add_tnt { position:absolute; right:0; top:0; width:20px; height:20px; cursor:pointer; color:#FFFFFF; font:bold large arial,sans-serif; }

.edit_notes { cursor:pointer; color:#669900; }

.prp_hl { cursor:pointer; color:#FFFFFF; background-color:#527331; margin:8px auto; padding:2px; }
.rm_tnt { cursor:pointer; color:#FFFFFF; background-color:#000099; margin:8px auto; padding:2px; }
.rm_tnt:hover, .prp_hl:hover { color:#000099; background-color:#BBBBBB; }