@IMPORT url("reset.css");

body {
	font: 12px Arial, Helvetica, sans-serif;
	background: white url('i/bg.jpg') repeat-x top center;
}

#container {
	width: 779px;
	margin: 10px auto;
}

#header {
	margin-bottom: 20px;
}

#lang_link {
	color: #33CCFF;
	position: relative;
	left: 550px;
	top: -10px;
	font-size: 11px;
}

#left {
	width: 300px;
	float: left;
}

#right {
	width: 400px;
	float: right;
	background-color: white;
}

#prop {
	width: 1px;
	height: 301px;
	float: right;
}

#container.Zipcode #prop,#container.AOI #prop {
	display: none;
}

#container.ContactUs #left,#container.CAPrivacyRights #left,#container.PrivacyPolicy #left,#container.Thankyou #left,#container.Sorry #left,#container.SiteMap #left
	{
	width: 99%;
}

#container.ContactUs #right,#container.CAPrivacyRights #right,#container.PrivacyPolicy #right,#container.Thankyou #right,#container.Sorry #right,#container.SiteMap #right,#container.Zipcode #left,#container.AOI #left,#container.POI #left,.multi #container.Form #left,#container.PostQual #left
	{
	display: none;
}

#container.Zipcode #right,#container.AOI #right,#container.POI #right,#container.Thankyou #right,#container.Sorry #right,.multi #container.Form #right, #container.PostQual #right
	{
	margin: 0 auto;
	float: none;
}

#container.POI #right {
	width: 676px;
}

#container.Thankyou #left,#container.Sorry #left {
	float: none;
	/*	border-bottom:1px solid #E0E0E0;*/
	margin-bottom: 14px;
}

#container.Thankyou #right,#container.Sorry #right ,#container.PostQual #right {
	width: 609px;
	float: none;
}

form {
	border: 1px solid #C9C9C9;
	border-top: 0;
	border-bottom: 0;
	position: relative;
}

form ul {
	padding: 10px;
	margin-top: 15px;
}

#container.POI form ul,#container.Thankyou form ul,#container.Sorry form ul
	{
	padding: 0 31px;
}

#container.POI form ul p,#container.Thankyou form ul p,#container.Sorry form ul p
	{
	margin-top: 0;
}

form li {
	margin: 4px;
}

form li.online,form li.campus {
	background-color: #CCCCCC;
	color: #F54B00;
	font-weight: bold;
	padding: 3px 5px;
	margin-top: 20px;
}

form li.campus {
	color: #005DBC;
}

#container.Index form li label {
	display: block;
}

#container.POI form li,#container.Thankyou form li,#container.Sorry form li
{
	position: relative;
}

form h2.top {
	background: transparent url('i/form_head.png') no-repeat left top;
	height: 53px;
	line-height: 31px;
	color: white;
	font-size: 17px;
	font-weight: bold;
	padding-left: 2px;
	position: relative;
	width: 100%;
	left: -1px;
}

form h2.top span {
	background: transparent url('i/form_head_end.png') no-repeat right top;
	height: 53px;
	position: absolute;
	right: 0 !important;
	right: -2px;
	top: 0;
}

form h2.top label {
	padding-left: 20px;
}

form h2.bottom {
	clear: both;
	background: transparent url('i/form_bottom.png') no-repeat left top;
	height: 55px;
	position: relative;
	left: -1px;
	padding-left: 2px;
	width: 100%;
}

form h2.bottom span {
	background: transparent url('i/form_bottom_end.png') no-repeat right top;
	height: 55px;
	position: absolute;
	right: 0 !important;
	right: -2px;
}

#container.Zipcode form ul label,#container.AOI form ul label,#container.Form form ul label
	{
	display: block;
	float: left;
	width: 131px;
	text-align: right;
	padding-right: 15px;
}

#container.Form form ul label {
	text-align: left;
}

#container.AOI form ul label {
	width: auto;
	float: none;
	text-align: left;
}

#container.Form.single #left img {
	border: 1px solid #CCCCCC;
	display: block;
	margin: 20px 0;
}

form img,#container.Thankyou ul.logos img,#container.Sorry ul.logos img
	{
	vertical-align: middle;
	padding-right: 20px;
}

#container.Thankyou ul#lsv,#container.Sorry ul#lsv {
	margin-left: 150px;
	position: relative;
}

#container.Thankyou ul#lsv li,#container.Sorry ul#lsv li {
	padding-bottom: 15px;
}

#container.Thankyou ul#lsv img,#container.Sorry ul#lsv img {
	position: absolute;
	left: -150px;
}

#container.Thankyou ul#lsv span,#container.Sorry ul#lsv span {
	display: block;
	margin-left: 177px;
}

#container.Thankyou ul#lsv ul li,#container.Sorry ul#lsv ul li {
	list-style-type: disc;
	margin-left: 70px;
	padding-top: 5px;
}

#container.Form #left img{
	padding:10px 0;
}

#container.Form #left h5, #container.Thankyou #right form h5, #container.Sorry #right form h5{
	font-weight:normal;
}

#container.Thankyou #lsv h5,#container.Sorry #lsv h5 {
	display: none;
	font-weight: normal;
}

#container.POI form ul span,#container.Thankyou form ul span,#container.Sorry form ul span
	{
	position: absolute;
	top: 10px;
	font-weight: bold;
}

#container.POI form ul select,#container.Thankyou form ul select,#container.Sorry form ul select
	{
	width: 400px;
	position: absolute;
	left: 140px; /*120 from img and 20padding above on form img*/
	top: 31px;
}

#container.Zipcode form ul input {
	width: 200px;
}

#container.Zipcode form td input {
	width: 10px;
}

/*The two definitions below are due to my (leadgen platform actually) inability to have a generic form structure*/
#container.Zipcode form ul div{
	display:inline;
}

#container.Zipcode form ul div.error{
	display:block;
}

#container.Form form ul select {
	width: 204px !important;
	width: 206px;
}

#container.Form form ul input {
	width: 200px;
}
#container.Form form ul li.add label {
	float : none;
	margin: 10px 0px 0px 0px ;
	width: auto;
}

#container.Form form ul li.add input {
	width: 20px;
}
#container.Form form ul li.add table input {
	float:none;
	width: 12px;
}

#container.Form form ul .optin {
	margin-top:0;
	padding-top: 5px;
}

#container.Form form ul .optin input {
	width: auto;
}

#container.Form form ul .poi {
	padding-top: 10px;
}

#container.Form form ul .poi label {
	float: none;
	width: auto;
}

#container.Form form ul .poi select {
	width: 100% !important;
}

#container.Form form ul .poi .error {
	width: 100%;
	text-align: left;
}

/**BUTTONS**/
.button {
	background: transparent center center no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	margin: 15px auto;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	width: 121px;
	text-indent: -3000px;
}

#container.Index .button {
	margin: 15px;
}

.button.back,.button.skip {
	color: #00C;
	text-decoration: underline;
	text-transform: lowercase;
	text-align: center;
	width: auto;
	text-indent: 0;
	float: left;
	margin: 15px; *
	padding-left: 15px; /*Stupid IE - the above margin doesn't work*/
}

.button.skip {
	font-size: 12px;
	text-transform: none;
}

.button.processing {
	background: none;
	font-size: 12px;
	cursor: progress;
	text-indent: 0;
	color: black;
}

.button.next {
	background: transparent url('i/next_btn.jpg') center center no-repeat;
}

.button.nextes {
	background: transparent url('i/next_btn_es.jpg') center center no-repeat;
}

#container.Index .button.next,#container.Index .button.nextes,#container.Index .button.processing {
	float: right;
}

.button.submit,#container.Form .button.next,#container.Thankyou .button.next,#container.Sorry .button.next
	{
	background: transparent url('i/submit_btn.jpg') center center no-repeat;
}

#container.Thankyou .button.next,#container.Sorry .button.next button.nextes,#container.Sorry .button.nextes {
	float: right;
	margin: 15px 31px;
}

#container.Thankyou form div p,#container.Sorry form div p {
	margin-left: 0;
}

#progress {
	padding: 10px;
	position: absolute;
	height: 15px;
	top: 30px;
	right: 0;
	z-index: 111;
}

#progress label {
	position: absolute;
	right: 11px;
	top: 26px;
	font-family: tahoma;
	font-size: 10px;
	color: #999;
}

#progress h6 {
	background: #FFFFFF url('i/progressBG.jpg') no-repeat center center;
	width: 200px;
}

#progress h6 span {
	background: transparent url('i/progress.jpg') no-repeat left center;
	display: block;
	height: 11px;
	width: 0;
}

#container.Index #progress h6 span {
	min-width: 0;
	max-width: 70%;
}

#container.Zipcode #progress h6 span {
	width: 70%;
}

#container.AOI #progress h6 span {
	width: 84%;
}

#container.POI #progress h6 span,#container.Thankyou #progress h6 span,#container.Sorry #progress h6 span
	{
	width: 100%;
}

#toppicks {
	margin: 20px 0;
	border-top: 1px solid #E0E0E0;
	clear: both;
}

#toppicks ul {
	text-align: center;
}

#toppicks li {
	display: inline;
}

#footer {
	clear:both;
	margin: 20px auto 0;
	text-align: center;
	font-size: 10px;
	color: #666;
}

#footer li {
	display: inline;
}

#footer li .copyright {
	display: block;
}

#footer a,#footer a:active,#footer a:focus,#footer a:hover,#footer a:link,#footer a:visited
	{
	font-size: 10px;
	color: #666;
}

.clearDiv {
	height: 1px;
	line-height: 1px;
	clear: both;
}

h1 {
	font-weight: bold;
	font-size: 15px;
	color: #666;
}

#container.Sorry #left h1 {
	font-size: 12px;
	font-weight: normal;
}

h3 {
	font-size: 11px;
	margin: 10px 0;
}

h3.blue {
	color: #005FBD;
	font-weight: bold;
	margin: 0;
}

/*
input {
	width:10%;
}
*/


p {
	margin: 20px 0;
	color: #666;
}

ol li {
	margin: 10px 0;
}

strong {
	font-weight: bold;
}

.error {
	color: red;
	text-align: center;
}