/*** New CSS for Wall Street Survivor V2
     2008 Marjorie Lazaro
**************************** REGISTRATION PAGE ****************************/

.sep-5 { height: 5px }
.sep-20 { height: 20px }
body.stand_alone_page { width: 1005px }
body.stand_alone_page h2 { color: #4d4d4d }

#sign_up_container { font-size: 0.9em }
/* changing headlines */
.changing-headline { font-size: 1.6em; text-align: left; line-height: 1.3em; margin-bottom: 15px }

.image-zoom { float: right; margin: 30px 0 0 15px; width: 210px }
.registration { float: left; margin: 20px 0; width: 700px }
.image-zoom .legend { display: block; padding: 5px 0 15px 10px }

/* Sign up process */
.image-zoom .sign-up-process { background-color: #e7f8fe; width: 190px; padding: 15px 10px }
.image-zoom .sign-up-process ol { clear: left; margin: 20px 0 0 }
.image-zoom .sign-up-process ol li { list-style-type: none; height: 40px; margin: 0; padding: 10px 0 0 50px }
.image-zoom .sign-up-process ol li.current { background: #ffff01 url(/Images/sign-up-current.jpg) 0 0 no-repeat }
.image-zoom .sign-up-process ol li.complete { background: transparent url(/Images/sign-up-complete.jpg) 0 8px no-repeat }
.image-zoom .sign-up-process ol li.second-step { background: transparent url(/Images/sign-up-second.jpg) 0 8px no-repeat }
.image-zoom .sign-up-process ol li.third-step { background: transparent url(/Images/sign-up-third.jpg) 0 8px no-repeat }

.registration .mandatory { background-color: #e7f8fe }
.registration .mandatory div { display: inline }
.registration fieldset { width: 700px; background-color: #e0fdfd; padding-top: 20px; padding-bottom: 20px }
.registration label {
    float: left;
    display: -moz-inline-block; /* For FF<3 */
    display: inline-block; 
    padding: 0 20px 0 5px; 
    width: 280px; 
    vertical-align: top; 
    line-height: 1em; 
    height: 25px;
    text-align: right;
    font-size: 1.3em
}

.registration fieldset label span { font-size: 0.7em; line-height: 1em }

.registration input {
    float: left;
    width: 160px;
	background-color: #fff;
	color: #505050;
	border: 1px solid #ccc;
	margin: 0 2px 0 0; 
	height: 20px; 
	padding: 1px 2px
}

.registration input.captcha-text { position: relative; top: 6px }

.registration .error-captcha { margin-left: 264px }
.registration .error-agree { display: block; clear: left; margin: 0 0 0 200px }
.registration .small { font-size: 0.7em }
.registration input.smallInput { width: 250px }
.registration span.inputCheckbox input { float: left; width: 15px; border: 0; position: relative; top: 1px; margin: 0 0 0 200px }
.registration label.field-checkbox { line-height: 13px; height: 15px; float: left; margin: 0; padding: 0; width: 600px; font-size: 1em; position: relative; top: -15px }

.registration input.submit { width: 218px; height: 36px; border: 0; margin: 20px 0 20px 260px }

input.btnBlue {
    background-color: #50a1f0; 
    border-top: 2px solid #84bdf1;
    border-right: 2px solid #2e6292;
    border-bottom: 2px solid #2e6292;
    border-left: 2px solid #84bdf1;
    color: #fff; 
    font-weight: bold; 
    font-size: 11px; 
    padding: 2px 8px
}
/* hack IE7 */ *:first-child+html input.btnBlue { width: 140px }


/* WE PAY NOW */
.wpn .image-zoom { float: left; margin: 30px auto 0; width: 275px }
.wpn .left-col { float: left; width: 285px }
.wpn .right-col { float: left; width: 700px }
.wpn hr { margin: 15px 0 }
.features h2 { color: #474747; font-size: 15px; padding: 5px; font-weight: bold; background: none; background-color: #fff }
.wpn .features { width: 340px }
.wpn .features p {  }
.wpn .features ol { list-style-type: decimal; margin-left: 30px;  }
.wpn h2.subtitle { background-image: none; color: #494949; font-size: 16px; padding: 0; margin: 0 0 10px }

.wpn .sideform { float: right; width: 315px; background-color: #ededed; padding: 10px; border: 1px solid #d0d0d0; border-top: 0 }
.wpn .sideform img { margin: -10px }
.wpn .sideform label { float: left; width: 120px; margin-left: 6px }
.wpn .sideform label.lCkeck { float: right; width: 280px; margin-top:16px }
.wpn .sideform .existingUser label {  width: 240px }
.wpn .sideform .check input { margin-left: 6px; border: 0 }
.wpn .sideform input { border: 1px solid #636363 }
.wpn .sideform input.radio { border: 0 }
/* hack IE7 */ *:first-child+html .wpn .sideform label.lCkeck { margin-top: -20px }
.wpn .sideform input.submit { border: 0 }
/* hack IE7 */ *:first-child+html .wpn .sideform .btn { clear: left }
/* hack IE7 */ *:first-child+html .wpn .sideform input.submit { float: left; display: inline }
.wpn .sideform .btn-left, .wpn .sideform .btn-right, .wpn .sideform .btn a input.submit, .wpn .sideform .btn a { float: left }