/* VERSION 1.0
	Author: Stephanie Finken
	Contact: sfinken@wsol.com

	CONTENTS ----------

	WEBFONT EMBEDS

	PATTERNS + EXTENSIONS
		hlist
		vlist
		modules
		alerts
		extended classes

	TEMPLATE ELEMENTS
		utility
		masthead
		search
		section banner
		nav-main

	HOME PAGE ELEMENTS
		page feature/slideshow
		affiliates

	CUSTOM PAGE ELEMENTS

	TYPOGRAPHIC ELEMENTS

	LAYOUT - SMALL	  ( max-width: 800 )
	LAYOUT - HANDHELD ( max-width: 480 )

 */


/* 1. =WEBFONTS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */
	h1, h2, h3, h4, h5, .callout{
		font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;        
        font-style: normal;
        font-weight: 700;
	}

	h2{
	    font-size: 30px;
        font-weight: 300;
	}

	input[type="checkbox"] {
	     vertical-align: middle;
	}

    .search input[type="text"], 
    .account input[type="text"], 
    .account input[type="password"] {
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border: 0px solid #92a1ab;
        /*height: 18px;*/
    }

    
    .account input[type="text"].error, 
    .account input[type="password"].error {
        border: #FF0000 solid 1px;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
    }

    .account input[placeholder],
    .placeholdersjs {
        color: #033148;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    /*  textbox input placeholder styles */
    input::-webkit-input-placeholder {
        color: #033148;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input:-moz-placeholder { /* Firefox 18- */
        color: #033148;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input::-moz-placeholder {  /* Firefox 19+ */
        color: #033148;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input:-ms-input-placeholder {  
        color: #033148;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

        /*  error textbox input placeholder styles */
    input.error::-webkit-input-placeholder {
        color: #FF0000;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input.error:-moz-placeholder { /* Firefox 18- */
        color: #FF0000;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input.error::-moz-placeholder {  /* Firefox 19+ */
        color: #FF0000;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    input.error:-ms-input-placeholder {  
        color: #FF0000;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }


    input:focus {
        outline: 0;
    }

/* 1. =BASIC PATTERNS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */
/* insert padding on images within the main content area */
	.main img {  padding: 8px 16px;}
	.home .main img { padding: 0;}

/*-hlist :: horizontal list  */

	.hlist { margin: 0; padding: 0; list-style-type: none;}
	.hlist li { margin: 0; padding: 0; list-style-type: none; float: left;}
	.hlist a { float: left; display: block; text-decoration: none;}

/*-vlist :: vertical list  */

	.vlist, .vlist ul, .vlist ol { margin: 0; padding: 0; list-style-type: none;}
	.vlist li { margin: 0; padding: 0; list-style-type: none; }
	.vlist li a { display: block; text-decoration: none; padding: 3px 0;}
    
/* =extend hlists and vlist */

	.rule li {
		border-bottom: 1px solid #ccc;
		}

	ul.icon-lg img {
		float: left;
		display: inline-block;
		}

	ul.icon-lg span {
		display: inline-block;
		float: left;
		line-height: 60px;
		}

	ul.icon-lg li a{
		height: 60px;
		}

	/* image and caption styles for work area */
	.block-right-1-2, .block-right-1-3, .block-right-1-4, .block-right-1-4-border,
	.block-left-1-2, .block-left-1-3, .block-left-1-4 { display: block; font-style: italic; font-size: 11px; color: #666; line-height: 1.4em;}

	.block-right-1-2 img, .block-right-1-3 img, .block-right-1-4 img, .block-right-1-4-border img,
	.block-left-1-2 img, .block-left-1-3 img, .block-left-1-4 img { display: block; padding: 0; margin: 0 0 1em 0;}

	.block-right-1-2 span, .block-right-1-3 span, .block-right-1-4 span, .block-right-1-4-border span,
	.block-left-1-2 span, .block-left-1-3 span, .block-left-1-4 span { display: block; margin: .5em 0;}

	.block-right-1-2, .block-right-1-3, .block-right-1-4, .block-right-1-4-border { float: right; padding: 2.5% 0 2.5% 2.5%; }
	.block-left-1-2, .block-left-1-3, .block-left-1-4 { float: left; padding: 2.5% 2.5% 2.5% 0; }

	.block-right-1-2, .block-left-1-2 { width: 47.50%; }
	.block-right-1-3, .block-left-1-3  { width: 30%; }
	.block-right-1-4, .block-right-1-4-border, .block-left-1-4 { width: 22.50%; }

        /* table border change */
	.block-right-1-4-border
	{
	    margin-left: 20px;
	    border-color:#005568;
	    border-width:3px;
        BORDER-BOTTOM-STYLE: ridge;
        BORDER-RIGHT-STYLE: ridge;
        BORDER-TOP-STYLE: ridge;
        HEIGHT: 20px;
        BORDER-LEFT-STYLE: ridge;
        padding: 14px 4px 4px 14px;
    }

.ie8 .block-right-1-4-border {width:240px;}

.main .subhead {
    border-bottom: solid 1px #d1dde2;
    color: #64696b;
    font-size: 20px;
    margin-top: -5px;
    padding-bottom: 10px;
}

/* =modules ------------------------------------------------ */

	.module { margin: 1em 0;  background: #fff;}
	.mod-outer { border: 1px solid #ccc;}
	.mod-inner { padding: 10px; color: #777;}

	.ko a:link, .ko a:visited, .ko h2, .ko h5{
		color:#fff;
		text-decoration:none;
	}

	.border{
		border:1px solid #d1dde2;
	}

	.round{
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}

	.hd{
		border-bottom:3px dotted #ccc;
	}

	.fill{
		/*background:url(/core/images/ui/bg-hdside-nav.gif) repeat-x #6A9900;*/
	    background-color: #71a52c;
		color:#fff;
		border-bottom:none;
		padding:5px 9px;
	}
/* =extend classes (general) -------------------------------- */

	.shadow {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
		box-shadow: 0 0 3px #000;
		}

	.btn, a.btn, a:link.btn, a.btn:visited{
		border:none;
		padding:5px 8px;
		/*background:url(/core/images/ui/btn-bluebg.gif) repeat-x;*/
         background: #71a52c;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		/*color:#afded3;*/
        color:#fff;       
		font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-weight: 700;
		text-decoration:none;
           -webkit-appearance: none;
	}

	a.btn, a:link.btn, a.btn:visited{
		display:block;
		padding:5px 18px;
		/*text-transform:uppercase;*/
		margin:5px 0;
	}

    
	.help, a.help, a.help:visited{
		background:url(/core/images/ui/icon-help.png) no-repeat left;
		padding:5px 0 5px 32px;
	}

	.main .btn, .main a.btn, .main a:link.btn{
		width:170px;
		text-align:center;
         -webkit-appearance: none;
	}


a:hover.btn,a:visited:hover.btn {
      background: #85c446;
}

	/*a:hover.btn, a:visited:hover.btn{
		background:#004360;
		color:#CAEBE8;
	}*/

	.alert {
		background:url(/core/images/ui/bg-alert.gif) repeat-x #fef3d5;
		padding:.5em;
		margin-bottom:.75em;
		color:#df4104;
		font-weight:bold;
		-webkit-border-radius: 6px;
		-moz-border-radius: 8px;
		border-radius: 6px;
	}

		.alert p{margin:0; background:url(/core/images/ui/icon-alert.gif) no-repeat left;
			padding:10px 0 10px 54px;
			}
			.alert a{text-decoration:none;}
			.alert a:hover{text-decoration:underline;}

/* 4. =TEMPLATE ELEMENTS / PAGE COMPONENTS
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

	body { background: #fafbfb;}
	#container{
	    width: 100%;
        background: #fafbfb;
        
	}

	.pagewrap{
		/*caption-side:top;
		display:table;
		width:100%;*/
		width:100%;
		position:relative;
		/*z-index:15;*/    z-index:1;      
	}

	.smscreen-nav{display:none;}

/* =nav-utility  */

	.utility {
	    float: right;
    }

	.utility .inner{
		position:relative;
		z-index:26;
	}

	.nav-utility {
	    float: left;
        padding:6px 10px 0px 0px
	}

			.nav-utility li{
			    border-right: 1px solid #9fadb4;
			    line-height: 13px;
			}
				.nav-utility li.last {
				    border-right: none;
				}

				.nav-utility ul a:link,
				.nav-utility ul a:visited{
				    padding:3px 12px;
				    color:#9fadb4;
				    font-size:13px;
				    /*text-transform:uppercase;*/
				}

				.nav-utility ul a:hover,
				.nav-utility ul a:visited:hover,
				.nav-utility ul a:active{color:#fafbfb}

/* =masthead and branding */

	.masthead {
		background:#173c56;
		}

	.masthead .inner {
		position: relative;
		}

	.masthead .led{
		height:100%;
		z-index:10;
		display:block;
		}

	.masthead .led .image-led{
		position:absolute;
		right:5px;
		top:47px;
		max-height: 63px;
		max-width:530px;
	}

	/*.masthead .grid{
		background:url(/core/images/ui/grid-masthead.gif) repeat-x center center;
		position:absolute;
		width:100%;
		height:125px;
		z-index:15;
		left:0;
	}*/

	.mobile-app, .access {
		display: none;
		}

	.masthead .top{
		z-index:25;
        padding: 3px 0px;
	}

	a.logo {
		/*display: block;*/
	    float: left;
		/*padding:0px 0px 28px 30px;
		position:relative;*/
		z-index:20;
    }

	a.logo img {
		display: block;
		border:none;
		}


/*=search ----------------------------------------------------- */

	.search {
		float:left;
		/*padding: 8px 0 6px 4px;
		width: 253px;
		position:absolute;
		right:0;*/
		z-index:25;
		}

	input.search-field {
        background-color: #92a1ab;
        border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        -webkit-border-radius: 3px 0px 0px 3px;
        color: #033148;
        float: left;
        font-size: 13px;
        margin-right: -1px;
        padding: 11px 14px;
        width: 190px;
    }

	input.search-btn {
        background-color: #92a1ab;
        background-image: url(/core/images/rp/icon-search.png);
        background-position: center;
        background-repeat: no-repeat;
		border: none;
		border-radius: 0px 3px 3px 0px;
		-webkit-border-radius: 0px 3px 3px 0px;
		-moz-border-radius: 0px 3px 3px 0px;
		color:#afded3;
		float:left;
		font-family: 'Open Sans', "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
        font-weight: 700;
		height: 40px;
	    margin-left: -1px;
		padding: 0 8px;
		/*text-transform:uppercase;*/
	    width: 30px;
	}

	/*input.search-btn:hover {
		background:#004360;
		color:#CAEBE8;
		}*/

	.ie7 input.search-btn, .ie6 input.search-btn{padding:0;}
	.ie6 input.search-btn{font-size:12px;}

	.ie8 .search{width:240px;}
	.ie8 input.search-field{width:159px;}

/* = secton-banner ------------------------------------ */
	.section-banner {
		margin-bottom: 10px;
		}

	.section-banner img {
		display: block;
		width: 100%;
		}

	img{max-width:100%;}
/* =nav-main ------------------------------------------------ */

	.nav-main {
		z-index: 1000;
		z-index:21;

        position: absolute;
        bottom: 0;
        right: 0;
		}
			[role="navigation"] ul {
				display: table-row;
			}
				[role="navigation"] ul li {
    				display: table-cell;
				}

	.nav-main .inner {
		padding-right: 0;
		}


/* = HOME PAGE DESIGN ---------------------------------------- */
    .home .call-to-action {
        background-color: #fff;
        border: solid #d1dde2 1px;
        height: 218px;
        margin: -100px auto 30px auto;
        padding: 38px 30px 0;
        width: 880px;
    }

    .home .call-to-action .item{
        width: 210px;
    }

    .home-page-content .home-column {
        width: 45%;
        float: left;
    }

    .home-page-content .gutter {
        width: 10%;
        height: 10px;
        float: left;
    }

    .home .related.section {
        margin: 0 auto;
        padding-top: 30px;
        width: 940px;
    }

    .home-page-news > h5,
    .home-page-twitter > h5 {
        color: #282e31;
        font-size: 25px;
        line-height: 35px;
        margin: 0;
    }

    .home-page-twitter > h5 {
        margin-bottom: 10px;
    }

    .home-page-news > ul {
        list-style-type: none;
        margin: 0;
        margin-left: 0 !important;
        padding: 0;
    }

    .home-page-news > ul > li {
        border-bottom-color: #d1dde2;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        margin: 0;
        padding: 20px 0;
    }

    .home-page-news > ul > li > h6 { }

    .home-page-news > ul > li > h6 > a {
        color: #2bafa4;
        display: block;
        font-size: 20px;
        line-height: 28px;
        text-decoration: none;
    }

    .home-page-news > ul > li > h6 > a:hover {
        color: #003045;
    }

    .home-page-news > ul > li > .date-modified {
        color: #5e6c73;
        font-size: 15px;
        line-height: 21px;
    }

    .home-page-news > ul > li > .teaser {
        color: #282e31;
        font-size: 15px;
        line-height: 21px;
        padding-top: 10px;
    }

    .home-page-news > .more-news {
        padding: 30px 0;
    }

    .home-page-twitter {
        position: relative;
        min-height: 560px;
    }

    .home-page-twitter span {
        display: inline-block;
        float: left;
        /*text-transform: uppercase;*/
        font-size: 13px;
        color: #889da7;
    }

    .home-page-twitter .social {
        position: absolute;
        top: 9px;
        right: 0;
    }

    .home-page-twitter .social h5{
        color: #889da7;
        padding: 0px 8px 0px 0px;
        margin: 0px;
        float: left;
        text-transform: capitalize;
    }

    .home-page-twitter .social a{
        padding: 0 8px;
        float: left;
    }

	/*.feature{
		background:rgba(0,0,0, .3);
		-webkit-border-radius: 15px 0 0 15px;
		-moz-border-radius: 15px 0 0 15px;
		border-radius: 15px 0 0 15px;
		padding:3px 3px 0;
		position:relative;
	}*/
	/*.ie8 .feature, .ie7 .feature{background:url(/core/images/ui/bg-caption.png) repeat;}*/
   

    .home .account {
	    margin-top: 40px;
        
    }

	.account {
	    background: rgba(40, 46, 49, 0.7);
	    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2282e31', endColorstr='#b2282e31'); /* IE */
		float:left;
	    margin-top: 5px;
		padding:0 25px;
		width:200px;
	}

	.account h2 {
		color:#fff;
		font-size: 20px;
	}

	.logged-in .account h2 {
	    margin-bottom: 40px;
	}

    .account input[type="text"], .account input[type="password"] {
        padding: 16px 11px;
        width: 176px;
        display: inline-block;
    }

	.account label{color:#fff;}

    .account .form li {
		padding-bottom:16px;
		list-style:none;
        width: 200px;
    }

    .account .form li.forgot-link {
		/*padding-bottom:0px;*/
        padding-bottom:5px;
       
    }
    
    .account .form li:last-of-type {
        border-top: 2px solid #d1dde2;
        /*margin-top: 4px;*/
        padding-top: 10px;        
    }

        
    .logged-in .account .form li:last-of-type {
        border-top: none;
        /*margin-top: 4px;*/
        padding-top: inherit;        
    }

    .account *:focus {
        outline: 0;
    }

    .account.ko a:link, .ko a:visited {
        color: #a1a0a4;
        font-size: 14px;
        font-weight: 700;
        padding-bottom: 12px;
        /*text-transform: uppercase;*/
    }

    .account.ko a:hover {
        color: #fff;
    }

    .account.ko a.sign-up:link, .ko a.sign-up:visited {
        color: #ffffff;
        font-size: 14px;
    }

    .account.ko a.sign-up:hover {
        color: #2bafa4;
    }

	.account .ft{
		border-top:3px dotted rgba(204, 204, 204, .24);
		color:#fff;
		position:absolute;
		bottom:18px;
		padding-top:5px;
	}

		.arrow{
			color:#cef0f9;
			background:url(/core/images/ui/icon-arrow.png) no-repeat left 2px;
			padding-left:20px;
			}


		.logged-in .account.ko .arrow {
			color:#fff;
		    font-size: 14px;
			background:url(/core/images/rp/icon-lightning.png) no-repeat left 5px;
			padding-left:20px;
	    }


		.logged-in .account.ko .arrow a{
			color:#fff;
		    font-size: 14px;
	    }


		.logged-in .account.ko .arrow a:hover{
			color:#2bafa4;
		    font-size: 14px;
	    }


		.home .slideshow{
			float:left;
			width:620px;
		}
		.slideshow{width:100%;}

			.slide{
				line-height:0;
				position:relative;
				width:100%;
			}
				.slide img{
					width:100%;}

				.home .slide img{height:279px; }

				.slide .slide-text{
					background:url(/core/images/ui/bg-caption.png) repeat;
					color:#fff;
					/*padding:2% 2% 2% 5%;*/
					position:absolute;
					bottom:0;
					left:0;
					width:100%;
					line-height:20px;
				}
					.overlay{padding:2% 2% 2% 5%;}

					.slide-text h1, .slide-text h2{
						margin:5px 0 0;
						line-height:1.2em;
					}

					.slide-text img, .home .slide-text img{width:auto; height:auto;}

					.home .slide-text h1, .home .slide-text h2{color:#fff;}

			.pager{
				background:url(/core/images/ui/bg-pager.gif) repeat-x #a2a2a6;
				border-bottom:1px solid #818185;
			}

			.pager li{
				width:25%;
				background:url(/core/images/ui/divider-pager.gif) repeat-y right;
			}
			.ie6 .pager li{width:24%;}

			.pager li.last{background:none;}
				.pager li a, .pager li a:link, .pager li a:visited{
					font-size:11px;
					line-height:15px;
					color:#222;
					padding:12px 5%;
					width:90%;
					min-height:29px;
				}

				.pager li.selected{background-color:#fff;}

				.pager li a:hover,
				.pager li.selected a{background:#fff; color:#005568; padding-right:4%; margin-right:1%;}


/* =Footer -- */

	.footer { padding-bottom: 3em;}

	.footer .inner { padding-top: 15px; }


/* =GRID AND LAYOUT (DEFAULT)
---------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------  */

	/* general non-semantic layout conventions */

	.inner {	    
		width: 940px;
		margin: 0 auto;
		clear: both;
		}

	.last {
		margin-right: 0 !important;
		border:none !important;
		}

	.column {
		float: left;
		margin-right: 30px;
    }

	.main{
		margin-right:32px;
	}

	.home .main{margin-right:auto;}
	.home .content-wrapper{
		/*background:url(/core/images/ui/bg-noise2.gif) repeat-x #052839;*/
		width:100%;
		margin:0;
	}

	.content-wrapper {
		background: #fafbfb;
		margin: 10px auto 20px auto;
		padding-top: 10px;
		padding-bottom: 12px;
		width: 940px;
		}

    .content-section {
        border-top:solid 1px #d1dde2;
        margin-top: 40px;
        padding-top: 20px;
    }
	#content-1.column {
		width: 199px;
		/*margin-top: -60px;
		position: relative;
    	top: -55px;*/
		}

	#content-2.column {
		width: 199px;
    }

	.size1of3 {
		width: 32%;
		margin-right: 1.596%;
		float: left;
		}

	.size2of3 {
		width:63%;
		margin-right: 1.596%;
		float: left;
		}

	.size1of4 {
		width: 23.760%;
		margin-right: 1.596%;
		float: left;
		}

	.size2of4 {
		width: 47%;
		margin-right: 1.596%;
		float: left;
		}

	.size3of4 {
		width: 73%;
		margin-right: 1.596%;
		float: left;
		}

	.size4of4 {
		width: 99%;
		margin-right: 0;
		float: left;
		}

	.side-column-left #mainContent.column {
		width: 710px;
		margin-right: 0;
		padding: 0 0 0 10px;
    }

	.side-column-right #mainContent.column {
		width: 690px;
		padding: 0 10px 0 0;
		}

	.three-column #mainContent.column {
		width: 477px;
		}
	.full-width #mainContent.main{
		margin-right:0;
		width:100%;
	}



/* =PAGE COMPONENTS
-------------------------------------------------------------------- */
	.breadcrumbs {
		margin-left:0;
		padding: 0px 0 6px;
	}


		.breadcrumbs li {
			color: #777;
			/*text-transform: uppercase;*/
			font-size: 13px;
		}

			.breadcrumbs ul a:link, .breadcrumbs ul a:visited  {
				color: #2bafa4;
				text-decoration: none;
				background: url(/core/images/ui/icon-breadcrumb.png) no-repeat right;
				margin-right: 8px;
				padding: 0 14px 0 0;

			}

			.breadcrumbs ul a:hover, .breadcrumbs ul a:active {
				color: #197f76;
				text-decoration: none;
			}

    .hero .breadcrumbs{
        
		padding: 6px 0;
    }
		.hero .breadcrumbs li {
			color: #fff;
			/*text-transform: uppercase;*/
			font-size: 13px;
		}

			.hero .breadcrumbs ul a:link, 
            .hero .breadcrumbs ul a:visited  {
				color: #889da7;
				text-decoration: none;
				background: url(/core/images/rp/icon-hero-breadcrumb.png) no-repeat right;
				margin-right: 8px;
				padding: 0 14px 0 0;

			}

			.hero .breadcrumbs ul a:hover, 
            .hero .breadcrumbs ul a:active {
				color: #fff;
				text-decoration: none;
			}


	.main iframe {
		width: 100%;
	}

    /* Call to action */
    .call-to-action {
        border: solid #848485 1px;
        height: 256px;
        width: 940px;
    }

    .call-to-action .item{
        width: 225px;
        float: left;
        margin: auto;
        text-align: center;
        padding: 0 5px;
    }

    .call-to-action .item a img {
        border: none;
    }


    .call-to-action .item.one-third{
        width: 30%;
        padding: 0 1.6%;
    }

    .call-to-action a{
        text-decoration: none;
    }

    .call-to-action a.link:hover h1{
        color: #012f46;
        text-decoration: none;
    }

    .call-to-action .item h1{
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        color: #2bafa4;
    }

    .call-to-action .item a:hover h1 {
        color: #003045;
    }

     .callout-container a.link:hover h4 {
         color: #012f46;
    }

    
    .call-to-action a.link:hover h4{
        color: #012f46;
        text-decoration: none;
    }

    .call-to-action .item h4{
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        color: #2bafa4;
    }

    .call-to-action .item a:hover h4 {
        color: #003045;
    }
    
    .call-to-action .item p{
        font-size: 15px;
        line-height: 18px;
        padding: 0;
    }


    /*  Callouts  */

    .callout-container {
        margin: auto;
        margin-bottom: 30px;
        overflow: hidden;
        width: 940px;
    }

    .callout-container > div {
        margin: 0 -15px;
    }

    .callout-control {
        float: left;
        font-style: normal;
        width: 33.333%;
    }
            
    .callout-control > div {
        background-color: #fff;
        border: solid #d1dde2 1px;
        margin: 0 16px 0 17px;
    }

    .callout-control > div > a {
        display: block;
        position: relative;
        overflow: hidden;
    }

    .home .callout-control > div > a {
        height: 190px;
    }

    .callout-control > div > a > img {
        display: block;
        padding: 0; 
        width: 100%;
        position: relative;
        border: none;
    }

    .home .callout-control > div:hover > a > img,
    .home .callout-control > div > a:hover > img {
        top: -190px;
    }

    .callout-control > div > .content {
        display: table-cell;
        height: 76px; /* 28 + 28 + 20 */
        overflow: hidden;
        padding: 14px 20px 20px 20px;
        position: relative;
        vertical-align: middle;
    }

    .callout-control > div > .content > h2,
    .callout-control > div > .content > h2 a {
        color: #282e31;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px;
        margin: 0;
        text-decoration: none;
    }

    .callout-control > div > .content > h4,
    .callout-control > div > .content > h4 a {
        color: #282e31;
        font-size: 20px;
        font-style: normal;
        font-weight: 300;
        line-height: 28px;
        margin: 0;
        text-decoration: none;
    }

    .callout-control > div > .content > p {
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        margin: 0;
    }

	.callout-control > div > .footer {
        background-color: #fff;
        border-top: solid #d1dde2 1px;
        bottom: 0;
        font-size: 14px;
        line-height: 20px;
        margin-left: 18px;
	    padding: 10px 2px 18px 2px;
        width: 157px;
    }

    .callout-control > div > .footer > a {
        color: #2bafa4;
        cursor: pointer;
        font-family: "Open Sans", "Trebuchet MS";
        font-weight: 700;
        text-decoration: none;
        /*text-transform: uppercase;*/
    }

    .callout-control > div > .footer > a:hover {
        color: #003045;
    }


    /* Callouts 50%*/
    .two-column.callout-container > div {
        margin: 0 -18px;
    }
    .two-column .callout-control {
        width: 50%;
    }

    .two-column .callout-control > div {
            background-color: #fff;
            border: solid #d1dde2 1px;
            margin: 0 18px 36px 18px;
    }


    /* Callout Style 2 */

    .callout-control.style-2 > div > .content {
        height: 110px;
        vertical-align: top;
    }

    .callout-control.style-2 > div > .content > h2,
    .callout-control.style-2  > div > .content > h2 a {
        color: #2bafa4;
        font-size: 25px;
        margin-bottom: 10px;
    }

    .callout-control.style-2 > div > .content > h4,
    .callout-control.style-2  > div > .content > h4 a {
        color: #2bafa4;
        font-size: 25px;
        margin-bottom: 10px;
    }

    .callout-control.style-2 > div > .content > p {
        font-size: 15px;
        font-style: normal;
        font-weight: 300;
    }

    /* Callout Style 3 */

    .callout-control.style-3 > div > .content {
        height: 150px; /* 28 + 28 + 20 */
        vertical-align: top;
    }

    .callout-control.style-3  > div {
        background-color: inherit;
        border: none;
    }
    .callout-control.style-3  > div > a > img {
        margin: auto;
        width: auto;
    }

    .callout-control.style-3  > div > .content {
        height: 76px; /* 28 + 28 + 20 */
        padding: 0px 10px 10px 0px;
        vertical-align: top;
    }
    .callout-control.style-3 > div > .content > h4,
    .callout-control.style-3  > div > .content > h4 a {
        color: #2bafa4;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 23px;
        margin-bottom: 8px;
        text-align: left;
    }


    .callout-control.style-3 > div > .content > h4:hover,
    .callout-control.style-3  > div > .content > h4 a:hover {
        color: #012f46;
    }

    .callout-control.style-3 > div > .content > p {
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        padding: 0;
        text-align: left;
    }

    /*  IF a page has a left (nav) column, the main content is within a div named 'side-column-left'*/
    .side-column-left .callout-container {
        width: 700px;
    }

    /* Hero */

    .hero {
        background-repeat: no-repeat;
        background-position: center top; 
        height: 555px;
        width: 100%;
        overflow: hidden;
    }

   

    .hero .breadcrumbs {
        padding-top: 20px;
    }


    .hero .content-container {
        /*background-color: #345763;*/
        color: #ffffff;
        height: 100%;
        width: 940px;
        margin: auto;
    }

    .hero .content h1 {
        color: #ffffff;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        margin: 0px;      
        -ms-text-shadow: 0px 2px 2px #000000;
        -ms-text-shadow: 0px 2px 2px rgba(0,0,0,.3);
        text-shadow: 0 2px 2px #000000;
        text-shadow: 0 2px 2px rgba(0,0,0,.3);
        filter: dropshadow(color=#000000, offx=0, offy=2);
        display: block;
    }

	.hero .content p{
        font-size: 15px;
        line-height: 18px;
        padding: 0 5px;
        -ms-text-shadow: 0px 1px 1px #000000;
        -ms-text-shadow: 0px 1px 1px rgba(0,0,0,.3);
        text-shadow: 0 1px 1px #000000;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }

    .hero .content span{
         color: #ffffff;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        display:inline-block;
        padding: 0 5px;
        -ms-text-shadow: 0px 1px 1px #000000;
        -ms-text-shadow: 0px 1px 1px rgba(0,0,0,.3);
        text-shadow: 0 1px 1px #000000;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
    }
    
    .hero .content a{
       /* background-color: #71a52c;*/
      /* background-color: #1f9e93;
        border-radius: 5px;*/
        /*color:#005568;*/
        /*color: #2bafa4;*/
        color:#ffffff;
     /*color:#afddd2;*/
        display: inline-block;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        height: 30px;
        line-height: 30px;
        margin-top: 5px;
        margin-left:6px;
        padding: 0 20px 0 0;
        text-decoration:solid;
      
        -webkit-border-radius: 5px;
    }

   /* .hero .content a:hover{
        background-color: #2bafa4; 
    }*/

    .hero .content  {
        height: 100%;
        position: relative;
    }
    

    .hero .content.with-breadcrumb  {
        margin-top: -51px;
    }

    .hero .content-body {
        padding: 0 36px;
        width: 600px;
    }

    .hero .content-body.middle {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        height: 181px;
    }

    .hero .content-body.bottom{
        position: absolute;
        bottom: 30px;
    }

    .hero .content-body.top {
        padding-top: 50px;
    }

    /*.account-login {
        width: 250px;
        background-color: #333a46;
        opacity: .5;
    }*/

    .hero .account-login {
        float: left;
        height: 100%;
    }

	/* FORMS
	-------------------------------------------------------*/	
	.form {
		margin:0;
	}

    .form li {
		padding-bottom:10px;
		list-style:none;
    }

	.form label {
		display:block;
		/*text-transform:uppercase;*/
	}

    .remember {
        color:#fff;
        font-size: 14px;
        /*/text-transform: uppercase;*/
    }

	input[type="checkbox"], input[type="radio"] {
		margin-right: 0.5em; 
	}

	.form input{width:90%}

	.form li a{display:inline;}
         
	.btn-signin, .form input.btn-signin{
        background: #71a52c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        text-decoration: none;
		/*text-transform:uppercase;*/
		width:200px;
         -webkit-appearance: none;
	}


	.btn-signin:hover, .form input.btn-signin:hover{
        background: #85c446;
        
	}

    .btn:hover, .form input.btn:hover{
        background: #85c446;
	}

	.btn-signin:hover, input.btn-signin:hover{
		background:url(/core/images/ui/btn-signin-sprite.png) no-repeat bottom;
	}

     .account .form .validator {
        margin-left: -15px;
        margin-right: 4px;
        margin-left: -15px;
    }
	table.contact td, table.form td {
	    padding: 4px 2px;
	}



	/*News*/

    .news h5{
		color:#fff;
	    font-size: 15px;
	    font-weight: bold;
		/*text-transform:uppercase;*/
	}

	.news li, .news li a, .news li a:link{
        font-weight: 700;
		line-height: 15px;
    	padding-bottom: 0.75em;
		text-decoration:none;
	    /*text-transform: uppercase;*/
	}
		 .news li a:hover,  .news li a:visited:hover{
			color:#fff;
		 }

/* Related-footer
	-------------------------------------------------------*/
	.related-footer {
	    background:#133b55; 
		color: #889da7;
		font-size:13px;     
        padding:40px 0;
	}


	.related-footer .size1of3{width:35%; }

    .related-footer .social {
        position: relative
    }

    .related-footer .social h5{
        color: #889da7;
        padding: 0px 8px 0px 0px;
        margin: 0px;
        float: left;
        text-transform: capitalize;
    }

    .related-footer .social a{
        padding: 0 8px;
        float: left;
    }


    .related-footer .copyright-info {
        margin: 30px 0 0 0;        
    }

    .related-footer .footer-menu {
        display: block;
        font-weight: 700;
        margin: 18px 0 0 0;
    }

    .related-footer .footer-menu li{
        border-right: 1px solid #889da7;
        color: #889da7;
        font-weight: 700;
        line-height: normal;
        padding: 0px 8px;
    }
    

    .related-footer .footer-menu li:first-child{
        padding-left: 0px;
    }

    .footer-menu li a, .footer-menu li a:link, .footer-menu li a:visited {
        color: #889da7;
    	padding-bottom: 0px;
		text-decoration:none;
	    /*text-transform: uppercase;*/
    }

    .footer-menu li a:hover {
        color: #fff;
    }

	.bolty-pod {
		background:#005568;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		color: #f1f2f2;
		font-size:13px;
		line-height:20px;
		margin-left: 0;
		padding:10px 110px 10px 10px;
	    position: relative;
	    width: 380px;
	}
	.ie7 .bolty-pod, .ie6 .bolty-pod{position:static; padding-left:10px}
    
    .bolty-message {
        width: 450px;
    }
    .bolty-message p {
        font-size: 13px;
    }

    .bolty-message a, .bolty-message a:link, .bolty-message a:visited {
        color: #2bafa4;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        margin-top: 20px;
        text-decoration: none;
        /*text-transform: uppercase;*/
    }

    .bolty-message a:hover {
        color: #f1f2f2;
    }

	.bolty {
		background:url(/core/images/ui/bolty24.png) no-repeat;
	    background-position: center top;
		width: 100px;
		height: 155px;
		margin: -29px 18px 0 0;
		text-indent:-9999px;
		float: left;
	}

	.boltysays {
		background:url(/core/images/ui/mascot.png) center top no-repeat;
		position:absolute;
		width: 70px;
		bottom: 20px;
		right: 10px;
		padding: 37px 10px 0 0;
	}

	.ie7 .bolty, .ie6 .bolty {float:left; margin-top:-24px; margin-right:10px; position:static; }
	.ie7 .boltysays, .ie6 .boltysays {float:right; margin-top:-72px; position:static; margin-left: 280px;}

	/* Iframe
	-------------------------------------------------------*/

	.default-iframe {
		height: 800px;
	}

	body.inner-frame {
		background: #ffffff;
		border-top: none;
	}


/* =Related
--------------------------------------------------------------------- */

	#secondaryContent{
		background:url(/core/images/ui/bg-related.gif) repeat-x #d8d8d8;
	}

	.related .size2of4{
		padding:50px 2.5% 50px 0;
		font-size:12px;
	}


	.related h2, .related h4{
		margin-top:0;
	}

	.home #secondaryContent{
		background:url(/core/images/ui/bg-related-wht.gif) repeat-x #ece8e0;
	}
		.home .related .size2of4{
		    background:url(/core/images/ui/divider-related.gif) repeat-y right;
			padding:24px 2.5% 24px 0;
			font-size:14px;
		}
			.related .last, .home .related .last{background:none; padding-right:0;}

	#content-2{font-size:12px}

    .column.related h4 {
        color: #85c446;
        font-size: 15px;
        font-weight: 700;
        padding: 14px 16px;
        border-bottom: solid 1px #d1dde2;
    }
    .column.related ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .column.related ul li {
        font-size: 14px;
        color: inherit;
        border-bottom: solid 1px #d1dde2;
        list-style: none;
        padding: 14px 16px;
    }

    .column.related ul li:last-of-type {
        border-bottom: none;
    }

    
    .column.related ul li h4 {
        font-size: 14px;
        font-weight: 700;
        color: #2bafa4;
        padding: 0px;
        border-bottom: none;
    }

    .column.related ul li h4 a {
        text-decoration: none;
    }

	.related ul{margin-left:15px;}

		.related ul li{
			color:#197f76;
		}

		#content-2 .rule li a:link, #content-2 .rule li a:visited {
			text-decoration:none;
		}

	.ektronSearch{
		padding:0;
		margin:1em 0;
	}
/* =Sitemap
--------------------------------------------------------------------- */
	.sitemap li a{
		/*text-transform:uppercase;*/
		font-size:16px;
		border-bottom:1px solid #ddd;
	}
		.sitemap ul{
			margin-left:.75em;
		}
			.sitemap ul li a{
				text-transform:none;
				border-bottom:none;
				font-size:15px;
			}
			.sitemap ul ul{margin-left:1.5em;}
				.sitemap ul ul li{
					list-style-type:disc;
					color:#197f76;
					font-size:13px;
				}

					.sitemap ul ul li a{
						font-size:13px;
					}

					.sitemap ul ul ul li{
						list-style-type:circle;
					}


/* =FOOTER
--------------------------------------------------------------------- */

	.footer {
		background-color: #00141d;
	}

	.copyright, .org, .footer ul {
	    float:left; 
        margin-bottom:4px; 
        line-height:13px
	}

	.copyright {padding-right:5px;}
	.footer .org{border-right:1px solid #a3a3a6; padding-right:8px;}

	.footer ul li a{
		border-right:1px solid #a3a3a6;
		padding-right:8px;
		margin-left:8px;
		line-height:13px;

	}

	.footer h3, .footer a:link, .footer a:visited, .copyright, .org {
		color: #889da7;
		font-weight: 400;
		font-size:13px;        
	}

	.footer a:hover,
	.footer a:active{
		color:#fff;
	}

/* =GENERAL TYPOGRAPHY
---------------------------------------------------------------------*/

	body, select, input, textarea {
	  color: #282e31;
	  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-style: normal;
      font-weight: 400;
	}

    body {
        background-color: #fafbfb;
	  font-size: 15px;
	  line-height: 25px;
    }

	a:link  { color: #197f76; }
	a:visited { color: #085457; }
	a:hover { color: #012f46; }
	a:active { color: #012f46; }

   

	p {margin: .5em 0 1em;}

	.label {
		color: #000e77;
		
		}

	.error {
		padding-right: 1em;
		margin: 0;
	    padding-bottom: 5px;
        color:red;
	}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .search, .nav-main, .utility, .nav-section, .breadcrumbs, .access, .footer ul,
  .account{display:none;}
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

.float-left {
    float: left;
}
.full-height{
    height: 100%;
}


/*=========================SOME BRANDING REFRESH===========================*/

.bold {
    font-weight: 700;
}

.centered {
    text-align: center;
}

/*.container {    
    width: 90%;
    display: block;
    position: relative;
}*/

.inline {
    display: inline-block !important;
}

.no-padding {
    padding: 0px;
}

.outage-hotline {
    border-top: 1px solid #889da7;
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
    padding: 16px 0px 25px 0px;
}

.regular-text {
    color: inherit;
    font-size:inherit;
    font-style: normal;
    line-height: inherit;
}

/*  BUTTONS*/
a.button {
    background-color: #71a52c; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;    
    display: block;    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin: 16px 0px;
    padding: 16px 30px;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.inline.button {
    display: inline-block;
    margin: 0px 0px;
}

.button.small {
    font-size: 15px;
    padding: 13px 20px;
}

.button .form {
    background: url('/core/Images/ui/btn-bluebg2.gif') repeat-x scroll 0 0 transparent;
    border: medium none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #fafbfb;
    font-family: "Open Sans","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 31px;
    padding: 5px 8px 5px 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
      -webkit-appearance: none;
}

.green.button, .green.button:visited {
    background-color: #71a52c;
    color: #fff;    
}

.green.button:hover{
    background-color: #85c446;
}


.teal.button, .teal.button:visited {
    background-color: #1f9e93;
    color: #fff;    
}

.teal.button:hover{
    background-color: #2bafa4;
}

.button.report-outage {
    width: 385px;
}

/*  HEADERS */
 h2.outage-header {
    background-position: center left;
    background-repeat: no-repeat;
    padding: 5px 0;
    margin: 5px 0 10px;
    font-weight: 300;
    font-size: 30px;                                                              
}


h2.report-outage-icon {
    padding-left: 75px;
    background-image: url('/core/images/rp/icon-cloud-and-lightning.png');
}


/*  BOX */
.box {
    background-color: #fff;
    border: 1px solid #889da7;
    font-size: 14px;
    padding: 20px 30px;

}

.box.full {    
    padding: 0px ;
}

.box.no-border {    
    border: none;
}

.box h1{
    color: #003045;
    font-size: 20px;
    font-weight: 400;
}

.box h2{
    color: #282e31;
    font-size: 18px;
}

.box .has-icon {
    background-position: left;
    background-repeat: no-repeat;
    margin: 0px 0px 8px 0px;
    padding: 6px 0 0 30px;                                                                                          
}

.box img{
    margin: 0px;
}

.one-half {
    width: 47.5%;
    float:left;
    padding: 0 2.5%;
}


.one-third{
    width: 30%;
    padding: 0 2.5%;
}

.left-most{        
    padding-left: 0;
}
    
.right-most{        
    padding-right: 0;
}


/* View Full Map link*/
a.view-full-map {
    color: #1f9e93;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 16px;
    text-decoration: none;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

a.view-full-map:hover {
    color: #2bafa4;
}

/*  TIPS */
.tip {
    margin: 25px 0 20px;
    position: relative;
}

.tip .image {
    margin-right: 28px;
}

.tip .message {
    width: 338px;
}

.tip .message a {
    color: #1f9e93;
    text-decoration: none;
}


/* LIST OF LINKS */

.link-list {
    list-style-type: none;
}

.link-list li {
    margin-bottom: 35px;
}

.link-list li a, 
.link-list li a:visited, 
.link-list li a:active, 
.link a{
    color: #2bafa4;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    
}

.link-list li p,
.link p {
    font-size: 14px;
    margin: 0px auto;
    padding: 0px;
}
/*  ICONS */

.warning-icon {
    background-image: url('/core/images/rp/icon-exclamation.png');
}

.payment-extensions{
    background-image: url('/core/images/rp/icon-green-calendar.png');
}

.energy-assistance{
    background-image: url('/core/images/rp/icon-leaf-green.png');
}

.outage-tips {
    position: relative;
}

.outage-tips h3 {
    display: inline-block;
}

.outage-tips .tooltip .fa {
    color: #1f9e93;
    font-size: 20px;
    position: relative;
}

.tooltip {
    display: inline-block;
}

.tooltip .tooltip-body-wrapper {
    display: none;
    position: absolute;
    z-index: 10;
    right: 0;
    margin-top: 3px;
}

.tooltip:hover .tooltip-body-wrapper {
    display: block;
}

.tooltip .tooltip-body {
    font-size: 15px;
    background: #f7f8f8;
    border: 1px solid #d1dde2;
    -ms-border-radius: 5px;
    border-radius: 5px;
    width: 300px;
    padding: 10px 20px 5px;
}

.tooltip .tooltip-arrow {
    display: none;
    position: absolute;
    z-index: 11;
    left: 0;
    right: 0;
    margin: auto;
}

.tooltip:hover .tooltip-arrow {
    display: block;
}

.tooltip a {
    text-decoration: none;
    font-weight: bold;
}

/*Storm and Outage Styles*/
ul.outage-questions {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.outage-questions li{
    background-image: url(/core/images/rp/icon-lightning.png);
    background-repeat: no-repeat;
    background-position: 0px 5px; 
    border-bottom: 1px solid #d1dde2;
    display: block;
    margin: 15px 0;
    padding: 0 0 15px 15px;
}

.outage-questions li a,
.outage-questions li a:hover
.outage-questions li a:visited {
    text-decoration: none;
}


.outage-questions li:first-of-type{
    margin-top: 0;
}

.outage-questions li:last-of-type{
    border-bottom: 0;
    margin-bottom: 0;
}

/* Payment and Billing */

.payment-and-billing {
    color: #282e31;
    font-size: 14px;
    line-height: 20px; /* = 14px / 5 * 7 = 19.6px */
}

.payment-and-billing a {
    text-decoration: none;
}

.payment-and-billing h2 {
    color: #71a52c;
    font-size: 30px;
    font-weight: 500;
    line-height: 42px; /* = 30px / 5 * 7 */
}

.payment-and-billing h3 {
    color: #003F5E;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px; /* = 20px / 5 * 7 */
}

.payment-and-billing h4, 
.payment-and-billing h4 > a {
    color: #2BAFA4;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; /* = 20px / 5 * 7 */
}

.payment-and-billing h5 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px; /* = 20px / 5 * 7 */
}

.payment-and-billing h4 > a:hover {
    color: #012f46;
}

.payment-and-billing img {
    border-width: 0;
}

.payment-and-billing .call-to-action {
    border: none;
    height: 200px;
}

.payment-and-billing > .payment-assistance {
    background-color: #fff;
    border: 1px solid #D1DDE2;
    margin: 30px 0;
    padding: 29px;
}

.payment-and-billing > .payment-assistance > h2 {
    margin: 0;
    padding: 0;
}

.payment-and-billing > .payment-assistance > .options {
    margin: 0 -15px;
    margin-top: 30px;
    overflow: hidden;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap {
    float: left;
    width: 50%;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option {
    padding: 0 15px;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option > h4 {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option > h4 > a {
    display: inline-block;
    text-decoration: none;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option > h4 > a > img {
    display: inline-block;
    padding: 0;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option > h4 > a > span {
    display: inline-block;
    margin-left: 4px;
}

.payment-and-billing > .payment-assistance > .options > .option-wrap > .option > p {
    margin: 8px 0;
}

.payment-and-billing > .utility-links {
    margin: 30px -15px;
    overflow: hidden;
}

.payment-and-billing > .utility-links > .left {
    float: left;
    width: 50%;
}

.payment-and-billing > .utility-links > .left > div {
    padding: 0 15px;
}

.payment-and-billing > .utility-links > .left > div > img {
    display: block;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: auto;
}

.payment-and-billing > .utility-links > .right {
    float: left;
    width: 50%;
}

.payment-and-billing > .utility-links > .right > div {
    padding: 0 15px;
}

.payment-and-billing > .utility-links > .right > div > ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.payment-and-billing > .utility-links > .right > div > ul > li {
    display: block;
    list-style-type: none;
    margin: 0;
    margin-top: 30px;
    padding: 0;
}

.payment-and-billing > .utility-links > .right > div > ul > li > h4 {
    margin: 0;
    margin-bottom: 8px;
}

.payment-and-billing > .utility-links > .right > div > ul > li > p {
    margin: 0;
    margin-bottom: 8px;
}

/* FAQ Accordion */

.faq-accordion { }

.faq-accordion > .toggle-all {
    margin: 15px 0;
}

.faq-accordion > .toggle-all > a {
    color: #1f9e93;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px; /* 14px / 5 * 7 = 19.6px */
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.faq-accordion > section { 
    border-bottom: 1px solid #d1dde2;
}

.faq-accordion > section > header {
    cursor: pointer;
    font-size: 16px;
    line-height: 22px; /* 16px / 5 * 7 = 22.4px */
    padding: 15px 0;
    padding-left: 30px;
    position: relative;
}

.faq-accordion > section > header > i {
    display: block;
    font-size: 16px;
    left: 0;
    line-height: 22px; /* 16px / 5 * 7 = 22.4px */
    position: absolute;
    top: 15px;
}

.faq-accordion > section > header > .fa-minus-circle {
    display: none;
}

.faq-accordion > section > header > .fa-plus-circle {
    color: #5e6c73;
    display: block;
}

.faq-accordion > section > div {
    display: none;
    font-size: 15px;
    line-height: 21px;
    padding-left: 30px;
}

.faq-accordion > section > div li, 
.faq-accordion > section > div p {
    margin: 0;
    margin-bottom: 15px;
}

.faq-accordion > section.active { }

.faq-accordion > section.active > header {
    font-weight: 600;
}

.faq-accordion > section.active > header > .fa-minus-circle {
    display: block;
}

.faq-accordion > section.active > header > .fa-plus-circle {
    display: none;
}

.faq-accordion > section.active > div {
}


/* Environment */

.environment {}

.environment h2 {
    color: #003F5E;
    font-size: 20px;
    font-weight: 700;
    margin: 1em 0 .818em 0;
}

.environment h3 {
    color: #2BAFA4;
    font-size: 25px;
    font-weight: 300;
    line-height: 28px;
    margin: 0;
    margin-bottom: 10px;
}

.environment h3 > a {
    color: #2BAFA4;
    text-decoration: none;
}

.environment h3 > a:hover {
    color: #012f46;
}

.environment .introduction {
    margin-bottom: 40px;
}

/* POWER TOOLS *********************************************/
.power-tools #content-1.column {
    width: 355px;
}

.power-tools .main {
    width: 540px;
    margin-right: 0;
	padding: 0 0 0 10px;
}

.power-tools .power-tools-header {
    margin-top: 20px;
    margin-bottom: 30px;
    overflow: hidden;
}

.power-tools .power-tools-header img {
    float: left;
}

.power-tools .power-tools-header .intro {
    float: left;
    width: 700px;
    margin-left: 40px;
}

.power-tools .power-tools-header .intro span {
    font-size: 20px;
}

.power-tools .nav-item {
    display: block;
}

.power-tools .nav-item {
    height: 65px;
    position: relative;
    margin-bottom: 10px;
}

.power-tools .nav-item a {
    display: table;
    height: 100%;
    padding-left: 20px;
    text-decoration: none;
}

.power-tools .nav-item img {
    width: 60px;
    height: 60px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border: none;
}

.power-tools .nav-item span {
    position: relative;
    left: 93px;
    font-size: 20px;
    width: 180px;
    display: table-cell;
    vertical-align: middle;
}

.power-tools .nav-item.is-selected {
    background: url('/images/power-tools-arrow.png') no-repeat;
}

.power-tools .nav-item.is-selected .inactive-icon {
    display: none;
}

.power-tools .nav-item.not-selected .active-icon {
    display: none;
}

.power-tools .nav-item.not-selected a:hover .inactive-icon {
    display: none;
}

.power-tools .nav-item.not-selected a:hover .active-icon {
    display: inline-block;
}

.power-tools-nav ul{
  display: none;
}

h1.power-tools {
        color:#003f5e;
    }

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

    .logged-in .account.ko .arrow a{
			color:#2ba4a4;
		    font-size: 14px;
	    }

    .main img {  padding: 0px 0px;}

  .power-tools-nav ul{
    display: block;
  }
  .power-tools .main {
    margin-top: 20px;
  }
  .power-tools .pagewrap{
    background-color: #fff;
    padding-left: 10px;
    padding-right: 15px;
  }
  .power-tools #content-1.column {
      width: 100%;
  }
  .power-tools .power-tools-header {
    margin-bottom: 15px;
  }
  .power-tools .power-tools-header:before, .power-tools .power-tools-header:after {
    display: table;
    content: '';
  }
  .power-tools h1{
    font-size: 1.1rem;
  }

  .power-tools h2{
    font-size: 0.9rem;
  }

  .power-tools h4{
    font-size: 0.85rem;
  }
  .power-tools .power-tools-header img{
    display: block;
    height: auto;
    max-width: 30%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
  }
  .power-tools .power-tools-header .intro{
    width: 55%;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    margin-left: 0;
  }

  .power-tools .power-tools-header .intro span {
    font-size: 0.7rem;
  }
  .power-tools .power-tools-header .intro p, .power-tools .power-tools-header .intro hr  {
    display: none;
  }
  .power-tools-nav{
    min-width: 320px;
  }
  .power-tools-nav ul {
    width: 100%;
    text-align: left;
    display: block;
    margin: 0;
    list-style: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }
  .power-tools-nav ul li {
    width: 100%;
    font: bold 16px/18px Open Sans;
    display: inline-block;
    margin-right: -4px;
    background: #fff;
    cursor: pointer;
    max-width: 700px;
  }
  .power-tools-nav ul li:hover {
    background: #fff;
  /*  color: #fff;*/
  }
  .power-tools-nav ul li ul {
    width: 100%;
    padding: 0;
    max-width: 700px;
    min-width: 320px;
    z-index: 9999;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
  }
  .power-tools-nav ul li ul li { 
    background: #fff; 
    display: block; 
    color: #fff;
  }
  .power-tools-nav ul li ul li a{ 
    display: block;
    overflow: hidden;
    padding: 15px;
    background-color: #FFF;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    color: #197f76;
  }
  .power-tools-nav ul li ul li a div {
	display: table;
  }
  .power-tools-nav ul li ul li img {
  	height: 60px;
  	width: auto;
    min-width: 60px;
    margin-right: 15px;
    display: table-cell;
    vertical-align: middle;
  }
  .power-tools-nav ul li ul li span{ 
    color: #197f76;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.5em;
    font-size: 14px;
  }
  .power-tools-nav ul li ul li:hover { 
    background: #fff; 
    color: #fff !important;
  }
  .power-tools-nav .tool-text {
      /*color: #197f76;*/
      color:#fff;
      background-color:#71a52c;
      display: block;
      padding: 15px;
  }

  .power-tools-nav span i {
    /*color: #197f76;*/
    color:#fff;
    font-size:1.4em;
    float: right;
    /*padding-right: 30px;*/
  }
  .power-tools-nav .nav-item{
    display: none;
  } 

  /*
  *Drop Down Styling
   */
  .tool-items > li {
    border-top: 2px solid #197f76;
  }
  .tool-items:last-child{
    border-bottom: 2px solid #197f76;
  }

    h1.power-tools {
        color:#003f5e;
    }
}

@media only screen and (max-width: 600px) {
    .main .btn, .main a.btn, .main a:link.btn {
        /*Adds line break so that buttons won't stack up*/
        display:block;
    }

    
}

@media screen and (max-width: 768px) {
    .side-column-left #mainContent.column {
		width: 550px;
		margin-right: 0;
		padding: 0 20px 0 0px;
    }
    .module
    {
        margin-left:10px;
        margin-right:0;
    }
}