/* This file is deprecated.  newconnect.css and NewConnectStyle.java are available in both consumerexplorer and openid modules.
 * Move any styles you need to there.
 */
body, td, a, div, .p {
    font-family: Arial, sans-serif;
}

body {
    height: 100%;
}

a, a:visited, a:hover {
    color: initial;
}

img {
    border-style: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.ce-form {
    margin: 0 auto;
    width: 95%;
}

.ce-form .controls {
    margin-left: 300px !important;
}

.ce-form .inline {
    margin-right: 5px;
}

.scrollable-GlassPanel {
    background-color: black;
    filter: alpha(opacity=50);
    opacity: .50;
}

.ce-themeMainColor {
}

.ce-primaryColor {
}

.ce-secondaryColor {
}

.ce-secondaryColorOnHover {
}

.ce-hide {
    visibility: hidden;
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
    height: 100%;
    width: 100%;
}

.gwt-PopupPanel {
    z-index: 99;
}

.backgroundColorWhite {
    background-color: #ffffff !important;
}

.fontColorBlack {
    color: black !important;
}

.noMargin {
    margin: 0 !important;
}

.pointer-events-none {
    pointer-events: none !important;
}

.max-zIndex {
    z-index: 9999999;
}

.gwt-PopupPanel-roundedCorners {
    /* rounded corners (attempt) */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.gwt-PopupPanelGlass {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: fixed !important;
    z-index: 98;
}

.altContent {
    border-left: 3px solid #e3e3e3;
    border-right: 3px solid #e3e3e3;
    margin-left: 0;
    background-color: #f1f0ef;
}

.loadingBills {
    font: bold 18px tahoma, Arial, helvetica;
    color: black;
}

.bold {
    font-weight: bold;
}

.justify {
    text-align: justify;
}

.rightAlign {
    text-align: right !important;
}

.leftAlign {
    text-align: left;
!important;
}

#loading a {
    color: #225588;
    height: auto;
}

#loadingMsg {
    font: normal 1.3em Arial, tahoma, sans-serif;
}

.ce-footprints {
    text-align: left;
    font-size: small;
    font-weight: bold;
    font-family: arial, sans-serif;
}

.ce-maintable {
    width: 100%;
    padding-bottom: 15px;
}

.ce-maintable td {
    padding: 0;
}

.ce-meter-graph {
    height: 250px;
    width: 750px;
}

.ce-helpReminder {
    width: 300px;
}

.ce-helpReminder td {
    text-align: center;
}

.ce-helpReminderArrows {
    float: right;
    margin-right: 75px;
}

.ce-dismissHelpReminder {
    padding: 5px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    cursor: pointer;
    border: 3px solid #aaaaaa;
}

.ce-consumerDetail {
    width: 100%;
    height: 50px;
}

.ce-currentPage {
    padding-top: 10px;
}

.ce-currentPageWithHelp {
    border-right: 1px solid #333333;
}

.ce-helpPage {
    background: url("images/shadow_down.jpg") repeat-x scroll center top transparent;
    padding-top: 10px;
    padding-left: 3px;
    padding-right: 1px;
    font-size: 85%;
    /*have this on both ce-currentPageWithHelp and ce-helpPage in order to have the border span whichever is taller*/
    border-left: 1px solid #333333;
}

td.ce-meter-content {
    padding-top: 10px;
    height: 275px;
    vertical-align: top;
}

.ce-content-tab {
    width: 100%;
    height: 100%;
}

.ce-comparisonPanelTable {
    margin-top: 15px;
}

.ce-differenceCol {
    vertical-align: middle;
    width: 20px;
}

.ce-differenceCol img {
    width: 16px;
    margin-right: 2px;
}

.ce-differenceData {
    padding: 0 !important;
}

td.ce-line {
    border-bottom: 1px solid #000000;
    height: 2px;
    line-height: 2px;
}

tr.ce-emptyCell {
    color: white;
}

.ce-energyButtons {
    white-space: nowrap;
}

.ce-usageComparisonLabel {
    text-decoration: none;
    font-weight: bold;
}

.ce-HTMLroot {
    background-color: #ffffff;
    position: static !important;
}

.dateBoxPopup {
    z-index: 9999;
}

.dateChooser {
    border: 0;
    cursor: pointer;
}

.ce-datePickerPopUp.ce-themeMainColor {
    color: black !important;
    cursor: pointer;
}

.cursorDefault {
    cursor: default !important;
}

.cursorPointer {
    cursor: pointer;
}

.hoverPointer:hover {
    cursor: pointer;
}

.ce-energyMarkerTextArea {
    /*overflow-y: auto;*/
    width: 200px;
}

.ce-energyMarkerTitleTextBox {
    width: 200px;
}

.ce-energyMarkerPanel {
    margin-top: 30px;
    width: 60% !important;
    /*overflow-y:auto;*/
}

.ce-markerTable td {
    border-bottom: 1px solid #dddddd;
    padding: 5px;
    white-space: nowrap;
}

.ce-paddingVerticalLarge {
    padding-top: 12px !important;
}

.ce-enterMeterReadingsTable td {
    padding: 5px;
}

.ce-enterMeterReadingsTable {
    background: none repeat scroll 0 0 #f1f0ef;
    border-collapse: separate;
    border-spacing: 0;
    padding: 1em;
}

.ce-enterMeterReadingsTableHeader {
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
}

.ce-rowShadeA {
    background-color: #dddddd;
}

.ce-rowShadeB {
    background-color: #cccccc;
}

.ce-rowShadeC {
    background-color: #eeeeee;
}

.ce-rowShadeD {
    background-color: #ffffff;
}

/*Navigation Section*/
.ce-navigation2 {
    width: 100%;
    padding: 5px 10px;
}

.ce-datelabelcolumn {
    background-color: #f5f5f5;
    border: 1px solid #bbbbbb;
}

.ce-datelabelcolumn td {
    text-align: center;
    font-size: large;
    font-weight: bold;
}

td.ce-navbutton {
    width: 32px;
    padding: 0;
    border: 0;
    vertical-align: top;
}

.ce-navbutton input {
    visibility: hidden;
}

.ce-previous-button, .ce-major-previous-button, .ce-next-button, .ce-major-next-button {
    cursor: pointer;
    width: 32px;
    height: 34px;
}

.ce-previous-button-up-disabled, .ce-previous-button-down-disabled,
.ce-major-previous-button-up-disabled, .ce-major-previous-button-down-disabled,
.ce-next-button-up-disabled, .ce-next-button-down-disabled,
.ce-major-next-button-up-disabled, .ce-major-next-button-down-disabled {
    cursor: default !important;
}

/* Disabled Navigation Buttons */

.ce-previous-button-up-disabled, .ce-previous-button-down-disabled,
.ce-major-previous-button-up-disabled, .ce-major-previous-button-down-disabled,
.ce-next-button-up-disabled, .ce-next-button-down-disabled,
.ce-major-next-button-up-disabled, .ce-major-next-button-down-disabled {
    background-color: #999999 !important;
}

/* Previous Button */
.ce-previous-button-up-disabled, .ce-previous-button-down-disabled,
.ce-previous-button-up,
.ce-previous-button-up-hovering, .ce-previous-button-down, .ce-previous-button-down-hovering {
    background: url(images/arrow_left.png) no-repeat scroll 0 0 transparent;
}

/* Major Previous Button */
.ce-major-previous-button-up-disabled, .ce-major-previous-button-down-disabled,
.ce-major-previous-button-up,
.ce-major-previous-button-up-hovering, .ce-major-previous-button-down, .ce-major-previous-button-down-hovering {
    background: url(images/arrow_double_left.png) no-repeat scroll 0 0 transparent;
}

/* Next Button */
.ce-next-button-up-disabled, .ce-next-button-down-disabled,
.ce-next-button-up,
.ce-next-button-up-hovering, .ce-next-button-down, .ce-next-button-down-hovering {
    background: url(images/arrow_right.png) no-repeat scroll 0 0 transparent;
}

/* Major Next Button */
.ce-major-next-button-up-disabled, .ce-major-next-button-down-disabled,
.ce-major-next-button-up,
.ce-major-next-button-up-hovering, .ce-major-next-button-down, .ce-major-next-button-down-hovering {
    background: url(images/arrow_double_right.png) no-repeat scroll 0 0 transparent;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.clear-both {
    clear: both !important;
}

.ce-helpPopup {
    background-color: #ffffff;
    border: 1px solid;
    width: 700px;
}

.ce-helpFrame {
    width: 700px;
    height: 400px;

}

.ce-helpPopup .popupContent {
    height: 427px;
}

/*deprecated*/
.ce-topRight {
    position: absolute;
    top: 0;
    right: 0;
}

.ce-menuListSubText {
    border-top: 1px solid #f9f9f9;
    padding-top: 5px !important;
}

.ce-listBoxDropLeft .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.tree {
    font: 20px Helvetica, Arial, sans-serif;
    list-style-type: none;
    padding-left: 5px !important;
}

.tree * {
    position: relative;
}

.tree *::before,
.tree *::after {
    content: '';
    position: absolute;
    left: 0;
    margin-top: -2px;
}

.tree .multi-parent,
.tree .one-parent {
    padding-left: 1.2em;
}

.tree .child {
    padding-left: 2em;
}

.tree .child::before {
    border-left: 2px solid;
    border-bottom: 2px solid;
    top: -50%;
    height: 100%;
    left: 0;
    width: 1.5em;
}

.tree .multi-parent::before {
    border-bottom: 2px solid;
    top: -50%;
    height: 100%;
    left: .5em;
    width: .5em;
}

.tree .multi-parent + .multi-parent::before {
    border-left: 2px solid;
}

.tree .one-parent::before {
    border-top: 2px solid;
    left: 0;
    top: 50%;
    width: .5em;
}

.tree .multi-parent.odd-middle-parent::after,
.tree .multi-parent.even-middle-parent::after {
    border-left: 2px solid;
    border-top: 2px solid;
    left: 0;
    width: .6em;
}

.tree .multi-parent.odd-middle-parent::after {
    top: 50%;
    height: 50%;
}

.tree .multi-parent.even-middle-parent::after {
    top: 0;
    height: 100%;
}

.tree .multi-parent.after-middle-parent::after {
    border-left: 2px solid;
    top: 0;
    height: 100%;
    left: 0;
    width: .6em;
}
.re-maintable {
    width: 100%;
    background: url("images/shadow_up.jpg") repeat-x bottom;
    padding-bottom: 15px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

.re-maintable td {
    padding: 0;
}

#menu-list {
    word-wrap: break-word;
    float: left;
}

#menu-list ul {
    margin: 0;
    padding: 0 0 0 15px;
}

#menu-list ul li {
    font-family: Arial Unicode MS, Arial, sans-serif;
    padding: 2px 0;
}

#menu-list ul li span {
    white-space: normal !important;
}

.ce-subMenuItems {
    border-top: 1px solid #f9f9f9;
    border-bottom: 1px solid #e7e6e5;
}

.ce-subMenuItemsPad {
    padding: 5px;
}

.ce-subMenuFirst {
    border-bottom: 1px solid #e7e6e5;
    padding-bottom: 5px;
}

.ce-subMenuLast {
    border-top: 1px solid #f9f9f9;
}

.ce-themedMenu, .ce-themedMenuDisabled {
    font-weight: bold;
    padding: 15px;
    border-right: 1px solid #333333;
    border-left: 1px solid #666666;
    border-bottom: 1px solid #333333;
    cursor: pointer;
}

.ce-themedMenuDisabled {
    color: #808080;
    font-style: italic;
}

/* Adds a transparent dark grey over the primary color */
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    zoom: 1;
    background: rgb(50, 50, 50) transparent !important;
    background: rgba(50, 50, 50, 0.4) !important; /* css3 feature */
    /* IE 5.5-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ierollover.png', sizingMethod='scale')";
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ierollover.png', sizingMethod='scale');
}

.navbar {
    margin-bottom: 0 !important;
    border: none !important;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.navbar-nav > li > a {
    font-weight: bold;
    font-size: 14px;
    text-shadow: none !important;
    font-family: Arial, sans-serif !important;
}

#footer-navigation {
}

#footer-navigation ul {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#footer-navigation li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#footer-navigation li div,
#footer-navigation li a {
    margin: 0;
    padding: 10px;
}

#footer-navigation li a {
    display: block;
}

#footer-navigation {
    font-size: large;
    font-style: italic;
    color: #c3c3c3;
}

#phone {
    font-size: large;
    font-style: italic;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ce-roundedCorners {
    /*overflow: auto;*/

    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;

    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;

    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
}

/* glass panel is in GmcbyomKB... */
.gcomp-GlassPanel, div.GmcbyomKB {
    background-color: black !important;
    filter: alpha(opacity=50) !important; /*( hack for IE )*/
    opacity: .50 !important;
}

.ce-messagePanel {
    /* Moved the below into the style attribute of the element so that it doesn't show up should the CSS fail to load */
    /*display: none;*/
    z-index: 30000;
    position: fixed; /*so that it displays even if the user is scrolled down the page*/
    left: 0;
    top: 0;
    background: #ffffff;
    font-size: large;
    font-weight: bold;
    color: #ff0000;
    width: 100%;
    height: 30px;
    /* for IE */
    filter: alpha(opacity=90);
    /* CSS3 standard */
    opacity: 0.9;
}

.admin-cell-table-input {
    height: 30px;
    width: 100%;
    text-align: right;
}

.ce-messagePanel table {
    height: 100%;
    width: 100%;
}

.ce-messagePanel table td {
    padding: 5px 10px;
    vertical-align: middle;
}

.ce-messageclose {
    float: right;
}

.ce-alertBox {
    background-color: #ffffaa;
    border: 2px solid #dddd88;
    color: #ff0000;
    height: auto;
    width: auto;
}

.ce-alertBox div {
    display: inline;
    margin: 18px;
    width: 100%;
    text-align: center;
}

.ce-alertBox .alert-title {
    font-size: 20px;
    font-weight: bold;
}

.ce-alertBox .alert-description {
    font-size: 14px;
}

.ce-alertBox img {
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.ce-scrollPanel {
    height: 400px;
    overflow-x: hidden;
}

div.ce-popupTitleBar, div.ce-popupTitleBarCloseButton {
    margin: 0;
    padding: 2px 5px !important;
    border-spacing: 0;
    white-space: nowrap;
}

div.ce-popupTitleBar {
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    height: 17px;
}

.gwt-PushButton {
    text-align: center;
    float: right;
}

.ce-comparisonPopup td {
    font-size: smaller;
    border: 1px solid #bbbbbb;
    padding: 5px;
    white-space: nowrap;
}

.ce-EnergyMarkerTable {
    font-family: Arial, sans-serif;
    vertical-align: top;
}

.ce-compareTableTitle td {
    white-space: pre-line;
    padding: 5px 0 !important;
    border: 1px solid #bbbbbb;
}

.ce-compareTableTitle {
    border-bottom: 2px solid #000000 !important;
}

td.ce-scrollBarPadding, td.ce-scrollBarPadding div {
    width: 18px;
    margin: 0;
    border: none;
    border-top: 1px solid #bbbbbb;
}

.ce-highlightImage {
    border-right: 2px solid #bbbbbb;
    width: 16px;
}

.ce-popupTitleBar,
.ce-popupTitleBar td {
    border: none !important;
    margin: 0 !important;
}

.ce-popupTitleBar,
.ce-dataTable tr:first-child {
    height: 25px;
    border-collapse: collapse;
}

.ce-popupTitleBar,
.ce-dataTable tr:first-child td {
    background: url('images/titlegradient.png') repeat-x;
    border-left: 1px solid #ffffff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.ce-dataTable tr:first-child td:first-child {
    border-left: none;
}

.ce-dataTable {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    border-collapse: collapse;
}

.ce-dataTable td {
    padding: 0 5px;
}

.ce-rtpTable, .ce-rtpTable td {
    padding: 0 !important;
    border: none !important;
}

.ce-rtpTableData div {
    padding: 2px 5px !important;
    white-space: nowrap;
}

.ce-rtpTable .ce-rowShade1, .ce-rtpTable .ce-rowShade2 {
    border: none !important;
}

.ce-notifications td {
    padding: 0;
}

.ce-graphSummaryTable {
    white-space: nowrap;
    border: 2px solid #aaaaaa;
    padding: 5px;
    empty-cells: show;
}

.ce-analysisDescription {
    margin: 5px;
    font-size: 1.5em;
}

.ce-analysisChart {
    margin: 5px
}

.ce-energyProfileFilter {
    vertical-align: top;
    padding: 5px;
    /*border:2px solid #BBBBBB;*/
    margin: 5px;

}

.ce-energyProfileFilter td {
    padding-left: 5px;
}

.ce-helpTextColor {
    cursor: pointer;
    top: 5px;
    right: 5px;
    text-decoration: none;
    color: gray;
}

.ce-helpTextColor:hover {
    color: black;
}

.markerDateColumn {
    \width: 90px;
}

.ce-padding td {
    padding: 10px !important;
}

.ce-paddingVertical td {
    padding-bottom: 2px !important;
    padding-top: 2px !important;
}

.ce-paddingLoginFieldCentering td {
    padding-top: 10px !important;
}

.ce-paddingHeading td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* START: Customer Self Serve css style attributes */
.css-titleLabel {
    font-size: 120%;
    font-weight: bold;
    vertical-align: middle;
}

.css-sectionLabel {
    font-size: large !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    color: #1c7339 !important;
    margin-bottom: 5px !important;
}

.css-loadingLabel {
    font-size: medium !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    color: blue !important;
    font-style: italic !important;
}

.css-disabledLabel {
    font-size: medium !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    font-style: italic !important;
}

.css-loadingErrorLabel {
    font-size: medium !important;
    font-weight: bold !important;
    vertical-align: middle !important;
    color: red !important;
    font-style: italic !important;
}

.css-acctListPanel {
    margin-top: 5px;
    width: 60%; /* Set width of account list on enclosing page/panel */
    overflow-y: auto;
}

.css-paymentButton {
    background: #0066ff url("images/titlegradient.png") repeat-x 0 0 !important;
    color: #ffffff;
    white-space: nowrap;
    font-weight: bold;
    margin: 2px !important;
    text-align: center;
    padding: 1px 10px !important;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;

    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;

    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;

    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.css-paymentButton:hover {
    background: #0033ff url("images/titlegradient.png") repeat-x 0 0 !important;
}

.css-paymentButtonDisabled {
    background: #aaaaaa url("images/titlegradient.png") repeat-x 0 0 !important;
    cursor: auto;
}

.css-paymentButtonDisabled:hover {
    background: #aaaaaa url("images/titlegradient.png") repeat-x 0 0 !important;
    cursor: auto;
}

.css-versionLabel {
    font-size: 8px;
    padding: 1px;
}

.css-payBillPopupPanel {
    background: white;
    width: 740px !important;
}

.css-payBillStoredPanelH3 {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
}

.css-payBillPopupPanelIFrame {
    frameborder: 0 !important;
    border: 0px !important;
    scrolling: auto !important;
    width: 740px !important;
    height: 540px !important;
}

.css-payBillPopupPanelService {
    width: 740px !important;
    height: 540px !important;
    overflow: auto;
}

.css-autoPaySetupPanelIFrame {
    frameborder: 0 !important;
    border: 0px !important;
    scrolling: auto !important;
    width: 100% !important;
    height: 350px !important;
}

.css-autoPaySetupPanelService {
    width: 100% !important;
    height: 360px !important;
    overflow: auto;
}

div#css-payBillStoredPanelContent {
    color: Black;
    padding: 7px;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 2px;
    margin: 2px;

    /* rounded corners (attempt) */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    /* background (attempt gradient) */
    background-color: #f0f0f0;
    /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#F8F8F8);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#F8F8F8)";
 background-image: -ms-linear-gradient(top, #C8C8C8, #F8F8F8);*/
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c8c8c8), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #c8c8c8, #f8f8f8);
    background-image: -moz-linear-gradient(top, #c8c8c8, #f8f8f8);
    background-image: -o-linear-gradient(top, #c8c8c8, #f8f8f8);
}

.css-payBillStoredPanelConfirmTable {
    background: none repeat scroll 0 0 white !important;
    border-color: #888888;

    /* rounded corners (attempt) */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 10px;
    width: 100%;
}

.css-payBillStoredPanelConfirmTableHeader {
    font-weight: bold;
    text-align: center !important;
}

.css-payBillStoredPanelConfirmTableDescription {
    font-weight: bold;
    padding-bottom: 3px !important;
    padding-right: 40px !important;
    text-align: right !important;
}

.css-payBillStoredPanelConfirmTableValue {
    font-weight: normal;
    text-align: left !important;
}

.css-payBillStoredPanelPleaseWait {

    /* rounded corners (attempt) */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    text-align: center;
    background-color: white;
    border: 1px solid black;
    width: 400px !important;
    padding: 20px !important;

}

.css-payBillStoredPanelH3 {
    color: black;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
    margin-bottom: 0.25em;
}

table.css-storedPaymentResponseValues, #paymentResponseTable table {
    margin-bottom: 10px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 600px;
}

th.css-storedPaymentResponseValues {
    font-weight: 800;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 24px;
}

td.css-storedPaymentResponseValues, #paymentResponseTable td {
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 30px;
    font-size: 100% !important;
}

h1.css-storedPaymentResponseHeader {
    background: none repeat scroll 0 0 White;
    border: 2px solid Black;
    color: black;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    min-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

table.css-storedPaymentResponseAccounts {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: 300px;
    padding-top: 10px;
}

.dupWarnText {
    color: black;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}

.css-gwFormButton {
    background: #dbdbdb;
    color: #000000;
    font-size: medium;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: 600;
    width: 200px;
    margin: 5px 0 0 10px;
}

.css-gwFormButtonDisabled {
    background: #808080;
    color: white;
    font-size: medium;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.css-gwFormButton:hover {
    background: #808080;
    color: #000000;
    font-size: medium;
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: 600;
}

.css-accountListToPay {
    background: white;
    border: 2px solid black;
    width: 100%;
    border-collapse: collapse;
}

.css-accountListToPay td {
    padding: 5px;
    border: 1px solid #aaaaaa;
}

.css-accountListToPayLabel {
    font-family: tahoma, Arial, helvetica !important;
    font-size: small !important;
}

.css-accountListToPayAmountTitleLabel {
    font-size: 85%;
    font-weight: bolder;
    font-family: tahoma, Arial, helvetica !important;
    text-align: right;
}

.css-accountListToPayAmountLabel {
    font-family: tahoma, Arial, helvetica !important;
    font-size: small !important;
    text-align: right;
}

.css-accountListToPayTitleCell {
    background: #474444 !important;
    font-weight: bold;
    color: white !important;
}

.css-accountListToPayTotalCell {
    background: white !important;
    font-weight: bold;
    color: black !important;
    border-left-color: white !important;
    border-right-color: white !important;
}

.css-storedAccounts {
    background: white;
    border: 2px solid black;
    width: 100%;
    border-collapse: collapse;
}

.css-storedAccounts td {
    padding: 5px 5px 5px 5px;
}

.css-storedAccountsLabel {
    font-family: tahoma, Arial, helvetica !important;
    font-size: small !important;
}

.css-storedAccountsTitleCell {
    background: #474444 !important;
    font-weight: bold;
    color: white !important;
}

.css-storedAccountsAltColorCell td {
    background: #eeeeee !important;
}

.css-storedAccountsPaymentImage {
    vertical-align: middle;
    padding: 1px !important;
}

.css-storedAccountsTableLabelSmall {
    font-family: tahoma, Arial, helvetica !important;
    font-size: x-small !important;
    vertical-align: middle !important;
}

.css-storedAccountsTableDescriptionPanel {
    padding: 0px 2px 0px 0px !important;
}

.css-storedAccountsTableOnPaymentPanel {
    padding: 0px 0px 0px 20px !important;
}

.css-storedAccountsTableDescriptionPanel td a div {
    font-family: tahoma, Arial, helvetica !important;
    font-size: small !important;
    vertical-align: middle !important;
    border: 0px !important;
    padding: 0px 2px 0px 0px !important;
}

.css-storedAccountsDecoratorPanel {
    padding: 10px !important;
}

.css-storedAccountsNewLinks {
    width: 100%;
    border-collapse: collapse;
}

.css-storedAccountsNewLinks td {
    padding: 0px !important;
    text-align: left;
}

.markerLoadingLabel {
    text-align: center;
    font-size: large;
}

td.datePickerDay, td.datePickerWeekdayLabel, td.datePickerWeekendLabel {
    font-size: large !important;
    color: #000000 !important;
}

td.datePickerDay {
    font-size: large !important;
    color: #000000;
}

table.datePickerMonthSelector {
    font-size: large !important;
}

.ce-datePickerPopUp {
    font-size: large !important;
    padding: 5px;
    border: none thick;
}

table.datePickerMonthSelector {
    color: #0000ff;
}

td.datePickerDayIsFiller {
    color: #666666 !important;
}

.ce-datePickerPopUpLabel {
    font-size: large;
}

.ce-popUpPad {
    padding: 10px !important;
}

.inline {
    display: inline !important;
}

.no-display {
    display: none !important;
}

.table-row {
    display: table-row;
}

.shadowUp {
    background: url("images/shadow_up.jpg") repeat-x bottom;
}

.ce-loginBackground {
}

.ce-registerLink {
    cursor: pointer;
    display: inline;
    text-decoration: none;
}

.ce-strengthLink {
    cursor: pointer;
    display: inline;
    text-decoration: underline;
    color: blue;
    font-size: 85%;
}

.ce-termsAndConditionsLink, .ce-clickableLink {
    cursor: pointer;
    display: inline;
    text-decoration: underline;
    color: blue;
    font-size: 100%;
}

.ce-termsAndConditionsPanelRegister td {
    text-align: center;
}

.ce-strength1, .ce-strength2, .ce-strength3, .ce-strength4, .ce-strength5 {
    display: inline;
    font-size: 85%;
}

.ce-strength1 {
    color: #676767;
}

.ce-strength2 {
    color: #aa0033;
}

.ce-strength3 {
    color: #f5ac00;
}

.ce-strength4 {
    color: #6699cc;
}

.ce-strength5 {
    color: #008000;
}

.ce-blue {
    color: blue;
}

.noPadding {
    padding: 0 !important;
}

.ce-SlidingDeckPanel {
    height: 300px;
    width: 600px;
}

.ce-SlidingDeckPanel > div {
    float: left;
}

.ce-SlidingDeckPanel-exiting > div {
    direction: rtl;
}

.ce-SlidingDeckPanel-exiting > div > * {
    direction: ltr;
}

.ce-tooltip {
    background-color: #ffffee !important;
    border-width: 0 2px 2px 0 !important;
    border-color: #999999 !important;
    z-index: 9999999;
}

.ce-notifications {
    white-space: nowrap;
}

.ce-notifications .ce-rowShade1:hover td,
.ce-notifications .ce-rowShade2:hover td {
    background-color: #ffffee;
    cursor: pointer;
}

.ce-notificationDescriptionText {
    background-color: #eeeeee;
    border-bottom: 1px solid #bbbbbb;
    height: 34px;
    padding: 10px 10px;
    text-align: center;
}

.css-statusDialog {
    width: 740px !important;
}

.css-passphraseDisclosurePanel {
    width: 100%;
    overflow: auto;
}

.ce-securityPhraseDisclosurePanel td {
    font-size: 85%;
    color: #999999;
    white-space: normal;
    overflow: auto;
}

.nowrap {
    white-space: nowrap;
}

.wrapNormal {
    white-space: normal !important;
}

/* infuz based styling */

/* hack to work around the .ce-maintable td css above */
.ce-cellTable td {
    padding: 3px 15px;
    text-align: left;
}

.ce-cellTableCell td {
    padding: 0;
}

.ce-cellTableWithBorder {
    border: 1px solid #000000;
}

.ce-csrSearchCellTable td {
    height: 2.125em;
}

.ce-custNameLabel {
    font-style: italic;
}

.ce-custNameLabel span:after {
    content: "\0020 \00BB";
}

.ce-navigation {
    margin: 0 0 1em 0;
    padding: 10px;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #f1f0ef;
}

.ce-alert {
    padding-bottom: 5px;
}

.ce-alertHeading {
    border-bottom: 1px solid #e7e6e5;
    background-color: #eeeeee;
}

.ce-alertDetails {
    border-top: 1px solid #f9f9f9;
}

.ce-homePagePanelHeading {
    margin: 2px;
}

.ce-greyBottomDivider {
    border-bottom: 3px solid #e7e6e5;
}

.ce-alertWidgetAutoHeight {
    margin-left: 0;
    max-height: 315px;
    position: relative !important;
}

.ce-positionRelative, positionRelative {
    position: relative !important;
}

.ce-greenButtonNoSep {
    margin: 0 5px 2em 5px;
}

.ce-greenButton {
    margin: 0 5px 2em 5px;
    border-bottom: 1px solid #c3c3c3;
}

.ce-contentTitle, .ce-custNameLabel {
    font-size: 150%;
}

div.ce-cellContent td.ce-contentHeadingBold {
    font-size: 95%;
}

.ce-contentHeading, .ce-contentHeadingBold, .ce-contentHeadingBoldCentered, .ce-contentHeadingBolder {
    font-size: 120%;
}

.ce-contentHeadingBoldCentered {
    text-align: center;
}

.ce-contentCentered {
    text-align: center;
}

td.ce-contentTextBold {
    font-size: 95%;
}

.ce-contentHeadingDescription, .ce-contentText, .ce-contentTextBold,
.ce-contentTextError, .ce-contentTextForm, .ce-contentLinkTextTip,
.ce-contentTextNote {
    font-size: 85%;
}

.ce-contentTextNote {
    color: #999999;
}

.ce-textBolder, .ce-contentTextBold, .ce-contentTextError,
.ce-contentHeadingBolder, .ce-contentTitle {
    font-weight: bolder;
}

.ce-contentTextItalic {
    font-style: italic !important;
}

.ce-inlineBlockPanel {
    display: inline-block;
}

.ce-marginRight {
    margin-right: 28px;
}

.ce-warningMessage, .ce-contentTextError {
    color: #ed1c24 !important;
}

.custom-question-check-box {
    margin-top: 10px !important;
}

.ce-warningMessageBold {
    color: #ed1c24;
    font-weight: bold;
}

.ce-warningMessageBorder {
    background-color: #eeeeee;
    padding: 0 5px;
}

.ce-textBold, .ce-contentHeadingBold, .ce-contentHeadingBoldCentered, .ce-buttonLinkText, .ce-buttonLinkTextDisabled {
    font-weight: bold;
}

.ce-textBoldLabel {
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
}

.ce-buttonLinkText, .ce-buttonLinkTextDisabled {
    padding: 15px;
    white-space: nowrap;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.ce-buttonLinkTextDisabled {
    filter: alpha(opacity=50) !important;
    opacity: 0.5;
    cursor: default !important;
}

.ce-fontSmall {
    font-size: small;
}

.ce-textBoldUnderlined {
    text-decoration: underline;
    font-weight: bold;
}

.ce-buttonLinkTextDisabled:hover {
    text-decoration: none !important;
}

.ce-accountListPanel {
    background-color: #eeeeee;
    margin-bottom: 3px;
}

.ce-sideBorder {
    border-left: 1px inset #cccccc;
    padding-left: 5px;
    margin-left: 5px;
}

.ce-rightBorder {
    border-right: 1px inset black;
    padding-right: 5px;
    margin-right: 5px;
}

.auto-pay-action-box {
    padding: 0 !important;
    border-width: 0 !important;
    background-color: transparent !important;
}

.auto-pay-action-box > .popupContent {
    padding: 4px;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: white;
    box-shadow: #c1c1c1 3px 3px 5px;
    border: 1px solid #b1b1b1;
}

.auto-pay-action-box-item {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

.ce-accountListPanel, .ce-accountListPanelHeader {
    padding: 10px 10px 5px 10px;
}

a, .ce-contentLinkText, .ce-contentLinkTextTip, .ce-buttonLinkText, .ce-headerLinkText,
.ce-custNameLabel {
    cursor: pointer !important;
    text-decoration: none;
    white-space: nowrap;
}

.ce-raquo span:after {
    content: "\0020 \00BB";
}

.ce-headerLinkBorder {
}

a:hover, .ce-contentLinkText:hover, .ce-buttonLinkText:hover,
.ce-contentLinkTextTip:hover, .ce-headerLinkText:hover,
.ce-contentLinkSmallText:hover,
.ce-custNameLabel:hover {
    text-decoration: underline;
}

.ce-nonclickableLink {
    cursor: text !important;
    text-decoration: none !important;
}

.ce-contentLinkTextBoldHover:hover {
    font-weight: bolder;
}

.ce-contentLinkTextNoHover:hover {
    text-decoration: none !important;
}

.ce-contentLinkTextTip {
    color: #999999 !important;
}

.ce-subPageLinkLabel {
    word-wrap: break-word;
    white-space: normal !important;
}

.ce-contentTableBackground {
    background-color: #eeeeee;
    margin: 5px 0;
    padding: 5px;
}

.ce-contentTextArea {
    margin: 5px;
    padding: 5px;
    border: 2px inset #eeeeee;
    height: 50px;
    width: 450px;
    min-height: 50px;
    background-color: #cccccc;
    white-space: pre-wrap;
    overflow: auto;
}

.ce-contentTableText {
    background-color: #eeeeee;
    margin: 5px;
    padding: 5px;
}

.ce-contentTableHeading {
    font-size: 85%;
    font-weight: bold;
}

.ce-contentTableHeadingRow td {
    border-bottom: 1px solid #cccccc;
    vertical-align: bottom;
}

.ce-rightNavTip {
    text-align: left;
    border-left: 1px solid #cccccc;
    font-size: 85%;
    margin-left: 15px;
    padding: 5px;
}

.ce-button {
    padding: 5px;
}

.ce-cell {
    padding: 5px;
}

.ce-closeButton {
    padding: 2px;
    font-weight: bold;
}

.ce-cancelButton {
    /* fallback */
    background-color: #ff6666;
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffcccc), to(#ff6666));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ff6666, #ffcccc);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ff6666, #ffcccc);
    /* IE 10 */
    background: -ms-linear-gradient(top, #ff6666, #ffcccc);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ff6666, #ffcccc);

    border: 1px outset #cccccc;
    cursor: pointer;
    font-size: small;
    margin: 0;
    padding: 3px 5px;
    text-decoration: none;
}

.ce-cellContent {
    padding: 5px;
    border-bottom: 2px solid white;
}

.ce-iconImg {
    padding-right: 5px;
}

/* Make a Payment page */
.ce-contentTableBackgroundPadding {
    padding-bottom: 10px !important;
}

.ce-contentBottomSpacing {
    padding-bottom: 20px !important;
}

.ce-contentTopSpacing {
    padding-top: 20px !important;
}

.ce-contentLeftSpacing {
    padding-left: 20px !important;
}

.ce-contentRightSpacing {
    padding-right: 20px !important;
}

.ce-accountListToPayLeftPad {
    padding-left: 30px !important;
}

/* My Account Pages */
.ce-page, .ce-divPadding {
    padding: 15px;
}

td.ce-leftPad {
    padding-left: 20px;
}

.ce-gatewayPanelLeftPad {
    padding-left: 20px !important;
}

.ce-page {
    background-color: #eeeeee;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.ce-group {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #ffffff;
    border: #c0c0c0 solid 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.ce-usageGroup {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0 !important;
    padding: 10px 0;
    background-color: #ffffff;
    border: #c0c0c0 solid 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.legend-checkbox {
    padding-left: 15px;
}

.legend-radioButton {
    padding-left: 15px;
}

.legend-listBox {

}

/* Recurring Payments page */
.ce-autoPayMenuBar {
    margin: 0 auto;
    background-color: #eeeeee;
    border: none;
}

.ce-autoPayMenuBar table {
    border-collapse: collapse;
    margin-top: 0;
    width: 100%;
}

.ce-autoPayMenuBar .ce-autoPayMenuItem {
    cursor: default;
    padding: 2px;
}

.ce-autoPayMenuBar .ce-autoPayMenuItem-selected {
    background-color: #dddddd;
}

.ce-autoPayMenuBar-vertical .subMenuIcon {
    padding-left: 4px;
}

.ce-autoPayMenuBar-vertical .subMenuIcon-selected {
    background: #dddddd !important;
}

.ce-autoPayMenuBarPopup {
    width: 200px;
}

/* end: infuz based styling */

/* Usage Comparison Page */
.ce-meter-parent-row {
    border-bottom: 1px solid #000000;
}

.ce-meter-child-disabled {
    border-bottom: 1px dotted;
    border-left: 1px dotted;
    border-color: #888888;
}

.ce-meter-child-enabled {
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-color: #000000;
}

/* Admin */
.ce-admin-page-heading {
    font-weight: bold;
    font-size: 1.2em;
    padding: 12px;
}

.ce-adminPageLabelPanel {
    font-weight: bold !important;
    font-family: Arial, sans-serif !important;
    display: inline-block;
    width: 30%;
    min-width: 360px;
}

.ce-adminPageRow {
    padding: 12px;
}

.ce-adminDisclosurePanel {
    padding: 12px;
    background-color: #dedede;
    margin-bottom: 20px;
}

.ce-admin-button {
    margin-right: 5px !important;
}

.ce-admin-help-icon {
    padding-left: 4px;
    padding-bottom: 5px;
}

.ce-adminPageDataWidget {
    vertical-align: top;
    margin-left: 20px;
}

.ce-AdminCheckBox {
    padding-left: 0 !important
}

.ce-AdminDateBox {
}

.ce-AdminIntegerTextBox {
}

.ce-AdminTextBox {
}

.ce-AdminUrlTextBox {
}

.ce-AdminMoneyTextBox {
}

.ce-AdminRichTextArea {
    display: inline-block;
}

.ce-AdminRichTextArea-enabled {
    background-color: white;
    color: #111111;
    width: 492px;
}

.ce-AdminRichTextArea-disabled {
    background-color: #ebebe5;
    color: #888888;
    width: 492px;
}

.ce-AdminMultiselectListBox {
    min-height: 160px
}

.ce-AdminCreditCardCheckBox {
    display: inline-block;
}

.ce-AdminDropDownBox option {
}

.ce-AdminTextArea {
    width: 400px;
    height: 50px;
}

.ce-AdminDragDropBoundary {
    min-height: 500px;
}

.ce-AdminDragDropRow {
    min-height: 20px
}

.ce-AdminDragDropInformationField {
    border: 1px dashed #888888;
    color: #888888;
    background-color: #ffffff;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0 15px 0;
    font-size: 13px;
    margin: 10px 0px 30px 9px;
    /* The above 9px of left padding is part of the 15px for the custom fields drop panels */
}


.ce-AdminDragDropTopInformationText {
    font-weight: bold;
    display: block;
}

.ce-checkBox-leftPad {
    padding-left: 10px;
}

.ce-checkBox-rightPad {
    padding-right: 15px;
}

.ce-container {
    padding: 0 10px;
    width: 800px;
}

.gwt-DialogBox .Caption {
    cursor: move !important;
}

.ce-admin-title {
    width: 100%;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.gwt-TabPanelBottom {
    padding: 0 !important;
}

.ce-admin-color-label {
    border: 2px solid #000000;
    text-align: center;
    width: 220px;
    font-weight: bold;
}

.ce-admin-common-settings {
    border: 3px solid #777777;
    margin-bottom: -40px;
    padding: 10px;
    background-color: #eeeeee;
}

.ce-admin-settings-outer {
    background-color: #eeeeee;
    padding: 10px;
}

.ce-admin-settings-outer td {
    vertical-align: top;
}

.ce-admin-settings-inner {
    padding: 10px !important;
    background-color: #777777;
    border: 1px solid #bbbbbb;
    width: 50%;
    vertical-align: top;
}

.ce-admin-settings-inner .gwt-Label,
.ce-admin-settings-inner div {
    color: #ffffff;
}

/* BEGIN temporary styles until we have a need for the common settings panel */
.ce-admin-common-settings,
.ce-admin-TabPanel .gwt-TabBar,
.ce-theme-admin-message {
    display: none;
}

.ce-admin-settings-inner {
    padding: inherit !important;
}

.ce-admin-settings-inner .gwt-Label,
.ce-admin-settings-inner div {
    color: inherit;
}

.ce-admin-title {
    display: none;
}

.ce-admin-settings-inner {
    background-color: transparent;
    border: none;
    margin-top: -36px;
}

.ce-admin-settings-outer td {
    display: block;
}

.ce-theme-container {
    width: 430px;
}

/* END temporary styles */

.ce-billDetailTableHeader {
    font-weight: bold;
    font-size: larger;
    BORDER-COLLAPSE: collapse;
    WHITE-SPACE: nowrap;
    text-align: center;
}

.ce-usageComparisonTab table {
    height: 100%;
}

.ce-DateRangeTable {
    background: #104d9c;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
}

.ce-DateRangeTable, .ce-DateRangeTable tr td {
    border: 1px solid black;
    text-align: center;
}

.ce-DateRangeTable tr td {
    padding: 1px 5px;
    background: #ffffff;
}

.ce-DateRangeTableHeaderRow {
    font-weight: bold;
}

td.ce-UsageComparisonDateRangeTabsCell div div.ce-usageComparisonTab {
    height: 76px;
    width: 100px;
}

.ce-UsageComparisonCalendarTab {
    height: 100%;
    width: 100%;
    vertical-align: top;
}

.ce-UsageComparisonDateRangeDisplayCell {
    vertical-align: top;
}

td.ce-UsageComparisonDateRangeTabsCell div div.ce-usageComparisonTab {
    padding: 0px;
}

.ce-removeX {
    font-weight: bold;
    color: red;
    background-color: #cccccc;
    height: 20px;
    width: 20px;
}

.ce-smallBlackBorder {
    border: 1px solid black;
    padding: 0px;
}

.ce-center {
    display: table;
    vertical-align: middle;
    text-align: center;
}

.instructions {
    background-color: #dddddd;
    width: 550px;
    padding: 2px 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.instructions p {
    text-indent: 25px;
    margin-top: 0px;
    margin-bottom: 7px;
}

.wizardPopupTable {
    width: 580px;
    height: 381px;
}

.wizardPopupTable tr td {
    vertical-align: top;
}

table.gwt-DatePicker tbody tr td table.datePickerDays tbody tr td.datePickerDay {
    padding-top: 0px;
    padding-bottom: 0px;
}

.gwt-RichTextArea {
}

.hasRichTextToolbar {
    border: 0px;
}

.gwt-RichTextToolbar {
    background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
    border-bottom: 1px solid #bbbbbb;
    padding: 3px;
    margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
    padding: 0px 1px 0px 0px;
    margin-right: 4px;
    margin-bottom: 4px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border: 1px solid #bbbbbb;
    border-bottom: 1px solid #a0a0a0;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.cw-RichText {
    border: 1px solid #bbbbbb;
    border-spacing: 0px;
}

.wizardErrorPanel {
    border: 2px red solid;
    background: #ffcccc;
    width: 80%;
    text-align: left;
}

[class*="streamIcon"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 2px;
}

.streamIcon {
    cursor: pointer;
}

.streamIconNoLink {
    border: 1px solid white;
    border-radius: 6px;
    background-color: white;
}

.spanLink {
    text-decoration: underline;
    cursor: pointer;
}

.ce-error-widget {
    color: black !important;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
    padding: 0px !important;
    background-color: #eeeeee !important;
}

.ce-version-widget {
    border: #000000 solid;
    background-color: #000000;
}

.ce-version-widget td {
    border: #ffffff solid;
    background-color: #ffffff;
}

.ce-version-widget-text {
    color: #000000;
}

.ce-version-widget-titletext {
    color: #000000;
    font-weight: bold;
}

.ce-payNowLoginList {
    list-style-position: inside;
}

.ce-green {
    color: #008000 !important;
}

.ce-iconButton {
    cursor: pointer;
    padding: 0;
}

.ce-peakTimeDisclaimer {
    color: red;
    font-size: smaller;
}

.ce-leftJustify {
    text-align: left !important;
}

.ce-peakTimeGraphTitle {
    border: 1px solid black;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background: #f1f0ef;
    padding: 20px;
    width: 80%;
    margin: 25px 10%;
}

.ce-interParagraphMargin {
    margin-top: 13px;
}

.ce-paymentExtensionsTermsAndConditions {
    padding: 8px;
    border: solid black 1px;
    background: white;
}

.highcharts-legend {
    border: 1px solid black !important;
}

.ce-editAllContactsLink {
    color: blue !important;
    text-decoration: underline !important;
    padding: 3px 0 15px 10px !important;
}

.ce-selectAllContactsBox {
    margin: 0 0 10px 0 !important;
    display: block !important;
}

.alignTop {
    vertical-align: top;
}

.alignMiddle {
    vertical-align: middle;
}

.ce-subscriptionEventType {
    font-size: 18px !important;
}

.ce-disclosurePanelHeader, .ce-disclosurePanelHeader:hover {
    color: black !important;
    padding: 0 !important;
    text-decoration: none !important;
}

.ce-manageNotificationsDisclosurePanelHeader, .ce-manageNotificationsDisclosurePanelHeader:hover {
    color: black;
    padding: 0 !important;
    text-decoration: none !important;
}

.horizontalGradientSeparator {
    background-image: -webkit-gradient(linear, left center, right center, from(#aaaaaa), to(#ebebeb));
    background-image: -webkit-linear-gradient(left, #aaaaaa, #ebebeb);
    background-image: -moz-linear-gradient(left, #aaaaaa, #ebebeb);
    background-image: -o-linear-gradient(left, #aaaaaa, #ebebeb);
    background-image: linear-gradient(to right, #aaaaaa, #ebebeb);
}

.scrollablePopup {
    width: 740px !important;
    height: 540px !important;
    overflow: auto;
}

.scrollablePopupWider {
    width: 840px !important;
    height: 540px !important;
    overflow: auto;
}

/*For the tab panel (My Usage page)*/
.gwt-DecoratedTabBar {
    margin-top: 10px;
    padding-top: 6px;
}

.gwt-TabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-left: 4px;

    /* rounded corners (attempt) */
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.gwt-TabBarItem {
    background-color: #dddddd !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    background-color: white !important;
    /*to overwrite the box-shadow for .get-TabBarItem*/
    box-shadow: 0 0 #ffffff !important;
}

.gwt-TabPanelBottom {
    border-top-width: 0 !important;
    overflow: hidden;
    background: #ffffff;
}

.ce-usageFeatureDescriptionPanel {
    margin: 20px !important;
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    box-shadow: -2px 8px 5px #888888;
    height: 100% !important;
    padding: 3px;
    font-weight: bold !important;
}

.autoWidth {
    width: auto !important;
}

.ce-usageChart {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.ce-chart-loading {
    color: black;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 175px;
}

.ce-noOverflow {
    overflow: hidden;
}

.gwt-SimpleProgressBar-shell {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #000000;
    background-color: #000000;
    height: 14pt;
}

.gwt-SimpleProgressBar-shell .gwt-SimpleProgressBar-text {
    padding: 0px;
    margin: 0px;
    color: white;
}

.ce-prepaidPopupAccountPanel {
    border: 1px solid #bbbbbb;
    padding: 5px;
    margin: 5px;
    width: 98%;
}

.ce-alignLabelWithTextbox {
    margin-top: 3px;
}

.ce-disabled {
    color: #999999 !important;
    cursor: default !important;
}

/*This is here so it's an accepted class throughout Consumer, the actual styling is in Consumer.html*/
.ce-doNotPrint {
}

.ce-dragDropBucketRemovePadding {
    padding: 0 !important;
}

.ce-selectedElement {
    background-color: #dddddd;
}

.ce-dragDropBucket {
    border: 1px solid black !important;
    margin: 15px;
    padding: 0 0 20px 0;
    background: white;
}

.ce-dragDropBucketTitle {
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin-bottom: -15px;
}

.ce-draggableLabel {
    cursor: move;
    padding: 2px 5px;
}

.ce-ctrlClickInstructions {
    text-align: center;
    font-size: smaller;
}

.ce-fullWidth {
    width: 100%;
}

.ce-horizontalCheckbox {
    padding-right: 20px !important;
}

.ce-usageChartLegend {
    white-space: nowrap;
    padding: 10px;
    background-color: #ffffff;
    border: #c0c0c0 solid 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.ce-forceWrap {
    white-space: normal !important;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px !important;
}

.greenButtonRadio {
    margin: 0 4px 2px -12px !important;
}

.input-prepend .add-on {
    margin-right: -5px !important;
}

/*This is the color for the non-selected tabs on Billing & Payments*/
.nav-tabs > li > a {
    color: black !important;
    line-height: 15px !important;
}

.tabs-left > .nav-tabs {
    margin-right: 0 !important;
    text-align: right;
}

h3:not(.bbl h3) {
    margin: 0 0 10px 0 !important;
    border-bottom: 1px solid #cccccc !important;
    color: #888888 !important;
    line-height: 20px !important;
    padding-bottom: 5px;
}

.bbl {

}

.ce-pageSubText {
    margin-left: 10px;
    margin-top: -10px;
}

/* Badger
------------------------- */

.stream-item {
    position: relative;
    margin: 5px 0;
    padding: 39px 19px 14px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 6px;
}

[class*="stream-title"] {
    content: attr(data-badger);
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 7px;
    font-size: 12px;
    color: #ffffff;
    border-top-left-radius: 6px;
    border-bottom-right-radius: 3px;
}

.stream-title-smarthub {
    /*overridden in MasterControl*/
}

.stream-title-facebook {
    background: #1877f2 !important;
}

.stream-title-twitter {
    background: #55acee !important;
}

.stream-title-google {
    background: #da4835 !important;
}

.accordion-body {
    background: white;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ce-dollarTextBox {
    width: 120px !important;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0 !important;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    color: black;
}

table {
    border-collapse: separate !important;
}

label {
    font-weight: 500 !important;
}

.tabs-left > .nav-tabs > li > a {
    white-space: pre-wrap;
}

.ce-tabContentMargin {
    margin-left: 15px;
}

.ce-tabContentRightMargin {
    margin-right: 15px;
}

.ce-fullSizedLabel {
    font-size: 100% !important;
}

.tabs-left > .nav-tabs > li > a {
    background-color: #dddddd;
}

.tabs-left > .nav-tabs > li > a:hover {
    background-color: #cccccc !important;
}

.tabs-left > .nav-tabs > li.disabled {
    pointer-events: none;
}

.tabs-left > .nav-tabs > li.disabled > a:hover {
    cursor: default;
}

.bootstrap-select {
    max-width: 100%;
}

.bootstrap-select > .btn {
    width: 100% !important;
}

.topMargin {
    margin-top: 10px;
}

.gwt-Button {
    color: black !important;
}

.gwt-Button:disabled {
    color: #999999 !important;
}

.dropdown-menu > li > a {
    text-align: left;
}

.dropdown-menu > li.disabled > a {
    cursor: not-allowed !important;
}

.niscButton {
    /*edit in MasterControl*/
}

.niscButton:hover {
    opacity: 0.9;
}

.ce-focus {
    /*edit in ConsumerThemeSettingsRegistry*/
}

.modal-body, .modal-footer {
    background: #eeeeee;
}

.notification-modal-dialog {
    height: 90% !important;
}

.notification-modal-content {
    height: 100%;
}

.overflow-y-only {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.ce-navTab > a {
    background: #dddddd !important;
}

.ce-navTab > a:hover {
    background: #cccccc !important;
}

.ce-tabContent {
    background: white;
    padding: 10px;
}

.ce-thumbnail {
    background: #eeeeee !important;
}

/* To style the cell table on Update My Printed Bill Settings to be the same as other */
.cellTableWithHdrAsData > tbody > tr:nth-child(even) > td {
    background-color: #f9f9f9
}

.cellTableWithHdrAsData > tbody > tr:nth-child(odd) > td {
    background-color: transparent !important;
}

.cellTableWithHdrAsData > tbody > tr:first-child > td {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
    border-top: none;
}

.billingAndPaymentsSystemStyle {
    float: left;
    margin: 10px 0 10px 5px;
    font-size: 120%;
    font-weight: bold;
    width: 100%;
    border-bottom: 2px solid black;
}

.billingAndPaymentsTabs {
    word-break: break-word;
}
.billingAndPaymentsTabs > a {
    min-height: 55px;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #dedede !important;
}

.label, .labelText {
    font-weight: normal !important;
    font-size: 12px !important;
}

.hover-grey:hover {
    background-color: #d8d8d8;
}

.label-red {
    color: red;
}

.label-green {
    color: green;
}

.custListSelectedItem {
    /*Set in Master Control*/
}

@media screen and (max-width: 767px) {
    .directory-listing-body {
        padding-top: 0px;
    }

    .dl-label-field {
        margin-top: 18px;
        margin-bottom: 0px;
        font-size: medium;
        white-space: pre;
    }

    .dl-text-input-min {
        min-width: 150px;
        max-width: 280px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .dl-button-left-col {
        max-width: 100px;
    }

    .dl-button-right-col {
        max-width: 210px;
    }

    .hide-on-search {
        visibility: hidden;
        height: 0px;
        min-height: 0px;
        margin-top: 0px;
    }

    .hide-on-search * {
        visibility: hidden;
        height: 0px;
        min-height: 0px;
        margin-top: 0px;
    }

    .show-on-search {
        visibility: visible;
    }

    .phone-search-col {
        max-width: 100px;
        min-width: 100px;
    }

    .phone-reset-col {
        max-width: 100px;
        min-width: 100px;
    }
}

@media screen and (min-width: 768px) {

    .dl-button-right-col {
        min-width: 150px;
        max-width: 280px;
    }

    .dl-label-field {
        margin-top: 8px;
        font-size: medium;
        white-space: pre;
    }

    .dl-text-input-min {
        min-width: 150px;
        max-width: 280px;
        margin-top: 5px;
    }

    .phone-reset-col {
        min-width: 150px;
        max-width: 170px;
    }

    .search-again {
        visibility: hidden;
        height: 0px;
        min-height: 0px;
        width: 0px;
        min-width: 0px;
        padding: 0px;
        margin: 0px;
    }
}

.dl-button-left {
    margin-top: 10px;
    float: left;
}

.dl-button-right {
    margin-top: 10px;
    float: right;
}

.centered-title {
    font-size: large;
    font-weight: bold;
    text-align: center;
}

.leftMargin {
    margin-left: 10px;
}

.rightMargin {
    margin-right: 10px;
}

.ce-marketingImageContainer {
    margin-top: 10px;
}

.ce-marketingImageContainer img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}

.yellowWarning {
    color: #dddd00;
}

.ce-noDisplay {
    display: none !important;
}

.ce-datepickerEnabled {
    background-color: white !important;
    cursor: pointer !important;
}

div.modal {
    z-index: 9999998 !important;
}

div.modal-backdrop {
    z-index: 9999997;
}

.livePersonWrapper {
    overflow: hidden;
    margin: 5px 0;
}

#jumpButton {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    color: #ffffff;
    font-size: 14px;
    background: #048b56 !important;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    border-radius: 6px;
    white-space: normal;
}

.embeddedLoginFormContainer {
    border: 1px #048b56 solid;
    margin: 0 0 15px 0;
    background-color: #f7f7f7;
}

.flex-row-center-center {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.drag-and-drop-box {
    border: 2px grey solid;
    background: #ffffff;
    text-align: left;
    padding: 15px 15px;
    border-radius: 5px;
    letter-spacing: 0.1em;
    color: rgb(51, 51, 51);
    font-size: 18px;
    font-weight: 500;
}

.highcharts-tooltip span {
    z-index: 900 !important;
}

.highcharts-tooltip > span {
    background: rgba(255, 255, 255, 0.85);
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888888;
    padding: 8px;
}

.rangeSelectorLabel {
    padding-right: 5px !important;
}

.rotate90CW {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate90CCW {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.usageZoomAlignment {
    padding-top: 18px !important;
}

.noLeftPadding {
    padding-left: 0 !important;
}

.noRightPadding {
    padding-right: 0 !important;
}

.noLeftRightPadding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ce-noHover a:hover {
    color: #000000;
}

.ce-sideMargin {
    margin: 0 10px;
}

.overflowAuto {
    overflow: auto;
}

.ce-semiTransparent {
    opacity: 0.5;
}

.ce-customRangeSelectorInfo {
    position: relative;
    margin-left: 40px !important;
    top: -90px;
}

.red-border {
    border: 3px solid red !important;
}

.ce-usageGroup .btn-group > .btn, .ce-usageGroup label, .ce-usageGroup input {
    font-size: 13px;
}

.ce-usageGroup .btn-group[data-toggle="buttons"] > .btn {
    height: 45px;
}

.ce-usageGroup .disabled, .ce-usageGroup [disabled] {
    background-color: #dddddd !important;
    cursor: default !important;
}

.striped-rows > div:nth-of-type(odd) > div.row {
    background-color: #ffffff !important;
}

.striped-rows > div:nth-of-type(odd) > div.row {
    background-color: #ffffff !important;
}

.marginTop10 {
    margin-top: 10px !important;
}

.marginBottom10 {
    margin-bottom: 10px !important;
}

/* This radio-label-wrap-fix style makes long labels on radio buttons wrap beside the radio button instead of underneath */
.radio-label-wrap-fix {
    margin-left: 25px !important;
}

.radio-label-wrap-fix input[type="radio"] {
    margin-left: -20px !important;
}

.hide-dividers .divider {
    display: none;
}

.rectangle-border {
    border-radius: 0px !important;
}

.padding-top-10 {
    padding-top: 10px;
}

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

.horizontal-padding-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.success-background {
    background: green !important;
}

.manage-contact-color-fade-even-row {
    transition: background-color 1s ease-out 2s;
    background: #f1f0ef !important;
}

.manage-contact-color-fade-odd-row {
    transition: background-color 1s ease-out 2s;
    background: inherit !important;
}

.oi-offlineMessage {
    padding-top: 150px;
    padding-bottom: 100px;
    width: 400px;
}

#budgetTable > thead > tr > th:not(:first-child) {
    text-align: center;
}

.bold-important {
    font-weight: bold !important;
}

.net-meter-pattern {
    background: linear-gradient(
            120deg,
            white,
            white 16%,
            transparent 16%,
            transparent 24%,
            white 24%,
            white 36%,
            transparent 36%,
            transparent 44%,
            white 44%,
            white 56%,
            transparent 56%,
            transparent 64%,
            white 64%,
            white 76%,
            transparent 76%,
            transparent 84%,
            white 84%
    ), black;
    width: 13px;
    height: 13px;
    border: 1px black solid;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: -2px;
    margin-right: 3px;
}

.gray-stroke {
    stroke-width: 1px;
    stroke: gray;
}

.no-top-bottom-padding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.admin-service-message {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.message-modal {
    margin-left: 7px !important;
    font-weight: 700 !important;
}

.shom-custom-questions-panel {
    outline: none;
}

.word-wrap {
    word-break: break-all;
}

/*Start Cisco Chat Styles*/
/*
 Styles will apply when device(view port) width is >768px
 */
@media (min-device-width : 768px) {
    .desktop_bubble_chat {
        height: 410px;
        max-height: 410px;
        width: 312px;
        position: fixed;
        bottom: 1em;
        right: 1em;
        border: none;
        outline: none;
        box-sizing: border-box;
        z-index: 999;
        overflow: hidden;
        padding: 0;
    }
}

/*
Styles will apply when device(view port) width is <=768px
*/
@media (max-device-width: 768px) {
    .desktop_bubble_chat {
        height: 100%;
        max-height: 100%;
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        border: none;
        outline: none;
        box-sizing: border-box;
        z-index: 999;
        overflow: hidden;
        padding: 0;
    }
}

/*
  Styles will apply when available width on window resize is >768px
*/
@media (min-width : 768px) {
    .desktop_bubble_chat {
        height: 410px;
        max-height: 410px;
        width: 312px;
        position: fixed;
        bottom: 1em;
        right: 1em;
        border: none;
        outline: none;
        box-sizing: border-box;
        z-index: 999;
        overflow: hidden;
        padding: 0;
    }
}

/*
  Styles will apply when available width on window resize is <=768px
*/
@media (max-width: 768px) {
    .desktop_bubble_chat {
        height: 100%;
        max-height: 100%;
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        border: none;
        outline: none;
        box-sizing: border-box;
        z-index: 999;
        overflow: hidden;
        padding: 0;
    }
}

/*
  Styles will apply when isMobile function returns true
*/
.mobile_bubble_chat {
    height: 100%;
    max-height: 100%;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
    z-index: 999;
    overflow: hidden;
    padding: 0;
}

/*
  Style will apply when chat is minimized
*/
.minimized_chat {
    height: 56px;
}
/*End Cisco Chat Styles*/