/* login/gated article page */
@media screen {

div.accessMessage{
	border:10px solid #dfdfdf;
	background:#f8f8f8;
	padding:10px;
	overflow:hidden;
	margin-bottom:13px;
}

	div.accessMessage h3{
		color:#4D4D4D; 
		margin-bottom:10px;
		font-size:1.6em;
		font-weight:700;		
	}
	
	 div.accessMessage p{
	 	margin-bottom:10px;
		width:380px;
		float:left;
	 }
	 
	 div.accessMessage a{
	 	font-weight:700;
	 }
	 
	 div.accessMessage a.subscribeButton{
	 	float:right;
		display:inline;
	 }
	 
	 div.loginMessage p{
		font-weight:700;
		width:auto;
		float:none;
		margin-bottom:5px;
	 }
	
#loginArticle{
	margin:10px 5px 15px 5px;
}

#maincol div.loginArea h1.title {
	float: none;
	margin-bottom: .5em;
}

#maincol form.login {
	float: left;
	width: 380px;
	background:#dfdfdf;
}

#maincol form.login fieldset {
	margin: 11px 11px 0;
	background:#f8f8f8;
	padding:8px;
}

#maincol form.login fieldset P{
	margin-left:70px;
	font-weight:700;
}

#maincol form.login legend {
	display: none;
}

	#maincol form.login .formRow {
		clear:both;
		overflow: hidden;
		margin-bottom:10px;
	}
	
	#maincol form.login .formButton input {
		margin-bottom:5px;
	}
	
	#maincol form.login p{
		margin-bottom:10px;
	}
	
	#maincol form.login a{
		text-decoration:underline;
	}	
	
	#maincol form.login a:hover{
		text-decoration:none;
	}
	
	#maincol form.login label {
		width: 65px;
		float:left;
		text-align: right;
		margin-right: 5px;
		line-height: 1.5;
	}

	#maincol form.login input.text {
		float: left;
		border:1px solid #797979;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.1em;
		padding: 3px 2px;
		width: 249px;
	}
	
	
	#maincol form.login input.button{
		cursor:pointer;
		font-family:"Trebuchet MS",Helvetica,sans-serif;
		font-size:1.1em !important;
		background:#ffffff;
		border:1px solid #ccc;
		text-transform:uppercase;
	}
	
	#maincol form.login input.button,
	#maincol form.login input.radioCheck {
		float: left;
		margin-left: 70px;
		margin-right: 5px;
		display:inline;
	}
	
	#maincol form.login label.radioCheck {
		padding-right: 5px;
		width: auto;
		float: none;
	}

#maincol .loginHelp {
	clear: both;
	margin: 0 11px 11px;
	background:#f8f8f8;
	padding:0 10px 8px 79px;
}
	
	#maincol .loginHelp p.forgotPwd {
		font-size: 1.1em;
		margin-bottom:20px;
	}
	
	#maincol .loginHelp h3 {
		font-size: 1.2em;
		font-weight:700;
		margin-bottom:5px;
	}
		

#maincol .loginInfo {
	background:#F8F8F8;
	border:10px solid #DFDFDF;
	float: right;
	width: 187px;
	margin-bottom: 15px;
	padding:5px;
	color:#4D4D4D;
}

#maincol .loginInfo h3{
	font-size:1.8em;
	margin-bottom:5px;
	color:#4D4D4D;
}

#maincol .loginInfo p{
	margin-bottom:10px;
	padding:0 2px;
}

	#maincol .loginInfo p.unlimitedAccess {
		margin-bottom:35px;
	}

	#maincol .loginInfo hr {
		margin: 15px 0;
	}
	
	#maincol .loginInfo a{
		text-decoration:underline;
	}
	
	#maincol .loginInfo a:hover{
		text-decoration:none;
	}
	
	#maincol .loginInfo a.buttonSubscribe {
		margin:10px 0;
		display:block;
	}

	#maincol .loginInfo img{
		margin-bottom:10px;
		display:block;
	}

}

