﻿/* General Page Layout */
body.registration{margin: 0; padding: 0; font-family: Verdana, Sans-Serif; color: #444444; font-size: 13px;}
body.registration div#outside-container{width: 620px; margin-left: auto; margin-right: auto; padding-left: 9px; background: transparent url(/assets/images/1to1media/registration/shadow-border-left.gif) repeat-y top left;}
body.registration div#inside-container{width: 620px; padding-right: 9px; background: transparent url(/assets/images/1to1media/registration/shadow-border-right.gif) repeat-y top right;}

body.registration div.error{text-align: left; width: 80%; border: 1px solid #DBDBC4; padding: 10px; background: white; color: #A23B1F; margin: 0 auto 0 auto;}
body.registration div.error p{margin: 0 0 .5em 0;}
body.registration div.error a{color: #A23B1F;}

body.registration div.heading{height: 80px; border-bottom: 2px solid #cccccc; padding: 20px;}
body.registration div.heading img{float: left; margin-right: 30px;}
body.registration div.heading h1{display: block; padding-top: 35px; color: #cc0000; margin: 0; font-size: 14px; font-weight: bold;}
body.registration div.heading p{margin: 0; font-size: 12px;}

body.registration div.body{padding: 10px 0px 30px 0px; border-bottom: 3px solid #bbbbbb;}


/* Registration */
ul#profile{list-style-type: none; margin: 20px 0 0 0; padding: 0; position: relative;}
ul#profile li{list-style-type: none; margin: 5px 0; padding: 0;}
ul#profile li.newGroup{margin-top: 15px;}
ul#profile li span{display: block; width: 210px; float: left; text-align: right; margin: 5px 10px 0 0;}
ul#profile li input{border: 1px solid #7F9DB9; width: 252px; padding: 3px; background: white;}
ul#profile li select{border: 1px solid #7F9DB9; width: 260px;}

ul#profile li select.industry{width: 390px;}



ul#profile li span.validation-error{position: absolute; top: 0; right: 15px; text-align: left; width: 100px; border: 1px solid #DBDBC4; padding: 5px; background: white; color: #A23B1F !important; font-size: 11px; margin: 0;}

ul#profile li.error input{background: #FCFBEB;}
ul#profile li.error select{background: #FCFBEB;}
ul#profile li.error span{color: #A23B1F;}
ul#profile li.email {position: relative;}
ul#profile li.password, ul#profile li.email {position: relative;}

ul#profile li.buttons{margin: 0; padding: 20px 0 0 0;}
div.buttons{margin-top: 0px;}
div.buttons div.buttonContainer {position: relative; display: block; width: 120px; text-align: left; margin: 0 auto; background: url(/assets/images/1to1media/buttons/button_standard_left.gif) no-repeat top left; padding: 0 0 0 10px;}
div.buttons div.buttonContainer input.button {display: block; width: 120px; cursor: hand; color: white; text-decoration: none; text-align: center; border: 0; height: 32px; background: url(/assets/images/1to1media/buttons/button_standard_right.gif) no-repeat top right; padding: 0 10px 3px 0; margin: 0;}

ul#profile li.subscriptions{padding-top: 35px; position: relative;}
ul#profile li.subscriptions input{border: 0; width: 13px; padding: 0; margin: 0; background: #f7f7f7;}
ul#profile div#subscriptions{width: 460px; margin: 0 auto; background: #f7f7f7; padding: 27px 20px 5px 20px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
ul#profile div#subscriptions span.freePromo{position: absolute; top: 17px; left: 80px; display: block; text-align: left; background: #f7f7f7; border: 1px solid #dddddd; padding: 4px 7px; width: auto;}
ul#profile div#subscriptions p{position: relative; color: #444444; font-size: 12px; padding: 0 0 0 20px; margin: 0 0 20px 0;}
ul#profile div#subscriptions p strong{color: #565656;}
ul#profile div#subscriptions input{position:  absolute; top: -1px; left: 0;}


/* Magazine Offer */
div.magazineoffer {text-align: center;}
div.magazineoffer img{display: block; margin-bottom: 10px;}
div.magazineoffer input{}

ul.magazineoffer{list-style-type: none; margin: 20px 0 0 0; padding: 0; position: relative;}
ul.magazineoffer li{list-style-type: none; margin: 5px 0; padding: 0;}
ul.magazineoffer li.newGroup{margin-top: 25px;}
ul.magazineoffer li span{display: block; width: 210px; float: left; text-align: right; margin: 5px 10px 0 0;}
ul.magazineoffer li input{border: 1px solid #7F9DB9; width: 252px; padding: 3px; background: white;}
ul.magazineoffer li select{border: 1px solid #7F9DB9;}
ul.magazineoffer li.error span{color: #A23B1F;}

ul.magazineoffer li select.state {width: 260px;}
ul.magazineoffer li select.country {width: 260px;}
ul.magazineoffer li select.jobfunction{width: 260px;}
ul.magazineoffer li select.joblevel{width: 260px;}
ul.magazineoffer li select.industry{width: 260px;}
ul.magazineoffer li select.revenue{width: 260px;}

ul.magazineoffer li#magazineformats{position: relative;}

ul.magazineoffer li div.formats{float: left;}
ul.magazineoffer li div.formats span{text-align: left; float: left; width: 70px;}
ul.magazineoffer li div.formats input{border: 0; width: 13px; margin-right: 5px;}
ul.magazineoffer p.printformatavailability{visibility: hidden;}

ul.magazineoffer li div.formats p{clear: left; font-size: 9px; font-family: Arial; margin-top: 0; color: #888888;}

ul.magazineoffer li.birthcity{clear: left;}
ul.magazineoffer li.birthcity p{font-size: 9px; font-family: Arial; margin-left: 220px; width: 210px; margin-top: 0; color: #888888;}

ul.magazineoffer li span.validation-error{position: absolute; top: 0; right: 15px; text-align: left; width: 100px; border: 1px solid #DBDBC4; padding: 5px; background: white; color: #A23B1F !important; font-size: 11px; margin: 0;}
ul.magazineoffer li.phone {position: relative;}
ul.magazineoffer input.province {display: none;}
ul.magazineoffer li.error input{background: #FCFBEB;}
ul.magazineoffer li.error select{background: #FCFBEB;}

ul.magazineoffer li.buttons{margin: 0; padding: 20px 0 0 0;}
div.buttons div.buttonContainer {position: relative; display: block; width: 120px; text-align: left; margin: 0 auto; background: url(/assets/images/1to1media/buttons/button_standard_left.gif) no-repeat top left; padding: 0 0 0 10px;}
div.buttons div.buttonContainer input.button {display: block; width: 120px; cursor: hand; color: white; text-decoration: none; text-align: center; border: 0; height: 32px; background: url(/assets/images/1to1media/buttons/button_standard_right.gif) no-repeat top right; padding: 0 10px 3px 0; margin: 0;}

ul.magazineoffer li.subscriptions{padding-top: 35px;}
ul.magazineoffer li.subscriptions input{border: 0; width: 13px; padding: 0; margin: 0; background: #f7f7f7;}
ul.magazineoffer div#subscriptions{width: 460px; margin: 0 auto; background: #f7f7f7; padding: 27px 20px 5px 20px; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;}
ul.magazineoffer div#subscriptions span.freePromo{position: absolute; top: 17px; left: 80px; display: block; text-align: left; background: #f7f7f7; border: 1px solid #dddddd; padding: 4px 7px; width: auto;}
ul.magazineoffer div#subscriptions p{position: relative; color: #444444; font-size: 12px; padding: 0 0 0 20px; margin: 0 0 20px 0;}
ul.magazineoffer div#subscriptions p strong{color: #565656;}
ul.magazineoffer div#subscriptions input{position:  absolute; top: -1px; left: 0;}


/* Magazine Offer Promo */
div#MagazineOffer{width: 500px; height: 130px; margin: 0 auto; position: relative;}
div#MagazineOffer span{position: absolute; top: 40px; left: 250px; display: block; width: 200px; font-weight: bold; text-align: left;}
div#MagazineOffer img{position: absolute; top: 10px; left: 60px;}


/* Thankyou */
.thankyou-container {}
.thankyou-container .thankyou-body{margin: 20px 60px;}
.thankyou-container .thankyou-promo{}
.thankyou-container .thankyou-body li{margin-bottom: 30px;}
.thankyou-container img{display: block; margin: 60px auto 20px auto;}
.thankyou-container a.continuelink{display: block; margin: 0 0 0 60px; color: #cc0000; font-weight: bold;}

/* Profile Magazine Promo */
div.profilemagazinepromo {width: 500px; height: 130px; margin: 0 auto; position: relative;}
div.profilemagazinepromo img{position: absolute; top: 10px; right: 40px;}
div.profilemagazinepromo input{position: absolute; top: 30px; left: 20px; border-color: #7f9db9; padding: 0; width: 13px;}
div.profilemagazinepromo p.label{position: absolute; top: 30px; left: 40px; width: 180px;}
div.profilemagazinepromo p.qualify{position: absolute; top: 63px; left: 40px; width: 220px; font-size: 10px; color: #888888;}

/* Profile Magazine Update */
div#MagazineRenewal{width: 500px; height: 110px; margin: 0 auto; position: relative;}
div#MagazineRenewal span{position: absolute; top: 11px; left: 40px; display: block; font-weight: bold;}
div#MagazineRenewal p{position: absolute; top: 30px; left: 40px; width: 250px; font-size: 10px; color: #888888; margin: 0;}
div#MagazineRenewal img{position: absolute; top: 10px; right: 40px;}
div#MagazineRenewal input{position: absolute; top: 10px; left: 20px; border-color: #7f9db9; padding: 0; width: 13px;}


/* Suggestions Script */
.ac_results {
	border: 1px solid #aaaaaa;
	border-top: 1px solid #cccccc;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	overflow: auto;
}

.ac_results li {
	padding: 3px 5px;
	white-space: nowrap;
	color: #444444;
	text-align: left;
	margin: 0;
}

.ac_over {
	cursor: pointer;
	background-color: #efefef;
}

.ac_match {
	border-bottom: 1px solid #cccccc;
	color: #444444;
}

