body {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; background-color: #cef381; padding-top: 15px;}
#holder {width: 760px; margin-left: auto; margin-right: auto; background-image:url(images/ymca-mid-slice.gif); background-repeat: repeat-y;}
#col1 {width: 200px; float: left;}
#col2 {width: 526px; float: left; margin-top: -16px;}
#col3 {width: 34px; float: left;}
strong {font-weight: bold;}

#search, #login, #newsletter {text-align: left; background-color: #cef381; background-image:url(images/search-top.gif); background-repeat:no-repeat; margin: 1em 8px 1em 8px; }
#search h2, #newsletter h2 {color: #4d6615; font-weight: bold; font-size: 0.9em; margin-bottom: 0.5em}
#search form, #login form, #newsletter form {padding: 0.3em 0.3em 0.5em 0.3em; background-image:url(images/search-bottom.gif); background-repeat:no-repeat; background-position:bottom}
#search form input, #login form input, #login img, #newsletter img {vertical-align: middle;}
#newsletter form label {font-weight: bold; color: #4d6615; font-size: 0.9em; padding-right: 0.7em; }
#newsletter td {padding-bottom: 0.3em;}
#newsletter p {margin: 0.3em 0em 0.6em 0em; font-size: 0.85em}

#login form label {display: block; padding-bottom: 0.2em; font-weight: bold; color: #4d6615; font-size: 0.9em }
#login #username {width: 90%;}
#login #password {width: 40%;}
.admin-header {margin-bottom: 1.3em; padding: 0.5em}
.admin-header a {display: block; float: left;}
#logout_form {font-size: 0.8em; float: right;}
#logout_form input {vertical-align: middle;}
#col1 img.logo {margin-top: 10px;}

h1.title {text-align: left; margin-left: -10px; margin-bottom: 0.5em; padding-left: 10px; line-height: 41px; background-image:url(images/header-background.gif); background-repeat:no-repeat;color: #4d6615; font-weight: bold; font-size: 1.3em; background-position: left 50%;}
h1.title span {font-size: 0.8em; padding-left: 0.4em;}

#content {margin: 0.5em; padding-left: 10px;text-align: left; padding-right: 15px; background-image:url(images/content-border.gif); background-repeat:repeat-y; background-position:right; min-height: 350px;}
#content h2 {color: #4D6615; font-weight: bold; font-size: 1.2em; margin-top: 1em; margin-bottom: 0.3em}
#content h3 {color: #000000; font-weight: bold; font-size: 1.1em; margin-top: 1em; margin-bottom: 0.3em; }
#content p, #content ul, #content ol {font-size: 0.9em;}
#content ul { color: #000000; margin: 0.5em 0em 0.5em 1.5em;}
#content ol { color: #000000; margin: 0.5em 0em 0.5em 3.3em; list-style-type:decimal}
#content li {background-image: url(images/list-bullet.gif); background-repeat:no-repeat; background-position:0px 0.5em; margin-top: 0.2em; padding-left: 1.5em;}
#content p {margin: 1em 0em 1em 0em;}
#content strong {font-weight: bold;}
#content blockquote {margin: 0.5em 1em 0.5em 1em; color: #4d6615;}
#content a:link {color: #4d6615; font-weight: bold;}
#content a:visited {color: #4d6615; 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 table.htmlarea img  {margin: 0; padding: 0;}
#content em { font-style:italic;}

#content form img {float: none;}

#error_msg {width: auto; background-color: #ffffff; color: #FC0204; font-weight: bold; font-size: 0.8em; padding: 0em 0em 0.3em 0em;}
.alert_msg {background-color: #ffffff; color: #FC0204; font-weight: bold; font-size: 0.8em; padding: 0em ;}
#content #error_msg p, #content .alert_msg p {margin: 0.2em;}

div.textarea textarea {width: 95%;}
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;} 
form.template_form input.button {margin-top: 15px}
#content form.template_form p {padding-bottom: 0.4em;}
#content form.template_form p {margin: 0.3em 0em 0.3em 0em;}
div.fhf_note p {color: #FC0204}
p.form_label {margin-top: 0.3em;}
#content-footer {position: relative; top: -3px;}
p.form_label label {font-weight: bold;}
span.textlabel {color: #4D6615; font-weight:bold; font-size: 1em;}
#content p.last_update {margin-top: 2em; color: #4d6615; font-weight: bold; font-style:italic; font-size: 0.8em}

form.admin-form {clear: both;}
#content form.admin-form p {margin: 0.2em;}
form.admin-form td, form.admin-form th {vertical-align:middle; padding: 0.2em} 
form.admin-form fieldset {margin: 0em 0.5em 0.5em 0.5em; padding: 0.5em; border: 1px dashed #4d6615; width: 95%}
form.admin-form legend {margin-left: 1em; padding: 0.3em; background-color:#ffffff; color: #4d6615;}
form.admin-form label {font-weight: bold; font-size: 0.9em}
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_field { white-space:nowrap; }
form.admin-form table td.form_error_image {text-align: right;}
form.admin-form table td.form_error_note {padding-top: 0em;}

#content form.admin-form td.form_error_note p {color: #cc0000;}
form.admin-form input.button {margin-top: 15px}

form.admin-form textarea {width: 99%;}
form.admin-form table textarea{width: 80%;}

#footer {margin-top: 1em; margin-bottom: 1em;}
#footer p {font-size: 0.8em; color: #4d6615;}
#footer a:link {color: #4d6615;}
#footer a:visited {color: #4d6615;}
#footer a:hover {color: #000000;}

#footer p img {margin-top: 1em; margin-bottom:1em;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#menu {margin: 1em 0em 0.7em 1em;}
#menu a {display: block; font-size: 0.9em; text-align: left; padding-left: 20px; font-weight: bold; background-repeat:no-repeat; background-position:left 50%;}
#menu a:link, #menu a:visited {background-image: url(images/menu-bullet.gif); color: #ffffff; text-decoration: none}
#menu a:hover {background-image: url(images/menu-bullet-white.gif); text-decoration: underline; color: #ffffff; }
#menu ul li { z-index:100; position: relative; width: 100%; margin-bottom: 0.3em}
#menu li ul a:link,  #menu li ul a:visited {background-image: url(images/menu-bullet-red-on-green.gif); color: #ffffff; text-decoration: none}
#menu li ul a:hover {background-image: url(images/menu-bullet-white-on-green.gif); text-decoration: underline; color: #ffffff; }
	
#menu li ul {
	padding: 0.3em 0.5em 0em 0.3em;
	position: absolute;
	left: 95%; /* 1px less than menu width */
	top: 0px;
	display: block;
	background-color: #4d6615;
	width: 100%;
	z-index:100;
}

#menu li ul li ul {left: 100%;}
	
#menu li:hover ul {	display: block; } 

#menu li:hover>ul { visibility:visible; }

#menu ul ul { visibility:hidden; }

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

#menu ul, li { margin: 0 0 0 0; } 	

/*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 legend {margin-left: 1em; padding: 0.3em; background-color:#ffffff; color: #4d6615;}
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 #4d6615}
form.fhf table.fhf td.form_label {vertical-align: top; text-align: right; }
form.fhf table.fhf td.form_field, form.fhf table td.form_field img {vertical-align: top;}
#content table.fhf td, table.fhf th {padding: 0.4em 0.4em 0.4em 0.4em;}
#content table.fhf tr.fhf_note td p {padding: 0px; margin: 0px;}*/

p.fake_link a {text-decoration:underline; color: #4d6615; 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: #4d6615; font-weight: bold;}
#content table.format-style1 p {padding: 0em; margin: 0em;}

#content .file_content, #content .ebulletin_content {margin-bottom: 0.7em; margin-top: 0.3em; padding: 0.5em; border: 1px solid #157680; background-color:#FBFEF5 }
#content .file_content img, #content .ebulletin_content img {vertical-align: middle; margin: 0em; margin-left: 0.5em; float: none; clear: none;}
#content .ebulletin_content img { margin-left: 0.1em;}
#content .file_content span, #content .ebulletin_content span {font-size: 0.8em;}
#content .file_content p, #content .ebulletin_content p {padding-bottom: 0.3em; margin: 0em}
#content .file_content p.file_update, #content .ebulletin_content p.update {font-size: 0.8em; padding-bottom: 0.6em; }
#content .file_content p.ranking, #content .ebulletin_content p.ranking {font-size: 0.8em; padding-bottom: 0em; text-align: right; padding-top: 0.3em; }
#file-upload-output {margin-top: 0.5em; margin-bottom: 0.5em; border-top: 2px solid #CEF381; padding-top: 0.4em;}
#file-upload-output form input {margin-left: 0.3em; }
#file-upload-output label {font-weight: bold;}
#file-upload-output h2 {margin-top: 0.5em; font-size: 1.3em;}

#content form.register {margin-top: 0.5em; margin-bottom: 1em;}
#content form.register input {vertical-align:middle; margin-right: 0.4em;}
#content form.register img {vertical-align:middle; float: none; padding: 0px; margin: 0px }
#content form.register label {font-weight: bold; margin-right: 0.4em;}

form.fhf {clear: both;}
#content form.fhf p {margin: 0.2em;}
form.fhf td, form.fhf th {vertical-align:middle; padding: 0.2em} 
form.fhf fieldset {margin: 0em 0.5em 0.5em 0.5em; padding: 0.5em; border: 1px dashed #4d6615; width: 95%}
form.fhf legend {margin-left: 1em; padding: 0.3em; background-color:#ffffff; color: #4d6615;}
form.fhf label {font-weight: bold; font-size: 0.9em}
form.fhf table td.form_label { padding-right: 0.6em; padding-top: 0.4em; text-align: right; vertical-align: top;}
form.fhf table td.form_field { white-space:nowrap; }
form.fhf table td.form_error_image {text-align: right;}
#content form.fhf td.form_error_note p {color: #cc0000;}
form.fhf input.button {margin-top: 15px}

form.fhf textarea {width: 99%;}
form.fhf table textarea{width: 80%;}

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

#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; padding-bottom: 0.2em}
#content table#gen0 tr.result td.secret { position: absolute; text-align: left; padding-left: 0em; 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; padding: 0.2em 0.4em 0.4em 0.4em;border: 1px solid #157680; background-color:#FBFEF5; 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;}

#content form.site_search {margin-top: 0.5em; margin-bottom: 1em;}
#content form.site_search input {vertical-align:middle; margin-right: 0.2em; margin-bottom: 0.3em;}
#content form.site_search img {vertical-align:middle; float: none; padding: 0px; margin: 0px }
#content form.site_search label {font-weight: bold; padding-right: 0.6em; padding-bottom: 0.3em;}

#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 .gen2_file_content p {padding: 0em; margin: 0em;}
#content .gen2_file_content, #content .ebulletin_content {margin-bottom: 0.7em; margin-top: 0.3em; padding: 0.5em; border: 1px solid #157680; background-color: #FBFEF5; }

#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 #gen2-file-output {margin-top: 0.7em; margin-bottom: 0.5em; border-top: 2px solid #4d6615; padding-top: 0.4em;}
#content #gen2-file-output form input {margin-left: 0.3em; }
#content #gen2-file-output label {font-weight: bold; color:#4d6615;}
#content #gen2-file-output h2 {margin-top: 0.5em; font-size: 1.3em;}
#content #gen2-file-output h2 img {vertical-align: top; clear: none; float: none; padding: 0px; margin: 0px;}
#content #gen2-file-output h2 form {display: inline; vertical-align: middle;}
#content #gen2-file-output .gen2_section_select img {vertical-align: middle; clear: none; float: none; padding: 0px; margin: 0px;}

.admin_tools, .admin-tools {float: right; margin: 0em 0em 0.5em 0.5em;}
.admin_tools form, .admin-tools form {display: inline !important; padding: 0em; margin: 0em; vertical-align: bottom;}
#vysn9_vacancy {padding-bottom: 1em;}
#vysn9_vacancy ul {margin-top: 2em;}
.gen2_file_content h2 {margin-top: 0em !important; padding-top: 0em !important;}

h1.titlePurple {background-image:url(images/header-background-purple.gif); color: #ffffff;}
h1.titleBlue {background-image:url(images/header-background-blue.gif); color: #24417e;}
h1.titleBlueReversed {background-image:url(images/header-background-blue-reversed.gif); color: #ecf2ff}
h1.titleGreen {background-image:url(images/header-background-green.gif); color: #ffffff;}
h1.titleAqua {background-image:url(images/header-background-aqua.gif); color: #154d46;}