@import url("/css/pretty_forms.css");

/*Signup Process CSS*/
	
/*REGISTERED PAGE*/

	#registerwrapper {
		padding: 30px 0px 20px 0px;
		text-align:left; 
		margin:auto;
	}
	
	#registerwrapper p {
		font-size: 1.2em;
		line-height: 20px;
	}
		
	#registerwrapper h3 {
		color: #999999;
		font-size: 1.7em;
		font-weight: normal;
		padding: 0;
		margin: 0px 0px 30px 0px;
	}
		
/*UPGRADE PAGE*/

	#upgradewrapper {
		width: 820px;
		padding: 0px 0px 20px 0px;
		text-align: left; 
		margin: auto;
	}
	
	#upgradewrapper p {
		font-size: 1.2em;
		line-height: 20px;
	}
	
	#upgradewrapper h2, #registerwrapper h2 {
		font-size: 1.8em;
                font-weight: normal;
		padding: 10px 0px 0px 0px;
		margin: 0;
	}
	
	#upgradewrapper h3 {
		color: #999999;
		font-size: 1.7em;
		font-weight: normal;
		padding: 0;
		margin: 0px 0px 20px 0px;
	}
	
	.smalltext {
		font-size: 0.7em;
		line-height: 20px;
	}

/* CSS from new plus signup branding */

.very_top_wrapper {
	height: 65px;
	width: auto;
}
.main_body {
	width: 400px;
	background-repeat: no-repeat;
	padding-left: 150px;
	padding-top: 50px;
	float: left;
}

.sign_wrapper {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 50px;
}
.sign_country,
.sign_gender {
  margin-bottom: 5px;
}
.grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
label {
	width: 30em;
	margin-right: 1em;
}

textarea {
	border:1px solid #CCCCCC;
	padding:8px;
	font-size:12px;
	font-weight:bold;
	width:250px;
	height:90px;
	margin-left:13px;
}
.verify_left_container {
	float: left;
	width: 450px;
}
.verify_dots_divide {
	float: left;
	width: 1px;
	background-image: url(/images/login/dots.png);
	background-repeat: repeat-y;
	padding-right: 5px;
	padding-left: 4px;
	text-align: center;
	background-position: 5px;
	height: 250px;
}
.verify_bottom_wrapper {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	height: 270px;
	margin-top: 0px;
	background-color: #FFF;
	margin-bottom: 0px;
	padding-top: 15px;
}
.verify_icon_holder {
	text-align: center;
	width: 100%;
	text-decoration: none;
}

.verify_montage {
	width: 622px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/login/montage.jpg);
	height: 255px;
	background-repeat: no-repeat;
	padding-left: 300px;
	padding-top: 25px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 50px;
	background-color: #FFF;
}
.WhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}
.verify_text_holder {
	width: 410px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding-left: 40px;
}
.verify_right_container {
	float: left;
	width: 450px;
}
.login_container {
        margin-bottom: 20px;
	height: auto;
        min-height: 314px;
        _height: 314px; /* IE only */
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-image: url(/images/login/mouse2.jpg);
	background-repeat: no-repeat;
}
.TextFieldx290 {
	font-size: 13px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background-image: url(/images/login/text_field2.png);
	width: 287px;
	height: 19px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#button_container {
        text-align: right;
}

#button_container a:hover {
        text-decoration: none;
        color: #999;
}

.upgrade_montage {
	width: 572px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/login/upgrade_montage.jpg);
	height: 220px;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-left: 350px;
	padding-top: 60px;
	clear: both;
	padding-bottom: 0px;
}
#upgradewrapper .upgrade_montage h2 {
        font-size: 2.4em;
}
.tell_your_friends {
	height: 440px;
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(/images/login/friends_background.jpg);
}
.container {
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.TextField {
	font-size: 13px;
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	width: 350px;
	height: 160px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin: 0px;
	border: 1px solid #CCC;
	font-weight: normal;
	text-decoration: none;
}
.find_friends_wrapper {
	float: left;
	width: 343px;
	padding-top: 70px;
	height: 310px;
}
.find_friends_wrapper p {
    margin-left: 55px;
}
.account_container {
        background-color:#FFFFFF;
        height:980px;
        margin-left:auto;
        margin-right:auto;
        width:922px;
}
.personalise_header {
	width: 882px;
	padding-top: 40px;
	padding-left: 40px;
	clear: both;
}
.image_container {
	float: left;
	width: 165px;
	margin-left: 40px;
	padding-left: 15px;
}
.account_field1_container {
	float: left;
	width: 700px;
}
.account_container2 {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: 220px;
}
.content_container2 {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
}
.interests_container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	float: left;
	margin: 0px 5px 10px 5px;
}
.interests_container label {
    width: 14em;
    float: left;
}
.personal_container {
	width: 892px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
        clear: both;
        height: auto;
}
.account_container3 {
	width: 922px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
.grey_larger {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
.spacer {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 35px;
}
.thankyou_montage {
	width: 692px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/login/upgrade_montage.jpg);
	height: 220px;
	background-repeat: no-repeat;
	margin-top: 0;
	padding-left: 230px;
	padding-top: 60px;
	clear: both;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: center;
}

.verify_montage h4 {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:2.4em;
    font-weight:normal;
    line-height:0;
    text-decoration:none;
}

.verify_montage a:link {
    color:#FFFFFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.85em;
    text-decoration:none;
}
.verify_montage a:hover {
    color:#FFFFCC;
}

div.thankyou_montage p {
    width: auto;
}

.landing_page_background_container {
	width: 922px;
	padding: 0px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.process_complete_left_container {
	float: left;
	width: 580px;
	padding-top: 10px;
	padding-left: 30px;
	margin-top: 50px;
}
.helpful_links {
	float: left;
	width: 286px;
	height: 135px;
	background-image: url(/images/login/helpful_links_background.jpg);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-left: 18px;
}
.process_page_top_container {
	width: 922px;
	margin-right: 0px;
	margin-left: 0px;
	height: 220px;
	margin-top: 25px;
	clear: both;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #FFF;
}
.grey_header_bar2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	background-color: #E5E5E5;
	width: 879px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3px;
	padding-left: 25px;
	border: thin solid #CCC;
	height: 29px;
	margin-top: 29px;
}
.graphicx3_wrapper {
	width: 922px;
}
.explore_the_library_container {
	float: left;
	height: 167px;
	width: 296px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.start_free_publishing_container {
	float: left;
	height: 167px;
	width: 296px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 8px;
}
.review_library_settings_container {
	float: left;
	height: 167px;
	width: 296px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

h2
{
    font-size: 2.4em;
    font-weight: normal;
    margin:0px;
}

#message {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:white none repeat scroll 0 0;
    border:1px solid #EEEEEE;
    color:#B5B6B5;
    font-family:monospace;
    height:120px;
    margin-top:10px;
    padding:2px;
    width:360px;
}

.GO:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333;
	text-decoration: none;
}
.GO:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #CCC;
	text-decoration: none;
}
.GO:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333;
	text-decoration: none;
}

.field_main_wrapper3 {
    float:left;
    height:160px;
    margin-bottom:0;
    margin-top:0;
    padding-left:30px;
    padding-top:5px;
    width:370px;
}

.field_main_wrapper4 {
    float:left;
    height:45px;
    margin-bottom:0;
    margin-top:0;
    padding-left:0;
    padding-top:165px;
    width:150px;
}

.field_container {
    clear:both;
    float:left;
    height:40px;
    margin-bottom:10px;
    text-align:left;
    width:100%;
}

.personal_info_container {
    color:#333333;
    float:left;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    height:auto;
    margin-left:5px;
    margin-right:5px;
    width:410px;
}
