@import url("init.css");

body { background: #fff url(gfx/bg.gif) repeat-x scroll center top; color: #000; font-size: 75%; }

#header { height: 160px; }
#header .menu { height: 50px; background: #fff url(gfx/menu_image_top.jpg) no-repeat scroll left top; }
#header .menu a { margin-left: 358px; display: block; width: 295px; height: 50px; background-image: url(gfx/sign_off.png); background-repeat: no-repeat; background-position: left top; }
#header .menu a:hover { background-image: url(gfx/sign_on.png); text-decoration: none; }
#header .image { height: 110px; background: #fff url(gfx/menu_image.jpg) no-repeat scroll left top; }
#middle { height: 150px; background: #fff url(gfx/bg_middle.jpg) no-repeat scroll left top; }
#middle p { color: #fff; font-weight: bold; }
#middle .text { padding: 17px 0 0 10px; width: 476px; line-height: 140%; }
#middle .flash { width: 490px; height: 150px; float: right; }
#data { padding: 23px 0 10px 0;  overflow: auto; }
#content { width: 980px; margin: 0 auto; }
#footer { border-top: 1px solid #bfbfbf; text-align: right; padding: 5px 5px 15px 5px; }
#footer span { padding: 5px; }

a { color: #58aa00; text-decoration: none; }
a:hover { text-decoration: underline; }

.box { width: 244px; height: 255px; position: relative; }

.sbox { width: 244px; }
.sbox .top { background: #fff url(gfx/sbox_top.gif) no-repeat scroll left top; }
.sbox .top img { margin: 18px 0 0 17px; }
.sbox .bottom { height: 20px; background: #fff url(gfx/sbox_bottom.gif) no-repeat scroll left top; }

.box .top { width: 244px; height: 76px; background: #fff url(gfx/box_top.gif) no-repeat scroll left top; }
.box .top img { left: 19px; top: 17px; position: absolute; }
.box .middle { width: 244px; height: 162px; }
.box .bottom { position: relative; width: 244px; height: 20px; background: #fff url(gfx/box_bottom.gif) no-repeat scroll left top; }

h1 { font-size: 140%; margin: 1em 0 1em 0; }
h2 { font-size: 120%; text-align: center; }

#data p { margin: 0 0 1em 0;}
div.back { background-color: #f0f9e6; padding: 10px 10px; overflow: auto; }

#data ol, ul { margin: 1em 2em; }
#data ol { list-style: lower-alpha; }

#body { margin-left: 225px; }

#submenu { float: left; width: 210px; }
#submenu ul { list-style: none; margin: 0 0 0 10px; padding: 2px 0 0 0; }
#submenu li { margin: 0; padding: 0; width: 208px; height: 70px; background-image: url(gfx/box_sub_2.gif); display: block; position: relative; }
#submenu li.first { background-image: url(gfx/box_sub_1.gif); }
#submenu li a { position: absolute; top: 16px; left: 22px; }

/* form */
span.control { margin-left: 160px; font-size: 90%; color: #666; }
div.control { margin-left: 260px; padding: 0; clear: none; border: none; }
div.control div { padding: 2px 0 0 0; border: none; }
label.simple { display: inline; float: none; font-weight: normal; }
span.label, label { padding: 3px 0; display: block; width: 260px; float: left; font-weight: bold; }
.buttonrow { margin-top: 1em; }
.buttonrow button { padding: 4px 3px; }

form div { border-bottom: 1px solid #fff; padding: 7px; display: block; clear: both; }
tr.odd, form div.odd { background-color: #e2f4ce; }
tr.even, form div.even { background-color: #f0f9e6; }
form label span, form span.label span { color: #555; font-weight: normal; }
.default { color: #555; }

div.multiupload { margin-left: 260px; clear: none; }
div.multiupload div.list { margin: 0; padding: 0; }
div.multiupload div.list div.item { clear: left; margin: 2px; }
div.multiupload div.list div.item span { display: block; margin: 0 0 0 16px; padding: 2px 0 0 0;  }
div.multiupload div.list div.item:hover {}
div.multiupload div.list img { margin: 3px; cursor: pointer; float: left; }

div.multiupload, div.multiupload div { padding: 0; border: none; }

div.errors { margin-left: 1em; color: #c00; }
.ok { color: #0C0; }

h2.big, p.big { font-size: 125%; font-weight: bold; text-align: center; }

span.label em, label em { color: #c00;}

span.req input, span.reqs { border: 1px solid #c00; }
span.reqs { display: table-cell; }

.fleft { float: left; margin-right: 8px; }
.fright { float: right; margin-left: 8px; }

div.frame { width: 232px; background-image: url(gfx/frame_2.gif); background-repeat: repeat-y; background-position: left top; }
div.frame div.m { background-image: url(gfx/frame_3.gif); background-repeat: repeat-y; background-position: right top; overflow: auto; }
div.frame div.m img { padding: 0 16px; }
div.frame div.t { text-align: right; background-image: url(gfx/frame_1.gif); background-repeat: no-repeat; background-position: left top; }
div.frame div.b { text-align: right; background-image: url(gfx/frame_4.gif); background-repeat: no-repeat; background-position: left bottom; }

table.list th { text-align: left; }
table.list td, th { padding: 3px; border: 1px solid #fff; border-left: 0px; border-top: 0px; }

.back p { text-align: justify; }