/*
 *	Use the section codes below to Ctrl+F jump to their respective sections.
 *
 *	CODE	SECTION
 *	=================================
 *	MODLC	Modular layout classes
 *	GLOBL	Globals
 *	RGTRL	Right rail
 *	CUCLS	Custom classes
 *	SEC01	Registration Detail
 *	SEC03	Home
 *	SEC04	Action Alerts
 *	SEC06	Compose Letters
 *	SEC07	Share Your Story
 *	SEC08	Tell A Friend
 *	SEC09	Key Contact Survey
 *	SEC10	My Profile
 *	SEC11	Edit My Profile
 *	SEC15	Legislator Search
 *	SEC16	Legislator Details
 *	SEC17	Committee Search
 *	SEC18	Committee Details
 *	SEC19	Contact Us
 *	SEC20	News
 *	SEC21	Media Soft
 *	SEC22	Blog
 *	SEC23	Map
 *	SEC24	Additional Information
 *	SEC25	Content
 *
 */



@import url('reset.css');
@import url('../fonts/font-awesome.css');


#__asptrace { display: none; }

/* Structural elements */

body {
		background: #001a67 url(../img/bg-page.jpg) no-repeat center top fixed ;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
.no-backgroundsize body{ background-image: none;}
.no-backgroundsize #BackgroundDiv { position: fixed;
	height:100%;
	width:100%;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-page.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-page.jpg', sizingMethod='scale')";
	z-index:-1

}


/* Modular layout classes [MODLC]
   ============================================================================================== */

.one-column {
	clear: both;
	margin-bottom: 25px;
	width: 92%;
	padding: 0 4%;
}
.two-columns, .three-columns, .column-rail, aside {
	float: left;
	margin: 0 30px 25px 0;
}
.two-columns img {
	width: 100% !important;
	height: auto !important;
}
.column-rail, aside {
	margin-right: 0;
}
.two-columns {
	width: 58%;
	padding-left: 4%;
}
	.two-columns.equal-width {
		max-width: 455px;
	}
	.two-columns.with-border {
		/*border-right: 1px solid #fff;*/
		margin: 0 20px 25px 0;
		/*padding: 0 30px 0 0;*/
		width: 43%;
	}
	.two-columns.with-border.column-rail {
		border: 0;
		border-left: 1px solid #c8c8c8;
		padding: 0 0 0 30px;
	}
.three-columns {
	width: 290px;
}
.column-rail, aside {
	width: 30%; /* duplicated to cascade - do not move */
}
.content-top {
	margin: 0 0 20px 0;
}

	.content-top h2, .two-columns h2,  .with-border h2 {padding-bottom: 1px; }
	.content-top h1, .two-columns h1,  .with-border h1 {margin: 30px 0; }
	
.content-bottom {
	clear: both;
	margin: 20px 0 0;
}



/* Globals [GLOBL]
   ============================================================================================== */

/* Form elements */

fieldset div {
	clear: both;
	margin: 5px 0;
}
label {
	color: #174560;
	font-weight: bold;
	line-height: 2em;
}
input[type="text"], input[type="password"], select, textarea {
	background: #fff;
	border: 1px solid #adadad;
	padding: 5px;
	
	color: #595959;
}
	textarea { resize:vertical;}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border-color: #3c7a9f;
}
input[type="submit"] {
	background: #e75c00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e48622', endColorstr='#cc4812');
	border: 1px solid #732f00;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	cursor: pointer;
	padding: 8px 45px;
	
	color: #fff;
	font: normal 16px/normal 'Source Sans Pro', sans-serif;
	text-shadow: #494949 -1px -1px 2px;
}
input[type="submit"]:hover {
	background: #ca3b00;
	filter: none;
}
select {
	font: normal 12px/1em Helvetica, Arial, Tahoma, sans-serif;
}

/* List elements */

ul {
	list-style: disc outside url(../img/ico-bullet-square-blue.png);
	margin-left: 17px;
}
ol {
	list-style: decimal outside none;
	margin-left: 17px;
}

/* Structural elements */

#PageWrapper {
	/*background: #ececec url(../img/bg-page.jpg) repeat-x top;*/
	padding-top: 20px;
}

#InnerPageWrapper {
	background: #ffffff;
	max-width:1020px;
	margin: 0 auto;
	position: relative; /* required for z-index to work */
	z-index: 200;
}
	
	/* Header elements */
	
	header {
		
		position: relative; /* required for z-index to work */
		z-index: 200;
		background: #fff url(../img/bg-header.jpg) no-repeat ;
		border-top: 4px solid #0077b8;
	}
		#HotBar, #Identity, nav ul {
			margin: 0 auto;
			max-width: 980px;
		}
		#HotBar {
			color: #0077b8;
			font-size: 10.5px;
			text-transform: uppercase;
			margin-right: 40px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 900;
		}
			#HotBar p {
				float: right;
				margin: 12px 0 0;
			}
			#HotBar a {
				color: #fa8537;
				font-weight: bold;
			}
				#HotBar span a img {
					margin: 0 0 0 4px;
					vertical-align: middle;
				}
					#HotBar span:hover a img {
						filter: alpha(opacity=50);
						opacity: 0.5;
					}
					#HotBar span:hover a:hover img {
						filter: alpha(opacity=100);
						opacity: 1;
					}
		#LoginForm {
			position: absolute;
			top: 37px;
			right: 45px !important;
		}
			#LoginForm fieldset {
				background-color: #dddddd;
				-moz-border-radius: 0 0 5px 5px;
				border-radius: 0 0 5px 5px;
				display: none;
				padding: 15px;
			}
				#LoginForm fieldset div {
					clear: none;
					float: left;
					margin: 0 0 0 5px;
					position: relative;
				}
				#LoginForm fieldset div:first-child {
					margin: 0;
				}
					#LoginForm fieldset div label {
						left: 7px !important;
					}
					#LoginForm fieldset div label.error {
						width: 130px;
						font-size:12px;
						
						line-height: normal;
					}
					#LoginForm fieldset div input[type="text"], #LoginForm fieldset div input[type="password"] {
						margin: 0 0 5px;
						width: 120px;
					}
					#LoginForm fieldset div input[type="submit"] {
						padding: 3px 13px;
					}
				#LoginForm fieldset p.error {
					clear: both;
					margin: 0;
				}
		#Identity {
			height: 135px;
			position: relative;
		}
			#Identity > a:first-child {
				background: url(../img/img-identity.png) no-repeat;
				display: block;
				height: 135px;
				width: 325px;
				text-indent: -9999px;
			}
			#Identity p {
				color:#333333;
				vertical-align: middle; 
				font: normal 14px/normal 'Source Sans Pro', sans-serif;
				position: absolute;
				margin: 0;
				bottom: 0;
				right: 0;
				margin-right: 10px;
			}
			#Identity  span {
				line-height: 63px;
				margin: 0 10px;
				display: inline-block;
			}
			
		nav {
			/*background: #174560 url(../img/bg-nav-bevel.png) repeat-x center 28px;*/
			background: #e75c00;
			height: 40px;
		}
			nav ul {
				list-style: none;
				overflow: hidden; /* uses this instead of clearfix because we're using Menu tag control */
				display: flex;
				justify-content: space-around;
				flex-wrap: nowrap;
			}
				nav ul li {
					/*border-right: 1px solid #3e647b;*/
					float: left;
				}
				nav > ul > li {
					flex: 0 1 auto;
				}
				nav > ul > li:first-child {
					/*border-left: 1px solid #133950;*/
				}
				nav ul li:hover {
					background-color: #9bafb9;
				}
					nav ul li a {
						/*border-right: 1px solid #133950;*/
						display: block;
						padding: 0 10px;
						color: #fff;
						font-size: 16px;
						font-weight: normal;
						line-height: 40px;
					}
					nav ul li a:hover {
						background-color: #c2dbe7;
						
						text-decoration: none;
					}
					nav > ul > li:first-child > a {
						/*border-left: 1px solid #3e647b;*/
					}
					nav ul li:hover a {
						color: #174560;
					}
					nav ul li ul {
						/*background: #c2dbe7 url(../img/bg-grad-nav-hover.png) repeat-x top;*/
						background-color: #9bafb9;
						height: auto;
						left: -9999em;
						position: absolute;
						display: block;
					}
					nav ul li:hover ul {
						left: auto;
					}
						nav ul li ul li {
							border: 0;
							display: block;
							clear: left;
							width: 100%;
						}
							nav ul li ul li a {
								border: 0;
							}
								.submenu-toggler {
									display: none;
								}
	
	/* Body elememnts */
	
	#BodyWrapper {
		margin: 0 auto;
		/*padding: 20px 0 0;*/
		position: relative; /* required for z-index to work */
		max-width: 1020px;
		z-index: 100;
	}

/* Footer elements */

#FooterWrapper {
	border: none;
	clear: both;
	
	font-size: 10.5px;
	text-transform: uppercase;
	position:relative;
}
	footer {
		margin: 0 auto;
		max-width: 940px;
		padding: 10px 40px;
		color:#fff;
		background:#0077b7;
		text-transform:none;
		font-size:12px;
		
	}
	footer a {
		color:#FFF;
		font-weight:normal;
		
	}
		#Copyright {
			float: left;
		}
		#MoreLinks {
			float: right;
			/*margin: 10px 0 0 ;*/
		}
			#MoreLinks ul {
				list-style: none;
				
			}
				#MoreLinks ul li {
					border-left: 1px solid #999;
					float: left;
					padding: 0 5px;
					
					line-height: normal;
				}
				#MoreLinks ul li:first-child {
					border: 0;
				}
					#MoreLinks ul li a {
						font-weight: normal;
					}



/* Right rail [RGTRL]
   ============================================================================================== */

aside > ul {
	list-style: none none;
	margin: 0;
}
	aside ul li {
		border-top: 1px solid #c8c8c8;
		padding: 10px 0;
	}
	aside ul li:first-child {
		border: 0;
		padding-top: 0;
	}
aside p {
	margin: 7px 0 5px 0;
}
aside img {
	margin-top: 7px;
	width: 100%;
}



/* Custom classes [CUCLS]
   ============================================================================================== */

.mobile-element {
	display: none;
}
.dotted-border {
	border-top: 1px dotted #ccc;
}
.dotted-border:first-child {
	border: 0;
}
.form-step {
	background-color: #1a6691;
	border: 3px solid #9db9c9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	display: block;
	float: left;
	width: 23px;
	
	color: #fff;
	font: normal 14px/1.65em 'Source Sans Pro', sans-serif;
	text-align: center;
}
	.form-step + h4 {
		float: left;
		margin: 4px 0 10px 8px;
	}
		.form-step + h4 + * {
			clear: both;
		}
.loading-bar {
	background: url(../img/ani-loading-bar.gif) no-repeat center;
	height: 13px;
}
.more-arrow-blue {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 8px solid #143d55;
	float: right;
	height: 0;
	margin: 3px 0 0 3px;
	width: 0;
}

/* Blog classes [BLOG]
   ============================================================================================== */
#Blog article {
		clear:both;
		margin:10px 0px;
		min-height: 75px;
	 }
	#Blog h2 {
		color: #0076b7;
		font-weight: bold;
	}
	#Blog a.viewall {
		float: right;
		cursor: pointer;
		padding: 0;
		border: none;
		margin-bottom: 10px;
		position: relative;
		right: 25px;
	}
	#RecentBlogPosts {
		padding-left: 5px;
	}
	#RecentBlogPosts li {
			display: flex;
	}
	#RecentBlogPosts .blog-post-body {
			width: 90%;
		padding-bottom: 0px;
	}
	 .blog-post-body {
		 padding-left: 15px;
		 padding-bottom:20px;
		 float: left;
		 width: 75%;
		 max-width: 800px;
	 }
	 .two-columns .blog-post-body {
		 margin-bottom:20px;
		 padding-left: 0px;
		 float: left;
		 width: 100%;
		 max-width: 800px;
	 }
	.two-columns .Blog__Back-Link {
		float: right;
	}
	 .blog-post-body li h4 {
		margin-left:0px; 
	 }
	 .blog-post-body li p {
		margin-left:0px; 
	 }
	 .blog-post-body h4 + img {
		margin-top:0px; 
	 }
	.blog-post-body a.read-more {
		font-weight: normal;
	 }
	.blog-post-body h2, .blog-post-body h2 a {
		margin-bottom: 0px;
	 }
	.blog-post-body__BlogImage {
		float: left;
		margin: 0 20px 10px 0;
	}
		.arclink {
			width:100%;
			text-align:right;
			clear:both;
			margin:0px;
			padding:0px;
		}
	.Blog__Article__Image {
	}
	.Blog__Article__Image img {
		float: left;
		width: 100%;
	}

	.truncate {
		max-width: 800px;
		max-height: 50px;
		margin-top: 15px;
	}
.Identity__BlogLink {
	background: url(../img/Blog.png) no-repeat;
	display: inline-block;
	height: 63px;
	width: 140px;
	float: left;
	text-indent: -9999px;
	position: relative;
}
.socialLinks a.follow {
	padding: 5px 0;
	background-repeat: no-repeat;
	background-position: center center;
	width: 26px;
	margin: 0 5px;
	display: inline-block;
}
.socialLinks a.follow:hover {
	text-decoration: none;
}
.Blog__Aside--RecentPost {
	margin-top: 0px;
}
#Blog aside {
	margin-top: 0px;
}
#Blog .Blog__Aside--Sharing {
	margin-top: 110px;
	text-align: right;
	clear: both;
}
.Blog__Aside--Sharing .fb-share-button span{
	vertical-align: top !important;
	margin-top: -7px;
}

/* Section 1 - Registration Detail [SEC01]
   ============================================================================================== */

#Register fieldset div {
	position: relative;
}
	#Register fieldset div label {
		width: 100px;
	}
	#Register fieldset div label.placeholder {
		left: 92px !important;
	}
	#Register fieldset div label.error {
		clear: both;
		float: none !important;																		/* override float styles in jqtransform.css */
		margin-left: 100px;
		width: auto;
	}
	#Register fieldset div input[type="text"] {
		float: left;
		width: 200px;
	}
	#Register fieldset div input[type="submit"] {
		margin: 0 0 0 85px;
	}
	#Register fieldset div select {
		float: left;
		width: 150px;
	}



/* Section 3 - Home [SEC03]
   ============================================================================================== */

#Home {
	margin-bottom: 25px;
}
#HotTopicContainer {
	/*background: -moz-linear-gradient(top, #179bd3, #0f97d1);
	background: -webkit-linear-gradient(top, #179bd3, #0f97d1);
	background: linear-gradient(top, #179bd3, #0f97d1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd3', endColorstr='#0f97d1');*/
	background: #0077b8 url(../img/arrow.png) no-repeat left top;
	height: 40px;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
	#HotTopicContainer li {
		float: left;
		list-style: none;
		position: relative;
	}
	#HotTopicContainer li:first-child {
		width:165px;
	}
	#HotTopicContainer li.hot-topic-info {
		/*background:   url(../img/bg-alert-marquee.png) no-repeat left top;*/
		padding: 0 10px 0 15px;
		
	}
		#HotTopicContainer li h3 {
			width: 139px;
			color: #004971;
			line-height: 1.75em;
			text-align: center;
			text-transform:uppercase;
			font-weight:bold;
			font-size:18px;
			margin: 4px 0 0 25px;
		}
		#HotTopicContainer li marquee {
			line-height: 3em;
			color:#fff;
			margin: 4px 0 0 5px;
		}
		#HotTopicContainer li a {
			/*background: -moz-linear-gradient(top, #0077b8, #047cbe);
			background: -webkit-linear-gradient(top, #0077b8, #047cbe);
			background: linear-gradient(top, #0077b8, #047cbe);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0077b8', endColorstr='#047cbe');*/
			border: 2px solid #80bbdc;
			display: block;
			-moz-border-radius: 3px;
			border-radius: 3px;
			cursor: pointer;
			padding: 2px 8px;
			position: absolute;
			top: 6px;
			width: 103px;
			
			color: #FFF;
			font: normal 16px/normal 'Source Sans Pro', sans-serif;
			text-align: center;
			text-shadow: #494949 -1px -1px 2px;
		}
		#HotTopicContainer li a:hover {
			background: #ca3b00;
			filter: none;
			
			text-decoration: none;
		}
#Home .carousel-container {
	/*background: transparent url(../img/bg-carousel-shadow.png) no-repeat center bottom !important;*/	/* override inline styles */
	float: left;
	height: 296px;
	margin-bottom: 5px;
	width: 100%;
}
		.owl-item .item {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			height: 310px;
			position: relative;
		}
			.owl-item .carousel-caption {
				padding: 15px;
				position: absolute;
				bottom: 0;
				width: 100%;
				box-sizing: border-box;
				text-align: center;
			}
			.owl-item h2 {
				margin: 0;				
				color: #fff;
				font: bold 28px/1.2em 'Source Sans Pro', sans-serif;
			}
			.owl-item p {
				margin: 0;		
				color: #fff;		
				font-size: 18px;
			}
			.owl-item a {
				color: #e75c00;
			}
#ActionsContainer {
	background-color: #fff;
	border: 6px solid #d4d8de;
	float: right;
	height: 264px;
	width: 288px;
}
	#ActionsContainer ul {
		list-style: none none;
		margin: 0;
	}
		#ActionsContainer ul li {
			border-top: 1px solid #cfcfcf;
		}
		#ActionsContainer ul li:first-child {
			border: none;
		}
		#ActionsContainer ul li:hover {
			background-color: #e0e0e0;
		}
			#ActionsContainer ul li h3 {
				font-size: 18px;
				line-height: 1em;
			}
			#ActionsContainer ul li a {
				display: block;
				height: 70px;
				padding: 17px 17px 0;
				width: 254px;
				
				text-decoration: none;
			}
			#ActionsContainer ul li:first-child a {
				height: 71px;
			}
				#ActionsContainer ul li a p {
					margin: 5px 0;
					width: 230px;
					
					color: #595959;
					font-weight: normal;
				}
				#ActionsContainer ul li a .more-arrow-blue {
					margin: 23px 0 0;
				}
#CalloutsContainer {
	clear: both;
	margin: 30px auto;
	overflow: hidden;
	max-width: 940px;
	
}
	#CalloutsContainer ul {
		list-style: none;
		margin: 0;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
		#CalloutsContainer ul li {
			flex: 1 1 100%;
			padding: 0 5px;
			max-width: 300px;
		}
		#CalloutsContainer ul li:first-child {
			margin: 0;
		}
			#CalloutsContainer ul li h3 {
				line-height: 1.75em;
			}
			#CalloutsContainer ul li img {
				max-width: 100%;
			}
			#CalloutsContainer ul li p {
				margin: 5px 0;
			}
#Home .tabs-container {
	clear: both;
	max-width: 500px;
	margin: 0 auto;
	border: 1px solid #e2e2e2;
	overflow-x: hidden;
}
	#Home .tabs-content {
		height: 470px;
		overflow: auto;
	}
#SidebarCalloutsContainer {
	float: right;
	position: relative;
	width: 300px;
}
	#SidebarCalloutsContainer ul {
		list-style: none none;
		margin: 0;
	}
		#SidebarCalloutsContainer ul li {
			padding: 17px 0 12px;
		}
		#SidebarCalloutsContainer ul li:first-child {
			padding-top: 0;
		}
		#SidebarCalloutsContainer ul li.last-child {
			border-top: 1px solid #c8c8c8;
		}
			#SidebarCalloutsContainer ul li h3 {
				line-height: 1em;
			}
			#SidebarCalloutsContainer ul li h3 + a {
				position: absolute;
				right: 0;
				top: 2px;
			}
			#SidebarCalloutsContainer ul li p {
				margin: 7px 0 5px;
			}
			#SidebarCalloutsContainer ul li img {
				border: 6px solid #d4d8de;
				margin: 8px 0 0;
			}



/* Section 4 - Action Alerts [SEC04]
   ============================================================================================== */

#ActionAlerts article {
	margin: 10px 0 25px;
}
	#ActionAlerts article .alert-intro {
		margin: 10px 0;
		max-height: 50px;
	}
	#ActionAlerts article .alert-badge {
		display: inline-block;
		margin: 0 5px 0 0;
		overflow: hidden;
		
		color: #fff;
		font-size: 11px;
		font-weight: bold;
		line-height: 20px;
		text-transform: uppercase;
	}
	#ActionAlerts article .alert-badge.hot {
		background: url(../img/bg-badge-alert.png) no-repeat right -20px;
		padding: 0 15px 0 2px;
	}
		#ActionAlerts article .alert-badge.hot span {
			background: url(../img/bg-badge-alert.png) no-repeat left 0;
			float: left;
			height: 18px;
			margin: 0 2px 0 0;
			width: 20px;
		}
	#ActionAlerts article .alert-badge.info {
		background: url(../img/bg-badge-alert.png) no-repeat right -40px;
		padding: 0 15px 0 10px;
	}
	#ActionAlerts article .alert-badge.media {
		background: url(../img/bg-badge-alert.png) no-repeat right -60px;
		padding: 0 15px 0 10px;
	}
	#ActionAlerts article .alert-links {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		height: 24px;
		margin: 10px 0 20px;
		padding: 6px 0;
	}
		#ActionAlerts article .alert-links span {
			float: right;
			font-size: 12px;
			line-height: 2em;
		}
		#ActionAlerts article .alert-links .share-links {
			float: left;
		}
			#ActionAlerts article .alert-links .share-links a {
				display: block;
				float: left;
				margin: 0 6px 0 0;
			}
			#ActionAlerts article .alert-links .share-links .fb_iframe_widget {
				width: 400px;
			}



/* Section 6 - Compose Letters [SEC06]
   ============================================================================================== */

#ComposeLetters .targets {
	list-style: none none;
	margin: 0;
}
	#ComposeLetters .targets li {
		overflow: hidden;
	}
		#ComposeLetters .targets li label {
			margin-left: 5px;
		}
#ComposeLetters .letter-section {
	/*background: url(../img/bg-letter-shadow.png) no-repeat bottom;*/
	margin: 15px 0 20px;
	padding: 0 0 35px;
}
	#ComposeLetters .letter {
		background-color: #fff;
		margin: 15px 0 0;
		max-width: 930px;
	}
		#ComposeLetters .letter-tophalf {
			background: url(../img/bg-letter-top.png) no-repeat top;
			padding: 45px 60px 0;
		}
			#ComposeLetters .letter-salutation {
				margin: 0 0 10px;
			}
			#ComposeLetters .letter-top {
				margin: 0 0 15px;
			}
			#ComposeLetters textarea {
				border: 1px solid #d9d9d9;
				resize: vertical;
				background: none;
				height: 150px;
				margin: 0 0 10px;
				width: 100%;
				box-sizing: border-box;
				
				font: normal 12px/normal Helvetica, Arial, Tahoma, sans-serif;
			}
		#ComposeLetters .letter-bottomhalf {
			background: url(../img/bg-letter-bottom.png) no-repeat bottom;
			padding: 5px 60px 50px;
		}
			#ComposeLetters .letter-bottom {
				margin-top: 0;
			}
			#ComposeLetters .letter-signature {
				margin: 15px 0 0;
			}
#ComposeLetters .comm-types {
	list-style: none;
	margin: 0
}
	#ComposeLetters .comm-types li {
		float: left;
		margin-right: 10px;
	}



/* Section 7 - Share Your Story [SEC07]
   ============================================================================================== */

#ShareYourStory textarea {
	height: 150px;
	max-width: 427px;
}
#ShareYourStory .error {
	max-width: 427px;
}
#ShareYourStory input[type="submit"] {
	margin-top: 10px;
}



/* Section 8 - Tell A Friend [SEC08]
   ============================================================================================== */

#TellAFriend label {
	display: block;
	width: 100%;
	margin-top: 5px;
}
#TellAFriend label:first-child {
	margin: 0;
}
#TellAFriend label.error {
}
#TellAFriend input[type="text"] {
}
#TellAFriend input[type="text"], #TellAFriend textarea {
	clear: both;
	float: none;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}
#TellAFriend textarea {
	height: 150px;
	resize: vertical;;\
}
#TellAFriend .recaptchatable #recaptcha_response_field {
	position: static !important;
}
#TellAFriend #recaptcha_response_field + .error {
	left: -29px;
	position: absolute;
	top: 49px;
	
	font-size: 12px;
}
#TellAFriend input[type="submit"] {
	margin: 25px 0 0;
}
#TellAFriend #AddressBooks {
	float: left;
	list-style: none;
	margin: 0 0 5px;
}
	#TellAFriend #AddressBooks li {
		float: left;
		margin: 0 20px 0 0;
	}
		#TellAFriend #AddressBooks li a {
			display: block;
			height: 24px;
			padding: 0 0 0 30px;
			
			font-weight: bold;
			line-height: 24px;
			text-decoration: underline;
		}
		#TellAFriend #AddressBooks li a#source-yahoo {
			background: url(http://longislandcleanwaterpartnership.org/img/ico-email-24x24.png) no-repeat 0 0;
		}
		#TellAFriend #AddressBooks li a#source-gmail {
			background: url(http://longislandcleanwaterpartnership.org/img/ico-email-24x24.png) no-repeat 0 -24px;
		}
		#TellAFriend #AddressBooks li a#source-windowslive {
			background: url(http://longislandcleanwaterpartnership.org/img/ico-email-24x24.png) no-repeat 0 -48px;
		}
		#TellAFriend #AddressBooks li a#source-aol {
			background: url(http://longislandcleanwaterpartnership.org/img/ico-email-24x24.png) no-repeat 0 -72px;
		}
#TellAFriend #ToEmail {
	height: 50px;
}



/* Section 9 - Key Contact Survey [SEC09]
   ============================================================================================== */

#KeyContactSurvey label {
	display: block;
	float: left;
	margin: 6px 10px 0 0;
	width: 175px;
	
	line-height: 1.5em;
}
#KeyContactSurvey label.error {
	margin-left: 185px;
	width: auto;
}
#KeyContactSurvey select {
	width: 300px;
}
#KeyContactSurvey textarea {
	height: 150px;
	width: 413px;
}



/* Section 10 - My Profile [SEC10]
   ============================================================================================== */

#MyInformation {
	margin: 0 0 35px;
	position: relative;
	
	line-height: 1.5em;
}
	#MyInformation h3 {
		margin: 0 0 20px;
	}
#MyLegislators {
	margin: 0 0 25px;
}
	#MyLegislators h4 {
		clear: both;
		margin: 10px 0;
	}
	#MyLegislators ul {
		list-style: none;
		margin: 0;
	}
		#MyLegislators ul li {
			float: left;
			min-height: 210px;
			padding: 15px 15px 0;
			width: 173px;
		}
		#MyLegislators ul li a {
			display: block;
			line-height: normal;
			margin-top: 5px;
		}
		#MyLegislators ul li:hover {
		}
			#MyLegislators ul li img {
				border: 6px solid #d4d8de;
			}
#MyParticipation {
	clear: both;
}
	#MyParticipation .tabs-container {
		margin-top: 10px;
	}
		#MyParticipation .tabs-content {
			height: 250px;
			overflow: auto;
		}
			#MyParticipation .tabs-container .tabs-content ul li {
				padding: 5px 0;
			}



/* Section 11 - Edit My Profile [SEC11]
   ============================================================================================== */

#EditMyProfile fieldset div {
	position: relative;
}
	#EditMyProfile fieldset div label {
		width: 100px;
	}
	#EditMyProfile fieldset div label.placeholder {
		left: 92px !important;
	}
	#EditMyProfile fieldset div label.error {
		clear: both;
		float: none !important;																		/* override float styles in jqtransform.css */
		margin-left: 100px;
		width: auto;
	}
	#EditMyProfile fieldset div select {
		float: left;
		width: 150px;
	}
	#EditMyProfile fieldset div input[type="text"], #EditMyProfile fieldset div input[type="password"] {
		float: left;
		width: 200px;
	}



/* Section 15 - Legislator Search [SEC15]
   ============================================================================================== */

#LegislatorSearch fieldset {
	float: left;
	margin: 0 50px 0 0;
	position: relative;
}
#LegislatorSearch #SearchAddress {
	width: 302px;
}
	#LegislatorSearch fieldset h4 {
		margin: 0 0 10px;
	}
	#LegislatorSearch fieldset div {
		min-height: 33px;
		position: relative;
	}
	#LegislatorSearch #SearchAddress #SearchAdditionalFields {
		display: none;
		margin: 0;
	}
		#LegislatorSearch fieldset div label {
			width: 75px;
		}
		#LegislatorSearch fieldset div label.error {
			clear: both;
			float: none !important;																	/* override float styles in jqtransform.css */
			margin-left: 23px;
			width: auto;
		}
		#LegislatorSearch #SearchAddress div label.error {
			margin-left: 75px;
		}
		#LegislatorSearch fieldset div input[type="text"] {
			width: 200px;
		}
		#LegislatorSearch #SearchAddress div .jqTransformCheckboxWrapper {
			margin-left: 75px;
		}
		#LegislatorSearch fieldset div .placeholder {
			left: 120px !important;
		}
		#LegislatorSearch fieldset div .jqTransformCheckboxWrapper + label {
			margin-left: 4px;
			width: auto;
		}
#LegislatorSearch #Results {
	margin: 35px 0 0;
}
	#LegislatorSearch #Results h4 {
		font-size: 18px;
	}
	#LegislatorSearch #Results ul {
		list-style: none;
		margin: 10px 0;
	}
		#LegislatorSearch #Results ul li {
			float: left;
			min-height: 210px;
			padding: 15px 15px 0;
			width: 173px;
			
			line-height: normal;
		}
		#LegislatorSearch #Results ul li:hover {
		}
			#LegislatorSearch #Results ul li img {
				border: 6px solid #d4d8de;
				max-width: 162px;
			}



/* Section 16 - Legislator Detail [SEC16]
   ============================================================================================== */

#LegislatorDetail #ContactInfo {
	padding: 10px 0 30px;
	font-size: 12px;
}
	#LegislatorDetail #ContactInfo img {
		border: 6px solid #d4d8de;
		float: left;
		max-width:120px;
	}
	#LegislatorDetail #ContactInfo h4 {
		margin: 0 0 7px;
	}
	#LegislatorDetail #ContactInfo strong {
		display: block;
		float: left;
		width: 50px;
	}
	#LegislatorDetail #ContactInfo #CapAddress, #LegislatorDetail #ContactInfo #DistAddress {
		float: left;
		margin-left: 35px;
		
		line-height: 1.5em;
	}
		#LegislatorDetail #ContactInfo #CapAddress div, #LegislatorDetail #ContactInfo #DistAddress div {
			margin: 7px 0 0;
		}
#LegislatorDetail #PersonalInformation label {
	color: #595959;
}
	#LegislatorDetail #Education table {
		clear: both;
		width: 100%;
	}
		#LegislatorDetail #Education table tr {
			background: #f5f5f5;
			border-bottom: 1px solid #fff;
		}
		#LegislatorDetail #Education table tr:first-child {
			background: #fff;
		}
			#LegislatorDetail #Education table tr th, #LegislatorDetail #Education table tr td {
				padding: 5px;
			}
			#LegislatorDetail #Education table tr th {
				color: #174560;
				font-weight: bold;
				text-align: left;
			}
	#LegislatorDetail #Biography {
		margin: 13px 0 0;
	}
		#LegislatorDetail #Biography div {
			border: 1px solid #d9d9d9;
			clear: both;
			height: 400px;
			overflow: auto;
			padding: 10px;
		}
.scorecard-bill {
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.scorecard-bill:first-child {
	margin: 0;
	padding: 0;
}
	.scorecard-bill > h5 {
		float: left;
		margin: 0 5px 0 0;
	}
	.scorecard-bill h5 a {
		background: url(../img/ico-scorecard-arrow-closed.png) no-repeat left;
		padding: 0 0 0 12px;
		
		color: #174560;
	}
	.scorecard-bill h5 a:hover {
		text-decoration: none;
	}
	.scorecard-info {
		margin: 10px 0;
	}
		.scorecard-info span {
			display: block;
			float: left;
			width: 125px;
		}
		.scorecard-info img {
			vertical-align: middle;
		}
	.scorecard-bill .desc-open {
		background: url(../img/ico-scorecard-arrow-open.png) no-repeat left;
	}
	.scorecard-bill .scorecard-desc {
		clear: both;
		display: none;
		padding-top: 5px;
	}



/* Section 17 - Committee Search [SEC17]
   ============================================================================================== */

#CommitteeSearch fieldset div {
}
	#CommitteeSearch fieldset div label:first-child {
		width: 125px;
	}
	#CommitteeSearch .jqTransformCheckboxWrapper + label {
		margin-left: 4px;
	}
#CommitteeSearch .results {
	margin-top: 20px;
}
	#CommitteeSearch .results h3 + ul {
		margin-top: 10px;
	}
	#Committees ul li, #CommitteeSearch .results ul li {
		line-height: normal;
		margin: 10px 0;
	}




/* Section 18 - Committee Detail [SEC18]
   ============================================================================================== */

#CommitteeDetail h3 + ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
#CommitteeDetail #CommitteeRoster {
	list-style: none;
	margin: 0;
}
	#CommitteeDetail #CommitteeRoster li {
		float: left;
		height: 200px;
		padding: 15px 15px 0;
		width: 158px;
		
		line-height: normal;
	}
	#CommitteeDetail #CommitteeRoster li:hover {
	}
		#CommitteeDetail #CommitteeRoster li img {
			border: 6px solid #d4d8de;
		}



/* Section 19 - Contact Us [SEC19]
   ============================================================================================== */

#ContactUs fieldset label {
	float: none;
	width: auto;
}
#ContactUs label.error {
	margin-left: 0;
	width: auto;
}
#ContactUs fieldset input[type="text"], #ContactUs fieldset textarea {
	float: none;
	width: 100%;
	box-sizing: border-box;
	display: block;
}
#ContactUs fieldset textarea {
	height: 200px;
	resize: vertical;
}



/* Section 20 - News [SEC20]
   ============================================================================================== */
#News ul {list-style:none;}
.articles li {
	margin-bottom: 25px;
}
	.articles li a {
		font-weight: normal;
		color:#0077b8;
	}



/* Section 21 - Media Soft [SEC21]
   ============================================================================================== */

#MediaSearch fieldset h3 {
	margin: 20px 0 10px;
}
#MediaSearch fieldset h3:first-child {
	margin-top: 0;
}
#MediaSearch fieldset div {
	margin: 0;
}
#MediaSearch .jqTransformCheckboxWrapper + label {
	margin: 2px 0 0 5px;
}
#MediaSearch input[type="submit"] {
	margin: 10px 5px 0 0;
}





/* Section 24 - Additional Information [SEC24]
   ============================================================================================== */

#AdditionalInfo .GeneralInformationContainer, #AdditionalInfo .LegislatorPanel {
	margin: 0 0 30px;
}
#AdditionalInfo .FormRowContainer {
	margin: 5px 0;
	overflow: hidden;
}
#AdditionalInfo .jqTransformCheckboxWrapper {
	margin-right: 6px;
}
#AdditionalInfo .LabelAndRadioButtonContainer {
	display: block;
	overflow: hidden;
}
#AdditionalInfo .Label_X_RequiredMark {
	display: block;
	overflow: hidden;
}
	#AdditionalInfo .Label_X_RequiredMark .RequiredMark {
		display: none;
	}
#AdditionalInfo #AdditionalInfo_GeneralInformationContainer .Label_X_RequiredMark {
	float: left;
	width: 85px;
}

/* Section 20 - News [SEC20]
   ============================================================================================== */

.articles li {
	margin-bottom: 25px;
}
	.articles li .truncate {
		max-height: 50px;
	}
	.articles li a {
		font-weight: normal;
	}



/* Section 25 - Content [SEC25]
   ============================================================================================== */

#Content .articles .truncate {
	max-height: 50px;
}



/* Clearfix - http://css-tricks.com/snippets/css/clear-fix/
   ============================================================================================== */

.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;																						/* for IE 6/7 (trigger hasLayout) */
}



/* Placeholder plugin
   ============================================================================================== */

.placeholder, :-moz-placeholder {
	cursor: text;
	
	color: #999 !important;
	font-style: italic !important;
	font-weight: normal !important;
}



/* Validation plugin
   ============================================================================================== */

.error {
	display: block;
}
label.error, p.error {
	color: #f00;
}
label.error {
	font-weight: normal;																			/* override bold weight when used on labels */
}



/* Modal plugin
   ============================================================================================== */

#simplemodal-overlay {
	background: #000;
}
#simplemodal-container {
	background: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
	.modalCloseImg {
		background: url(../img/btn-modal-close.png) no-repeat;
		cursor: pointer;
		display: inline;
		height: 29px;
		position: absolute;
		right: -12px;
		top: -12px;
		width: 25px;
		z-index: 2000;
	}
	#simplemodal-data {
		padding: 20px;
	}



/* Tabs
   ============================================================================================== */

.tabs-container .tabs {
	list-style: none;
	margin: 0;
}

.tabs-container ul {
	list-style: none outside none;
}
#Widget-News ul li {
	border-bottom: 1px solid #e9e9e9;
	padding-bottom:10px;
}

	.tabs-container .tabs li {
		border-right: 1px solid #e9e9e9;
		float: left;
		
		text-align: center;
	}
		.tabs-container .tabs li a {
			background:#e75c00;
			/*background: -webkit-linear-gradient(top, #e75c00, #d75601);
			background: linear-gradient(top, #e75c00, #d75601);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e75c00', endColorstr='#d75601');*/
			display: block;
			padding: 0 24px;
			
			color: #fff;
			font: normal 20px/2.1em 'Source Sans Pro', sans-serif;
			text-decoration: none;
		}
		.tabs-container .tabs li a:hover {
			background: -webkit-linear-gradient(top, #5a8ba7, #40728f);
			background: -moz-linear-gradient(top, #5a8ba7, #40728f);
			background: -ms-linear-gradient(top, #5a8ba7, #40728f);			
			background: linear-gradient(top, #5a8ba7, #40728f);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a8ba7', endColorstr='#40728f');
		}
		.tabs-container .tabs li a.active {
			background: none;
			filter: none;
			background: #fff;
			
			color: #0077b8;
		}
.tabs-container .tabs-content {
	background: #fff;
	padding: 20px 20px 20px 0;
}

#recaptcha_privacy{
	display: block;
	margin-top:5px;
}

#accordion ul.group li span {
    font-size: 11px;
    font-weight: normal;
}
.ui-icon {
    display: inline-block !important;
}
.ui-icon-triangle-1-e {
    background-position: -37px -14px !important;
}

#Register fieldset span label {
	margin-right:5px;
}

@media (max-width: 1022px) {
	#HotTopicContainer {
		display: none;
	}
	#InnerPageWrapper {
		margin: 0 10px;
	}
	nav ul li a,
	nav ul li ul li a {
		font-size: 13px;
	}
}
@media (max-width: 775px) {
	.two-columns.with-border.column-rail {
		border: 0;
		border-left-width: 0;
		padding: 0;
	}
	#Identity p {
		display: none;
	}
	.desktop-element,
	nav > ul {
		display: none;
	}
	.mobile-element {
		display: block;
	}
	nav .fa {
		font-size: 32px;
		line-height: 40px;
		padding: 0 10px;
	}
	nav > .mobile-element a {
		color: #fff;
		display: inline-block;
	}
	nav > ul {
		flex-wrap: wrap;
		background-color: #9BAFB8;
		clear: both;
	}
	nav > ul li {
		flex: 1 1 100%;
		border-bottom: 1px solid #cacaca;
	}
	nav ul li a {
		font-size: 18px;
		font-weight: 700;
	}
	nav > ul > li > a {
		float: left;
		padding: 5px 10px;
	}
	nav ul li ul li a {
		color: #595959;
	}
	nav ul li ul {
		background-color: #c2dbe7;
		height: auto;
		left: 0;
		margin-left: 10px;
		position: relative;
		clear: left;
		display: none;
	}
	nav ul li a:hover {
		background-color: none;
	}
	nav ul li:hover a,
	nav > ul > li a:hover {
	color: #ffffff;
	background-color: inherit;
	}
	.submenu-toggler {
		float: right;
		display: inline-block;
		background: #595959;
		margin: 5px;
	}
	.submenu-toggler .fa {
		color: #fff;
	}

	nav .mobile-element {
		display: inline-block;
		float: left;
	}
	.more-links.mobile-element {
		display: inline-block;
		float: right;
		margin-right: 10px;
	}
	.more-links.mobile-element a{
		float:left;
	}
	.more-links.mobile-element > a:first-child {
		padding: 11.5px 0;
	}
	.owl-item .item {
		height: 200px;
	}
	#BodyWrapper {
		padding-top: 0 !important;
		background-position: top -39px center !important;
	}
}
@media (max-width: 745px) {
	#MyParticipation .tabs-content {
		height: auto;
	}
	#Register fieldset div input[type="text"],
	#Register fieldset div select,
	#EditMyProfile fieldset div input[type="text"],
	#EditMyProfile fieldset div select {
		width: 100%;
		box-sizing: border-box;
		float: none;
		clear: both;
	}
	#Register fieldset div label.error,
	#EditMyProfile fieldset div label.error {
		margin: 5px 0;
	}
}
@media (max-width: 670px) {
	#ComposeLetters textarea {
		height: 300px;
	}
	#ComposeLetters .letter-tophalf, #ComposeLetters .letter-bottomhalf {
		padding: 0;
	}
	#Identity {
		height:87px;
	}
	#InnerPageWrapper {
		margin: 0;
	}
	#Identity > a:first-child {
		height: 84px;
		width: 193px;
		background-size: cover;
	}
	header {
		background-position: top -36px center;
	}
	#HotBar {
		margin-right: 10px;
	}
}

@media (max-width: 600px) {
	.tabs-container .tabs li a {
		font-size: 14px;
		padding: 7px;
		margin: 0;
	}
	#CalloutsContainer ul {
		flex-wrap: wrap;
	}
	#CalloutsContainer ul li,
	#CalloutsContainer ul li:first-child {
		margin: 20px auto;
		background-color: #E2F1FF;
		padding: 10px;
		max-width: 80%;
	}
	#CalloutsContainer ul li,
	#CalloutsContainer ul li:first-child,
	#CalloutsContainer ul li p {
		text-align: center !important;
	}
	footer > section#Copyright,
	footer section#MoreLinks {
		float: none;
		text-align: center;
	}
	.two-columns, aside,
	.two-columns.with-border {
		width: 95%;
		margin: 0 auto !important;
		padding: 0;
		display: block;
		float: none;
	}
}

@media (max-width: 470px) {
	#BodyWrapper {
		background-image: none !important;
	}
	#LegislatorDetail #Biography div {
		overflow: inherit;
		height: auto;
	}
}

@media (max-width: 460px) {
	#LoginForm {
		position: relative;
		width: 100%;
		top: 0;
		right: 0 !important;
	}
	#LoginForm fieldset div,
	#LoginForm fieldset div:first-child {
		float: none;
		text-align: center;
		margin: 15px 0;
		clear: both;
	}
	#LoginForm fieldset {
		padding: 0 10px;
	}
	#LoginForm fieldset div label.error {
		display: block;
		clear: both;
		margin: 5px 0;
	}
}