body { margin: 0; padding: 0; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #333333; background-color: #ffffff; }
a { color: #0070df; text-decoration: underline; font-size: 12px; font-family: Arial; }
a:hover { color: #be0000; }
h1 { margin: 10px 0 10px 0; padding: 0; text-align: left; font-size: 15pt; font-family: Arial; font-weight: bold; color: #be0000; border-bottom: 3px solid #000; }
#header { clear: both; width: 100%; height: 140px; margin: 0 0 5px 0; padding: 0; background: url("images/header_background.gif") left top repeat-x; }
#wrapper { clear: both; width: 990px; margin: 0; padding: 0; text-align: left; }
#container-menu { float: left; width: 160px; height: 400px; padding: 0; margin: 0 5px 0 0; height: 100%; }
#container-content { float: left; width: 825px; height: 400px; margin: 0; padding: 0; }
div.logo { display: inline; float: left; width: auto; }
div.content{ padding: 0; margin: 0; border : 0; }
p.legend { margin-bottom: 1em; }
p.legend em { color: #c00; font-style: normal; }

div.errors { margin: 5px 0; padding: 5px 10px; border: 1px solid #fd0000; background-color: #ffffcc; }
div.errors ul { padding: 0 10px 0 10px; margin: 0px; }
div.errors li { list-style: square; color: #be0000; }
div.messages { margin: 5px 0; padding: 5px 10px; border: #2b95ff 1px solid; background-color: #e1f0ff; }
div.messages ul { padding: 0 10px 0 10px; margin: 0px; }
div.messages li { list-style: square; color: #333333; }

div.menu { margin: 0; padding: 0; }
div.menu div.info { margin: 0 1px 5px 1px; padding: 3px; background-color: #ffffdf; border: 1px solid #b3b300; }
div.menu div.info span.user { display: block; font-weight: bold; }
div.menu div.info span.center { display: block; font-size: 12px; }
div.menu div.info span.rank { display: block; font-style: italic; text-decoration: underline; }
div.menu div.item { cursor: pointer; color: #000000; border: 1px solid #94d4ed; background-color: #f1f8fe; margin: 1px; padding: 3px; text-align: left; height: 20px; font-weight: bold; vertical-align: middle; }
div.menu div.item-over { cursor: pointer; color: #bd4300; border: 1px solid #bd4300; background-color: #ffe7cc; margin: 1px; padding: 3px; text-align: left; height: 20px; font-weight: bold; }
div.menu div.item img, div.menu div.item-over img { border: 0; margin: 0; margin-right: 10px; vertical-align: middle; }
div.menu ul { margin: 0 0 0 30px; padding: 3px; }
div.menu ul li { margin: 0; padding: 3px; list-style: circle url("images/document.gif"); }

div.caption { clear: both; background-color: #ffffff; border-bottom: 1px solid #c2d1d8; color: #4a6570; margin: 0; margin-top: 5px; padding: 5px; padding-left: 0; text-align: left; font-size: 17px; font-family: Arial; font-weight: bold; }
div.caption p { margin: 0; padding: 5px; font-weight: bold; }

div.sub-menu { clear:both; margin: 0; padding: 0; }
div.sub-menu a { color: #4a6570; background-color: #f1f8fe; border-bottom: 1px solid #4a6570; border-right: 1px solid #4a6570; margin: 0 2px 0 0; padding: 4px; text-decoration: none; font-size: 13px; line-height: 30px; white-space: nowrap; }
div.sub-menu a.current { background-color :#4a6570; color:#f1f8fe; border-bottom: 1px solid #4a6570; border-right: 1px solid #4a6570; text-decoration: none; }
div.sub-menu a.current:hover { background-color :#4a6570; color:#f1f8fe; border-bottom: 1px solid #4a6570; border-right: 1px solid #4a6570; text-decoration: none; }

div.form { background-color: #f8f8f8; float: left; clear:both; margin: 0; margin-top: 5px; padding: 0; width: 100%; }
div.section-description { clear:both; float:left; width:100%; margin: 0; margin-top: 5px; margin-bottom: 5px; padding: 0; background-color: #fffff0; }
div.section-description p { margin: 0; padding: 5px; border: #666666 1px solid;}

div.form div.title { background-color: #333333; float: none; clear: both; margin : 0; padding: 0; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form div.title p { margin: 0; padding: 5px; color: #efefef; font-weight: bold; }
div.form div.sub-title { background-color: #666666; float: none; clear: both; margin : 0; padding: 0; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form div.sub-title p { margin: 0; padding: 5px; color: #efefef; font-weight: bold; }
/* row */
div.form div.row { background: url("images/form-row.gif") repeat-y; float: left; clear: both; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form div.row div.label { float: left; min-height: 20px; width: 190px; padding: 5px; font-weight: bold; color: #ffffff; }
div.form div.row div.field { float: left; padding: 5px; overflow: hidden; white-space: inherit; }
div.form div.row div.field div.field-group { margin: 0; padding: 3px; width: 300px; overflow: hidden; background-color: #ffffff; border: 1px solid #cfcfcf; }
div.form div.row-over { background: url("images/form-row.gif") repeat-y; background-color: #e5e5e5; float: left; clear: both; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form div.row-over div.label { float: left; min-height: 20px; width: 190px; padding: 5px; overflow: hidden; white-space: inherit; font-weight: bold; color: #ffff80; }
div.form div.row-over div.field { float: left; padding: 5px; overflow: hidden; white-space: inherit; }
div.form div.row-over div.field div.field-group { margin: 0; padding: 3px; width: 300px; overflow: hidden; background-color: #ffffff; border: 1px solid #cfcfcf; }
/* 1. sub row */
div.form span div.row { background: url("images/form-sub-row.gif") repeat-y; float: left; clear: both; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form span div.row div.label { float: left; width: 190px; padding: 5px; overflow: hidden; white-space: inherit; font-weight: bold; color: #ffffff; }
div.form span div.row div.field { float: left; padding: 5px; overflow: hidden; white-space: inherit; }
div.form span div.row div.field div.field-group { margin: 0; padding: 3px; width: 300px; overflow: hidden; background-color: #ffffff; border: 1px solid #cfcfcf; }
div.form span div.row-over { background: url("images/form-sub-row.gif") repeat-y; background-color: #e5e5e5; float: left; clear: both; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.form span div.row-over div.label { float: left; width: 190px; padding: 5px; overflow: hidden; white-space: inherit; font-weight: bold; color: #ffff80; }
div.form span div.row-over div.field { float: left; padding: 5px; overflow: hidden; white-space: inherit; }
div.form span div.row-over div.field div.field-group { margin: 0; padding: 3px; width: 300px; overflow: hidden; background-color: #ffffff; border: 1px solid #cfcfcf; }
/* End row */
div.form div.button-row { clear: both; margin-left: 210px; }
div.form p.note { clear: both; margin : 5px 5px 5px 205px; padding: 5px; width: 500px; background-color: #fffff0; border: 1px solid #d6d6d6; }
div.form input { margin: 1px; margin-left: 0; padding: 1px; border: 1px solid #cfcfcf; vertical-align: top; }
div.form input[type=checkbox] { margin: 1px; margin-left: 0; padding: 1px; border: 1px solid #cfcfcf; vertical-align: top; }
div.form select { margin: 1px; margin-left: 0; padding: 1px; border: 1px solid #cfcfcf; }
div.form input[type=submit] { margin: 5px; padding: 2px 10px 2px 10px; background-color: #f1f8fe; color: #4a6570; border: 1px solid #d6d6d6; border-bottom: 1px solid #4a6570; border-right: 1px solid #4a6570; }
div.form select.day { width: 60px; }
div.form select.month { width: 60px; }
div.form select.year { width: 60px; }
div.form textarea { margin: 1px; margin-left: 0; padding: 3px; border: 1px solid #cfcfcf; width: 300px; }

div.grid { float: left; clear:both; margin: 5px 0; padding: 0; width: 100%; }
div.grid div.title { background-color: #333333; float: none; clear: both; margin : 0; padding: 0; border-bottom: 1px solid #cfcfcf; width: 100%; }
div.grid div.title p { margin: 0; padding: 5px; color: #efefef; font-weight: bold; }
div.grid div.head { float: left; clear: both; background-color: #4a656f; color: #FFFFFF; font-size: 13px; font-family:  "trebuchet ms", Arial; width: 100%;  }
div.grid div.row { float: left; clear: both; border-bottom: 1px solid #CFCFCF; width: 100%; }
div.grid div.row a:link ,
div.grid div.row a:visited {font: 13px "trebuchet ms", Arial; color:#000; text-decoration:none; }
div.grid div.row-over { float: left; clear: both; border-bottom: 1px solid #CFCFCF; background-color: #e9e9e9; width: 100%; }
div.grid div.row-over a:link ,
div.grid div.row-over a:visited { font: 13px "trebuchet ms", Arial; color:#cc0000; text-decoration:none; }
div.grid div.row-over a:hover { font: 13px "trebuchet ms", Arial; color:#330099; text-decoration:none; }
div.grid div.cell { float: left; padding: 5px; overflow: hidden; white-space: inherit; }
div.grid div.control-cell { float: right; padding: 5px; overflow: hidden; white-space: nowrap; }