@font-face {
    font-family: Proxima Regular; src: url(https://pages.devex.com/rs/devex/images/ProximaNova-Regular.otf);
}

@font-face {
    font-family: Proxima Light; src: url(https://pages.devex.com/rs/devex/images/ProximaNova-Light.otf);
}

@font-face {
    font-family: Proxima Light Italic; src: url(https://pages.devex.com/rs/devex/images/ProximaNova-LightItalic.otf);
}

@font-face {
    font-family: Proxima Semibold; src: url(https://pages.devex.com/rs/devex/images/ProximaNova-Semibold.otf);
}

@font-face {
    font-family: 'Bebas Neue'; src: url(https://pages.devex.com/rs/devex/images/BebasNeue.otf);
}

#em-paywall-grey-container {
    margin: 0 auto;
    border: 6px solid #CCC;
    padding: 20px;
}

#em-paywall-grey-container h2 {
    margin: 0 0 20px 0;
    font-family: 'Bebas Neue',arial;
    font-size: 24px;
    color: #333;
    font-weight: normal;
    width: 100%;
}

#em-paywall-grey-container input, #em-paywall-grey-container select, #em-paywall-grey-container textarea {
    font-family: 'Bebas Neue',arial;
    font-size: 15px;
    line-height: 18px;
}

#em-paywall-grey-container .left-text {
    float: left;
    width: 70%;
    margin-right: 15px;
    color: #333;
    font-family: georgia;
    font-size: 15px;
    line-height: 18px;
    font-style: italic;
}

#em-paywall-grey-container .right-text {
    float: right;
    width: 25%;
}

#em-paywall-grey-container a.button {
    width: 100%;
    margin-top: 2px;
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    padding: 8px 6px;
    border-radius: 4px;
    border: 1px solid #cc3300;
    background: rgb(255,102,0);
    background: -moz-linear-gradient(top,  rgba(255,102,0,1) 0%, rgba(231,78,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,0,1)), color-stop(100%,rgba(231,78,0,1)));
    background: -webkit-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(231,78,0,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(231,78,0,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,102,0,1) 0%,rgba(231,78,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,102,0,1) 0%,rgba(231,78,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e74e00',GradientType=0 );
">	
	}
	
		#em-paywall-grey-container a.button span {
			color:#FFFFFF;
			font-family:arial;
			font-size:16px;
			line-height:18px;
			font-weight:bold;
			text-align:center;	
			font-weight: bold;
		}

#em-paywall-container {
	border: 3px solid #b4b4b4 !important;
	background: #000 !important;
	color: #e1edff !important; 
	padding: 20px 20px 10px 20px !important;
	font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
}

		#em-paywall-container input, #em-paywall-container select, #em-paywall-container textarea {
			font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
			font-size: 18px !important;
			line-height: 22px !important;
			border: 1px solid #ccc;
		}

	#em-paywall-container h2 {
		font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
		font-size: 24px !important;
		line-height: 24px !important;
		padding-bottom: 12px !important;
		background: url(https://pages.devex.com/rs/devex/images/em-paywall-stroke.png) center bottom no-repeat !important;
		margin: 0 0 20px 0 !important;
		color: #e1edff !important;
	}
	
		#em-paywall-container h2 img {
			display: inline-block !important;	
		}
	
	#em-paywall-container p {
		font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
		font-size: 18px !important;
		line-height: 22px !important;
		color: #e1edff !important;	
	}
	
	#em-paywall-container p.start {
		font-size: 22px !important;
		line-height: 25px !important;
		text-align: center !important;	
		font-style: italic !important;
	}
	
	#em-paywall-container p a {
		font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
		color: #ff9900 !important;	
		font-size: 18px !important;
		line-height: 22px !important;
	}
	
	#em-paywall-container p a.paywall-button {
		display: block;
		font-family: 'Proxima Light', Arial, Helvetica, sans-serif !important;
		font-size: 21px !important;
		text-align: center !important;
		margin: 0 auto !important;
		/*background-image: url(https://pages.devex.com/rs/devex/images/em-paywall-button-off.png) no-repeat !important;*/
		text-decoration: none !important;
		padding: 10px;
		border: 1px solid #262626;
		border-radius: 16px;
		background: #262626; /* Old browsers */
		background: -moz-linear-gradient(top,  #262626 0%, #1b1b1b 100%); /* FF3.6+ */		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */		
		background: -webkit-linear-gradient(top,  #262626 0%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */		
		background: -o-linear-gradient(top,  #262626 0%,#1b1b1b 100%); /* Opera 11.10+ */		
		background: -ms-linear-gradient(top,  #262626 0%,#1b1b1b 100%); /* IE10+ */		
		background: linear-gradient(to bottom,  #262626 0%,#1b1b1b 100%); /* W3C */		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
		width: 50%;		
	}
	
		#em-paywall-container p a.paywall-button:hover, #em-paywall-container p a.paywall-button:active {
			/*background: url(https://pages.devex.com/rs/devex/images/em-paywall-button-on.png) no-repeat !important;*/
			background: #1a1a1a; /* Old browsers */
			background: -moz-linear-gradient(top,  #1a1a1a 0%, #3b3b3b 100%); /* FF3.6+ */			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#3b3b3b)); /* Chrome,Safari4+ */			
			background: -webkit-linear-gradient(top,  #1a1a1a 0%,#3b3b3b 100%); /* Chrome10+,Safari5.1+ */			
			background: -o-linear-gradient(top,  #1a1a1a 0%,#3b3b3b 100%); /* Opera 11.10+ */			
			background: -ms-linear-gradient(top,  #1a1a1a 0%,#3b3b3b 100%); /* IE10+ */			
			background: linear-gradient(to bottom,  #1a1a1a 0%,#3b3b3b 100%); /* W3C */			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#3b3b3b',GradientType=0 ); /* IE6-9 */			
			color: #1a1b1d !important;
		}
		
		#em-paywall-container p a.paywall-button span {
			font-size: 50px;
			vertical-align: top;	
		}
		
	#em-paywall-container form {
		width: 560px;
		margin: 0 auto;	
	}
		
	#em-paywall-container form div.small {		
		float: left;	
	}
	
	#em-paywall-container input, #em-paywall-container select, #em-paywall-container textarea {
		font-size: 2.4em;
		/*line-height: 33px;*/
		width: 530px;
		height: 33px;
		margin-bottom: 8px;	
		padding: 0 15px;
		font-family: 'Proxima Light', Arial, Helvetica, sans-serif;
		border: 1px solid #313131;
		background: #1f1f1f url(https://pages.devex.com/rs/devex/images/devex-exec-bg-input.jpg);
		color: #999a9e;
		-webkit-appearance: none;			
		border-radius: 0;
	}
	
	 #em-paywall-container textarea {
		height: 135px; 
		background: #1f1f1f;
		overflow: auto;
	 }
		
		#em-paywall-container input.small {
			width: 243px;	
		}
		
		#em-paywall-container input.first {
			margin-right: 10px;	
		}
	
	#em-paywall-container .field {
		position: relative;	
	}
	
	#em-paywall-container label {
		display: none;	
	}
	
	#em-paywall-container .arrow {
		background: url(https://pages.devex.com/rs/devex/images/devex-exec-error-arrow.png) no-repeat;
		width: 	16px;
		height: 14px;
		position: absolute;
		left: 5px;
		top: 24px;
	}
	
	#em-paywall-container input.grey {
		border: 1px solid #313131;
	}
	
	#em-paywall-container input.error, #em-paywall-container select.error, #em-paywall-container textarea.error {
		border: 1px solid #fc0000;
		outline: none;
	}

	#em-paywall-container input:focus, #em-paywall-container select:focus, #em-paywall-container textarea:focus {
		border: 1px solid #e69506;
		outline: none;
	}
	
	#em-paywall-container .error-msg {
		border: 1px solid #fc0000;
		background: #000;
		position: absolute;
		top: -38px;
		left: 0;
		z-index: 9;
		font-size: 1.4em;
		line-height: 20px;
		padding: 2px 5px;
		display: none;
	}
	
	#em-paywall-container input.submit {
		width: 153px;
		height: 48px;
		border: none;
		background: none;	
		color: #e69506;
		cursor: pointer;
		margin-bottom: 20px;
		position: relative;
		left: 30%;
	}
	
#non-em-paywall-container {
	border: 3px solid #b4b4b4 !important;
	background: #4d4d4d !important;
	color: #ededed !important; 
	padding: 20px 20px 10px 20px !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

	#non-em-paywall-container h2 {
		font-size: 22px;
		font-weight: normal;
		padding: 0 0 15px 0;
		margin: 0;
		text-align: center;
		border-bottom: 1px solid #d3d3d3;	
	}
	
	#non-em-paywall-container hr {
		border: 0;
		border-bottom: 1px solid #d3d3d3;	
	}
	
	#non-em-paywall-container a {
		color: #ff9900;
	}
	
	#non-em-paywall-container a:hover, #non-em-paywall-container a:visited {
		color: #c3c3c3;
	}
	
	#non-em-paywall-container p {
		font-size: 18px;
		line-height: 22px;	
	}
	
	#non-em-paywall-container p.button {
		margin: 0 auto 20px auto;
		width: 200px;	
	}
	
	#non-em-paywall-container p.small {
		font-size: 13px;	
	}
	
		#non-em-paywall-container p.button a {
			background: #fe9800; /* Old browsers */		
			background: -moz-linear-gradient(top,  #fe9800 0%, #c46700 100%); /* FF3.6+ */		
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9800), color-stop(100%,#c46700)); /* Chrome,Safari4+ */		
			background: -webkit-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* Chrome10+,Safari5.1+ */		
			background: -o-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* Opera 11.10+ */		
			background: -ms-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* IE10+ */		
			background: linear-gradient(to bottom,  #fe9800 0%,#c46700 100%); /* W3C */		
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9800', endColorstr='#c46700',GradientType=0 ); /* IE6-9 */
			border-radius: 4px;
			border: 1px solid #c46700;
			color: #fff;
			font-weight: bold;
			padding: 6px 34px;	
			display: inline-block;
			text-decoration: none;	
		}
		
			#non-em-paywall-container p.button a:hover {
				background: #c46700; /* Old browsers */			
				background: -moz-linear-gradient(top,  #c46700 0%, #fe9800 100%); /* FF3.6+ */			
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c46700), color-stop(100%,#fe9800)); /* Chrome,Safari4+ */			
				background: -webkit-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* Chrome10+,Safari5.1+ */			
				background: -o-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* Opera 11.10+ */			
				background: -ms-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* IE10+ */			
				background: linear-gradient(to bottom,  #c46700 0%,#fe9800 100%); /* W3C */			
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c46700', endColorstr='#fe9800',GradientType=0 ); /* IE6-9 */			
			}
			
	#non-em-paywall-container label { display: none; }
	
	#non-em-paywall-container .left {
		float: left;
		width: 48%;	
	}
	
	#non-em-paywall-container .right {
		float: right;
		width: 48%;	
	}
	
	#non-em-paywall-container .field {
		margin-bottom: 12px;
	}
	
	#non-em-paywall-container input[type=text], #non-em-paywall-container textarea {
		width: 100%;
		border: 0;
		border: 1px sold #d6d6d6;
		border-radius: 4px;
		background: #b4b4b4;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 18px;
		color: #666;	
		padding: 10px;
		-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	}
	
		#non-em-paywall-container input[type=text]:focus {
			color: #3d3d3d;		
		}
	
	#non-em-paywall-container textarea {
		height: 100px;	
	}
	
		#non-em-paywall-container textarea:focus {
			color: #3d3d3d
		}
	
	#non-em-paywall-container .error {
		border: 1px solid red;	
	}
	
	#non-em-paywall-container input[type=submit] {
		background: #fe9800; /* Old browsers */		
		background: -moz-linear-gradient(top,  #fe9800 0%, #c46700 100%); /* FF3.6+ */		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9800), color-stop(100%,#c46700)); /* Chrome,Safari4+ */		
		background: -webkit-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* Chrome10+,Safari5.1+ */		
		background: -o-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* Opera 11.10+ */		
		background: -ms-linear-gradient(top,  #fe9800 0%,#c46700 100%); /* IE10+ */		
		background: linear-gradient(to bottom,  #fe9800 0%,#c46700 100%); /* W3C */		
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9800', endColorstr='#c46700',GradientType=0 ); /* IE6-9 */
		border-radius: 4px;
		border: 1px solid #c46700;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif !important;
		font-size: 18px;
		padding: 6px 34px;	
		display: inline-block;
		text-decoration: none;
		float: right;	
		cursor: pointer;
	}
	
		#non-em-paywall-container input[type=submit]:hover {
			background: #c46700; /* Old browsers */			
			background: -moz-linear-gradient(top,  #c46700 0%, #fe9800 100%); /* FF3.6+ */			
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c46700), color-stop(100%,#fe9800)); /* Chrome,Safari4+ */			
			background: -webkit-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* Chrome10+,Safari5.1+ */			
			background: -o-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* Opera 11.10+ */			
			background: -ms-linear-gradient(top,  #c46700 0%,#fe9800 100%); /* IE10+ */			
			background: linear-gradient(to bottom,  #c46700 0%,#fe9800 100%); /* W3C */			
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c46700', endColorstr='#fe9800',GradientType=0 ); /* IE6-9 */			
		}
		
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 480px) {
	#em-paywall-grey-container .left-text {
		float: none; 
		width: 100%; 
		margin-right: 0;
	}
	
	#em-paywall-grey-container .right-text {
		float: none; 
		width: 96%;
		clear: both;
		margin-top: 20px;
	}	
	
	#em-paywall-container p a.paywall-button {
		font-size: 15px !important;
		width: 80% !important;
	}
	
	#em-paywall-container form {
		width: 300px;
		margin: 0 auto;	
	}
	
	#em-paywall-container input.small {
		width: 275px;	
	}
	
	#em-paywall-container input, #em-paywall-container select, #em-paywall-container textarea {
		width: 275px;	
	}
	
	#em-paywall-container input.submit {
		left: 15%;
	}
}