/*****************/
/* AKA Override */
/***************/
/********************/
/*Unique Overrides for DNN controls */
/******************/
#ControlBar, #ControlBar *, .actionMenu * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.ControlModuleContainer {
    height: 44px;
}
/*Make FAQ module look more like Accordion*/
.faqsList span div a div div{ 
    color: #000;   
    font-size: 18px!important;
    font-weight: bold;
    background-color: #c4daec;
    padding: 10px;
}
.faqsList span div a:hover div div {
     color: #f37021;
    }
.faqsList span div {
    background-color: #fff;
    font-size: 18px!important;
    margin-bottom: 6px;
}
.dnnFAQs tr:nth-child(odd) {
    background: #fff;
}
.dnnFAQs br {display:none;}

/**************************/
/*Override for grumin.css*/
/************************/
div[role=featured] {
    background-image:none;  
}
div[role=breadcrumbs] section a {
    color: #000;
    font-size: 16px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}
#mobilemenu {
    z-index: 1;
}
/* Override to simplify modal window for Account Log in*/
div.remodal {
    max-width: 480px;
}
div.remodal.paymybill section {
    width: 100%;
}
/*Used to remove off white padding and spacing around checkboxes.*/
.mark,mark {
    background-color: transparent;
    padding: 0;
}
/*Work on this don't want to overwrite Fontawesome globally.  Make statement more specific. code to fix mobile menu.*/
.fa {
    margin-right:6px;
}
div[role=masthead] section ul.mobile {
    padding-left: 0;
}
/*Correct issue with bullets displaying as squares*/
div[role=interior] main article ul li {
    list-style-type: disc;
}
div[role=interior] main article ul.icons li {
    list-style: none;
}

/*For DDR menu*/
div[role=interior] main aside ul li ul li:hover a {
    margin-left: 0;
}
.table-responsive {
    margin-bottom:0px;
}
/***************************/
/*Override for default.css*/
/*************************/
.Normal, .NormalDisabled, .NormalDeleted {
    line-height: inherit; 
    font-size: inherit;
}
/*MENU Changes*/
/*ul.pageMenu {
    margin-left:0px;
}

ul.pageMenu > li.Active {
    background-color:#D9E7F3;
}*/

/*TableLayoutCss.css*/
/*GRU Table*/

.GRUtable{
    border: solid 1px #ddd;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: "Open Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;  
}
.GRUtable tr.GRUtableTableHeaderRow{
    margin: 0;
    padding:20px 20px 18px!important;
    color: #404040;
    background: #c4daec;
    text-align: left;
    font-size: 16px;  
    font-family: "Open Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;  
    font-weight: 700;
    line-height: 1.42857;
    border-bottom: solid 2px #ddd;
    vertical-align: top;
}
.GRUtable td.GRUtableTableHeaderFirstCol{
    padding: 20px 20px 18px!important;
    color: #404040;
    line-height: 1.42857;
}
.GRUtable td.GRUtableTableHeaderLastCol{
    padding: 20px 20px 18px!important; 
    color: #404040;
    line-height: 1.42857;
}
.GRUtable td.GRUtableTableHeaderOddCol{
    padding: 20px 20px 18px!important;
    color: #404040;
    line-height: 1.42857;
}
.GRUtable td.GRUtableTableHeaderEvenCol {
    padding: 20px 20px 18px!important;
    color: #404040;
    line-height: 1.42857;
}
.GRUtable tr.GRUtableTableOddRow{
    color: #404040;
    background-color: #f8f8f8;
    font-size: 16px;   
    vertical-align: top;
}
.GRUtable tr.GRUtableTableEvenRow{
    color: #404040;
    background-color: #FFFFFF;
    font-size: 16px;   
    vertical-align: top;
}
.GRUtable td.GRUtableTableFirstCol{
    padding: 12px;
    border-left: dashed #ddd 1px;
}
.GRUtable td.GRUtableTableLastCol{
    padding: 12px;
    border-left: dashed #ddd 1px;
}
.GRUtable td.GRUtableTableOddCol{
    padding: 12px;
    border-left: dashed #ddd 1px;
}
.GRUtable td.GRUtableTableEvenCol{
    padding: 12px;
    border-left: dashed #ddd 1px;
}
.GRUtable tr.GRUtableTableFooterRow{
    background-color: #c4daec;
    color: #404040;
    font-weight: 500;
    font-size: 16px;  
    font-family: "Open Sans","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
    line-height: 1.42857;
}
.GRUtable td.GRUtableTableFooterFirstCol{
    padding: 12px;
    border-top: dashed #ddd 1px;
    text-align: left;
}
.GRUtable td.GRUtableTableFooterLastCol{
    padding:12px;
    border-top: dashed #ddd 1px;
    text-align:left;
}
.GRUtable td.GRUtableTableFooterOddCol{
    padding: 12px;    
    border-top: dashed #ddd 1px;
    text-align: left;
}
.GRUtable td.GRUtableTableFooterEvenCol {
    padding: 12px;
    text-align: left;
    border-top: dashed #ddd 1px;
}
/* Search dropdown tweaks*/
input#searchBox, div.mm-search input {
    background: rgba(255,255,255,.15);
    padding-left: .25em;
} 

input#searchBox::placeholder, input#mSearchBox::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF;
    font-style: italic;
    opacity: 1; /* Firefox */
    padding-left: .25em;
}

input#searchBox:-ms-input-placeholder, input#mSearchBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF;
    font-style: italic;
    padding-left: .25em;
}

input#searchBox::-ms-input-placeholder, input#mSearchBox::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFFFFF;
    font-style: italic;
    padding-left: .25em;
}

/*Search Fixes*/

.dnnSearchBoxPanel{
    background:none;
    margin: 10px 0 0 0;
}
.dnnSearchResultPanel {
    background:none;
    padding: 10px 0 0 0;
}

.dnnSearchBoxPanel .dnnSearchBox {
    margin-right:110px;
}
.dnnSearchResultPage {
    padding: 0 0 15px 0;
    margin: 0 0 30px 0;
}

.contentPadding {
    padding: 0 15px
}
.dnnSearchLoading {
min-height: 50px}


.dnnSearchResultContainer > .dnnSearchResultItem {
    min-height: 326px;
}
/*Fix sectional interior page template*/
/*.featurePane{
    margin-right: 0;
}*/

/*Override default.css, Telereik.WEB.UI and West Table Styles for Editor*/
.dnnTextEditor tr:nth-child(odd) {
    background: none;
    border-bottom: none;
}
.RadEditor table {
    margin-bottom: 0!important;
}
.Vista.reDropDownBody table tr:nth-child(odd){
    background-color: #fff;
}
.Vista.reDropDownBody table tr{
    border:none;
}


div[id*="RadWindowWrapper"] {
    transition: none;
}

body#Body.dnnEditState * {
    transition: all 0.0s ease-in-out !important;
    transition-property: all !important;
    transition-duration: 0.0s !important;
    transition-timing-function: ease-in-out !important;
    transition-delay: initial !important;
}

table.rwTable, table.rwTable table {
    margin-bottom: 0px !important;
}
table.rwTable tr, table.rwTable table tr {
    border-bottom: 0px solid #FFF;
    background-color: transparent;
}

.reToolCell, .reEditorModesCell, .reBottomZone, .reResizeCell {background: #c2dcf0;}

.reModule { 
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 0px solid #b7bdcd !important;
}

.reModule a {
    font-size: 1em;
    font-weight: normal;
    padding: 5px;
    border: 1px #9bb5c4 solid;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #eef7fd; /* Old browsers */
    background: -moz-linear-gradient(top,  #eef7fd 0%, #dbf1fc 100%, #dbf1fc 101%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #eef7fd 0%,#dbf1fc 100%,#dbf1fc 101%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #eef7fd 0%,#dbf1fc 100%,#dbf1fc 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef7fd', endColorstr='#dbf1fc',GradientType=0 ); /* IE6-9 */
}

.reModule a:last-child {
    border: 0px dashed #9bb5c4;
    font-weight: normal;
    font-style: italic;
    background: rgba(238, 247, 253, 0);
}

.reModule a:last-child:hover {
    border: 0px dashed #9bb5c4;
    font-weight: normal;
    font-style: italic;
    background: rgba(238, 247, 253, .5);
}

/*Changes for InForm Module Tables etc.*/
.ModInFormC tr:nth-child(odd) {
    background: none;
    border-bottom: none;
}
.ModInFormC table {
    box-shadow: none;
    margin-bottom: 0px!important;
}
.ModInFormC tr:nth-child(even) {
    background: none;
    border-bottom: none;
}
.ModInFormC td{
    padding-bottom: 4px;
}
.ModInFormC input[type=submit]{
    margin-top: 8px;
}
/********************/
/*Unique Overrides for Special homepage banners */
/******************/
div[role=baskets] div.dnnFormMessage {
    display: block;
}

div[role=baskets].storm, div[role=baskets].secondImpactBanner {
    background-color: #FA8B32;
}

div[role=baskets].maintenance {
background-color: #035CB0;
}

div#dnn_StormBanner > div.DnnModule > a, div#dnn_MaintenanceBanner > div.DnnModule > a {
    border-right: none !important;
    padding: 0px;
    display: none;
}

div#dnn_SecondImpactBanner > div.DnnModule > a, div#dnn_MaintenanceBanner > div.DnnModule > a {
    border-right: none !important;
    padding: 0px;
    display: none;
}
/********************/
/*Unique Overrides for medium size homepage banners */
/******************/
div[role=front].bannerRow {
    padding: 0px;
    background-color: #035CB0;
}

    div[role=front].bannerRow article:first-child {
        border-right: 1px solid #669cc9;
        padding: 0px 0px 23px 0px;
    }

    div[role=front].bannerRow article div h2 {
        font-size: 23px;
        margin-bottom: 8px;
        margin-top: 23px;
    }

        div[role=front].bannerRow article div h2:after {
            content: url(../images/arrow.png);
            top: -3px;
            margin-left: 5px;
            display: inline;
            position: relative;
            transition: all .18s ease-in-out;
        }

    div[role=front].bannerRow article div p {
        font-size: 15px;
    }

    div[role=front].bannerRow article div * {
        border: none;
        border-radius: 0px;
        box-shadow: none;
        color: #FFF;
        padding: 0px;
        min-height: 0px;
        background-color: #035CB0;
    }

div[role=front] main article div div a:after {
    display: none;
}

@media (max-width: 640px) {
    div[role=front].bannerRow main article {
        margin-bottom: 0px;
        padding: 0px;
    }

        div[role=front].bannerRow main article h2 {
            font-size: 17px;
        }

        div[role=front].bannerRow main article:first-child {
            padding-bottom: 0px;
            border-bottom: 1px solid #669cc9;
        }
}

/********************/
/*Additions for address and phone in the footer */
/******************/
footer section p.gru-address,
footer section p.gru-address span.gru-street-address,
footer section p.gru-address span.gru-city-state-zip,
footer section p.gru-address span.gru-phone,
footer section p.gru-address span.gru-phone a {
    color: #FFFFFF !important;
}
/********************/
/* Engage Added Overrides */
/******************/
.btn, .button, button {
    color: #fff !important;
}
h1, .h1 {}
h2, .h2 {
    font-size: 35px;
}
h3, .h3 {
    font-size: 32px;
}
h4, .h4 {
    font-size: 26px;
}

/********************/
/* Restated CSS to compensate for Engage changes*/
/******************/
a.ebill {
    color: #035cb0 !important;
}
a.ebill:hover {
    color: #FFFFFF !important;
}
button.remodal-close {
    color: #035cb0 !important;
}