body {background-color: #007b8e;}

* {font-family: Arial, Helvetica, sans-serif;}
strong {font-weight: bold;}

#content-holder {background-color: #ffffff;}

ul.nav1 {background-color: #ffffff; margin-top: 10px; margin-bottom: 5px; }
ul.nav1 li {margin-bottom: 3px; text-align: left; }
ul.nav1 li a {margin-left: 5px; margin-right: 5px; font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 0.5em 0.4em 0.5em 0.4em; display: block; background-color: #007b8e; color: #ffffff}
ul.nav1 li a:hover {background-color: #ffcc65; color: #000000;}

.side-box {background-image: url(images/side-box-top.gif); background-repeat:no-repeat; margin: 10px 5px 0px 5px;  background-color:#007b8e; padding: 8px 5px 0px 5px; text-align: left;}
.side-box-close {background-image: url(images/side-box-bottom.gif); background-repeat: no-repeat; margin: 0px 5px 0px 5px; height: 6px;}
.side-box form label {display: block; padding-bottom: 0.2em; font-weight: bold; color: #ffffff;}
.side-box form input {margin-bottom: 0.2em;vertical-align: middle;}
.side-box form img {margin-left: 3px; vertical-align: middle; margin-top: -2px;}
.side-box #username {width: 95%;}
.side-box p {color: #ffffff; line-height: 1.5em;}
.side-box p a {color: #ffffff;}
#col1 img.logo {margin-top: 10px;}

#footer p {padding: 0.3em;}
#footer {color: #ffffff}
#footer a {color: #ffffff;}

#content {margin-top: 10px; min-height: 270px; background-color: #FFFFFF; background-image: url(images/content-background.gif); background-repeat:no-repeat; background-position: 50% 50%;}
#content {text-align: left;}
#content-wrapper {padding: 0em 10px 1em 10px;}

#content h1 {color: #000000; font-weight: bold; font-size: 1.4em; margin-bottom: 0.6em}
#content h1.title {background-position: 50% 50%; background-image:url(images/header-bg.gif); background-repeat:no-repeat; margin-bottom: 0.4em; font-size: 1.1em; padding: 0.1em 15px 0.1em 15px;}

#content h2 {color: #000000; font-weight:bold; font-size: 1.1em; margin-bottom: 0.4em;}
#content h3 {color: #000000; font-weight:bold; font-size: 1em; margin-bottom: 0.4em; font-style: italic}
#content p {color: #000000; padding-bottom: 0.7em; }
#content ul {margin-left: 2.5em;  margin-bottom: 1em}
#content ul li {background-image: url(images/list-bullet.gif); background-repeat:no-repeat; background-position:0px 0.5em; padding-left: 1.5em; color: #000000; padding-top: 2px;}
#content ol {margin-left: 4em;  margin-bottom: 1em; list-style-type: decimal}
#content ol li { color: #000000; padding-top: 2px;}
#content form.register, #content form.site_search {margin-top: 0.5em; margin-bottom: 1em;}
#content form.register input, #content form.site_search input {vertical-align:middle; margin-right: 0.4em;}
#content form.register img, #content form.site_search img {vertical-align:middle; float: none; padding: 0px; margin: 0px }
#content form.register label, #content form.site_search label {font-weight: bold; margin-right: 0.4em;}
#content a:link {color: #007B8E ; font-weight: bold;}
#content a:visited {color: #007B8E; font-weight:bold;}
#content a:hover {color: #000000; font-weight: bold;}
#content img.right-float {float: right; margin: 0em 0em 0.6em 0.6em; clear: right;}
#content img.left-float {float: left; margin: 0em 0.6em 0.6em 0em; clear: left;}
#content form.fhf p {padding-bottom: 0px;}
#content em {font-style: italic;}
#content blockquote {margin: 0.5em 1em 0.5em 1em; color: #007b8e;}
#content blockquote p {color: #007b8e;}

#toolkit img {float: none;}
#content form img {float: none; clear: none;}
div.textarea textarea {width: 100%;}
div.textarea span.the-extras {display: none;}
#content form.template_form img.field_failed_validation {float: left; clear: none; margin-right: 10px;}
#content div.fhf_note {padding-bottom: 0.5em;} 
#content form.template_form div p {margin-top: 0em; padding-top: 0em;}
form.template_form input.button {margin-top: 15px}
#content form.template_form p {padding-bottom: 0.4em;}
p.form_label {padding-top: 0.6em; clear: both;}
p.form_label label {font-weight: bold;}
span.textlabel {color: #007b8e; font-weight:bold; font-size: 1em;}

#error_msg, .alert_msg {text-align:left; padding: 5px 5px 5px 5px; border: 2px solid #cc0000; font-weight: bold; margin-bottom: 10px;}
#error_msg p, #content .alert_msg p {color: #cc0000; padding-bottom: 0em}

form.admin-form {margin-bottom: 1em;}
form.admin-form td, form.admin-form th {padding: 0.2em; vertical-align:middle} 
form.admin-form fieldset {margin: 0em 0.5em 0.5em 0.5em; padding: 0.5em; border: 1px dashed #000000}
form.admin-form legend {margin-left: 1em; padding: 0.3em; background-color:#ffffff; color: #000000;}
form.admin-form label {font-weight: bold;}
form.admin-form table td.form_label { padding-right: 0.6em; padding-top: 0.4em; text-align: right; vertical-align: top;}
form.admin-form table td.form_error_image {text-align: right;}
#content form.admin-form td.form_error_note p {color: #cc0000; padding-top: 5px;}
form.admin-form input.button {margin-top: 15px}
form.admin-form div.fhf_note {margin-top: 0.2em;}
form.admin-form textarea {width: 99%;}
form.admin-form table textarea {width: 80%;}

#content #gen2-file-output h2 form {display: inline; vertical-align: bottom;}
#content .gen2_file_content, #content .ebulletin_content {margin-bottom: 0.7em; margin-top: 0.3em; padding: 0.5em; border: 1px solid #93F1FF; background-color: #ECFDFF; }
#content .gen2_file_content img {vertical-align: middle; margin: 0em; margin-left: 0.5em; float: none; clear: none;}
#content .gen2_file_content span, #content .ebulletin_content span {font-size: 0.8em;}
#content .gen2_file_content p, #content .ebulletin_content p {padding-bottom: 0.3em;}
#content .gen2_file_content p.file_update, #content .ebulletin_content p.update {font-size: 0.8em; padding-bottom: 0.6em; }
#content .gen2_file_content p.ranking, #content .ebulletin_content p.ranking {font-size: 0.8em; padding-bottom: 0em; text-align: right; padding-top: 0.3em; }

#content  .secret p.item-title {padding-left: 1.7em; background: transparent url(images/icon_private.png) no-repeat center left; }
#content  .gen2_file_content a.archive { padding-right: 20px; background: transparent url(generic/icon_archive.gif) no-repeat center right; }
#content  .gen2_file_content a.doc { padding-right: 20px; background: transparent url(generic/icon_doc.gif) no-repeat center right; }
#content  .gen2_file_content a.pdf { padding-right: 20px; background: transparent url(generic/icon_pdf.gif) no-repeat center right; }
#content  .gen2_file_content a.pps { padding-right: 20px; background: transparent url(generic/icon_pps.gif) no-repeat center right; }
#content  .gen2_file_content a.xls { padding-right: 20px; background: transparent url(generic/icon_xls.gif) no-repeat center right; }
#content  .gen2_file_content a.otherfile { padding-right: 20px; background: transparent url(generic/icon_file.gif) no-repeat center right; }
#content .gen2_file_content a.link {padding-right: 20px; background: transparent url(generic/icon_external.gif) no-repeat center right;}
#content  .gen2-admin-tools {float: right; width: auto;}
#content  .gen2-admin-tools form {display: inline; vertical-align: bottom;}
#content  .gen2_file_content span.file_sub {margin-left: 0.3em; font-size: 0.9em; font-weight: normal;}

#content table#gen0 tr.header, #content table#gen0 tr.result td.counter {display: none;}
#content table#gen0 tr.result td.type {display: block; float: right; font-size: 0.8em}
#content table#gen0 tr.result td.secret { position: absolute; text-align: left; padding-left: 0.5em; bottom: 0px; float: left; left: 0px;}
#content table#gen0 tr.result td.secret img { float: left; left: 0px;}
#content table#gen0 tr.result td.result {display: block; }
#content table#gen0 tr.result {display: block; margin-bottom: 0.7em; margin-top: 0.3em; padding: 0.5em; border: 1px solid #93F1FF; background-color: #ECFDFF; position: relative;  clear: both; }
#content table#gen0 tr.result td.ranking {display: block;  text-align: right;  font-size: 0.8em;}
#content table#gen0 tr.result td.ranking:after {content: "]";}
#content table#gen0 tr.result td.ranking:before {content: "[ranking ";}
#content table#gen0 div.ebulletin_content {clear:both;}



#gen2-file-output {margin-top: 0.5em; margin-bottom: 0.5em; border-top: 2px solid #007B8E; padding-top: 0.4em;}
#gen2-file-output form input {margin-left: 0.3em; }
#gen2-file-output label {font-weight: bold; color:#19327f;}
#gen2-file-output h2 {margin-top: 0.5em; font-size: 1.3em;}
#gen2-file-output h2 img {vertical-align: top; clear: none; float: none; padding: 0px; margin: 0px;}
#gen2-file-output h2 form {display: inline; vertical-align: middle;}
#gen2-file-output .gen2_section_select img {vertical-align: middle; clear: none; float: none; padding: 0px; margin: 0px;}


#content .ebulletin_content img {vertical-align: middle; margin: 0em; margin-left: 0.1em; float: none; clear: none;}
#content .ebulletin_content div.tag_images {float: right; width: auto; padding: 0em; margin-top: -0.3em;}
#content .ebulletin_content div.full-ebulletin {margin: 10px; padding: 10px; background-color: #FFFFFF;border: 1px solid #19327f; font-size: 0.9em}
#content .ebulletin_content div.full-ebulletin table th {font-weight: bold; padding: 0.2em 0.5em 0.2em 0em; vertical-align: top; }
#content .archived {background-color:#FFD5D6;}


#content form.fhf img.field_failed_validation {float: left; }
form.fhf input.button {margin-top: 10px}
form.fhf td img.field_failed_validation {float: none; }
form.fhf table td.form_error_image {text-align: right;}
form.fhf label {font-weight: bold;}
form.fhf legend {margin-left: 1em; padding: 0.3em; background-color:#ffffff; color: #007B8E;}
table.fhf td form {padding: 0em; margin: 0em; margin-top: 3px;} 
form.fhf fieldset {margin: 0em 0.5em 0.5em 0.5em; padding: 0 0.5em 0.5em 0.5em; border: 1px dashed #007B8E}
form.fhf table.fhf td.form_label {vertical-align: top; text-align: right; }
form.fhf table.fh td.form_field, form.fhf table td.form_field img {vertical-align: top;}
table.fhf td, table.fhf th {padding: 0.2em 0.4em 0.2em 0.4em;}

form.fhf div.docs p.form_label {clear: left; width: 35%; display: block; float: left; padding-top: 0.4em;}
form.fhf div.docs p.form_field {display: block; float: left; width: 50%; padding-top: 0.4em;}
#content form.fhf p.form_label {padding-bottom: 0.3em;}
form.fhf textarea {width: 80%;}
span.docs {padding-left: 0.2em;}

div.fhf_note {margin-top: 0.4em;}
div.fhf_note img {margin-top: -3px;}
#content div.alert_msg p {color: #cc0000;}
#content .fhf_note p {color: #cc0000;}

p.fake_link a {text-decoration:underline; color: #007B8E; font-weight: bold; cursor: pointer; }
p.fake_link {display: none;}

#content table.format-style1 {margin: 0.5em 0em 1em 0em;}
#content table.format-style1 td, table.format-style1 th {padding: 0.2em 0.6em 0.2em 0.6em;}
#content table.format-style1 th {color: #007B8E; font-weight: bold;}
#content table.format-style1 p {padding: 0em; margin: 0em;}

div.number_young p.form_label {display: block; width: auto; float: left; clear: left; width: 30%; text-align: right;}
div.number_young p.form_field {display: block; width: auto; float: left; clear: right; padding-top: 0.5em; padding-left: 10px;}
#content div.admin-header a img {clear: none;}

#passwordStrength
{
        height:10px;
        display:block;
        float:left;
}

.strength0
{
        width:0px;
        background:#ffffff;
}

.strength1
{
        width:50px;
        background:#ff0000;
}

.strength2
{
        width:100px;    
        background:#ff5f5f;
}

.strength3
{
        width:150px;
        background:#56e500;
}

.strength4
{
        background:#4dcd00;
        width:200px;
}

.strength5
{
        background:#399800;
        width:200px;
}