/*/////////////////////////////////////////////////////////////////////////
Description: Login Box

Content in this CSS-file:
    - Login layout

/////////////////////////////////////////////////////////////////////////*/
div#forgot_password { display: block !important; padding-top: 140px; }
.hint { display:none; }
/*
	##### LOGIN #####
*/
div#login_wrapper {
    width: 740px; padding: 144px 0 0 0; background: url(Images/login_img.jpg) no-repeat;
}
div#login_wrapper h1 {
    width: 720px; height: 23px; line-height: 23px; padding: 0 5px 0 15px; margin: 0 0 10px 0; color: #000000; font-size: 1.2em;
    background: #5d7ebd url(../Deals/Images/header_curve.gif) no-repeat;
}
div#login_left {
    width: 470px; height: 168px; float: left; padding: 110px 20px 0 0; position: relative; background: url(Images/login_text_left.gif) 0 10px no-repeat;
}
div#login_left h1 {
    display: none;
}
div.login_label {
    width: 140px; height: 18px; padding: 0 0 0 10px; font-weight: bold; background: url(Images/icons/arrow_blue.gif) 0 3px no-repeat;
}
div.login_box_username {
    width: 162px; float: left;
}
div.login_box_username input {
    width: 150px; float: left;
}
div.login_box_password {
    width: 308px; float: left;
}
.password {
    width: 130px; float: left; padding: 0 0 0 2px;
}
.login_btn {
    width: 62px; height: 19px; float: left; background: url(Images/buttons/login_btn.gif) no-repeat; margin: 0 0 0 10px; border: 0; cursor: pointer;
}
div#login_save {
    width: 100px; height: 19px; line-height: 19px; float: left; font-weight: bold;
}
div#login_save input {
    width: 16px; height: 16px; margin: 0 5px 0 10px;
}
div#login_help {
    
}

/*
	##### LOGIN/ACTIVATE CODE BOX #####
*/
div#code_wrapper { display: none;
    width: 250px; height: 168px; float: left; display: block !important; padding: 136px 0 0 0; background: url() 0 10px no-repeat;
}
div.code_header {
    display: none;
}
div.code_label {display: none;
    width: 240px; height: 18px; padding: 0 0 0 5px; font-weight: bold; background: url(Images/icons/arrow_purple.gif) 0 3px no-repeat;
}
div.code_field {display: none;
    width: 168px; height: 19px; float: left; padding: 0 5px 0 0;
}
div.code_field input {
    width: 162px; padding: 0 0 0 2px;
}
div.code_button {display: none;
    width: 77px; height: 19px; float: left;
}
div.code_button input {display: none;
    width: 77px; height: 19px; background: url(Images/buttons/activate_btn.gif) no-repeat; border: 0; cursor: pointer;
}

/*
	##### LOGOUT #####
*/
div.logout_text {
    width: 740px; padding: 0 0 10px 0;
}
div.login_link {
    width: 240px; height: 18px; padding: 0 0 10px 10px; font-weight: bold; background: url(Images/icons/arrow_purple.gif) 0 3px no-repeat;
}
div.logout_logbuy {
    width: 500px; height: 30px; background: url(Images/logout_text.gif) no-repeat; font-size: 1px; color: #fff;
}
div.login_failure {
    width: 270px; height: 14px; color: red; position: absolute; top: 153px; left: 0;
}


/*
	##### ACTIVATE CODE #####
*/
div#activate_wrapper {
    width: 740px; padding: 144px 0 50px 0; background: url(Images/login_img.jpg) no-repeat;
}
div.activate_header {
    width: 735px; height: 24px; line-height: 24px; font-size: 1.1em; color: #fff; padding: 0 0 0 5px; margin: 0 0 10px 0; font-weight: bold;
    background: #895ca6 url(Images/lbl_activate.gif) no-repeat;
}
div.activate_text {
    width: 600px; padding: 0 140px 10px 0; margin: 0 0 20px 0; border-bottom: #895ca6 2px dashed;
}

div.activate_label {
    width: 180px; height: 20px; float: left; line-height: 20px; font-weight: bold; padding: 0 0 5px 0;
}
div.activate_field {
    width: 560px; height: 20px; float: left; padding: 0 0 5px 0;
}
div.activate_field input {
    width: 200px; border: #adc0e1 1px solid; padding: 1px 0 2px 2px;
}
div.activate_field select {
    width: 205px; padding: 0 0 0 2px;
}
div.divider {
    width: 500px; height: 10px; margin: 0 0 15px 0; border-bottom: #895ca6 1px dashed; clear: both;
}
div.newsletter_label {
    width: 495px; float: left; font-weight: bold; padding: 5px 0 5px 5px; background: #e6ecf6;
}
div.newsletter_label p {
    font-weight: normal; clear: both; padding: 0 0 5px 0;
}
div.newsletter_label input {
    float: left; margin: 0 0 0 10px;
}
div.btn_field {
    width: 500px; height: 40px; clear: both; margin: 20px 0 0 0;
}
div.btn_field input {
    width: 200px; height: 19px; background: url(Images/buttons/activate_btn2.gif) no-repeat; border: 0; cursor: pointer;
}
div#errorText {
    width: 490px; height: 30px; line-height: 30px; padding: 0 0 0 5px; color: #fff; background: red; margin: 0 0 10px 0;
}