@charset "utf-8";
/* CSS Document */
/* CSS Document */
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php 
 *
 * Revision: $Id: basic_ie.css 238 2010-03-11 05:56:57Z emartin24 $
 * 
 */
  
/* IE 6 hacks */
#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/cms/x.png',sizingMethod='scale');}

#basic-modal-content {display:none;}
#login-modal-content {display:none;} 

/* Overlay */
#simplemodal-overlay {background-col:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#FFFFFF; border:4px solid #444; padding:2px;}
#simplemodal-container .simplemodal-data {padding:2px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:2px 2px 2px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(/assets/cms/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}


body {
	font:12px Arial, Helvetica, sans-serif;
	font-smooth:always;
	

-webkit-font-smoothing: antialiased;}
	
img {border:none;}

h1 {
	font-size:28px; color:#002F87; font-weight:normal;margin:0;padding:0;}
/*----------------BUTTONS----------------*/

div.button-holder { /*Provides margin space around button/button options */
	margin:10px 0 35px 0; display:block;height:28px;}

a.button {
	height:28px;display:block;position: relative;line-height:28px;text-decoration: none;color:#002F87;background-color: #EBEBEB; border-radius:6px; padding-right:10px; margin-bottom:3px;font-weight:normal;}

a.button span {
	background: url(/assets/cms/livesmart/landing/arw_blue_closed.png) no-repeat right;background-color: #EBEBEB;border-radius:6px; display:block; line-height:18px; padding:5px 25px 5px 10px;}

a.button:active, a.button span:active {
	background-color: #CCCCCC;}

a.buttonLeft {
	height:28px;display:block;position: relative;line-height:28px;text-decoration: none;color:#002F87;background-color: #EBEBEB; border-radius:6px; padding-left:10px; margin-bottom:3px;font-weight:normal;}

a.buttonLeft span {
	background: url(/assets/cms/livesmart/landing/arw_blue_left.png) no-repeat left;background-color: #EBEBEB;border-radius:6px; display:block; line-height:18px; padding:5px 10px 5px 25px;}

a.buttonLeft:active, a.button span:active {
	background-color: #CCCCCC;}	
	
.button-options {
	clear:both;display:block;}
	
a.button-option {/*Minor options underneath button*/
	font-size:10px; padding-right:10px;}

/*----------------END BUTTONS----------------*/
/*--------------GLOBAL TOP--------------*/



.global-top {
	width:100%;background:#FFFFFF;margin:0;padding:0;}

.global-top .header {
	width:960px;height:70px;margin:0px auto 0 auto;position:relative;display:block;}

.global-top .header #logo {
	float:left; position:relative; display:block;}

.global-top .header .top-options {
	width:670px;float:right;position:relative;display:block;margin-top:10px; text-align:right;}

.global-top .header .top-options ul {
	list-style:none;padding:0;margin:0;font-size:11px;color:#666666;}

.global-top .header .top-options ul li {
    margin:8px 0 0 10px; float:left; padding-left:10px;border-left:1px solid #CCCCCC;}

.global-top .header .top-options ul li.no-border {
	border:none;}

.global-top .header .top-options ul li a {
	color:#666666; text-decoration:none;}

.global-top .header .top-options ul li a:hover {
	text-decoration:underline;}

.global-top .header .top-options ul li a.twitter {
	background:url(/assets/cms/livesmart/header/twitter_icon_small.png) no-repeat center; display:block; width:25px; position:relative;height:20px; top:-3px;}

.global-top .header .top-options ul li a.youtube {
    background:url(/assets/cms/livesmart/header/youtube_icon.png) no-repeat center; display:block; width:44px; position:relative;height:20px; top:-3px;}

.global-top .header .top-options #search {
	width:207px;height:20px;float:right; border:1px solid #CCCCCC; border-right:none;-webkit-border-radius:6px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;font-size:11px; color:#666666; margin-right:0px;line-height:20px;}


/*--------------TOP NAV--------------*/

.global-top .top-nav
	{
		width:980px;
		height:30px;
		margin:0 auto;
		background:#FFFFFF;
		display:block;
	}

.global-top .top-nav ul
	{
		width:980px;
		height:30px;
		display:block;
		list-style:none;
		font-size:11px;
		color:#002F87;
		text-align:center;
		margin:0;
		padding:0;
	}

.global-top .top-nav ul li
	{
		float:left;
		width:114px;
		height:30x;
		border-left:
		1px solid #CCCCCC;
	}

.global-top .top-nav li
	{
		position:relative;
	}


.global-top .top-nav ul li#home, .global-top .top-nav ul li#home a
	{
		width:50px;
		border-left:none;
		border-top-left-radius:9px;
		}

.global-top .top-nav ul li#home span
	{ /*Home button icon*/
		background:url(/assets/cms/livesmart/navigation/topnav_home_icon.png) no-repeat center center;
		display:block;
		width:50px;
		height:30px;
		}

.global-top .top-nav ul li#mma, .global-top .top-nav ul li#mma a
	{
		width:240px;
		border-left:none;
		text-align:left;
		background:url(/assets/cms/livesmart/navigation/topnav_mma_bg_closed.png) no-repeat;
		color:#FFFFFF;
	}

.global-top .top-nav ul li#mma a
	{
		padding-left:15px;
	}

.global-top .top-nav ul li a
	{
		width:114px;
		height:30px;
		position:relative;
		display:block;
		background:url(/assets/cms/livesmart/navigation/topnav_btn_gradient.png) repeat-x;
		background-color:#EBEBEB;
		line-height:30px;
		text-decoration:none;
		color:#002F87;
	}

.global-top .top-nav ul li a:hover
	{
		background-color:#666666;
		
	}

.global-top .top-nav li a:hover
	{
		background-color:#666666;
		
	}
	
	
/*REGULAR BUTTON MENUS*/
/*level one*/

.global-top .top-nav ul.submenu1
	{
		font:11px Arial, Helvetica, sans-serif;font-smooth:always;
		float:none;
		display:block;
		position:absolute;
		width:auto;
		border:none;
		z-index:1000;
		top: 30px;
		left: -99999em;
	}


.global-top .top-nav ul.submenu1 li
	{
		float:none;
		background:#CCCCCC;
		color:#002F87;
		width:175px;
	}

/*.global-top .top-nav li:hover ul
	{
		left:-1px;

	}*/


.global-top .top-nav ul.submenu1 li a
	{
		display:block;
		position:relative;
		no-repeat;
		height:30px;
		width:auto;
		z-index:1000;
		background:#EBEBEB;
		border-bottom:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		color:#666666;
		text-align:left;
		padding:0px 10px;
		white-space: nowrap;
	}

.global-top .top-nav ul.submenu1 li a:hover
	{
	background:#CCCCCC;
	color:#002F87;
	}


/*level two*/
.global-top ul.submenu2 li ul li ul li {
	display:block;position:relative;width:100%;z-index:1000; top:-30px; left:100%; border-left:1px solid #CCC;}


.global-top .top-nav ul.submenu2
	{
		font:11px Arial, Helvetica, sans-serif;font-smooth:always;
		float:none;
		display:block;
		position:absolute;
		width:auto;
		border:none;
		z-index:1000;
		top: 30px;
		left: -99999em;
	}


.global-top .top-nav ul.submenu2 li
	{
		float:none;
		background:#CCCCCC;
		color:#002F87;
		width:auto;
	}

/*.global-top .submenu1 li:hover ul
	{
		left:-1px;

	}*/


.global-top .top-nav ul.submenu2 li a
	{
		display:block;
		position:relative;
		no-repeat;
		height:30px;
		width:auto;
		z-index:1000;
		background:#EBEBEB;
		border-bottom:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		color:#666666;
		text-align:left;
		padding:0px 10px;
		white-space: nowrap;
	}

.global-top .top-nav ul.submenu2 li a:hover
	{
	background:#CCCCCC;
	color:#002F87;
	}






/*END REGULAR BUTTON MENUS*/

/*MMA EXPAND*/
.global-top .top-nav ul li#mma ul li {
	display:block;position:relative;background: url(/assets/cms/livesmart/navigation/topnav_mma_bg_open+closed.png) no-repeat; height:191px;width:240px;border:none;z-index:1000; top:0px; border-bottom:none;}
	
.global-top .top-nav ul li#mma ul li a,.global-top .top-nav ul li#mma ul li a:active {
	border:none;font-weight:normal;}
	
/*"login to view your account"*/
.global-top .top-nav ul li#mma ul li .mma-title {
	display:block; position:relative;font-size:14px; color:#FFF; margin:10px 0 10px 20px; font-weight:bold; text-align:left;}

/*username/password fields*/
.global-top .top-nav ul li#mma ul li .panel {
	width: 200px; margin: 6px auto 0 auto; text-align: left; color: white; }

.global-top .top-nav ul li#mma ul li .text {
	width: 200px; margin: 3px auto 0 auto; display:block; height:20px; color:#666666; font-size:11px; position:relative; border:none; }

.global-top .top-nav ul li#mma ul li .checkbox {
	position: relative; top: -1px; vertical-align: middle; margin: 0; padding: 0;}

/*checkbox field*/
.global-top .top-nav ul li#mma ul li input#checkbox {
	width:20px; margin:5px 0 0 20px;display:block; height:20px;position:relative; float:left;}
	
/*checkbox label*/
.global-top .top-nav ul li#mma ul li span#checkbox {
	width:150px;font-size:10px; color:#FFFFFF;display:block; position:relative; margin:0; float:left; height:25px; line-height:25px; text-align:left;}


/*login button*/
.global-top .top-nav ul li#mma ul li a.login-button {
    display:block;position:relative; width:70px; height:35px; line-height:35px; text-decoration:none; margin:0 0 0 20px; font-size:14px; font-weight:normal; float:left; padding:0; text-align:center; background-image:url(/assets/cms/livesmart/landing/btn-gradient-light.png); background-repeat:repeat-x; background-color:#CCCCCC; color:#002F87; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0     rgba(0, 0, 0, .25);text-shadow: 0 1px 1px rgba(0, 0, 0, .2);}

.global-top .top-nav ul li#mma ul li a.login-button span {
background:none; border-radius:4px; display:block; line-height:35px; padding:0; margin:0;}

.global-top .top-nav ul li#mma ul li a.login-button:hover > span {
    display:block; padding-top:1px;}

.global-top .top-nav ul li#mma ul li a.login-button:hover {
background-color: #AAA; color:#002171;}

.global-top .top-nav ul li#mma ul li a.login-button:active {
background-color: #777; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25); color:#002171;}

#mmaForm input#username, #mmaForm input#password {
    width:190px; height:25px; margin-bottom:5px; font-size:12px; padding:0 5px;}

/*"forget password? Register Now"*/
.global-top .top-nav ul li#mma ul li a.login-button-options {
    width:90px;height:15px; line-height:17px;display:block;position:relative;color:#FFFFFF; font-weight:normal; font-size:10px; background:none; float:left; margin:0 0 0 20px;     padding:0 10px; text-decoration:underline; border-left:1px solid #CCC;}


	
/*END MMA EXPAND*/
/*----END DROP DOWN MENUS----*/

/*--------------END TOP NAV--------------*/

.global-top .divider {
	width:100%; height:5px; background:#CCCCCC; display:block;position:relative; margin:0; padding:0;}

/*--------------END GLOBAL TOP--------------*/

/*--------------GLOBAL BOTTOM--------------*/
.global-bottom {
	width:100%;height:275px; background-color:#CDE2FF;display:block;margin:0;padding:0;}
	
.global-bottom .divider {
	width:100%; height:5px; background:#CCCCCC; display:block;position:relative; margin:0; padding:0;}
	
.global-bottom .footer  {
	width:980px; margin:20px auto 40px auto; display:block;position:relative; font-size:10px; color:#666666; background-color:#CDE2FF;}
	
.global-bottom .footer .column {
	width:163px; float:left; display:block;position:relative; font-size:10px; color:#666666;}
	
.global-bottom .footer .column a {
	width:95%;display:block;padding-bottom:2px;color:#666666; text-decoration:none;}
	
.global-bottom .footer .column a:hover {
	text-decoration:underline;}

.global-bottom .footer .column a.title {
	font-weight:bold;}
			
.global-bottom .copyright .column {
	width:600px; float:left; display:block;position:relative; font-size:10px; color:#666666; font-weight:bold;}
	
.global-bottom .copyright .column a {
	width:95%;display:block;padding-bottom:2px;color:#666666; text-decoration:none;}
	
.global-bottom .copyright .column a:hover {
	text-decoration:underline;}

	
/*--------------END GLOBAL BOTTOM--------------*/

.snippet  {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#FFFFFF;
	text-decoration: none;
	}

.modalWindow
{
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}

.toggleSign
{
	float:left;
	margin-top:-3px;
	margin-left:2px;
	position:absolute;
	z-index:10;
}



.greenbar  /* The is a thin green line under bolded text used as the title on some pages. */
{
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CDE2FF;		
}


.graybar  /* This is a thin gray line under bolded text used as the title on some pages. */
{
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #EBEBEB;		
}

#pendingrequest {
	color:#038948;
	font-weight:bold;
}

.snippet  {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
	color:#FFFFFF;
	text-decoration: none;
	}
	
.ccenergize  {
	font:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000000;
	margin-left:12px;
	margin-top:85px;
	margin-right:20px;
	margin-bottom:35px;
}

.energizecallout {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#5c8727;
	margin-left:5px;
	margin-right:5px;
}

.energizecallout li {
	font:Verdana, Geneva, sans-serif;
	font-size:10px;;
	color:#000000;
	list-style-type:disc;
	padding:0px 0px 5px 0px;
	margin-top:3px;
	margin-left:30px;
	background-color:transparent;
}

.splitfix ul  {
	margin-top:0px;
	padding:0px 0px 0px 0px;
}

#green  {
	color:#5c8727;
	font-weight:bold;
}
	
.mtvernon	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:159px;
	margin-left:34px;
	}

.northwest	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:147px;
	margin-left:156px;
	z-index:10;
	}

.west	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:154px;
	margin-left:147px;
	}

.southwest	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:225px;
	margin-left:184px;
	}

.southeast	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:251px;
	margin-left:233px;
	}

.southoflloyd	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:220px;
	margin-left:232px;
	}

.northoflloyd	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:196px;
	margin-left:233px;
	}

.northeast	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:146px;
	margin-left:234px;
	}

.ftbranch	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:59px;
	margin-left:190px;
	}

.newburgh	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:214px;
	margin-left:285px;
	}

.boonville	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:111px;
	margin-left:301px;
	}

.hatfield	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:252px;
	margin-left:337px;
	}

.rockport	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:216px;
	margin-left:406px;
	}

.dale	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:83px;
	margin-left:398px;
	}

.winslow	/* The this formats the position of the transparent color overlay of the territory on the outage map. */
{
	position:absolute;
	margin-top:16px;
	margin-left:329px;
	}

.error{
color:#FF0000;
font-size:13px;
font-weight:bold;
margin-top:0;  /*this necessary so that NEITHER firefox NOR ie add extra space when the error doesn't show!!!!  */
}	

table.results{
border-collapse: collapse;
}
th.results{
border: 1px solid #6699cc;
font-size:12px;
text-align:center;
color:#000000;
background-color:#dee9f5;
padding-top:3px;
padding-bottom:3px;
}
tr.resultsAlternate{
background-color:#dee9f5;
}
tr.resultsAlternate2{
background-color:#ffffff;
}
td.results{
font-family:Helvetica,Arial,sans-serif;
font-size:11px;
text-align:left;
color:#000000;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}
#requiredfield{
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #cc0000;
}


/*styles for select state modal */
/*input button (modal)*/
input.standard-button {
    display:block; height:40px; line-height:40px; color:#FFF; text-decoration:none; padding:0 25px; text-align:center; font-size:16px; clear:none; margin-right:20px; -moz-border-  radius:8px; -webkit-border-radius:8px; border-radius:8px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); text-shadow: 0 1px  1px rgba(0, 0, 0, .3);}

input.standard-button:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .25);}

input.standard-button.btn-blue {
    background-image:url(/assets/cms/livesmart/landing/btn-gradient-blue.png); background-repeat: repeat-x; background-color:#32589E;}

input.standard-button:hover > span {
    display:block; padding-top:1px;}

input.standard-button.btn-blue:hover {
    background-color:#002F87; color:#FFFFFF;}

input.standard-button.btn-blue:active {
    background-color:#002171; color:#FFFFFF;}
/*end input button (modal)*/

.ss-modal {
    margin:0 auto; width:400px; height:120px; border:none; vertical-align:top; background:#FFF; padding:40px; font-family:Arial, Helvetica, sans-serif; text-align:left; -moz-      border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}

.ss-modal .ss-modal-header {
    margin-bottom:10px;}

.ss-modal .ss-modal-body {
    padding:10px 0;}

.ss-modal .ss-modal-input-grouping {
    display:block; width:45%; margin:0; padding:0; float:left; clear:none;}

.ss-modal .ss-modal-select {
    display:block; clear:both; margin-top:30px; width:100%; padding:20px 0 0;}
/*END....STYLES FOR SELECT STATE MODAL --- ADD TO STYLES_GLOBAL.CSS */


