/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +lightbox
        =form
        =lightbox-message
        =lightbox-login
        =lightbox-memberdata
        =lightbox-upgrade
-----------------------------------------------------------------------------*/

/**
*
* =form
*
**/

form .length-min,
form .length-xxs,
form .length-xs,
form .length-s,
form .length-m,
form .length-l,
form .length-xl,
form .length-xxl,
form .length-max {
    border: 1px double #7f9db9;
    background-color: #fff;
    color: #000;
}

form .length-min {
    width: 30px;
}

form .length-xxs {
    width: 50px;
}

form .length-xs {
    width: 100px;
}

form .length-s {
    width: 150px;
}

form .length-m {
    width: 200px;
}

form .length-l {
    width: 250px;
}

form .length-xl {
    width: 300px;
}

form .length-xxl {
    width: 400px;
}

form .length-max {
    width: 90%;
}

input, button, textarea, select {
    font: 12px Tahoma, Helvetica, Arial, sans-serif;
}

label {
    cursor: pointer;
}

input[type="button"], input[type="reset"],
input[type="submit"], input[type="image"] {
    letter-spacing: 0.15mm;
    cursor: pointer;
}

input[type="text"], input[type="password"],
textarea, select {
    border: 1px double #7f9db9;
    background-color: #fff;
}

input[type="text"]:focus, input[type="password"]:focus,
textarea:focus, select:focus {
    border: 1px double #333;
    background-color: #ffc;
}

.mark-required, .mark-optional {
    padding: 0 3px;
    color: #f00;
    font-weight: bold;
}

.mark-optional {
    color: #00a;
}

.btn {
    height: 23px;
    line-height: 21px;
    padding: 0 8px;
    border: 1px double #a6a6a6;
    color: #c90006;
    font-size: 12px;
}

*:first-child+html .btn {
    overflow: visible;
}

* html .btn {
    overflow: visible;
}

/**
*
* =lightbox-message
*
**/

.lightbox-message {
    display: none;
    width: 495px;
    background: url(../../images/bg-lightbox-message-header.gif) no-repeat 0 0;
    color: #000;
    font: 12px/20px Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

.lightbox-message h3 {
    position: relative;
    margin: 0 0 14px 0;
    padding: 8px 0 0 10px;
    color: #ca0000;
    font-size: 16px;
    text-align: left;
}

.lightbox-message h3 a {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 19px;
    height: 19px;
    padding: 0;
    color: #000;
    font: bold 11px/19px Verdana,Tahoma,Helvetica,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
}

.lightbox-message h3 a:hover {
    background-color: #ccc;
    text-decoration: none;
}

.lightbox-message form {
    margin: 0 auto;
    padding-bottom: 4px;
    background: url(../../images/bg-lightbox-message-footer.gif) no-repeat 0 bottom;
}

.lightbox-message form fieldset {
    padding: 0;
    border: none;
    background: url(../../images/bg-lightbox-message-content.gif) repeat-y;
}

.lightbox-message form p {
    margin: 0 0 15px 0;
    padding: 0 15px;
    font: 12px/20px Verdana,Tahoma,Helvetica,Arial,sans-serif;
    text-align: left;
    letter-spacing: 0;
}

.lightbox-message form p label {
    float: left;
    width: 120px;
    color: #666;
    font-size: 16px;
    text-align: right;
}

.lightbox-message form p span.notation {
    display: block;
    padding: 1px 0 0 120px;
    color: #666;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.lightbox-message form p a {
    color: #606060;
    text-decoration: none;
}

.lightbox-message form p.captcha {
    padding-left: 135px;
}

.lightbox-message form p.captcha span.notation {
    padding: 1px 0 5px 0;
}

.lightbox-message form p.captcha img {
    margin-right: 10px;
    vertical-align: middle;
}

.lightbox-message form p.captcha a {
    color: #333;
}

.lightbox-message form p.button {
    text-align: center;
}

.lightbox-message form p.button .btn {
    height: 23px;
    line-height: 21px;
    margin-right: 10px;
    padding: 0 8px;
    border: 1px double #a6a6a6;
    background: #fff url(../../images/bg-btn.gif) repeat-x center center;
    color: #c90006;
    font-size: 12px;
}

/**
*
* =lightbox-login
*
**/

#lightbox-login {
    position: relative;
    width: 500px;
    height: 180px;
    padding-top: 73px;
    background: url(../../images/loginblock-bg02.gif) no-repeat 0 0;
}

#lightbox-login h3 {
    display: none;
}

#lightbox-login form {
    overflow: hidden;
    width: 457px;
    margin-bottom: 9px;
    padding: 0 0 0 43px;
    background: none;
}

#lightbox-login form fieldset {
    float: left;
    width: 256px;
    border: none;
    padding: 10px 0 3px 0;
    background: url(../../images/loginblock-line.gif) no-repeat right 0;
}

#lightbox-login form fieldset.login-fb {
    width: 103px;
    padding: 35px 0 0 27px;
    background: none;
}

#lightbox-login form fieldset.login-fb p {
    margin: 0;
    padding: 0 0 0 7px;
    color: #333;
}

#lightbox-login form fieldset.login-fb a.lightbox-login-fb {
    display: block;
    width: 103px;
    height: 24px;
    background: url(../../images/loginblock-btn-login-fb.gif) no-repeat 0 0;
    text-indent: -100000px;
    outline: none;
}

#lightbox-login form p {
    overflow: hidden;
    padding: 0;
}

#lightbox-login form p label {
    width: 70px;
}

#lightbox-login form p input[type="text"],
#lightbox-login form p input[type="password"] {
    width: 158px;
    border: 1px solid #a6a6a6;
}

#lightbox-login form p.login-btn {
    position: relative;
    width: 195px;
    margin: 0;
    padding: 0 0 0 61px;
}

#lightbox-login form p.login-btn .btn-submit {
    float: left;
    width: 101px;
    height: 47px;
    margin: 0 4px 0 0;
    border: none;
    background: url(../../images/loginblock-login02.gif) no-repeat 0 0;
    text-indent: -100000px;
}

#lightbox-login form p.login-btn a.forget-pwd {
    display: block;
    position: absolute;
    top: 17px;
    left: 162px;
    width: 60px;
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}

#lightbox-login p.not-member {
    clear: both;
    padding: 0 0 0 45px;
    color: #333;
    text-align: left;
}

#lightbox-login p.not-member a {
    color: #00f;
    text-decoration: underline;
}

#lightbox-login .btn-close {
    position: absolute;
    bottom: 13px;
    right: 15px;
    width: 73px;
    height: 29px;
    background: url(../../images/lightbox-btn-close02.gif) no-repeat 0 0;
    text-indent: -100000px;
    outline: 0;
}

/**
*
* =lightbox-memberdata
*
**/

#lightbox-memberdata .hide {
    display: none !important;
}

#lightbox-memberdata form {
    text-align: center;
}

#lightbox-memberdata .fminput {
    clear: both;
    overflow: auto;             /* HACK: for Firefox */
    width: 479px;
    margin: 1px 0 5px 3px;
    padding-left: 10px;
}

#lightbox-memberdata .fminput label {
    display: block;
    float: left;
    width: 130px;
    text-align: right;
}

#lightbox-memberdata .fminput label acronym {
    cursor: help;
    padding: 0 3px;
    color: #f00;
    font-weight: bold;
    border: none;
}

#lightbox-memberdata .fminput .fmfield {
    display: block;
    position: relative;
    float: right;
    width: 343px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 5px;
    text-align: left;
}

#lightbox-memberdata .fminput .fmfield label {
    display: inline;
    float: none;
    width: auto;
    padding-right: 5px;
    border: none;
}

#lightbox-memberdata .btn-submit {
    display: inline;
    width: auto;
    margin: 10px 10px 0 0;
    text-indent: 0;
}

/**
*
* =lightbox-upgrade
*
**/

#lightbox-upgrade-frm {
    width: 680px;
    background: url(../../images/bg-lightbox-message-header02.gif) no-repeat 0 0;
    color: #000;
    font: 12px/20px Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

#lightbox-upgrade-frm h3 {
    position: relative;
    margin: 0 0 14px 0;
    padding: 8px 0 0 40px;
    color: #000;
    font-size: 16px;
    text-align: left;
}

#lightbox-upgrade-frm h3 a {
    display: block;
    position: absolute;
    top: 7px;
    right: 8px;
    width: 19px;
    height: 19px;
    padding: 0;
    color: #000;
    font: bold 11px/19px Verdana,Tahoma,Helvetica,Arial,sans-serif;
    text-align: center;
    text-decoration: none;
}

#lightbox-upgrade-frm h3 a:hover {
    background-color: #ccc;
    text-decoration: none;
}

#lightbox-upgrade-frm form {
    background: url(../../images/bg-lightbox-message-footer02.gif) no-repeat 0 bottom;
    text-align: center;
}

#lightbox-upgrade-frm form p.notice,
#lightbox-upgrade-frm form p.chance {
    margin-bottom: 5px;
    padding-left: 40px;
    color: #666;
    font-size: 16px;
    line-height: 140%;
    text-align: left;
}

#lightbox-upgrade-frm form p.notice span {
    color: #ca0000;
}

#lightbox-upgrade-frm form p.chance {
    color: #ca0000;
    font-size: 13px;
}

#lightbox-upgrade-frm form p.notice a.cluetip {
    color: #666;
    text-decoration: underline;
}

#lightbox-upgrade-frm form fieldset {
    width: 600px;
    margin: 0 auto;
    padding: 0 40px 4px 40px;
    border: none;
    background: url(../../images/bg-lightbox-message-content02.gif) repeat-y;
}

#lightbox-upgrade-frm form fieldset.pwd {
    padding-bottom: 5px;
    color: #495561;
    font-size: 12px;
    line-height: 150%;
    text-align: left;
}

#lightbox-upgrade-frm form fieldset.pwd p {
    margin-bottom: 5px;
    padding: 0;
}

#lightbox-upgrade-frm form fieldset.pwd p label {
    float: none;
    font: 12px/20px Verdana, Tahoma, Helvetica, Arial, sans-serif;
    text-align: left;
}

#lightbox-upgrade-frm form table {
    width: 100%;
    margin-bottom: 10px;
}

#lightbox-upgrade-frm form table td {
    padding: 2px 5px;
    border-bottom: 1px solid #fff;
    background-color: #ebe9e9;
    text-align: left;
    vertical-align: middle;
}

#lightbox-upgrade-frm form table td.title {
    width: 80px;
    border-right: 1px solid #fff;
    background-color: #788488;
    color: #fff;
    text-align: center;
}

#lightbox-upgrade-frm form table td .children {
    display: none;
}

#lightbox-upgrade-frm form p.check {
    margin-bottom: 10px;
    padding: 0 30px 0 25px;
    text-align: left;
    text-indent: -25px;
}

#lightbox-upgrade-frm form p.check input {
    vertical-align: middle;
}

#lightbox-upgrade-frm form p.check label {
    float: none;
    width: auto;
    color: #000;
    font: 12px/20px Verdana,Tahoma,Helvetica,Arial,sans-serif;
    text-align: left;
}

#lightbox-upgrade-frm form p.check a {
    color: #00f;
    text-decoration: underline;
}

#lightbox-upgrade-frm form .btn-submit {
    height: 23px;
    line-height: 21px;
    padding: 0 8px;
    border: 1px double #a6a6a6;
    background: #fff url(../../images/bg-btn.gif) repeat-x center center;
    color: #c90006;
    font-size: 12px;
}