/* Registration Area Styles */
#registrationArea table {
	margin: 0; padding: 0;
}

#regOuter h1 {
	font-family: Arial, Helvetica;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
	}

#registrationArea {
	width: 782px;
	color: #ffffff;
	font-family: Arial, Helvetica;
	font-weight: bold;
	}
	
	#registrationArea a {
		color: #8dbae3;
		text-decoration: none;
	}

	#registrationArea h2{
		color: #8dbae3;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #343d49;
		padding: 2px 0px;
	}
	
	#registrationArea .myAge {
		padding-top: 10px;
	}
		#registrationArea .myAge .dateLabel {
			color: #FFFFFF;
			float: left;
			text-align: right;
			width: 190px;
			font-size: 13px;
			text-transform: none;
		}
		
		#registrationArea .myAge .dateArea {
			float: left;
			margin-left: 10px;
		}
			#registrationArea .myAge .dateArea select {
				float: left;
				background: #999999;
			}
			#registrationArea .myAge .dateArea .separator {
				color: #8dbae3;
				padding: 3px 5px 0px 5px;
				font-size: 16px;
				font-weight: bold;
				float: left;
			} 
		
		#registrationArea .myAge .disclaimer {
			float: left;
			color: #FFFFFF;
			height: 20px;
			width: 300px;
			overflow: hidden;
			font-size: 10px;
			text-transform: none;
			margin-top: -6px;
			margin-left: 10px;
		}
			
	#registrationArea .myInfo {
		margin-top: 0px;
	}
	
	#registrationArea .myInfo.mit {
/*		min-height: 518px;*/
	}
	* html #registrationArea .myInfo.mit {
/*		height: 518px;*/
	}
	
	#registrationArea .myInfo .marketing {
		float: right;
		margin: 25px 25px 0 0;
		width: 235px;
		height: 275px;
		text-align: center;
		color: #8DBAE3;
		display: block;
	}
	* html #registrationArea .myInfo .marketing {
		margin: 25px 12px 0 0;
	}

	#registrationArea .myInfoTable, #registrationArea .securityCheckTable {
		color: #080808;
		margin-top: 7px;
/*		width: 100%;*/
	}
/*	#registrationArea .myInfoTable {
		width: 493px;
	}*/
	#registrationArea .securityCheckTable {
		margin-top: 0px;
	}
		#registrationArea .myInfoTable td, #registrationArea .securityCheckTable td {
			color: #ffffff;
			font-size: 13px;
			height: 28px; 
			padding-right: 8px;
		}
		* html #registrationArea .myInfoTable td, #registrationArea .securityCheckTable td {
			height: 26px; 
		}


		#registrationArea .myInfoTable td.disclaimer, #registrationArea .securityCheckTable td.disclaimer {
			font-family: Arial, Helvetica, sans-serif;
			color: #8dbae3;
			font-size: 10px;
			vertical-align: top;
		}
		#registrationArea span.blue {
			color: #8DBAE3;
		}
		


		
		#registrationArea .myInfoTable .leftColumn, #registrationArea .securityCheckTable .leftColumn {
			width: 190px;
			text-align: right;
			font-weight: bold;
		}
			#registrationArea .myInfoTable .leftColumn img, #registrationArea .securityCheckTable .leftColumn img {
				vertical-align: text-top;
			}
		
		#registrationArea .myInfoTable .highlight {
		  background: #1e2329;
			color: #8dbae3;
		}
				
	#registrationArea .myInfoTable .formFieldLeft {
		background: url(../images/manage_profile/formEdgeLeft.gif) no-repeat;
		height: 19px;
		width: 8px;
		font-size: 1px;
		float: left;
	}
	
	#registrationArea .myInfoTable .formFieldRight {
		background: url(../images/manage_profile/formEdgeRight.gif) no-repeat;
		height: 19px;
		width: 8px;
		font-size: 1px;
		float: left;
	}
	
	#registrationArea .myInfoTable .formField {
		width: 285px;
		border: 0px;
		margin: 0px;
		float: left;
		background: #ffffff;
		height: 17px;
		font-size: 12px;
		font-family: Arial, Helvetica;
		padding-top: 2px;
	}
	
	#registrationArea .myInfoTable .standardFormField, #registrationArea .securityCheckTable .standardFormField, #consent .formField {
		width: 235px;
		background: #999999;
		border: none;
		height: 17px;
		font-size: 12px;
		padding: 2px 0px 0px 2px;
		float: left;
	}
	#registrationArea .myInfoTable input.standardFormField#password, 
	#registrationArea .myInfoTable input.standardFormField#confirmPassword, 
	#registrationArea .myInfoTable input.standardFormField#displayName {
		width: 187px;
	}
	#registrationArea .myInfoTable .radioGroup {
		width: 100px;
		float: left;
		font-weight: bold;
	}
		#registrationArea .radioGroup .radioText {
			padding-top: 3px;
		}
	
	#registrationArea .myInfoTable .zip {
		width: 95px;
	}
	
	#registrationArea .myInfoTable select, 
	#registrationArea .educationInput select {
		border: none;
		background: #999999;
		margin-left: 1px;
	}

	#registrationArea .myInfoTable select#month {width: 100px;}
	#registrationArea .myInfoTable select#day {width: 45px;}
	#registrationArea .myInfoTable select#year {width: 60px;}

	#registrationArea .myInfoTable .infoDisclaimer {
		color: #CCCCCC;
		font-size: 10px;
	}
	
	#registrationArea .bottomContainer {
		background: #1e2329;
		padding-top: 5px;
	}
	#registrationArea .bottomDisclaimer {
		font-family: Arial, Helvetica, sans-serif;
		color: #8dbae3;
		padding-top: 5px;
		width: 500px;
		text-align: right;
		font-size: 10px;
	}
	
	#registrationArea .ipodContainer {
		float: left;
		padding-left: 30px;
		height: 81px;
		cursor: pointer;
		padding-top: 5px;
	}
	#registrationArea .ipodImage {
		background: url(../images/registration/ipod.png) no-repeat;
		width: 176px;
		height: 81px;
	}
	/* IE6 PNG fix */
	* html #registrationArea .ipodImage {
		background: url(../images/registration/ipod.gif) no-repeat;
	}
	
	#registrationArea .checkboxContainer {
		float: left;
		font-size: 10px;
		font-weight: bold;
		color: #FFFFFF;
		padding-top: 4px;
		padding-left: 210px;
		}
	
	/* fixes IE6 and IE7 font rendering of Arial Narrow */
	* html #registrationArea .checkboxContainer {
		font-family: arial, helvetica;
		font-size: 10px;
		}
	html>body #registrationArea .checkboxContainer {
		*font-family: arial, helvetica;
		*font-size: 10px;
		}

		
		#registrationArea .checkboxContainer .checkboxInput {
			width: 355px;
			height: 16px;
			line-height: 16px;
			padding-bottom: 6px;
			padding-left: 20px;
		}
		* html #registrationArea .checkboxContainer .checkboxInput {
			padding-bottom: 0px;
		}
		#registrationArea .checkboxContainer .leftColumn {
			float: left;
			width: 212px;
			text-align: right;
			padding: 0px 5px 0px 5px;
			line-height: 18px;
		}
			#registrationArea .checkboxContainer input.formField {
				width: 155px;
				float: left;
				background: #999999;
				border: none;
				height: 18px;
				font-size: 12px;
				margin-bottom: 5px;
			}
			
	
	#registrationArea .securityCheck {
		margin: 10px 0px;
	}


#registrationArea .buttonArea {
	font-weight: bold;
	background: url(../images/registration/buttonLine.gif) 0px 8px repeat-x;
	height: 16px;
	clear: both;
	}
	
	#registrationArea .buttonArea .button {
		background: url(../images/nav_graybg.gif) 0px 2px no-repeat;
		color: #FFFFFF;
		width: 110px;
		line-height: 16px;
		font-size: 11px;
		height: 16px;
		float: right;
		cursor: pointer;
		margin-left: 3px;
		text-align: left;
	}
	#registrationArea .mit.checkboxInput {
		padding-left: 246px;
		width: 310px;
		clear: both;
		text-align: left;
		text-indent: -18px;
		line-height: 1.4em;
		font-size: 13px;
	}
	#registrationArea .buttonArea.mit {
		clear: left;
		margin-top: 1em;
/*		padding-left: 331px;*/
	}
	#registrationArea .buttonArea.mit .button {
		margin-left: 335px;
		float: left;
		font-size: 12px;
		text-align: center;
	}
	#registrationArea .buttonArea .button a {
		width: 110px;
	}	
	#registrationArea .buttonArea a.button span {
		width: 110px;
	}	

#myAgeButtonArea {
	visibility: visible;
}

#bottomButtonArea {
	visibility: visible;
}		

#registrationArea .userMessage {
	float: left;
	color: #8dbae3;
	width: 190px;
	line-height: 10px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	margin-left: 5px;
}
#registrationArea .errorMessage {
	float: left;
	line-height: 10px;
	color: #FF0000;
	padding-top: 2px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	width: 289px;
/*	
	display: none;
*/
}
	#registrationArea .short {
		width: 190px;
	}
	#registrationArea .errorMessage img {
		float: left;
		margin: 0px 2px;
	}

/* sizes the transparent png to hide the my info section */
#hideMyInfo, #hideStateZip, #hideLogin {
	display: none;
	width: 786px;
	height: 608px;
	position: absolute;
	opacity: 0.75;
	filter: alpha(opacity=75);
	background: black;
	}

* html #hideMyInfo {
	height: 590px;
	}

/* sizes the transparent png to hide the state and zip section */
#hideStateZip {
	height: 60px;
	margin-top: 278px;
	}
* html #hideStateZip {
	margin-top: 258px;
	}

/* sizes the transparent png to hide the email/password section */
#hideLogin {
	height: 85px;
	margin-top: 55px;
	}
* html #hideLogin {
	height: 75px;
	}

/* CONSENT ********** */

.subNav {
	font-family: "Arial Narrow", arial, helvetica;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	text-transform: none;
	}

.subNav .selected {
	color: #3078ba;
	}

.subNav .selected:hover {
	color: #3d99ed;
	}

.subNav a {
	color: #1e252d;
	text-decoration: none;
	}

.subNav a:hover {
	color: #42535b;
	}

.subNav .pipe {
	color: #84aed4;
	padding: 0px 7px 0px 7px;
	}

* html #consent.content { border: 1px solid black; padding: 4px; } /* ie6 weird fix */

#consent a {
	color: #8dbae3;
	text-decoration: none;
	}

#consent .header {
	font-family: arial, helvetica;
	color: #84aed4;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 7px 85px;
	}

#consent p {
	font-size: 9pt;
	line-height: 15px;
	font-family: arial, helvetica;
	font-weight: normal;
	text-transform: none;
	color: white;
	padding: 0px;
	margin: 0px 175px 20px 85px;
	}

#consent #guardianConsentInner {
	font-size: 9pt;
	width: 680px;
	border-top: 1px solid #343d49;
	background: #1e2329;
	margin: 0px 0px 20px 5px;
	padding: 10px 5px 10px 85px; 
	}
	
	#consent #guardianConsentInner .leftColumn {
		text-align: right;
		width: 200px;
		}
	
	#consent #guardianConsentInner .rightColumn {
		text-align: left;
		width: 470px;
		}
	
	#consent #guardianConsentInner em {
		color: #84AED4;
		font-style: normal;
		}
	
#consent .dateArea select {
	background: #999;
	}

#consent .dateArea, #consent .checkboxInput {
	margin-left: 10px;
	}

#consent .checkboxInput {
	margin-top: 10px;
	}

#consent .checkboxInput .label {
	width: 300px;
	padding-left: 7px;
	}

#consent .buttonArea, #consent .buttonAreaShort  {
	font-weight: bold;
	background: url(../images/registration/buttonLineLong.gif) 0px 8px no-repeat;
	width: 775px;
	height: 16px;
	text-align: right;
	}

#consent .buttonAreaShort  {
	background: url(../images/registration/buttonLine.gif) 0px 8px no-repeat;
	}

	#consent .buttonArea .button, #consent .buttonAreaShort .button {
		background: url(../images/registration/dlg_button_bg_lightBlue.gif) 0px 2px no-repeat;
		color: #000;
		width: 110px;
		line-height: 16px;
		font-size: 11px;
		height: 16px;
		cursor: pointer;
		margin-left: 3px;
		}
	
	.buttonArea .button a {
		width: 110px;
		}

/* RESET PASSWORD ********** */
#consent #enterEmailBox {
	width: 100%;
	height: 67px;
	background: #1e2329;
	margin: 30px 0px 0px 5px;
	font-size: 0px;
	z-index: 1000;
	}

#consent #enterEmailLbl {
	font-family: Arial, Helvetica;
	padding: 0px 10px 0px 150px;
	font-size: 14px;
	font-weight: bold;
	color: #cccccc;
	}

#consent .emailAddressInput {
	font-family: Arial, Helvetica;
	padding: 3px 0px 0px 10px;
	font-size: 12px;
	color: #000000;
	width: 302px;
	margin-left: 8px;
	background: url(../images/home/text_input_bg.gif) no-repeat transparent;
	border: 0px;
	height: 20px;
	}
	
/* POST REGISTRATION ********** */

#postRegistration {
	height: 460px;
}
	#postRegistration a {
		text-decoration: none;
	}
	#postRegistration .flashBG {
		background: url(../images/registration/flashBG.gif) top center no-repeat;
		width: 759px;
		height: 349px;
		margin-left: 10px;
		margin-top: 10px;
		
		padding-top: 25px;
	}
		#postRegistration .flashBG .flashObject {
			width: 399px;
			height: 241px;
			margin: 0px auto 0px auto;
		}

	#postRegistration .buttonArea {
		margin-top: 20px;
		margin-left: 180px;
	}
		#postRegistration .buttonArea .tourButton, #postRegistration .buttonArea .getStartedButton {
			float: left;
			width: 197px;
			height: 31px;
			margin-right: 5px;
		}
		#postRegistration .buttonArea .tourButton {
			background: url(../images/registration/tourButton.gif) center no-repeat;
		}
		#postRegistration .buttonArea .getStartedButton {
			background: url(../images/registration/getStartedButton.gif) center no-repeat;
		}

		#postRegistration .buttonArea .buttonText {
			font-family: Arial, Helvetica;
			font-size: 14px;
			font-weight: bold;
			color: #88b0d5;
			line-height: 32px;
			padding-left: 35px;
		}

#consent .consentLabel {
	position: relative;
	top: 3px;
	}

#consent .consentPadding {
	padding: 0px 10px 10px 0px;
	}



div.mitinfo {
	width: 420px;
	margin: 35px 0 2em 50px;
	float: left;
}
* html div.mitinfo {
	width: 420px;
	margin-left: 25px;
	float: left;
}

div.mitinfo p {
	margin: 1em 0 1.5em;
	color: #CCCCCC;
	font-weight: normal;
	font-size: 12px;
}
	#registrationArea .myInfo .marketing.mit {
		margin: 15px 25px 0 0;
	}
	* html #registrationArea .myInfo .marketing.mit {
		margin: 15px 12px 0 0;
	}

	#registrationArea .educationInput {
		float: left;
	}
	#registrationArea .educationInput #educationErr {
		height: 1.5em;
		padding-left: 162px;
	}
	#registrationArea #educationMore {
		margin-top: 0.5em;
		padding-left: 154px;
		width: 205px;
		color: #8DBAE3;
		font-weight: normal;
	}
	#registrationArea .educationInput div.left {
		width: 140px;
		text-align: right;
		padding-right: 1em;
	}


#registrationArea #parentGuardianInfo {
	margin: 3em 0 0;
}
#registrationArea #parentGuardianInfo .line {
	width: 420px;
	clear: left;
	float: left;
}
#registrationArea #parentGuardianInfo .leftColumn {
	float: left;
	width: 238px;
	text-align: right;
	padding-right: 1em;
}
#registrationArea #parentGuardianInfo input {
	float: left;
}
#registrationArea #parentGuardianInfo .error {
	clear: left;
	float: left;
	height: 2em;
	padding-left:250px;
}
#registrationArea #parentGuardianInfo .error .errorMessage {
	width: 142px;
}