/*
 * Last modified 20101115 ttravis
 *
 */

div.membership_form { padding-top: 10px; padding-bottom: 30px; clear: both; }
.article div.membership_form { padding-top: 0; }
div.membership_form div.membership_form_wrapper { overflow: hidden; }

div.membership_form h1 { font-weight: bold; text-align: center; font-size:290%; margin:0 0 0.5em;}
div.membership_form h3 { font-size: 140%; margin-top: 1em; color: #114877; font-weight: bold; }


div.membership_form div.membership_description {
	background-color: #114877;
	width: 282px;
	padding: 0 10px 0 10px;
	float: right;
	margin-right: 0;
	color: white;
	background: #114877 url(/membership/template/paywall/images/rounded_box_302_wide_top.png) no-repeat top left;
}
div.membership_form div.membership_description:after {
	content: " ";
	display: block;
	margin: 0 0 0 -10px;
	width: 302px;
	height: 14px;
	background: #114877 url(/membership/template/paywall/images/rounded_box_302_wide_bottom.png) no-repeat bottom left;
}

div.membership_form div.membership_description h3 {
	margin: 0.5em 0 0.25em 0;
	font-size: 160%;
	text-align: center;
	color: white !important;
}

div.membership_form div.membership_description h4 { font-size: 120%; }

div.membership_form div.membership_description ul { margin: 0; padding: 0; font-size: 110%; color:white;}
div.membership_form div.membership_description ul li { margin: 0 0 0 1.25em; padding: 0 0 1em 0; }

div.membership_form div.error_message, div.membership_form .membership_form { margin-left: 0; margin-right: 20px; float: left; }

div.membership_form div.error_message { width: 276px; border: 1px solid black; padding: 3px; margin: 0 0 10px 0; background-color: #ffe; }
div.membership_form h1.membership_form { width: 284px; clear: left; margin-top: 1em; }
div.membership_form p.membership_form { width: 284px; clear: left; font-size: 140%; margin-top: 1em; }

div.membership_form form.membership_form { width: 284px; clear: left; }
div.membership_form form.membership_form ul { margin: 0; padding: 0; list-style: none; }
div.membership_form form.membership_form ul li { margin: 0; padding: 0 0 10px 0; clear: left; }
div.membership_form form.membership_form label { width: auto; padding: 0.5em 0 0.1em 0; display: block; font-size: 140%; text-align: left; float: none; }
form.membership_form input, form.membership_form select { 
display: block;
width: 272px;
padding: 5px; 
margin-left: auto; 
font-size: 180%; 
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior: url(/template/redesign_2009/css/PIE.htc);
background-image:-moz-linear-gradient(center top , #eee, #ffffff);background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));-pie-background:linear-gradient(90deg, #fff, #eee);
border-color:#AAB1BC #9BA5B3 #B9B5DC #CACBD2;
border-width:1px;
border-style:solid;
position:relative;
color:#333;
background-color:#ffffff;
}
form.membership_form input:focus, form.membership_form select:focus {
	background:#ffffff none scroll no-repeat 0 0 ;
}
div.membership_form form.membership_form .invalid { }
div.membership_form form.membership_form input.hidden { display: none; }
div.membership_form form.membership_form button.submit {
border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;
box-shadow:1px 1px 4px rgba(0, 16, 28, 0.8);-moz-box-shadow:1px 1px 4px rgba(0, 16, 28, 0.8);-webkit-box-shadow:1px 1px 4px rgba(0, 16, 28, 0.8);
background-color:#114877;background:-moz-linear-gradient(center top , #4D7699, #0D375B);
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D7699) to(#0D375B));-pie-background:linear-gradient(90deg, #0D375B, #4D7699);
border-color:#2A7FC4 #205B8B #22497E #2E6999;
border-style:solid;
border-width:1px;
color:#FFFFFF;
display:inline-block;
height:auto;
margin:4px;
padding:5px 20px;
text-shadow:-1px -1px 0 rgba(0, 42, 119, 0.5);
width:auto;
line-height:1em;
behavior: url(/template/redesign_2009/css/PIE.htc);
position:relative;
}
div.membership_form form.membership_form button.submit:hover, form.membership_form button.submit:focus {
background-color: #1867aa; /* fallback color */
background:-moz-linear-gradient(center top , #4E8BBE, #114877) repeat scroll 0 0 #114877;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E8BBE) to(#114877)) repeat scroll 0 0 #114877;-pie-background:linear-gradient(90deg, #114877, #4E8BBE);
behavior: url(/template/redesign_2009/css/PIE.htc);
}
div.membership_form form.membership_form button.submit:active { background-color: yellow; }

div.membership_form form.membership_form ul li.terms_and_policy { }


/* Wide form */
div.membership_form_wide div.membership_description {
	width: 594px;
	background-image: url(/membership/template/paywall/images/rounded_box_614_wide_top.png);
}
div.membership_form div.membership_description:after {
	width: 614px;
	background-image: url(/membership/template/paywall/images/rounded_box_614_wide_bottom.png);
}

div.membership_form_wide h1.membership_form, div.membership_form_wide p.membership_form { float: none; text-align: center; width: 100%; }
div.membership_form_wide form.membership_form { width: 614px; clear: left; padding-top: 1em; }