@charset 'UTF-8';
@import url('font-awesome.min.css');
/*********************************************************************************/
/* Swepco All Pages                                                              */
/*********************************************************************************/
.zeroPadding
{
	padding: 0;
}
#header .logo
{
	padding: .8em 0 0 .8em;
}
#main #content section
{
	font-size: 12pt;
}
section ul.subList
{
	margin-left: 40px;
	list-style: outside none circle;
}
.dropotron li
{
	list-style: none;
}
.superScriptMark { font-size: .5em; position: relative; top: -10px; }
a.btnBoxIcon {
	color: #212121;
	text-decoration: none;
}
a.btnBoxIcon:hover {
	color: #212121;
	text-decoration: none;
}
#footer .footerSwepco1800 {
    color: #fff;
    font-size: 1.5em;
    text-align: center;
}

/*** Program Info Floating Box Links ******************************/
/******************************************************************/
#floatingLeftMarginProgramInfoLinks { 
	position: relative;
	background-color: #FFFFFF;
	display: none;
}

/*********************************************************************************/
/* Swepco Home Page                                                              */
/*********************************************************************************/
.quickLink
{
	font-size: 1.2em;
}
#banner section p
{
	line-height: 1.25em;	
}
#intro h1.introHeadline
{
	font-size: 2.8em;
	line-height: 1.5em;
	text-align: center;
}

#intro h2.introHeadline
{
	font-size: 1.8em;
	line-height: 1.5em;
}
#intro .greenSquare
{
	background-color: #007DC3;
    height: 8em;
    margin-left: 3em;
    width: 11em;
}
#intro .greenSquare span
{
	font-size: 4em;
	padding-top: .4em;
}

.marketGreenSquare span
{
	font-size: 3em;
	margin-left: 1em;
	color: #212121;
}

/*********************************************************************************/
/* Swepco Footer                                                                 */
/*********************************************************************************/
#footer .swepcoStatement
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#footer #copyright span 
{
	margin-top: 0;
}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #fff;
		/*font-family: 'Open Sans', sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 300;
		/*color: #474d55;*/
		color: #212121;
	}
	
	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	a
	{
		/*color: #98c37c;*/
		color: #0e8dfc;
		text-decoration: none;
	}
	
		a:hover
		{
			color: #474d55;
			text-decoration: underline;
		}
	
	section,
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	header
	{
	}
	
		header > p
		{
			margin-top: 0.75em;
		}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border: 10px solid #FFFFFF;
		}

		.image.full
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image.left
		{
			float: left;
			margin: 0 2em 2em 0;
		}
		
		.image.centered
		{
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img
			{
				margin: 0 auto;
				width: auto;
			}

	.button
	{
		display: inline-block;
		background: #98c37c;
		border: 0;
		outline: 0;
		cursor: pointer;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		text-align: center;
		text-decoration: none;
		font-weight: 700;
		color: #FFF;
		white-space: nowrap;
	}
	
		.button:before
		{
			margin-right: 0.5em;
			font-size: 1em !important;
		}
	
		.button:hover
		{
			background-color: #a8d38c;
		}
		
		.button:active
		{
			background-color: #88b36c;
		}
	
		.button.alt
		{
			background: #474d55;
		}

			.button.alt:hover
			{
				background-color: #535a63;
				color: #FFF;
			}
			
			.button.alt:active
			{
				background-color: #3c4148;
			}
	
	ul.style1
	{
	}
	
		ul.style1 li
		{
			padding: 1.30em 0em;
			border-top: 1px solid rgba(144,144,144,0.25);
		}
		
		ul.style1 a
		{
			color: #9b9fa5;
		}
		
			ul.style1 a:hover
			{
				text-decoration: none;
			}
		
		ul.style1 .first
		{
			padding-top: 0em;
			border-top: none;
		}
	
	ul.style2
	{
	}
	
		ul.style2 li
		{
			/*padding: 2em 0 1em 0;*/
			/*border-top: 2px solid rgba(144,144,144,0.25);*/
		}
	
		ul.style2 h3
		{
			padding: 0 0 0.75em 0;
			font-size: 1.00em;
			font-weight: 600;
			color: #474d55;
		}
		
		ul.style2 .meta
		{
			font-size: 0.70em;
			color: #9b9b9b;
		}
			
			ul.style2 .meta a
			{
				color: #9b9b9b;
			}
			

			ul.style2 .date
			{
				padding: 0 1em 0 0;
				border-right: 1px solid #e5e5e5;
				font-size: 0.90em;
				color: #a2a2a2;
			}

			ul.style2 .comments
			{
				padding: 0 0 0 1em;
				font-size: 0.90em;
			}
	
				ul.style2 .comments a
				{
					color: #a2a2a2;
				}

					ul.style2 .comments a:hover
					{
						text-decoration: none;
					}

		ul.style2 .first
		{
			padding-top: 0;
			border-top: none;
		}

	ul.contact
	{
		padding-top: 2em;
	}

		ul.contact li
		{
			position: relative;
			padding: 2.2em 0em 2.2em 5em;
			border-top: 1px solid rgba(144,144,144,0.25);
			line-height: 2.2em;
		}

		ul.contact li:first-child
		{
			padding-top: 0;
			border-top: 0;
		}
		
		ul.contact a
		{
			color: #9b9fa5;
		}
		
			ul.contact a:hover
			{
				text-decoration: none;
			}


		ul.contact li span
		{
			position: absolute;
			left: 0;
			top: 1.6em;
			font-size: 1.1em;
		}

			ul.contact li span:before
			{
				display: inline-block;
				background: #98c37c;
				width: 43px;
				height: 43px;
				line-height: 43px;
				text-align: center;
				font-size: 20px;
				color: #FFFFFF;
			}
			
				ul.contact li:first-child span
				{
					top: 0;
				}

	ol.style1
	{
	}

	.box
	{
		border-top: 2px solid rgba(144,144,144,0.25);
	}
	
		.box:first-child
		{
			border-top: 0 !important;
			margin-top: 0 !important;
			padding-top: 0 !important;
		}

		.box.post
		{
			overflow: hidden;
		}

			.box.post .image img
			{
				border: none;
			}
			
	.actions
	{
	}

		.actions li
		{
			display: inline-block;
		}

	.pennant
	{
		position: relative;
		display: inline-block;
		width: 9em;
		margin: 3em 0em;
		cursor: default;
	}
	
		.pennant:before
		{
			content: '';
			position: absolute;
			top: -3em;
			left: 0;
			border-bottom: solid 7em #98c37c;
			border-left: solid 4.5em transparent;
			border-right: solid 4.5em transparent;
		}
	
		.pennant span, .greenSquare span 
		{
			display: block;
			margin: 0 auto;
			text-align: center;
			font-size: 2.4em;
		}
		
		.pennant .icon, .greenSquare .icon 
		{
			position: relative;
			z-index: 2;
			color: #FFF;
		}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon
	{
		text-decoration: none;
	}

		.icon:before
		{
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			margin-right: 7px;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		.icon .label
		{
			display: none;
		}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		position: relative;
		background: rgba(0, 0, 0, 0) url("../images/banner.jpg") repeat scroll center 105px / cover ;
		background-size: cover;
	}

		#header-wrapper:after
		{
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			/*
			background: linear-gradient(to bottom, rgba(255, 255, 255, .01) 0%, rgba(229, 240, 254, 1) 50%, rgba(184, 217, 252, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
			
			background: -moz-linear-gradient(top, rgba(25,28,30,0.75) 5%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%), rgba(29,32,38,0.75);
			background: -webkit-linear-gradient(top, rgba(25,28,30,0.75) 5%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%), rgba(29,32,38,0.75);
			background: -o-linear-gradient(top, rgba(25,28,30,0.75) 5%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%), rgba(29,32,38,0.75);
			background: -ms-linear-gradient(top, rgba(25,28,30,0.75) 5%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%), rgba(29,32,38,0.75);
			background: linear-gradient(top, rgba(25,28,30,0.75) 5%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 50%), rgba(29,32,38,0.75);
			*/
		}
		
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		overflow: hidden;
	}
	
	#footer-wrapper
	{
		position: relative;
		background: #32373d;
	}
	
		#footer-wrapper:before
		{
			/*content: '';*/
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: url('images/bg01.png');
			opacity: 0.2;
		}
	
	.wrapper
	{
	}
	
	.wrapper-style1
	{
		overflow: hidden;
		background: #f7f7f7 url('images/bg01.png');
		box-shadow: inset 0px 15px 8px -10px rgba(0,0,0,0.03), inset 0px -15px 8px -10px rgba(0,0,0,0.03);
	}
	
		.wrapper-style1:before
		{
		}

		.wrapper-style1 header
		{
			text-align: center;
		}
		
		.wrapper-style1 h3
		{
			font-weight: 700;
			color: #474d55;
		}
	
	.wrapper-style2
	{
		overflow: hidden;
	}
	
		.wrapper-style2 #featured header
		{
			margin: 2em 0;
		}
		
		.wrapper-style2 header
		{
			text-align: left;
			margin-bottom: 2em;
		}

		.wrapper-style2 header h2
		{
			margin: 0;
			padding: 0;
		}
		
		.wrapper-style2 header p
		{
			margin: 0;
			padding: 0;
		}

	.wrapper-style3
	{
		padding: 2em;
		overflow: hidden;
		background: #F5F5F5;
		box-shadow: inset 0px 15px 8px -10px rgba(0,0,0,0.03), inset 0px -15px 8px -10px rgba(0,0,0,0.03);
		position: relative;
		background: url('../images/banner-links.jpg') top center;
		background-size: cover;
		
	}
	
		.wrapper-style3:before
		{
		}

		.wrapper-style3 #featured header
		{
			margin-bottom: 0;
		}
		
		.wrapper-style3 header
		{
			text-align: left;
			margin-bottom: 2em;
		}

		.wrapper-style3 header h2
		{
			margin: 0;
			padding: 0;
		}
		
		.wrapper-style3 header p
		{
			margin: 0;
			padding: 0;
		}
				
		.wrapper-style3 h3
		{
			font-weight: 700;
			color: #474d55;
		}
		
		.wrapper-style3 row 
		{
			margin-top: 0;
			margin-left: 20px;
			padding: 0;
		}
		
	.wrapper-style4
	{
		padding: 3em;
		overflow: hidden;
		background: #F5F5F5;
		/*box-shadow: inset 0px 15px 8px -10px rgba(0,0,0,0.03), inset 0px -15px 8px -10px rgba(0,0,0,0.03);*/
		position: relative;
		background: #dae8f7;
		position: relative;
		background: url('../images/banner-contractors.jpg') top center;
		background-size: cover;
		color: #000;
		
	}
	
		.wrapper-style4 #featured header
		{
			margin-bottom: 0;
		}
		
		.wrapper-style4 header
		{
			text-align: centered;
			margin-bottom: 2em;
		}

		.wrapper-style4 header h2
		{
			margin: 0 0 .5em 0;
			padding: 0;
		}
		
		.wrapper-style4 header p
		{
			margin: 0;
			padding: 0;
			color: #000;
		}
				
		.wrapper-style4 h3
		{
			font-weight: 700;
			color: #000;
		}
		
		.wrapper-style4 row 
		{
			margin-top: 0;
			margin-left: 20px;
			padding: 0;
		}
		
		.wrapper-style4 .findContractor 
		{
			margin-top: 0;
			padding: 3em;
			min-height: 18em;
			color: #000;
		}
		.wrapper-style4 .middle 
		{
			border-left: 2px solid rgba(0, 0, 0, 0.25);
			border-right: 2px solid rgba(0, 0, 0, 0.25);
		}
		.wrapper-style4 .findContractor .zipInput {
			background-color: #eee;
			border: 1px solid #999;
			color: #999;
			font-style: italic;
			outline: medium none;
			width: 255px;
			padding: 5px;
			line-height: normal;
		}
		.wrapper-style4 .findContractor .btnSubmit {
			border: thin solid #999;
			width: 125px;
			height: 35px;
			margin-top: 10px;
			color: #000;
		}

		.wrapper-style4 .findContractor .focusField {
			border: 1px solid #333;
			background-color: #FFF;
			color: #000;	
			font-style: normal;
		}
		.wrapper-style4 .findContractor .focusField .idleField {
			border: 1px solid #999;
			background-color: #EEE;
			color: #999;	
			font-style: italic;
		}
		.wrapper-style4 .linkToPDF {
			font-size: 1.2em;
		}
		
	.wrapper-style5
	{
		padding: 3em;
		overflow: hidden;
		background: #FFF;
		position: relative;
		/*background: url('../images/banner-arkansas.jpg') top center;*/
		background-size: cover;
	}
	
		.wrapper-style5:before
		{
		}

		.wrapper-style5 header
		{
			text-align: center;
		}
		
		.wrapper-style5 h3
		{
			font-weight: 700;
			color: #474d55;
		}
		.wrapper-style5 .stateText
		{
			font-size: 1.3em;
			text-align: left;
		}
		
	/* ### STYLE6 USED IN CONTRACTOR CENTER */
	.wrapper-style6
	{
		padding: 3em;
		overflow: hidden;
		background: #FFF;
		position: relative;
		background-size: cover;
	}
	
		.wrapper-style6:before
		{
		}

		.wrapper-style6 header
		{
			text-align: left;
		}
		
		.wrapper-style6 h2
		{
			font-size: 1.8em;
			margin-top: .5em;
			margin-bottom: .5em;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		z-index: 2;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		overflow: hidden;
		text-align: center;
		color: #ffffff;
		z-index: 1;
	}
	
		#banner h2
		{
			font-weight: 700;
		}
		
		#banner p
		{
			font-weight: 300;
			/*color: #dadbdd;*/
			color: #FFF;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		position: relative;
		color: #9b9fa5;
	}
	
		#footer header
		{
		}
		
			#footer header h2
			{
				font-weight: 700;
				color: #FFFFFF;
			}

	#footer-links
	{
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
	}

		#main header
		{
		}

			#main header h2
			{
				font-weight: 700;
				color: #212121;
				/*color: #474d55;*?
			}


/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content
	{
	}

/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/
	
	#intro
	{
		overflow: hidden;
		text-align: center;
	}	
	
		#intro h3
		{
			letter-spacing: -1px;
			font-weight: 700;
			/*color: #474d55;*/
			color: #212121;
		}
		
		#intro p
		{
		}
		
		#intro .first
		{
		}

		#intro .middle
		{
		}
		
		#intro .last
		{
		}
		
		#intro .actions
		{
			overflow: hidden;
		}
		
		#intro .icon
		{
			color: #FFF;
		}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured
	{
	}
	
		#featured .row-padding
		{
		}

		#featured header
		{
		}
		
		#featured header h2
		{
			letter-spacing: -1px;
			font-weight: 700;
		}
		
		#featured header p
		{
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright 
	{
		text-align: center;
		/*color: #61666c;*/
	}
	
		#copyright span
		{
			position: relative;
			display: inline-block;
			/*background: rgba(255,255,255,0.03);*/
		}