/* Len Levine (lensonwashington.com) stylesheet */

/* General
==========================*/
body, input:focus, textarea:focus, #activity th { background:#e4ecf5; }
body { font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; }
a, h1, h2, .tab-bar .active a { color:#003c79; }
h1, h2 { font-family:Georgia, "Times New Roman", Times, serif; }
h1 { font-size:24px; line-height:1.25em; margin-top:0; }
h2 { font-size:18px; }
#login h2 { font-size:14px; }
img { border:none; max-width: 100%; display: block!important;}
label { font-weight: bold; }
* { outline:none; }
fieldset {border: 0; margin:0; padding:0;}
.diffEffective, .form .field-validation-error { color:#f00; font-style:italic; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* Notifications
==========================*/
#notifications ul, #navigation ul, #sectionNav ul, .tab-bar { list-style:none; margin:0; padding:0; }
	#notifications li { padding:10px; background:url(/Images/close.png) 99% 50% no-repeat; }
	#notifications li:hover { cursor:pointer; }
	#notifications li.warning { background-color:#fff9b8; }
	#notifications li.info { background-color:#eaf2bb; }
	#notifications li.error, .validation-summary-errors li { background-color:#f4dadb; }

/* Validation errors */
.validation-summary-errors ul { list-style:none; margin:0; padding:0; }
	.validation-summary-errors li { background:#f2dede; border:1px solid #eed3d7; color: #b94a48; margin-bottom:1em; padding:5px 10px; }
.field-validation-error { color:#b94a48; margin:-7px 0 7px 2px; }

/* Forms
==========================*/
form td { vertical-align:top; }
.form .field-validation-error { display:block; }
.form { border:1px solid; font-size:0.9em; font-weight:bold; min-width:650px; padding:5px; }
    .form h3 { background:#93b9dc; padding:2px 6px; }
    .form table { width:100%; }
    .form table, .form th, .form td { border:none; }
        .form th, .form td { padding:0; }
            td.form-label { padding:3px 5px 0 0; vertical-align:top; }
                .form input, .form select { margin-bottom:.75em; }
                .form input[type=submit], .form input[type=button] { font-size:0.9em; font-weight:bold; }
        .form tr.separator td { border-bottom:1px solid #acc0c7; font-size:12px; }
.dual-listbox select { width:312px; }
.move-right { margin-bottom:5px; }

input { padding:3px; }
select { padding:2px; }
input, select, textarea { font-size: 12px; }
#content, input[type=text], textarea, select, #login, .pagination a { border:1px solid #adcae4; }
form h2, input[type=submit], input[type=button], .button, .pagination .current { background:#003c79; }
form h2 { padding:8px; }
input[type=submit], input[type=button], .button, #navigation a, .pagination .current, form h2, .form h3 { color:#fff; }
input[type=submit], input[type=button], .button { border:none; font-weight:bold; margin-left:0; text-decoration:none; }
input[type=submit], input[type=button] { font-size:12px; padding:6px 7px 7px; }
input[type=submit]:hover, input[type=button]:hover, .button:hover { background:#000; cursor:pointer; }
.button { display:inline-block; padding:5px 7px; }
.create, .delete, .cancel { margin-bottom:1em; text-transform:uppercase; width:auto; }
.create { background:#7daa33 !important; }
.create:hover { background:#587e19 !important; }
.delete { background:#da1e25 !important; }
.delete:hover { background:#a1151a !important; }
.cancel { background:#999; }
.cancel:hover { background:#666 !important; }
td.station-label-right { width: 110px; padding-left: 15px }

/* Edit User */
#activity { border-right:1px solid #adcae4; border-top:1px solid #adcae4; }
#activity td, #activity th { border-bottom:1px solid #adcae4; border-left:1px solid #adcae4; padding:4px; }

/* Subscriber login */
#login input[type=text], #login input[type=password] { width:130px; }

/* User controls (top bar) */
#user-controls, #login, #content, .grid td, .tab-bar .active, .tab-bar .active a { background:#fff; }
#user-controls { display:block; padding:10px; }

/* Header
==========================*/
#logo { background:url(/Images/bkg-logo.gif); margin:0; }

/* Global navigation */
#navigation, #footer { padding-left:20px; }
#navigation { background:url(/Images/bkg-nav.gif); font-weight:bold; height:22px; padding-top:5px;  }
	#navigation ul { text-align:center; width:100%; }
		#navigation li { display:inline; margin-right:40px; }
			#navigation a { text-decoration:none; }
			#navigation a:hover, #footer, #footer a  { color:#adcae4; }
			
/* Main content
==========================*/
#main { margin:20px 0; min-height:1015px; }

/* Aside */
#aside { position:absolute; margin-left:20px; width:165px; }
	#aside div { margin-bottom:20px; }
#login { padding:10px; }
	#login h2 { margin-top:0; }

/* Section navigation */
#sectionNav { list-style:none; }
	#sectionNav li { margin-bottom:1px; }
	#sectionNav a, .grid th { background:#adcae4; }
	#sectionNav a { display:block; font-weight:bold; text-decoration:none; padding:10px;
	/* Transition */
	-moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; transition:background 0.5s ease; }
	#sectionNav a:hover { background:#003c79; color:#fff; }

/* Content */
#content { float:left; margin:0 20px 20px 204px; min-width:770px; padding:10px; }

#frontContent {
    float: left;
    max-width: 100%;
    width: 783px;
}
#welcome{width:783px;}
#welcome img{max-width:100% !important;}
#welcome h1{padding:20px 0 0 0;}
#homeButtons h2{padding:20px 0;}
ul.callouts{list-style-type: none; width:673px;}
ul.callouts li{float: left;}
ul.callouts img{padding: 0 40px 48px; }
#tariffFiling img{float: right; margin: 0 0 20px 20px; border: 1px solid #003066; max-width:100%;}
#optmContent img{float: right; margin: 0 0 20px 20px; border: 1px solid #003066;}
#form6 img{float: right; margin: 0 0 20px 20px; border: 1px solid #003066;}
#researchContent img{float: right; margin: 0 0 20px 20px; border: 1px solid #003066;}
ul.services{list-style-type: none;}
ul.services li{float: left; padding-right:5px;}
ul.services img{padding: 0 72px 72px 20px;}

#whatWeDoContent img{float: right; margin: 0 0 0 20px; border: 1px solid #003066;}
#whoWeAreContent img{float: right; margin: 0 0 20px 20px; border: 1px solid #003066;}
.contactContainer{width:53% !important;}
/*#contactContent{width: 100%;}*/
#contactHolder {border: 1px solid #003066; padding: 6%; background: #e2e2e2; font-size: 1.3em; }
.formInst{float:left; clear:both; width: 47%; padding: 0 3% 0 0;}
.formInst > h3{margin: 0 !important; padding: 0;}
.formInst > h4 {font-size:15px;}
a.callouts{
    background: #adcae4;
    color: #003c79;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    text-align:center;
    width: 13%;
}
a.callouts:hover{
    background:#003c79;
    color:#ffffff;
}
.formData{
    float: right;
}
a.packagercallout{
    background: #adcae4;
    color: #003c79;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    text-align:center;
    width: 50%;
}
a.packagercallout:hover{
    background:#003c79;
    color:#ffffff;
}
a.packagercallout2{
    background: #adcae4;
    color: #003c79;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    text-align:center;
    width: 12%;
}
a.packagercallout2:hover{
    background:#003c79;
    color:#ffffff;
}
a.packagercallout3{
    background: #adcae4;
    color: #003c79;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    text-align:center;
    width: 30%;
}
a.packagercallout3:hover{
    background:#003c79;
    color:#ffffff;
}

/*#homeButtons{width: 100%;}
#homeButtons ul.callouts img{
    max-width:80%;
    width:80%;
    height:auto;
}*/
/* Results Tables
==========================*/
.grid, .grid th { border-top:1px solid #aaa; }
.grid { border-collapse:collapse; border-left:1px solid #aaa; border-spacing:0; font-size:10px; line-height:normal; margin-bottom:20px; width:100%; }
    .grid a { font-weight:bold; }
    .grid th, .grid td { padding:4px; }
    .grid th, .grid td { border-right:1px solid #aaa; }
        .grid th a { background:url(/Images/sort-arrows.png) 0 50% no-repeat; display:block; padding-left:13px; }
        th.sort_asc a { background-image:url(/Images/ascending-arrow.png); }
        th.sort_desc a { background-image:url(/Images/descending-arrow.png); }
    .grid td { border-bottom:1px solid #aaa; min-width:36px; vertical-align:top; }
        .grid td ul { list-style:none; margin:0; padding:0; }
            .grid td ul li { margin-bottom:.75em; }
    .no-results { font-size:12px; font-weight:bold; }
        
/* Export to Excel */
.controls { float:right; }
	.excel { background:url(/Images/excel-icon.png) no-repeat; margin-left:10px; padding-left:18px !important; }

/* Pagination */
.pagination { margin:0 0 1em; }
.pagination a, .pagination .current, .prev, .next { margin:2px; padding:4px 8px; }
.placeholder { letter-spacing:.5em; padding:4px 0 0 4px; }
.pagination a { text-decoration:none; }
.pagination a:hover { background:#e4ecf5; }
span.prev, span.next { color:#999; }
    
/* Tabs 
==========================*/
.tabs { float:left; }
    .tab-bar { height:39px; }
        .tab-bar li, .tab { border:1px solid #003c79; }
		.tab-bar li { background:#dcebf9; border-bottom-width:0; border-color:#dcebf9; float:left; margin:0 .5em 0 0; }
            .tab-bar li a { color:#94b6d5; display:block; font-weight:bold; padding:10px 15px; text-decoration:none; }
    .tab { clear:both; padding:15px; }
        .tab-bar .active { border-color:#003c79; }
        .tab-bar .active a { position:relative; top:1px; }
                            
/* Footer
==========================*/
#footerContainer { background:#003066; clear:both; padding:5px 0; }
	#footer, #footer a { font-size:11px; }