/******************** closed page *********************/

html,
body {
width: 100%;
height: 100%;
max-height: 100%;
margin: 0;
padding: 0;
overflow: auto;
background-color: black;
}

body {
min-height: 500px;
min-width: 800px;
font: normal 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#allWrapper, #accessKeys, #fancy_wrap {
display: none;
}

#closed-container {
display: block;
height: 100%;
width: 100%;
margin: 0 auto -35px;
overflow: hidden;
position: relative;
z-index: 3;
}

#closed-container #header {
background: transparent url(/images/2010/logo_koodos.png) no-repeat top left;
height: 100px;
width: 200px;
position: absolute;
top: 20px;
left: 40px;
z-index: 10;
}

#closed-container #header h1 {
text-indent: -5000px;
}

#closed-container #content {
position: absolute;
left: 50%;
margin-left: -333px;
top: 50%;
margin-top: -260px;
z-index: 9;
width: 586px;
height: 406px;
background: transparent url(/images/2010/bg_closed_content.png) no-repeat top left;
padding: 40px;
}

#closed-container #content #strap {
color: #fbcd35;
padding-left: 12px;
text-transform: lowercase;
letter-spacing: 4px;
width: 560px;
font-size: 20px;
}

#closed-container #content .popup-box {
height: 330px;
width: 241px;
padding: 15px 20px 15px 30px;
margin-top: 20px;
float: left;
background: transparent url(/images/2010/bg_closed_content_pane.png) no-repeat center center;
position: relative;
}

#closed-container #content .popup-box #reg-intro ul{
color: #fff;
margin-top: 38px;
}

#closed-container #content .popup-box #reg-intro ul#benefits li{
font-size:12px;
line-height:18px;
margin-bottom: 10px;
}

#closed-container #content .popup-box #reg-intro p {
color: #fbcd35;
font-size:15px;
font-weight:bold;
line-height:21px;
}

#closed-container #content .popup-box #reg-intro img#show-reg {
cursor: pointer;
}


#closed-container #content .popup-box #reg-form h5 span{
float: right;
color:#9c9c9c;
font-size: 12px;
font-weight: normal;
cursor: pointer;
}


#closed-container #content .popup-box h5 {
font-size:14px;
font-weight:bold;
color: #fff;
margin-bottom: 10px;
}

#closed-container #content .popup-box label {
color: #fbcd35;
display: block;
margin-bottom: 5px;
}

#closed-container #content .popup-box label.checkbox, #closed-container #content .popup-box #remember-me label{
display: inline;
margin-left: 5px;
}

#closed-container #content .popup-box p {
border: 1px solid none;
clear: both;
color: #333333;
font-size: 12px;
width: 230px;
}

#closed-container #content .popup-box p span {
float: right;
margin-top: -22px;
}

#closed-container #content .popup-box p span a {
color: #9c9c9c;
text-decoration: none;
}

#closed-container #content .popup-box input.input-text, 
#closed-container #content .popup-box #dc_sign_in_form_email, 
#closed-container #content .popup-box #dc_sign_in_form_password, 
#closed-container #content .popup-box #dc_user_email_address,
#closed-container #content .popup-box #dc_user_password,
#closed-container #content .popup-box #dc_user_first_name,
#closed-container #content .popup-box #dc_user_last_name {
clear: left;
display: block;
float: left;
padding: 3px 4px;
width: 222px;
height: 22px;
border: none;
margin-bottom: 10px;
}

#closed-container #content ul.error_list {
color:#FF0000;
display:inline;
float:left;
font-weight:bold;
margin-top:-22px;
text-align:right;
width:230px;
}

#closed-container #content ul.error_list li{
width: 160px;
float: right;
margin-bottom: 4px;
}

#closed-container #content ul.error_list li a{
color: #fff;
text-decoration: none;
font-weight: bold;
}

#closed-container #content ul.error_list li a:hover{
text-decoration: underline;
}

#closed-container #content .popup-box p.closed-errormessage {
font-weight: bold;
color:#f00;
margin-bottom:4px;
margin-top:-4px;
}

#closed-container #bg {
height: 100%;
width: 100%;
overflow: hidden;
position: absolute;
}

#closed-container #bg img {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}

body.closed-page #closed-footer {
position: relative;
z-index: 5;
height: 35px;
background-color: #333;
}

body.closed-page #closed-footer ul {
position: absolute;
top: 8px;
width: 100%;
}

body.closed-page #closed-footer ul li {
display: inline;
color: #787878;
font-weight: bold;
margin-left: 20px;
}

body.closed-page #closed-footer ul li#copyright {
position: absolute;
right: 0;
margin-left: 0;
margin-right: 20px;
font-weight: normal;
}

body.closed-page #closed-footer ul li a {
color: #787878;
text-decoration: none;
}

body.closed-page #closed-footer ul li a:hover {
color: #aaa;
}

#closed-container #content .submit-buttons {
position: absolute;
bottom: 25px;
left: 30px;
width: 250px;
height:30px;
}

.button-login {
background: url("/images/2010/btn_signin.gif") no-repeat scroll 0 0 transparent;
border: medium none;
cursor: pointer;
display: block;
float: left;
height: 30px;
text-indent: -5000px;
width: 230px;
}

.button-male, .button-female {
border: medium none;
cursor: pointer;
display: block;
float: left;
height: 30px;
text-indent: -5000px;
width: 110px;
}

.button-male {
background: url("/images/2010/btn_male.gif") no-repeat scroll 0 0 transparent;
}

.button-female {
background: url("/images/2010/btn_female.gif") no-repeat scroll 0 0 transparent;
margin-left: 10px;
}