@charset "UTF-8";
/* 
 * Styling for WiseChoice marketing site.
 * @author Greg MacWilliam, Threespot.
 ----------------------------------------------- */

a {
	color:#666;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h2 {
	color:#4c6d92;
	font:normal 36px/1em Georgia, "Times New Roman", Times, serif;
}
h3 {
	color:#4b3d50;
	font:normal 24px/1em Georgia, "Times New Roman", Times, serif;
	margin:0 0 20px;
}

/* PAGE STRUCTURE
--------------------------------- */

	#registration {
		width:820px;
		background-color:#FFF;
		padding:10px 70px 30px;
		position:relative;
	}
	
		#registration-progress {
			width:820px;
			background-color:#FFF;
			padding:2px 70px 2px;
			position:relative;
		}
	
	/* Form progression track
	--------------------------------- */
	#progress {
		position:relative;
		height:55px;
		margin:20px 0 0;
	}
		#progress li {
			display:inline;
			float:left;
			height:100%;
			text-transform:uppercase;
			text-align:center;
			font-size:10px;
			line-height:16px;
			background:url("../images/progress_arrow.gif") no-repeat right 0;
			padding-right:40px;
		}
			#progress li.omega {
				background:none;
				padding:0;
			}
			#progress li.active {
				background:none;
				padding:0;
			}
			#progress li.active span {
				position:relative;
				top:-15px;
			}
		#progress span.label {
			display:block;
			height:22px;
			text-indent:-1000px;
			text-align:left;
			overflow:hidden;
		}
			#progress li.active span.system{
				display:block;
				padding-top:5px;
				font-weight:bold;
			}
			#progress .active span.label {
				background-position:0 -22px;
			}
			#progress .profile {
				width:54px;
				background:url("../images/progress_profile.gif") no-repeat;
			}
			#progress .payment-info {
				width:140px;
				background:url("../images/progress_payment_info.gif") no-repeat;
			}
			#progress .your-info {
				width:90px;
				background:url("../images/progress_your_info.gif") no-repeat;
			}
			#progress .living-situation {
				width:84px;
				background:url("../images/progress_living_situation.gif") no-repeat;
			}
			#progress .student-info {
				width:88px;
				background:url("../images/progress_student_info.gif") no-repeat;
			}
			#progress .student-living-situation {
				width:104px;
				background:url("../images/progress_student_living_situation.gif") no-repeat;
			}
			#progress .account-settings {
				width:105px;
				background:url("../images/progress_account_settings.gif") no-repeat;
			}
	
	/* Thank you text / greeting
	--------------------------------- */
	.greeting {
		font-size:14px;
		background:url("../images/payment_badge.jpg") no-repeat;
		padding:0 180px 20px 130px;
		margin:0 0 10px;
		min-height:100px;
		height:100px;
	}
		.greeting h2 {
			margin:0;
		}
		.greeting p {
			margin:12px 0 0;
		}
			.greeting .amount {
				color:#a11119;
			}
			.greeting a {
				color:#a11119;
				font-size:11px;
				text-decoration:underline;
			}
			.greeting strong {
				color:#302777;
			}
			
	/* Error display block
	--------------------------------- */
	.error-message {
		background:#ffffcc url("../images/error_top.gif") no-repeat;
	}
		.error-message div {
			background:url("../images/error_bottom.gif") no-repeat 0 bottom;
			padding:14px 0 13px 108px;
			min-height:55px;
		}
		
	.error-message-small {
		background:#ffffcc url("../images/error_top_small.gif") no-repeat;
		width:400px;
		margin-left:-108px;
	}
		.error-message-small div {
			background:url("../images/error_bottom_small.gif") no-repeat 0 bottom;
			padding:14px 10px 13px 108px;
			min-height:55px;
		}
		
	.error-message p, .error-message-small p {
		color:#c5781a;
		font-size:14px;
		font-weight:bold;
		margin:0 0 5px;
	}
	
	.error-message ul, .error-message-small ul {
		margin:0;
	}
	
	/* Ruled form sections.
	--------------------------------- */
	.form-section,
	.form-subsection {
		border-top:5px solid #e8ecef;
		padding-top:20px;
		margin:20px 0 30px;
	}
		.form-subsection {
			border-top:1px solid #e8ecef;
		}
	
	.submit {
		background:url("../images/payment_shadow.gif") no-repeat;
		padding:30px 0 0;
	}
		button {
			border:none;
			background:none;
			cursor:pointer;
		}
	
	/* Form styles.
	--------------------------------- */
	form label,
	form .label,
	.error {
		font-size:14px;
		line-height:18px;
		padding:1px 0;
	}
		.error {
			color:#FFF;
			background-color:#a11119;
			padding:1px 5px;
		}
	form p {
		margin:0 0 10px;
		position:relative;
		top:-10px;
	}
	form .row {
		margin-bottom:25px;
		overflow:hidden;
	}
	form .cell {
		width:200px;
		display:inline;
		float:left;
		margin-right:30px;
	}
		form .tiny {
			width:45px;
		}
		form .smallest {
			width:90px;
		}
		form .small {
			width:110px;
		}
		form .mid {
			width:160px;
		}
		form .medium {
			width:300px;
		}
		form .mid2 {
			width:240px;
		}
		form .large {
			width: 390px;
		}
		form .required {
			color:#302777;
		}
		form .cell input,
		form .cell select {
			width:100%;
			margin-top:10px;
		}
			form .verification a {
				color:#a11119;
				font-size:11px;
				text-decoration:underline;
				margin-left:10px;
			}
			form .verification input {
				width:105px;
			}
			

			
			
			
			
	/*------------------------------------------------------
		WISECHOICE MODIFICATIONS
	------------------------------------------------------*/
	
	/* General elements
	--------------------------------- */
	a {
		color: #a11119;
		text-decoration: underline;
	}
	
	.center {
		text-align: center;
		margin: 0 auto;
	}
	
	.hidden {
		display:none;
	}
	
	.hide-button {
		position: absolute;
		top: 0px;
		left: 0px;
		-moz-opacity: 0;
		filter: alpha(opacity: 0);
		opacity: 0;
	}
	
	#imageButtons {
		height: 100px;
		min-height: 100px;
		position: relative;
	}
	
	#login-form {
		background:url('../img/login_bg.png') no-repeat; 
		padding-left:500px; 
		margin-top:50px; 
		margin-left:50px; 
		min-height:400px;
	}
	
	/* Form elements
	--------------------------------- */
	p[class~=small] {
		font: 11px/1em Arial, Helvetica, sans-serif;
		width: auto;
		margin-top: 0px;
		padding-top: 0px;
	}
	
	p[class~=top] {
		margin-top: 20px;
	}
	
	p[class~=medium] {
		width: auto;
		margin-top: 0px;
		padding-top: 0px;
		top: 0px;
	}
	
		p[class~=medium] a, p label a {
			font-weight: bold;
		}
		
	p[class~=labelinput] {
		margin-top: 20px;
		width: auto;
		padding-top: 0px;
		font-weight: bold;
		color: #666;
		font-size: 18px;
	}
		
	.error a {
		color: #fff;
	}
	
	form .radio {
		display: inline;
		float: left;
		margin-right: 30px;
	}
	
	.float-left {
		float: left;
	}

			
	/* Payment amount
	--------------------------------- */
	.payment-amount {
		font-size: 14px;
		margin:20px 0 0 0;
		padding: 10px 0;
		text-align: left;
		clear: both;
		border-top:5px solid #e8ecef;
	}
	
		.payment-amount h2 {
			font: normal 48px/1em Georgia, "Times New Roman", Times, serif;
			color: #302777;
			margin-bottom: 20px;
		}
		
		.payment-amount span {
			color:#4c6d92;
		}
		
		.payment-amount span.alt {
			color:#c5781a;
		}
		
		.payment-amount h3.alt {
			color:#4c6d92;
		}
		
		.payment-amount p {
			margin: 0 0 10px 0;
		}
		
		.payment-amount .amount {
			font: normal 100px/1em Georgia, "Times New Roman", Times, serif;
			font-weight: bold;
			color: #c5781a;
		}
		
			.payment-amount .amount span {
				color: #c5781a;
			}
		
		.payment-amount #value {
			font-size: 18px/1em;
			font-weight: bold;
			color: #c5781a;
		}
		
	.copy {
		clear: both;
		padding: 20px;
		font: 18px/1.5em Arial, Helvetica, sans-serif;
		color: #4c6d92;
	}

		.copy span {
			color: #302777;
			font-weight: bold;
		}
		
		.copy em {
			color: #a11119;
			font-weight: bold;
		}
		
	.check {
		padding:0;
	}
	
		.check:first-letter {
			padding:0 0 0 30px;
			background:url("../images/check.png") no-repeat left 0;
		}
		
	.slim {
		padding:10px 20px 0 20px;
		font:14px/1.5em Arial, Helvetica, sans-serif;
	}
	
	.slider-image {
		float: left;
		/*min-width: 95px;*/
	}
	
	#payment-slider {
		float: left;
		width: 629px;
		min-width: 629px;
		height: 78px;
		min-height: 78px;
		background: url('/img/tests/slider/slider-bg-tick.png') no-repeat;
		padding-top:8px;
	}
	
	#slider-thumb {
		/* margin-top:8px; */
	}	
	
	
	
.no-border {
	border:0;
}

#cant-afford {
	margin:0;
	padding:0;
}

#registration #price-list { }

	#registration #price-list li, #price-list h3 {
		display:inline;
	}
	
	#registration #price-list li {
		padding:0 5px;
	}
	
	#registration #price-list h3 {
		color:#c5781a;
	}


#registration #price-select {
	color:#c5781a;
	font-size:24px;
	width:85px;
}

#registration #price p {
	margin:20px 0 0 0;
}

#personalize .medium{
	
}
#registration #cant-afford h2 { font: normal 48px/1em Georgia, "Times New Roman", Times, serif; color: #302777; margin-bottom: 20px; }
#registration #cant-afford span { color:#4c6d92; }
#registration #cant-afford span.alt { color:#c5781a; }

#unsubscribe-form {
	background:url('../img/login_bg.png') no-repeat; 
	padding-left:450px; 
	margin-top:50px; 
	margin-left:50px;
	margin-right:50px;
	min-height:400px;
}

	#unsubscribe-form form {
		padding-top:50px;
	}
	
	#unsubscribe-form p {
		top:0;
	}
	
	
	
	
	
.button {
	margin:0 30px;
}

	/* Promo Code Input Page Header
	--------------------------------- */
	.promogreetingcontainer {
		width: 100%;
		padding-bottom:20px;
	}	
	.promogreeting {
		width: 375px;
		font-size:14px;
		margin: 0 auto;
		text-align:center;
	}
		.promogreeting h2 {
			margin:0;
		}
		.promogreeting p {
			margin:12px 0 0;
		}
		
	/* Promo Code Input Form
	--------------------------------- */	
	.promocodeformcontainer {
		width: 100%;
	}		
	.promocodeform {
		width: 355px;
		padding: 15px;
		margin: 0 auto;
		text-align:center;
		background-color: rgb(225, 231, 241);
		-moz-border-radius: 15px 15px 15px 15px;
	}	
	.promocodeform .promocell{
		margin: 0 auto;
		padding-top:10px;
	}