/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
	
	body {
		font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		background:url(https://edge.sub-forms.com/DRAGT/2/852.jpg) repeat-x #BDBAB1;
		margin-top: 10px;
	}
	
	header {
		background-color: #FFF;
	}
	
	a {
		color: #069;
	}
	
	h1 {
		font: bold 23px Arial; 
		color: #069; 
		padding:9px 0 25px 0; 
		margin: 0; 
		line-height: 23px; 
	}
	
	h2 {
		font: normal 25px Arial; 
		color: #1497C1; 
		max-width: 100%;
		height: auto;
		display: block;
		margin: 8px 0 !important;
	}
	
	h3 {
		font: bold 17px Arial;
	}
	
	p {
		padding-top: 10px !important;
	}
	
	strong{
		color: #444;
	}
	
	select, input[type="text"], input[type="password"] {
		color: #808080;
		border: solid 1px #ABABAB;
	}
	
	select {
		max-width: 420px;
	}
	
	hr {
		border: 0;
		height: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}
	
	.headertop {
		border-top: 7px solid #000;
		background-color: #FFF;
		display: block;
	}
	
	.logo { float: left; }
	.cover { float: right; }
	
	.contentbg {
		background: #FFF;
	}
	
	.bordertop {
		border-top: 1px solid #000;
	}

	.borderright {
		border-right: 1px solid #000;
	}
	
	.borderbottom {
		border-bottom: 1px solid #000;
	}
	
	.borderleft {
		border-left: 1px solid #000;
	}
	
	.validation {
		color: #FF0000;
		margin: 5px 30px;
	}
	
	.validation ul li {
		list-style: none;
	}
	
	.highlight {
		color: #FF0000;
	}
	
	.content1, .content4, .content5 {
		padding: 5px 30px;
	}
	
	.content2 {
		padding: 5px 10px 5px 30px;
	}
	
	.content3 {
		padding: 5px 30px 5px 10px;
	}
	
	.content2 input[type="text"], .content3 input[type="text"] {
		width: 100%;
	}
	
	.submit {
		float: right;
		margin: 20px 30px;
	}
	
	.footer {
		color: #514f49;
		text-align: center;
		font-size: 10px;
		margin: 10px 20px;
	}
	
	.content1 span ul {
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		text-align: left; 
	}
	
	.content1 span ul li {
		padding-top: 10px;
	}
	
	.content2 span ul, .content3 span ul { 
		margin: 0; 
		padding: 0; 
		list-style-type: none; 
		text-align: left; 
	}
	
	.content2 span ul li, .content3 span ul li {
		padding-top: 10px;
	}
	
	.findact {
		font-size: x-small; 
		padding-top: 0 !important;
		clear:both;
	}
	
	.PID {
		background-color: #FAF9F6;
		border: 1px solid #bdbab1;
		padding: 5px 10px;
	}

	.title { 
		font: bold 17px Arial; 
	}
	
	.receive {
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.questionlabel {
		display: block;
	}

	.response_subheader {
		font-weight: bold;
		margin-top: 12px;
		display: block;
	}
	
	input[type="submit"] {
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 8px 20px;
	margin-top: 10px;
	min-width: 131px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 60%,
		#1292bd);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#2ed4fd),
		color-stop(0.40, #2ed4fd),
		color-stop(0.60, #1292bd),
		to(#1292bd));
	background: -ms-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 60%,
		#1292bd);	
	border: 2px solid #FFF;
	-moz-box-shadow:
		0 1px 3px rgba(000,000,000,0.5),
		inset 0 0 5px rgba(171,171,171,0.6);
	-webkit-box-shadow:
		0 1px 3px rgba(000,000,000,0.5),
		inset 0 0 5px rgba(171,171,171,0.6);
	box-shadow:
		0 1px 3px rgba(000,000,000,0.5),
		inset 0 0 5px rgba(171,171,171,0.6);
	text-shadow:
		0 -1px 3px rgba(255,255,255,0.8),
		0 1px 0 rgba(255,255,255,0.3);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd')"; /* IE8 */
	}
	
/* Landing page styles */
	.landtitleleft { font: normal 45px Arial; color: #069; }
	.landtitleright { font: bold 14px Arial; color: #069; }
	.landintro { font: normal 1.2em Arial; color: #777; line-height: 1.5em;}
	
	.row.contentbg.borderleft.borderright.borderbottom {
		background: #FFF !important; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 20%, #f2f2f2 66%, #e8e8e8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(66%,#f2f2f2), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 20%,#f2f2f2 66%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 20%,#f2f2f2 66%,#e8e8e8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 20%,#f2f2f2 66%,#e8e8e8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 20%,#f2f2f2 66%,#e8e8e8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	}
	
	
	/* Landing Subscribe section */
	#subscribe { color: #8c8c8c; background-color: #efece3; border: solid 3px #51afc9; margin: 10px 0; padding: 12px; overflow: hidden; }
	#subscribe a { color: #0092be; font-size: .9em; }
	#subscribe p {margin: 10px 0; }
	#subscribe .head { font: bold 17px Arial; color: #069; line-height: 17px; margin: 5px 0; display: block; }
	#subscribe .existingsub { float: left; width: 48%; padding-right: 5px; margin: 5px 5px 0 0; border-right: 1px dashed #CCC; }
	#subscribe .newsub { float: left; width: 48%; margin: 5px 0 0 5px; }
	
	#subscribe button.btnexist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 8px;
	text-transform: uppercase;
	cursor: pointer;
	background: -moz-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 70%,
		#1292bd);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#2ed4fd),
		color-stop(0.40, #2ed4fd),
		color-stop(0.70, #1292bd),
		to(#1292bd));
	background: -ms-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 70%,
		#1292bd);	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #FFF;
	-moz-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	-webkit-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd')"; /* IE8 */
}

	#subscribe button.btnnewsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 8px;
	text-transform: uppercase;
	cursor: pointer;
	background: -moz-linear-gradient(
			top,
			#64d744 0%,
			#64d744 40%,
			#669a59 70%,
			#669a59);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#64d744),
		color-stop(0.40, #64d744),
		color-stop(0.70, #669a59),
		to(#669a59));
	background: -ms-linear-gradient(
		top,
		#64d744 0%,
		#64d744 40%,
		#669a59 70%,
		#669a59);	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #FFF;
	-moz-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	-webkit-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#64d744', endColorstr='#669a59'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#64d744', endColorstr='#669a59')"; /* IE8 */
	}
	
	.sublist, .comlist {
		list-style-type: disc !important;
		list-style-position: inside;
		font-size: x-small;
	}
	
	.sublist li, .comlist li {
		line-height: 1.1em;
		color: #51afc9;
		padding-top: 5px !important;
	}
	
	.sublist li span, .comlist li span {
		color: #777;
	}
	
	#signup {
		background: #4ca0bc url(https://edge.sub-forms.com/DRAGN/4/1686.jpg) top right repeat-y;
		background-size:100% 100%;
		position: relative;
		/* max-height: 94px; */
		color: #FFF;
		border: 1px solid #016596;
		margin: 20px 0;
		padding: 0 10px 10px;
		overflow: hidden;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	#signup .title {
		margin-top: 10px;
	}
	
	#signup .signupleft { float: left; width: 75%; }
	#signup .signupright { float: left; }
	
	#signup button.btnsignup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 5px 20px;
	cursor: pointer;
	background: -moz-linear-gradient(
			top,
			#64d744 0%,
			#64d744 40%,
			#669a59 70%,
			#669a59);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#64d744),
			color-stop(0.40, #64d744),
			color-stop(0.70, #669a59),
			to(#669a59));
	background: -ms-linear-gradient(
			top,
			#64d744 0%,
			#64d744 40%,
			#669a59 70%,
			#669a59);		
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 2px solid #FFF;
		-moz-box-shadow:
			0 0 3px rgba(000,000,000,0.8),
			inset 0 0 5px rgba(115,115,115,0.6);
		-webkit-box-shadow:
			0 0 3px rgba(000,000,000,0.8),
			inset 0 0 5px rgba(115,115,115,0.6);
		box-shadow:
			0 0 3px rgba(000,000,000,0.8),
			inset 0 0 5px rgba(115,115,115,0.6);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#64d744', endColorstr='#669a59'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#64d744', endColorstr='#669a59')"; /* IE8 */
	}
	
	
	#editor { 
		background: #FFFFFF url(https://edge.sub-forms.com/DRAGN/4/1699.jpg) bottom right no-repeat; 
		position: relative; 
		color:#777;
		margin: 20px 0;
		min-height: 150px;
		overflow: hidden;
	}
	
	#editor  p{ 
		padding: 0 0 8px 12px;  
		font: normal 13px Arial; 
		color:#777; 
		line-height:15px; 		
	}
	
	#editor .editorimg { 
		float: right; 
		width: 100px;
		min-height: 150px;
	}

	#clearall{ 
		font-size: 0; 
		line-height: 0; 
		margin: 0; 
		padding: 0; 
		clear: both; 
		float: none; 
		height: 0; 
	}
	
/* AccessAC */

	input[type="submit"].btnretrieve {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	padding: 8px 12px;
	text-transform: uppercase;
	cursor: pointer;
	background: -moz-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 70%,
		#1292bd);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#2ed4fd),
		color-stop(0.40, #2ed4fd),
		color-stop(0.70, #1292bd),
		to(#1292bd));
	background: -ms-linear-gradient(
		top,
		#2ed4fd 0%,
		#2ed4fd 40%,
		#1292bd 70%,
		#1292bd);	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #FFF;
	-moz-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	-webkit-box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);
	box-shadow:
		0 0 3px rgba(000,000,000,0.8),
		inset 0 0 5px rgba(115,115,115,0.6);

	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2ed4fd', endColorstr='#1292bd')"; /* IE8 */
}
	
	
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 967px) {

	.borderright { border-right: none; }
	
	.borderleft { border-left: none; }

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}

/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

.container {
width: 100%;
max-width: 970px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.row {
width: 100%;
max-width: 968px;
min-width: 755px;

overflow: hidden;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
}

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
width: 22.05%;
}

.row .fourcol {
width: 30.75%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width: 48%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 65.4%;
}

.row .ninecol {
width: 74.05%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 100%;
float: left;
}

.last {
margin-right: 0;
}

img, object, embed {
max-width: 100%;
}

img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row, body, .container {
	width: 100%;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.content3 { padding: 5px 10px 5px 30px; }
	
	.logo, .cover{ float: left; }
}

/* Breadcrumb */
@media handheld, only screen and (max-width: 600px){
		
		.breadcrumb { 
			height: auto !important;
			min-width: 100% !important;
		}
		.breadcrumb li { 
			width: 100%;
		}
		
		.breadcrumb li .crumbitem {
			text-align: center;
			padding: 9px 0 9px 0 !important;
			float: none !important;
		}
		
		.breadcrumb li .crumbitem:after { 
			border-top: none !important;
			border-bottom: none !important;
			border-left: none !important;
		}
		
		.breadcrumb li.zoetic .crumbitem { background: #1794c1 !important; color: #2dcff6; z-index: 5; width: 100%;}
		.breadcrumb li.zoetic .crumbitem:after { border-left-color: #1794c1 !important; }

		.current {
			color: #fff !important;
			font-size: large;
		}
}

/* Landing Page */
@media handheld, only screen and (max-width: 360px){

    .existingsub { width: 100% !important; }

    .newsub { width: 100% !important; }
}