
#registration-section {

}

#registration-section .row-fluid {
	text-align: center;
}

#registration-section .span6 {
	text-align: center;
	width: auto;
	display: inline-block;
	float: none;
	vertical-align: top;
}

#registration-section .span6:nth-child(2) {
	padding: 10px 0 0 0;
}

#registration-section .span6:nth-child(1) {
	border-right: 1px solid #999999;
	padding: 25px 30px 0 0;
	margin: 25px 0 30px 0;
}

#registration-section .span6:nth-child(1) figure {
	margin-bottom: 15px;
}

#registration-section .span6:nth-child(1) p {
	font-size: 24px;
	font-family: 'PFDinTextStd-Medium','Open Sans', sans-serif, Myriad Pro, arial, helvetica;
	line-height: 28px;
}

#registration-section .span6:nth-child(2) h2 {
	font-size: 24px;
	color: #00519B;
	text-align: left;
	margin: 10px 0 5px;
}

#registration-section #default-form-registration {
	display: none;
}

#registration-section .error-message {
	margin-bottom: 30px;
	height: 35px;
	position: relative;
}

#registration-section .error-message > span {
	background: url('/assets/images/registration/error-icon.png') scroll no-repeat 0 10px transparent;
	padding: 10px 0 10px 35px;
	vertical-align: top;
	color: #F16521;
	font-weight: bold;
	font-size: 16px;
	display: none;
	position: absolute;
}

#registration-section p {
	line-height: 20px;
	font-size: 16px;
}

#registration-section form1 p:nth-child(1) {
	margin-bottom: 20px;
}

#registration-section .light-blue-button {
	font-size: 20px;
	display: block;
	width: 380px;
	padding: 10px 0 !important;
	text-align: center;
}

#registration-section form1 {
	display: block;
	width: 400px;
	text-align: left;
}

#registration-section form1 p:nth-child(2) {
	margin-bottom: 20px;
	font-weight: bold;
}

#registration-section form1 p:nth-child(2) a {
	font-family: 'Open Sans', sans-serif, Myriad Pro, arial, helvetica;
	color: #00519B;
	font-weight: bold;
	text-decoration: underline;
}

#registration-section form1 p:nth-child(3) {
	color: #00519B;
	font-size: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

#registration-section form1 .controls {
	display: inline-block;
	position: relative;
}

#registration-section form1 .controls input {
	width: 360px;
	font-size: 16px;
	height: 30px;
	margin: 0 0 10px 0;
	color: #656565;
	padding-left: 10px;
}

#registration-section form1 .controls .error-icon {
	position: absolute;
	background: url('assets/images/registration/error-icon.png') scroll no-repeat 0 0 transparent;
	width: 22px;
	height: 22px;
	right: 10px;
	top: 8px;
	display: none;
}

    #registration-section form1 .controls .green-check {
        background: url('assets/images/registration/green-check.png') scroll no-repeat 0 0 transparent;
        width: 28px;
        height: 24px;
        display: none;
        position: absolute;
        right: 10px;
        top: 8px;
    }

#registration-section #age.controls input {
	width: 158px !important;
	display: inline-block;
	margin-right: 2px;
}

#registration-section #grade.controls input {
	display: inline-block;
	width: 178px !important;
}

#registration-section .error-message span a {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #F16521;
	font-family: 'Open Sans', sans-serif, Myriad Pro, arial, helvetica;
}

/********* BEGIN - REGISTRATION DEFAULT SECTION *********/

.registration-default .default-form-registration {
	text-align: left;
}

.registration-default .default-form-registration .option {
	margin-bottom: 30px;
}

.registration-default .default-form-registration .option:nth-child(3) {
	margin-bottom: 0;
}

.registration-default .default-form-registration .option span.choice {
	background: url('assets/images/registration/radio-icon.png') scroll no-repeat 0 -29px transparent;
	width: 29px;
	height: 29px;
	display: inline-block;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.registration-default .default-form-registration .option h3 {
	font-size: 16px;
	display: inline-block;
	margin: 0 0 5px 0;
	font-family: open sans;
	font-weight: bold;
	line-height: 20px;
}

.registration-default .default-form-registration .option p {
	width: 355px;
	margin-left: 40px;
}

.registration-default .default-form-registration > a:hover,
#registration-section form1 > a:hover {
	background: #00519B !important;
}

#registration-section input {
	border: 1px solid #666666;
	box-shadow: none;
}


#registration-section input:hover,
#registration-section input:focus {
	border: 1px solid #5b8ab8;
	box-shadow: none;
}

#registration-section input.info,
#registration-section input.error {
	border: 1px solid #5b8ab8 !important;
}

#registration-section.registration-default .default-form-registration .error-message {

}

#student-screen2-form.error input {
	border: 1px solid #5b8ab8;
}

/********* END - REGISTRATION DEFAULT SECTION  *********/

/********* BEGIN - REGISTRATION SCREEN2 SECTION  *********/

#registration-section.registration-student-screen2 .error-message {
	height: 55px;
}

/********* END - REGISTRATION SCREEN2 SECTION  *********/

/********* BEGIN - REGISTRATION SCREEN2 SECTION *********/

#registration-section.registration-student-screen3 .span6:nth-child(1) {
	padding-bottom: 65px;
}

#registration-section .checkbox-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-bottom: 5px;
}

#registration-section.registration-parent-screen2 .checkbox-icon.emailasusername,
#registration-section.registration-parent-screen3 .checkbox-icon.signup-newsletter,
#registration-section.registration-educator-screen2 .checkbox-icon.emailasusername,
#registration-section.registration-educator-screen3 .checkbox-icon.signup-newsletter {
    background: url('assets/images/registration/checkedbox-icon.png') scroll no-repeat 0 -20px transparent;
}

#registration-section.registration-educator-screen2 .checkbox-icon.certifyage,
#registration-section.registration-parent-screen2 .checkbox-icon.certifyage {
    background: url('assets/images/registration/checkedbox-icon.png') scroll no-repeat 0 0 transparent;
}

#registration-section.registration-educator-screen2 .checkbox-icon.siteleader,
#registration-section.registration-parent-screen2 .checkbox-icon.siteleader {
    background: url('assets/images/registration/checkedbox-icon.png') scroll no-repeat 0 0 transparent;
}


#registration-section label {
	display: inline-block;
	cursor: default;
	vertical-align: top;
	font-size: 15px;
}

#registration-section .controls label {
	width: 345px;
}

#registration-section.registration-educator-screen2 .span6:nth-child(1) {
	padding-bottom: 90px;
}

.registration-educator-screen3 select,
.registration-parent-screen3 select {
	height: 40px;
	width: 378px;
	font-size: 16px;
	color: #999999;
}

.registration-parent-screen3 #state select,
.registration-educator-screen3 #school-state select {
	width: 175px !important;
	display: inline-block;
	margin-right: 2px;
	height: 40px;
}

.registration-parent-screen3 #country-dropdown select {
	height: 40px;
	width: 378px;
	font-size: 16px;
	color: #999999;
}

.registration-parent-screen3 #country-dropdown.controls {

}

.registration-parent-screen3 #zip-code input,
.registration-educator-screen3 #school-zip-code input {
	display: inline-block;
	width: 178px !important;
}

#registration-section.registration-educator-screen3 .span6:nth-child(1) {
	padding-bottom: 280px;
}

#registration-section.registration-parent-screen3 .span6:nth-child(1) {
	padding-bottom: 120px;
}

#registration-section.registration-parent-screen2 .span6:nth-child(1) {
	padding-bottom: 45px;
}

#registration-section.registration-educator-screen3 .error-message {
	margin-bottom: 10px;
}

#registration-section.registration-educator-screen3 .option,
#registration-section.registration-parent-screen3 .option {
	display: inline-block;
	margin: 0 35px 15px 0;
}

    #registration-section.registration-educator-screen3 .option span.choice,
    #registration-section.registration-parent-screen3 .option span.choice {
        background: url('assets/images/registration/radio-icon.png') scroll no-repeat 0 -29px transparent;
        width: 29px;
        height: 29px;
        display: inline-block;
        float: left;
        margin-right: 7px;
        cursor: pointer;
    }

#registration-section.registration-educator-screen3 .option span.choice.checked,
#registration-section.registration-parent-screen3 .option span.choice.checked {
	background-position: 0 0;
}

#registration-section.registration-educator-screen3 .option label,
#registration-section.registration-parent-screen3 .option label {
	margin-top: 4px;
	font-weight: bold;
}

#registration-section.registration-educator-screen3 .terms-of-service {
	font-size: 14px;
	margin-top: 5px;
}

#registration-section.registration-parent-screen3 .terms-of-service a,
#registration-section.registration-educator-screen3 .terms-of-service a {
	font-size: 14px;
	display: inline-block;
	font-family: 'Open Sans', sans-serif, Myriad Pro, arial, helvetica;
	text-decoration: underline;
}

#registration-section #student-screen2-form.error input {
	color: #F16521;
}

#registration-section #student-screen2-form.error span.error-icon,
#registration-section #student-screen2-form.error .error-message .error2 {
	display: block;
}

#registration-section.registration-parent-screen2 #parent-screen2-form.error3 #choose-username.controls,
#registration-section.registration-educator-screen2 #educator-screen2-form.error3 #choose-username.controls {
	display: inline-block;
}

#registration-section.registration-educator-screen2 #choose-username.display.controls {
	display: inline-block;
}

#parent-screen2-form.error3 .checkbox-icon.emailasusername,
#educator-screen2-form.error3 .checkbox-icon.emailasusername {
	background-position: 0 0;
}

#student-screen3-form.error #choose-your-username input,
#educator-screen2-form.error2 #email input,
#educator-screen2-form.error3 #choose-username input {
	border: 1px solid #5b8ab8;
}

#student-screen3-form.error #choose-your-username span.error-icon,
#educator-screen2-form.error3 #choose-username .error-icon,
#educator-screen2-form.error3 .error-message .error3,
#parent-screen2-form.error3 #choose-username .error-icon,
#parent-screen2-form.error3 .error-message .error3,
#educator-screen2-form.error2 #email .error-icon,
#parent-screen2-form.error2 #email .error-icon,
#parent-screen2-form.error2 .error-message .error2,
#educator-screen2-form.error2 .error-message .error2 {
	display: block;
}

#registration-thank-you-student {
    background: url('assets/images/registration/thank-you-student.png') scroll no-repeat center bottom #A1C1FA;
    height: 520px;
}

#registration-thank-you-student .blue-button {
	margin: 10px 0 0 0;
	font-size: 20px;
	padding: 10px 30px;
}

#registration-thank-you {
	height: 520px;
}

#registration-thank-you p:nth-child(3) {
	font-family: PFDinTextStd-Regular;
}

#registration-thank-you .blue-link {
	margin: 0;
	display: inline-block;
	font-size: 24px;
	text-decoration: underline;
	font-family: PFDinTextStd-Regular;
}

#student-screen3-form.error .error-message .error3 {
	display: block;
}

#registration-section .chosen-container {
	margin-bottom: 10px;
}

#registration-section .chosen-container a.chosen-single {
	border: 1px solid #656565;
	border-radius: 4px;
	padding-top: 5px;
	height: 40px;
	background: none;
	font-size: 16px;
	font-family: open sans;
	color: #666666;
	padding-left: 10px;
	box-shadow: none;
}

#registration-section .chosen-container.chosen-with-drop a.chosen-single {
	border-radius: 4px 4px 0 0;
	border-bottom: none;
}

#registration-section .chosen-container a.chosen-single span {
	color: #999999;
}

#registration-section .chosen-container-single .chosen-single div b {
    background: url('assets/images/registration/chosen-arrow-down.png') scroll no-repeat -5px 7px transparent;
}

#registration-section .chosen-container-single .chosen-drop {
	border: 1px solid #5b8ab8;
	border-radius: 0;
}

#registration-section .chosen-container .chosen-search input {
	width: 165px;
}

#registration-section .chosen-container .chosen-results {
	margin: 0;
	padding: 0;
	background: #EAEAEA;
}

#registration-section .chosen-container .chosen-results li {
	color: #333333;
	font-size: 16px;
	padding: 8px 6px 8px 10px;
	font-weight: bold;
}

#registration-section .chosen-container .chosen-results li.highlighted {
	color: #FFFFFF;
	background: #00539C;
}

#registration-section #choose-username {
	display: none;
}

