/*** Begin pre-existing styles ***/
/* - These declarations were developed for the original back-end templates, and have not been changed */
body { margin: 0px; text-align: center; background-color: #666; font: 12px Arial, Helvetica, sans-serif; color: #666; }
img { border: none; }
a { color: #4088B8; text-decoration: none; }
form { margin: 0px; }
#wrapper { width: 859px; margin-left: auto; margin-right: auto; text-align: left; background: url(../images/backend_bg.gif) repeat-y center; }
#logo { height: 91px; padding: 30px 0px 0px 30px; background: url(../images/backend_header.gif) no-repeat; }
#primary { position: absolute; z-index: 100; width: 769px; margin: 0; padding: 15px 45px 0 45px; }
#primary li { display: inline; list-style: none; }
#primary a, #primary span { display: block; float: left; width: 110px; margin: 0 2px 3px 0; padding: 0; text-align: center; line-height: 22px; font-size: 12px; text-decoration: none; color: #000; background: #ccc; border: 1px solid #036; }
#primary a:hover { background: #eee; }
#primary a.current { margin-bottom: 0px; padding-bottom: 4px; background: #3F86B7; border-bottom: none; color: #fff; }
#primary a.current:hover { background: #3F86B7; }
#secondary { position: absolute; z-index: -1; margin: 26px 45px 0 45px; padding: 0; left: 0px; width: 767px; background: #3F86B7; border: 1px solid #036; }
#secondary li a, #secondary li span { display: block; float: left; width: auto; margin: 0; padding: 0 17px 0 9px; font-weight: bold; text-align: auto; border: none; line-height: 29px; background: url(../images/backend_nav_divider.gif) no-repeat right; }
#secondary li a { color: #ddd; text-decoration: underline; }
#secondary li a:hover { color: #fff; background: url(../images/backend_nav_divider.gif) no-repeat right; }
#secondary li:last-child a { background: none; }
#main { padding: 45px 45px 15px 45px; }
.head_02 { font-size: 15px; font-weight: bold; color: #3F86B7; }
.link_text1 { font-size: 12px; font-weight: bold; color: #666; }
.brdr { width: 108px; margin: 0px 2px; border: 1px solid #036; background-color: #3F86B7; }
.brdr1 { width: 198px; border: 1px solid #3F86B7; background-color: #DBEAF1; }
.brdr4 { width: 198px; border: 1px solid #3F86B7; background-color: #DBEAF1; }
.brdr5 { border: 1px solid #3F86B7; background-color: #DBEAF1; }
.form_font, .form_font1, .form_font2 {font-weight: bold; width: 230px; font-size: 11px; text-align: right; line-height: 11px; height: 14px;}
#contents h4 { font-size: 12px; font-weight: bold; color: #EB8801; }
#footer { padding-bottom: 10px; font-size: 11px; color: #ccc; background: #666 url(../images/backend_footer.gif) no-repeat; }
#homelink { float: right; padding: 20px 45px 0px 0px; font-weight: bold; color: #EF900F; }
#homelink a { color: #EF900F; }
a.definition-link { color: #666; text-decoration: none; }
#definition-holder { position: absolute; z-index: 1000; border: 1px solid #000; background: #fff; padding: 1px; width: 250px; filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8; }
#definition { background: #000; padding: 5px; }
#definition h1 { margin: 0px; font-size: 12px; color: #EF900F; }
#definition p { font-size: 10px; line-height: 14px; margin: 5px 0px 0px 0px; color: #fff; }
/*** End pre-existing styles ***/

/*** Begin new styles ***/
/* Global header declarations */
h1 { margin-top: 0px; text-align: right; font-size: 28px; color: #3874A8; }
h2 { padding-top: 15px; text-transform: uppercase; font-size: 16px; color: #3874A8; border-top: 1px solid #3874A8; }
/* These declarations define the look of form fields and labels */
div.field-group { width: 600px; margin: 0px auto; }
div.field { height: 33px; color: #000; }
div.field label { display: block; float: left; width: 140px; padding: 0px 10px; font-size: 13px; color: #000; }
div.field label.required { background: url(../images/asterisk.gif) no-repeat 0px 3px; }
div.field p.note { margin-left: 160px; font-size: 9px; }
div.field span.note { font-size: 9px; }
div.field input.text { display: block; float: left; width: 345px; border: 1px solid #ccc; background-color: #ECF3F8; font-size: 15px; }
div.field div.radio { display: block; float: left; padding-right: 4px; }
div.field input.phone-short { width: 34px; margin-right: 4px; }
div.field input.phone-long { width: 70px; margin-right: 4px; }
div.field input.short { width: 150px; margin-right: 4px; }
/* These declarations define the look of form buttons */
div.button { float: right; width: 129px; margin: 0px 10px 0px 0px; text-align: center; }
div.button input { width: 129px; height: 28px; border: 0px; text-transform: uppercase; font-weight: bold; font-size: 14px; background: url(../images/button_background.gif); cursor:hand;}
div.button a { font-size: 11px; text-decoration: underline; color: #003366; cursor:hand;}
/* These declarations create the drop-shadowed box effect */
div.shadow { width: 769px; background-color: #D9E7F0; }
div.shadow div.inner { padding: 20px; }
div.shadow div.t-c { background: url(../images/shadow_t_c.gif) repeat-x top; }
div.shadow div.l-c { background: url(../images/shadow_l_c.gif) repeat-y left; }
div.shadow div.r-c { background: url(../images/shadow_r_c.gif) repeat-y right; }
div.shadow div.b-c { background: url(../images/shadow_b_c.gif) repeat-x bottom; }
div.shadow div.t-l { background: url(../images/shadow_t_l.gif) no-repeat top left; }
div.shadow div.t-r { background: url(../images/shadow_t_r.gif) no-repeat top right; }
div.shadow div.b-l { background: url(../images/shadow_b_l.gif) no-repeat bottom left; }
div.shadow div.b-r { background: url(../images/shadow_b_r.gif) no-repeat bottom right; }
/* These declarations alter the default form field declarations for display in the drop-shadowed boxes */
div.shadow div.field { height: 30px; }
div.shadow div.field label { display: block; float: left; width: 160px; padding-right: 10px; font-size: 14px; color: #000; text-align: right; }
div.shadow div.field label span.note { font-size: 11px; }
div.shadow div.field input.text { display: block; float: left; width: 260px; border: 1px solid #ccc; background-color: #fff; }
/* This declaration alters the default button declarations for display in the drop-shadowed boxes */
div.shadow div.button { margin: 10px 30px 0px 0px; }
/* These declarations create a holder for the narrow-width version of the drop-shadowed boxes */
div.form-box-big { width: 780px; margin: 0px auto; color: #000; font-size: 14px; }
div.form-box { width: 506px; margin: 0px auto; color: #000; font-size: 14px; }
div.form-box h2 { padding-left: 10px; padding-top: 0px; text-transformation: nine; font-size: 14px; border-top: none; }
div.form-box h2 a { font-size: 14px; color: #3874A8; text-decoration: underline; }
div.form-box div.shadow { width: auto; }
/* These declarations define the look of list tables with alternating row colors */
div.table-holder div.inner { padding: 7px; }
table.list-table { width: 100%; margin: 0px; padding: 0px; }
table.list-table th { padding: 6px 10px; color: #036; border-bottom: 1px solid #3F86B7; text-align: left; background-color: #DBEAF1; }
table.list-table td { padding: 8px 10px; color: #666; background-color: #fff; }
table.list-table tr.even td { background: #E6E4E4; }
/* This declaration fixes problems with box element heights created by floating child elements */
div.height-fixer { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
/* This declaration defines the look of alert message text */
div.alert { margin: 20px 10px; font-weight: bold; font-style: italic; color: #c00; text-align: right; }
/* This declaration creates a top divider line to separate page content elements */
div.divider { border-top: 1px solid #4088B8; }
/* This declaration defines the look of definition lists, used to single-line term-description pairs, like "<strong>TERM:</strong> description" */
dt { float: left; width: 115px; font-weight: bold; }
/*** End new styles ***/