@charset "utf-8";

/* ------------ RESET ------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td { margin:0;	padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
body { line-height:inherit }
ol, ul { list-style:none }
blockquote, q {	quotes:none  }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }
table { border-collapse:collapse; border-spacing:0 }

/* ------------ MAIN ------------ */

body { background:url(../../img/glacialenergy/body_fill_small.jpg) left top repeat-x; font:normal 12px/16px Arial, Helvetica, sans-serif }
/*body { background-image:url(../../img/glacialenergy/fill_bg.png); background-repeat: repeat-x; background-position:{if $request!='home'} 0px -474px; {else} -1px -1px; {/if} font:normal 12px/16px Arial, Helvetica, sans-serif } */
body h1 { font:bold 26px/24px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#00407B; border-bottom:1px solid #DADCDF; padding:0 0 8px 0; margin-bottom:15px }
body h2 { font:normal 18px/20px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#FF9117; border-bottom:1px solid #DADCDF; padding:0 0 8px 0; margin-bottom:15px }
body h3 { font:normal 16px/20px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#00407B; border-bottom:1px solid #DADCDF; padding:0 0 8px 0; margin-bottom:15px }
body h4 { font:normal 14px/20px Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#999999; padding-bottom:5px;}
body .green { color:#6D7A23 }
body .orange { color:#FF9F35 ;}
body .blue { color:#00407B; }
body .black { color:#000; }
body .grey { color:#999; }
a:hover { color:#FFFF99 !important }
a.button:hover strong { color:#FFFF99 !important }

a.button { overflow:hidden; height:32px; float:left; background:url(../../img/glacialenergy/button_right.jpg) right top no-repeat; padding-right:18px; text-decoration:none }
a.button strong { overflow:hidden; height:32px; float:left; padding:6px 20px 10px; font-weight:normal; background:url(../../img/glacialenergy/button.jpg) left top repeat-x; color:#FFF }

a.blue { background-position: right 0px !important;  }
a.blue strong { background-position: 0px 0px !important; }
a.green { background-position: right -32px !important; }
a.green strong { background-position: 0px -32px !important; }
a.orange { background-position: right -64px !important; }
a.orange strong { background-position: 0px -64px !important; }


blockquote { /*background:url(../../img/glacialenergy/blockquote.jpg) left top no-repeat;*/ padding:10px 20px 15px }
a.logo { position:absolute; margin-left:-75px; z-index: 3; }

div#navigation { overflow:hidden; height:120px; width:960px; margin:0 auto; z-index:2; }
div#header { width:960px; margin:-20px auto 40px; z-index:1 }

div#header_small { width:960px; height:240px; margin:-20px auto 40px; z-index:1; background:url(../../img/glacialenergy/header_small.jpg) center no-repeat; }
div.header_small_layout { margin-left:508px; padding:20px; padding-top:68px; padding-bottom:5px; width:410px; height:105px; }
div.header_small_layout h2 { font-size:26px; color:#00407B; margin:0; margin-bottom:15px; padding:0; letter-spacing:0; border:none; }
div.header_small_layout div { font-size:12px; color:#000000; text-align:justify; }

.contacts div#header_small { background-image:url(../../img/glacialenergy/header_small_custserv.jpg); }
.contacts div#header_small div.header_small_layout { padding-left: 40px; padding-top:78px; margin-left: 0px; width:auto; }
.contacts div#header_small div.header_small_layout div { font-size:17px; }
.products_services div#header_small { background-image:url(../../img/glacialenergy/header_small_energy.jpg); }
.business_center div#header_small { background-image:url(../../img/glacialenergy/header_small_business.jpg); }
.about_glacial div#header_small { background-image:url(../../img/glacialenergy/header_small_aboutus.jpg); }
.glacial_energy_cares div#header_small { background-image:url(../../img/glacialenergy/header_small_glacial_cares.jpg); }
.glacial_energy_green div#header_small { background-image:url(../../img/glacialenergy/header_small_glacial_green.jpg); }

div#header_big { width:960px; height:350px; margin:-20px auto 40px; z-index:1;  /*background:url(../../img/glacialenergy/main_header3.jpg)  top no-repeat; */  }
#cphome div#header_big { width:960px; height:500px; margin:-20px auto 40px; z-index:1;  background:url(../../img/glacialenergy/cp_header_main.jpg)  top no-repeat;   }

div.header_big_layout { /*margin-left:686px; padding-top:310px; width:270px; height:40px;*/ position:relative; }
div.header_big_layout div.fadebox { position: absolute; height: 350px; width: 960px;}
div.header_big_layout div.fadebox h1 { font-family: Arial,Helvetica, sans-serif; font-weight: 500; font-size: 27px; border:0; color:#FFF; letter-spacing: 0.5px;padding: 80px 15px 0 15px;}
div.header_big_layout div.fadebox p { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color:#000; line-height: 22px;}
div.header_big_layout div.fadebox p span { color: #003979; font-size: 24px; display:block; padding-bottom: 7px; }

div.header_big_layout div#box-1 {background:url(../../img/glacialenergy/main_header1.jpg) top no-repeat;}
div.header_big_layout div#box-1 h1 { text-align:center; }
div.header_big_layout div#box-1 p { padding: 40px 15px 0 525px;}

div.header_big_layout div#box-2 {background:url(../../img/glacialenergy/main_header2.jpg) top no-repeat;}
div.header_big_layout div#box-2 h1 { text-align:center; }
div.header_big_layout div#box-2 p { padding: 40px 15px 0 525px; }

div.header_big_layout div#box-3 {background:url(../../img/glacialenergy/main_header3.jpg) top no-repeat;}
div.header_big_layout div#box-3 p { padding: 55px 0 0 15px; }

div.header_big_layout div#box-4 {background:url(../../img/glacialenergy/main_header4.jpg) top no-repeat;}
div.header_big_layout div#box-4 h1 { text-align:right; }
div.header_big_layout div#box-4 p { padding: 40px 15px 0 525px; }

div#header_big div.header_big_link { position: absolute; top:310px; left:693px; }
div.header_big_layout div a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8 }

div#page {margin-bottom:30px;}
div#content { width:960px; margin:0 auto }
div#mainContent { float: left; width: 660px; }
div#sidebar { float:right; width:250px; padding:36px 0px 10px 31px; background: url(../../img/glacialenergy/sidebar_bg.png) left top no-repeat  }
div#sidebar div.container { background: url(../../img/glacialenergy/sidebar_bg_1.jpg) left top no-repeat; padding:10px; line-height: normal !important; }
div#sidebar div.location_header { background: url(../../img/glacialenergy/locations_bg_2.jpg) left top repeat-y; font-size: 13px; font-weight:bold; padding: 3px; color:#FEFEFE; margin-bottom:5px; }
div#sidebar div.location_hotlines { width: 220px; }
div#sidebar div.location_hotlines div.row { border-bottom:1px dotted #d2d2d2; margin-bottom: 10px; font-size: 11px;}
div#sidebar div.location_hotlines div.row div.utility_name { font-weight: bold; text-align: left; float:left; width: 39%; }
div#sidebar div.location_hotlines div.row div.utility_contacts { text-align: right; float:left; width: 60%; }

div#footer { font-size: 10px; /*border-top:1px solid #DADCDF;*/ padding-top:50px; background: #D2D2D2 url(../../img/glacialenergy/footer_bg.png) left top repeat-x;  color:#777; }
div#footer h3 { font-size: 13px; font-weight:bold; margin-bottom:5px; padding-bottom: 2px; letter-spacing: normal; }
div#footer h3 a { text-decoration:none; color:#00407B; }
div#footer a { color: #777; }
div#footer ul li { line-height: 16px; font-size:11px;}

div.copy { color: #FFF; font-size:10px; background-color:#003B6F; border-top:2px solid #FFF; padding: 10px;  }
div.copy div.wrap { width:960px; margin:0 auto }
div.copy div.col { width: 49%; }
div.copy a { color: #FFF !important; text-decoration: underline; }
div.copy a:hover { color: #FFFF99 !important; }

div#navigation ul { position:relative; height:120px; overflow:hidden; float:right; font:normal 14px/16px Arial, Helvetica, sans-serif; color:#FFF; z-index:3 }
div#navigation ul a { color:#FFF; text-decoration:none }
div#navigation ul li { overflow:hidden; float:left; padding:64px 20px 60px }
div#navigation ul li.current { background:url(../../img/glacialenergy/navigation_fill.jpg) left top repeat-x }
div#navigation ul li.attractive a { font-weight:bold; color:#FEB44B }

div#subnavigation { color:#CCC; font-size: 11px; font-weight:normal; float:right; border-bottom: 2px solid #EEE; /*background-color: #F7F7F7; padding:3px; */}
div#subnavigation ul li { display: inline; padding-left: 5px; margin-left: 5px;}
div#subnavigation a { text-decoration: none; }
div#subnavigation a.current { color:#000; font-weight:bold; font-size:12px; }

div.wrap3 { width:960px; overflow:hidden; margin:10px 0 }
div.wrap3 div.column { float:left; width:300px; overflow:hidden }
div.wrap3 div.column img { margin-bottom:15px }
div.wrap3 div.column p { padding:12px 20px 15px }
div.wrap3 div.center { margin:0 30px }

div.wrap3 div.column2 { float:left; width:590px; overflow:hidden; margin-right: 30px; }
div.wrap3 div.feature_wrap { float:right; border:1px solid #EEE;}
div.wrap3 div.feature_box { padding:15px; background-color: #F9F9F9; border:2px solid #FFF; }
div.wrap3 div.feature_box a.feature_btn { background-color: #FF9117; display:block; padding:10px; text-align: center; text-decoration:none !important; color:#FFF; font-size:18px; border:4px solid #DBDBDB;}

div.wrap3 div.column div.img  { width:300px; height:100px; overflow:hidden; background-image:url(../../img/glacialenergy/homepage_image.jpg); background-repeat: no-repeat; }
div.wrap3 div.column div.img1 { background-position:0px 0px; }
div.wrap3 div.column div.img2 { background-position:0px -100px; }
div.wrap3 div.column div.img3 { background-position:0px -200px; }

div.wrap6 { width: 960px; overflow: hidden; margin:0 auto;}
div.wrap6 div.column1 { float:left; width:150px; overflow:hidden; margin-right:10px; }
div.wrap6 div.column2 { float:left; width:320px; overflow:hidden }
div.wrap6 div.column2 div.row { float:left; width:150px; overflow:hidden; margin-right:10px; }
div.wrap6 div.column3 { float:left; width:210px; overflow:hidden }
div.wrap6 div.column4 { float:right; width:260px; overflow:hidden }
div.wrap6 ul { margin-left: 5px;}

div#featuredads { height: 325px; /*width:236px; margin-left:10px;*/ float:right}


#languse_layout { position:absolute; }
#languse_inside { position:relative; left:10px; top:-58px; }
#language_selector { float:left; margin-right:20px; }
#user_session { float:left; color:#FFFFFF; }
div.clear { clear:both; line-height:1px; font-size:1px; height:1px; }
div.five { height:5px; }
div.ten { height:10px; }
div.twenty { height:20px; }

div.error_banner { margin-top:10px; margin-bottom:20px; padding:15px 20px 15px 50px; color:#FFFFFF; background-color:#d64448; border:solid 2px #942525; background-image:url(../../img/glacialenergy/error2_32.png); background-position: 10px 50%; background-repeat: no-repeat; }
div.error_banner b { float:right; font-size:16px; font-weight:bold }
div.error_bull { width:20px; height:20px; padding:0; margin:0; float:left; background:url(../../img/glacialenergy/error.png) center no-repeat; cursor:pointer; }
div.error { margin-left:20px; display:none; position:absolute; padding:4px; padding-left:10px; padding-right:10px; color:#FFFFFF; background-color:#CC3333; border:solid 1px #942525; }
div.error_form { color:#DD1111; margin-left:4px; }
div.note_banner { border: 2px solid #CCCC66; background:#FFFFBB; font-weight:bold; margin: 10px 0 20px 0; padding:15px; }
div.success_banner { border:2px solid #b6e47a; padding:15px; color:#629c17; font-weight: bold; margin:10px 0; background:#d7fca8; }

div.input_title { float:left; width:125px; text-align:right; padding-right:7px; padding-top:6px; overflow:hidden; font-weight:bold; font-size:13px }
.input_box { float:left; width:220px; border: 1px solid #D2D2D2; padding: 4px; background: #FDFDFD url(../../img/glacialenergy/bg-form-item.png) repeat-x scroll 0 0; color:#333; font-size:12px; }
.select_box { float:left; width:220px; padding: 4px; color:#333; font-size:12px; }
a { color:#6D7A23; }

.header_top { width:960px; height:20px; overflow:hidden; background:url(../../img/glacialenergy/header_top_bottom.jpg) 0px 0px no-repeat; }
.header_bottom { width:960px; height:18px; overflow:hidden; background:url(../../img/glacialenergy/header_top_bottom.jpg) 0px -20px no-repeat; }
.header_flash { width:960px; height:312px; overflow:hidden; }

div.input_blue { height:32px; float:left; padding-right:18px; background:url(../../img/glacialenergy/button_right.jpg) right -64px no-repeat !important }
input.input_blue {  height:32px; border:none; margin:0; padding:0 60px 6px 10px; color:#FFFFFF; cursor:pointer; background:url(../../img/glacialenergy/button.jpg) left -64px repeat-x !important }
input.input_blue:hover { color:#FFFF99; }
div.terms { width:470px; height:110px; overflow:auto; border:solid 1px #BCC6DE; padding:4px; color:#4A5560; float:left; }

a.log { color:#FFFF99; text-decoration:none; }
a.log:hover { color:#FFFFFF !important }

h1 a { text-decoration:none; }
h1 strong { float:left; }
h1.email_icon { background:url(../../img/glacialenergy/email_icon.png) no-repeat 100% 65%; }

div.progress { float:right; font-size:12px; color:#DDDDDD; }
div.progress span { padding:4px 11px 4px 11px; font-size:14px; border:solid 1px #DDDDDD; }
div.progress span.active { background-color:#FF9F36; color:#FFFFFF; border:solid 1px #FF9F36; }

div.breadcrumb { font-size: 10px; color: #C9C9C9; margin-bottom: 15px;  }

div#locator_map { float:right; width: 59%; }

ul.list1 { margin-left: 20px; }
ul.list1 li { background:url(../../img/glacialenergy/bullets.gif) no-repeat left 5px; padding-left: 15px;}


/* ------------ CLASS LIBRARY ------------ */
.bold { font-weight: bold }
.clear { clear:both }
.left { float:left }
.right { float:right }
.align-left { text-align:left }
.align-right { text-align:right }
.align-center { text-align:center }
.underlined { text-decoration: underline; }
.caps { text-transform: uppercase;}
.italic { font-style: italic; }
.imgleft { float: left; padding-right: 15px; padding-bottom: 15px;}
.imgright { float: right; padding-left: 15px; padding-bottom: 15px;}
.bottom5 { margin-bottom: 5px }
.bottom10 {margin-bottom: 10px }
.bottom15 {margin-bottom: 15px }
.bottom20 {margin-bottom: 20px }
.noborder { border:none;}


/* ------------ RECAPTCHA ------------ */
.recaptchatable .recaptcha_image_cell { background-color: #FDFDFD !important; }
#recaptcha_table, .recaptcha_image_cell { background: #FDFDFD url(../../img/glacialenergy/bg-form-item.png) repeat-x scroll 0 0 !important;  }
#recaptcha_response_field { font-size: 12px !important; color:#333 !important; padding: 3px 1px !important;}


/* ------------ DEBUG ------------ */
.cake-sql-log { display: none; }


/* ------------ NEWS LIST ------------ */
ul#listlatestnews { padding: 0; margin: 0; }
ul#listlatestnews li { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #EEE; font-size:13px; }
ul#listlatestnews li h3 { font-size: 18px; border:none; letter-spacing: normal; margin-bottom:0; }
div.meta { font-style: italic; color:#999; font-size:11px; margin-bottom:7px; }
div.body { margin-bottom: 7px;}
ul#listlatestnews li p { padding: 8px 0; }
.imgnewsright { float: right; padding: 8px; background: url(../../img/glacialenergy/framesnews.png) no-repeat; margin: 10px 0 0 10px; }
ul#listlatestnews li .listnewsdetail { height: 12px; padding: 0 0 15px 0; }
ul#listlatestnews li .listnewsdetail li { float: left; display: inline; height: 12px; color: #626262; padding: 0 10px; background: url(../../img/glacialenergy/sepnewsdetail.png) no-repeat 100% 0; margin: 0; }
ul#listlatestnews li .listnewsdetail li.first { padding: 0 10px 0 0; }
ul#listlatestnews li .listnewsdetail li.last { background: none; }

/* ------------ OUTAGE INFORMATION  ------------ */
div#outageinfo .row { margin-bottom: 15px; border-bottom: 1px solid #EEE; }
div#outageinfo .outagestate { float: left; width: 175px;}
div#outageinfo .outagestate h2 { border-bottom: 0;}
div#outageinfo .outageutilities { float:left; width: 600px;}
div#outageinfo .outageutilities div.column { float:left; width:200px; text-align:center; margin-bottom: 10px;}


/* ------------ GLOSSARY  ------------ */
.glossary dl { margin-bottom: 20px; }
.glossary dt { font-weight: bold; margin-bottom: 3px; }
.glossary dd { padding-left: 10px; margin-bottom: 10px; }
div.keylinks { background:#FBFBFB; padding:10px; font-size:13px; text-align: center; margin-bottom: 20px; color:#6D7A23;}


/* ------------ TABLE STYLES ------------ */
.table1 { border: 1px solid #DDD; }
.table1 th, .table1 td { padding: 2px; border-right: 1px solid #DDD;}
.table1 th { border-bottom: 2px solid #000; }
.table1 td { border-bottom: 1px solid #DDD; text-align:left; }

/* ------------ FORM STYLES ------------ */
input, textarea, select { font-size:14px !important;}

/* JQuery UI Tabs
=====================================================================*/
.ui-tabs-hide {
    display: none;
}
#listtab li.ui-tabs-selected a, #listtab li.ui-tabs-selected a:link, #listtab li.ui-tabs-selected a:visited {
    background:url(../../img/glacialenergy/slide_hover.png) no-repeat;
    text-decoration:none;
    color: #333;
}
#listtab {
    width: 100px;
    height: 25px;
    /*background:url(../../img/vihc/back_slide.png) no-repeat;*/
    position: absolute;
    z-index: 100;
    top: 318px;
    left: 10px;
    padding: 3px 0 0 3px;
}
#listtab li {
    width: 22px;
    height: 22px;
    float: left;
    display: inline;
    margin: 0 3px 0 0;
}
#listtab li a, #listtab li a:link, #listtab li a:visited {
    width: 22px;
    height: 17px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 3px 0;
    text-decoration: none !important;
}

/* Icons (Silk icon set by Mark James, http://famfamfam.com/
=====================================================================*/
.file {
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background-color:transparent;
    background-position: center left;
    background-repeat: no-repeat;
}

.excel { background-image: url(../../img/icons/silk/page_white_excel.png); }
.word { background-image: url(../../img/icons/silk/page_white_word.png); }
.acrobat { background-image: url(../../img/icons/silk/page_white_acrobat.png); }
.ppt { background-image: url(../../img/icons/silk/page_white_powerpoint.png); }