/* --------- Main stylesheet for MYA --------- */

/*---------------------------------------------*/
/*                 Typography                  */
/*---------------------------------------------*/

/* Global headings */

h1, h2, h3, h4 {
  margin: 0;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 15px;
}

h2, h3 {
  color: #00853f;
}

@media (min-width: 768px) {
  h1 {
    font-size: 21px;
  }
  h3 {
    font-size: 16px;
  }
  h2, h3 {
    color: #000;
  }
}

h4 {
  font-size: 12px;
}

h1.orange-header,
h2.orange-header,
h3.orange-header,
h4.orange-header {
  color: #ff6319;
}

h4.label-like {
  color: #666;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

@media (min-width: 992px) {
  h4.label-like {
    color: #000;
    font-size: 12px;
    margin-bottom: 0;
  }
}

#content,
#page-content {background-color:#fff;}

@media (min-width: 768px) {
  #content {
    float: right;
    width: 69%;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 10px;
  }
  #page-content {
    float: right;
    width: 72%;
    border:1px solid #ccc;
    padding: 10px;
    margin: 0 10px;
  }
}

#content h2,
.page-content h2,
#content h3,
.page-content h3 {
  color: #00853f;
}
@media (max-width: 768px) {
  #content > h2 {
    margin-left: 10px;
  }
}
@media (min-width: 768px) {
  #content h2,
  .page-content h2,
  #content h3,
  .page-content h3 {
    border-bottom: 1px solid #ccc;
    color: #333;
  }
}

#content .cd-header {
  border-bottom: none;
  margin-bottom: 10px;
}
.cd-content table {
  width: 100%;
}
.cd-content table.horizontal th {
  border-bottom: 1px solid #ccc;
  text-align: center;
}
.cd-content table.horizontal td {
  text-align: center;
}
@media(min-width: 768px) {
  .cd-chargeAmount {
    display: none !important;
  }
}
@media(max-width: 768px) {
  .cd-content table.horizontal td {
    width: 32%;
  }
  .callDetailsModalViewLink {
    text-decoration: underline !important;
  }
}

/* =headline (masthead) main title at top of page */
#headline {margin: auto; height: 80px; padding: 20px 16px 0;}
#headline h1, #headline h2 {display: inline; margin: 0; font-size: 1em; line-height: 1;}

@media (max-width: 768px) {
  .cd-content table.horizontal {
    width: 96%;
    margin: auto 10px;
  }
}
/* Paragraph */

p {
  line-height: 1.35;
}

@media (min-width: 768px) {
  p {
    line-height: normal;
  }
  #makePaymentOrStatment {
    text-align:center;
  }
  p.contentreads{
	font-size:15px;
	margin-bottom:6px;
	margin-top:-20px;
  }
}

.linkBlock p {
  margin: 0;
}

/* Other text elements */

.intro-content {
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 15px;
}

.disclaimer-text {
  font-style: italic;
  margin: 15px 0;
}


/* Color only */

.red-text,
.error-wrapper .red-text {
  color: #c00;
}


/* Links */

a.white {
  color: #fff;
  font-weight: 700;
}

a:hover.white {
  color: #fff;
  text-decoration: underline;
}

.linkBlock {
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  margin-right: 5px;
  vertical-align: top;
}

.linkBlock a {
  display: block;
  margin-bottom: 3px;
  padding: 3px 0;
}

@media (min-width: 768px) {
  .linkBlock a {

  }
}
@media (min-width: 992px) {
  .linkBlock a {
    margin-bottom: 0;
    padding: 0 0 3px;
  }
}


#linkBlockLeft {
  width: 200px;
}

#linkBlockRight {
  width: 200px;
}

#linkBlockHalf {
  width: 450px;
}

ul.linkBlock {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

ul.linkBlock li {
  background: url("../images/bullet_arrowOrange.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  list-style-type: none;
  margin-left: 20px;
  padding: 3px 0 0 15px;
}

ul.linklist {margin: 1em 0; padding: 0px 0px 0px 12px;}

ul.linklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 7px 0;
}

.linklist a {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding:  0;
  vertical-align: top;
}

@media (min-width: 992px) {
  .linklist a {
    display: inline-block;
    font-size: 12px;
  }
  ul.linklist li {
    margin: 0;
  }
}

.billingAddressSubmit a,
#make-additional-payment,
#GetBills {
  display: block;
  font-size: 14px;
  text-align: center;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .billingAddressSubmit a,
  #make-additional-payment,
  #GetBills {
    display: inline-block;
    font-size: 12px;
    text-align: left;
  }
}


/* Money formatting */

.dollar-sign,
.dollars,
.cents {
  vertical-align: text-top;
}

.dollar-sign,
.cents {
  font-size: small;
}

/* Forms */

.responsive input,
.responsive select {
  border: 1px solid #aaa;
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 20px;
  height: 35px;
  padding: 1px 5px;
  width: 100%;
}

@media (min-width: 768px) {
  .responsive input,
  .responsive select {
  }
  #view-current-statement-button-mobile {
    display:none;
  }
  #GetBillsMobile {
    display:none;
  }
}

.disabled {
  opacity:0.5;
}
@media (max-width: 767px) {
  #view-current-statement-button {
    display:none;
  }
  #GetBills {
    display:none;
  }
  .group-break {
    border-bottom: 1px solid #ccc;
  }
}
@media (max-width: 992px) {
  .makePaymentOrStatment {
    text-align:center;
  }
}
@media (min-width: 992px) {
  .responsive input,
  .responsive select {
    border-radius: 0;
    border-color: #aaa;
    box-sizing: content-box;
    font-size: 14px;
    height: auto;
    margin: 2px 0 0;
    padding: 2px 0;
    width: auto;
  }
}

.responsive label {
  color: #666;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
}

@media (min-width: 768px) {
  .responsive label {
  }  
}

@media (min-width: 992px) {
  .responsive label {
    color: #000;
    font-size: 12px;
    margin-bottom: 0;
    width: auto;
  }
}

.responsive input[type="checkbox"] {
  height: auto;
  width: auto;
}


/* Forms: One-off styles */

#main-content .example {
  color: #999;
  font-size: 12px;
  font-style: italic;
  margin-top: 2px;
}

.new-registration-flow input {
  margin-bottom: 15px;
}

#add-an-account-wrapper input[type="text"]  {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  #add-an-account-wrapper input[type="text"] {
    width: 250px;
  }
}

#add-an-account-wrapper #continueButton {
  margin-top: 10px;
}


/* Tables */

table.responsive {
  width: 100%;
}

@media (min-width: 768px) {
  table.responsive {
    width: 75%;
  }
}

.responsive td,
.responsive th {
  font-size: 13px;
  height: 25px;
  vertical-align: middle;
}

a.paymentModalViewLink {
  color:#000;
  pointer-events: none;
  cursor: text;
}

@media (min-width: 768px) {
  .responsive td,
  .responsive th {
    font-size: 12px;
    height: 20px;
  }
}

@media (max-width: 768px) {
  a.paymentModalViewLink {
    color: #00853F;
    text-decoration:underline;
    pointer-events:auto;
    cursor: pointer;
  }
}

.responsive th {
  padding: 1px;
}
.responsive th.required label{
    color: #c00;
    font-weight: bold;
}
#saveChangesButton{border:none;display:inline;margin:0px;}
a.targetlink {padding-left: 10px; background: url("/static/images/arrowTargetLink.gif") no-repeat center left;}
table {border-collapse: collapse; empty-cells: show;}
td, th {vertical-align: top;}

/* =Horizontal (=zebra striped) table (one record per row, with top row table headings) */
.horizontal thead th {text-align: left; padding: 2px 4px;}
.horizontal tbody td {padding: 2px 4px; background: #eee}

.horizontal tbody tr:nth-child(2n) td {
  background: #fff;
}

.horizontal th.number, .horizontal td.number {text-align: right;}

/* Tables with =collapsible detail rows */
table.collapsible a.toggle {padding-right: 18px; background: url("/static/images/toggleMinus.gif") no-repeat right; float: right;}
table.collapsible a.closed {background-image: url("/static/images/togglePlus.gif");}
table.collapsible tr.closed  {display: none;}
table.collapsible .details td, table.collapsible .details th {cursor: pointer;}

/* =Vertical forms (one control per row, right-justified label beside control) */
table.vertical {
  max-width: 100%;
}

.vertical th,
.vertical td {
    padding: 2px 4px 2px 0;
}

@media (min-width: 768px) {
  .vertical th,
  .vertical td {
      padding: 2px 4px;
  }
}


.vertical th {
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
}

.vertical .textOnly {padding-bottom: 0.5em;}
form .vertical label { line-height: 1.75em;}
form {/* margin: 0 0 1.5em; */}
form table {border-collapse: collapse; empty-cells: show; }
form .inputFields input {width: 200px;}
form .submitFields td {text-align: right;}
tbody.alert td {font-weight: bold; color: #c00;}

#view-pay-bills table.vertical  {
  font-size: 13px;
}

#view-pay-bills .vertical th {
  text-align: left;
}

#view-pay-bills #yourBillHeading {
  margin-bottom:5px;
  font-size:20px;
}

#yourBillIframeHeading {
  font-size:20px;
  border:none;
  margin-bottom:5px;
  font-weight:bold;
}

#iframeNote {
  font-size:12px;
  font-style:italic;
  font-weight:normal;
  margin: 5px 0px 0px 10px;
  border-style:none;
  border:none;
}

@media (min-width: 768px) {
  #view-pay-bills table.vertical  {
    font-size: 13px;
  }

  #view-pay-bills .vertical th {
    text-align: right;
  }
}

#scheduled-payments-table {
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  #scheduled-payments-table {
    margin: 5px 0 0;
  }  
}

#scheduled-payments-table td {
  font-size: 14px;
  vertical-align: middle;
}

#scheduled-payments-table td:nth-child(2) {
  padding-right: 3px;
  text-align: right;
}  

#scheduled-payments-table td:nth-last-child(2) {
  text-align: center;
  width: 50%;
}
@media (min-width: 768px) {
  #scheduled-payments-table td {
    font-size: 12px;
  }
  #scheduled-payments-table td:nth-child(2) {
    padding-right: 3px;
    text-align: right;
  }  
  
  #scheduled-payments-table td:nth-last-child(2) {
    text-align: left;
    width: 25%;
  }

}

#scheduled-payments-table tr {
  height: 30px;
}

@media (min-width: 768px) {
  #scheduled-payments-table tr {
      height: 24px;
  }  
}

tr#scheduled-payment-1:not(:last-child) {
  border-bottom: 1px dotted #ccc;
}
/*
.scheduled-payment-date-paid {
  width: 25%;
}

.scheduled-payment-total-amount-paid {
  width: 25%;
}
*/
@media (min-width: 768px) {
  .scheduled-payment-date-paid {
    width: 15%;
  }

  .scheduled-payment-total-amount-paid {
    width: 15%;
  }
  
  .scheduled-payment-from-account {
    width: 35%;
  }

}

#scheduled-payment-payBill-container {
  width: 100%;
}

/*---------------------------------------------*/
/*                 Containers                  */
/*---------------------------------------------*/
 
#main {
  margin-top: 0px;
}

.grad{background-color:#fff; background-image:linear-gradient(top, #fff, #eee); background-image: -webkit-linear-gradient(top, #fff, #eee);background-image: -moz-linear-gradient(top, #fff, #eee);background-image: -ms-linear-gradient(top, #fff, #eee);background-image: -o-linear-gradient(top, #fff, #eee);}
.contentBlock{overflow:hidden; border:1px solid #ccc; -moz-border-radius: 6px; border-radius: 6px; margin-bottom:15px; padding:10px; behavior:url(/static/js/PIE.htc);}

.content-box {
  padding-bottom: 15px;
}

@media (min-width: 768px) {
  .content-box {
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 15px;
    behavior: url(/static/js/PIE.htc);
    padding-top: 10px;
  }
}

.box {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  -moz-border-radius: 6px;
  behavior: url(/static/js/PIE.htc);
}

.content-box-inner {
  padding: 0 0 15px;
}

@media (min-width: 768px) {
  .content-box-inner {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
    padding: 15px;
  }
}

.error-wrapper {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
}

@media (min-width: 768px) {
  .error-wrapper {
    background-color: #fff;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
  }
}

#message_container {
  overflow: hidden;
  margin-bottom: 10px;
  height: 20px;
  display: none;
}

#message_container p {
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  #main-content{
    background: -webkit-linear-gradient(top, #fff, #eee);
    background: -moz-linear-gradient(top, #fff, #eee);
    background: -ms-linear-gradient(top, #fff, #eee);
    background: -o-linear-gradient(top, #fff, #eee);
    background: linear-gradient(top, #fff, #eee);
    -pie-background: linear-gradient(#fff, #eee); /*ie 6-9 via PIE*/
      behavior:url(/static/js/PIE.htc);
  }
}

.content-box-border {
  border: 1px solid #ccc;
  border-radius: 6px;
}

.page-content {
  background: #fff;
  margin: 0 0 0px; 
}

@media (min-width: 768px) {
  .page-content {
    border: 1px solid #ccc;
    margin: 0;
    padding: 10px;
  }
}


/* Temporary bootstrap-like stuff */

.container-wrapper {
  font-size: 0;
}

.left-align {
  margin-right: 0.75%;
}

.right-align {
  margin-left: 0.75%;
}

.half-width {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
  width: 49.25%;
}


/* Old bootstrap-like stuff */

/* =Columns */
.columns {width: 100%; overflow: hidden;}
.columns .col {float: left;}
/* =columns two-column standard */
.two .col1 {margin-right: 18px; line-height: 1.5em;}
.two .col2 {padding: 0 2px 0px; float:right; line-height: 1.5em;}

@media (min-width: 768px) {
  .two .col1,
  .two .col2 {width: 325px;}
}

/* =Capsule -- shaded box  */
@media (min-width: 768px) {
  .capsule {
      border: 1px solid #d9d9d9;
      background: #f3f5f6;
      margin-bottom: 1em;
      padding: 15px 20px;
  }
}

/* =Capsule -- shaded box for smallest size as well */
@media (min-width: 80px) {
  .capsuleSm {
      border-radius: 5px;
      border: 1px solid #ccc;
      background: #eee;
      margin-bottom: 1em;
      padding: 10px 20px 10px;
  }
  .exemptCapsuleSm{
  padding: 10px 10px 10px 20px;
  }
}

#content .capsule h2, #content .capsule h3 {border: none; padding: 0; margin: 0 0 0.5em;}
#content .capsule h2 {font-size: 1.4em;}
.capsule ul.linklist li {list-style-image: url("/static/images/arrowTargetLink.gif"); padding-bottom: 1em;}

div.full{width:942px; clear:both; margin:0; margin-bottom:8px;}
div.half{width:465px; margin:0; margin-bottom:8px;}
div.oneQtr{width:235px; margin:0; margin-bottom:8px;}
div.threeQtr{width:690px; margin:0; margin-bottom:8px;}
div.left{float:left; margin-right:5px;}
div.leftNoFloat{margin-right:5px;}
div.right{float:right !important; margin-left:5px;}
div.threeQtrClear{width:690px; clear:both; margin:0; margin-bottom:8px;}
div.sixTwenty {width:620px; margin:0;padding-bottom:15px;}


/*---------------------------------------------*/
/*                    Promo                    */
/*---------------------------------------------*/

.promo {
  background: #a5d867;
  margin: 0 -10px;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}

.promo .text,
.promo .heading {
  font-weight: 700;
  line-height: 1;
}

.promo .text {
  font-size: 14px;
  margin: 0 0 5px;
}

.promo .heading {
  font-size: 26px;
}

.promo .link,
.promo .link:hover {
  text-decoration: none;
}

.promo sup {
  font-size: small;
}

@media (min-width: 768px) {
  .promo {
    background: transparent;
    margin: 0;
    padding: 25px 0;
  }

  .promo .text {
    font-size: 18px;
  }

  .promo .heading {
    font-size: 36px;
  }
}


/*---------------------------------------------*/
/*       Page Name and Account Selector        */
/*---------------------------------------------*/

#accountHead_container {
  padding: 0 0 15px;
}

@media (min-width: 768px) {
  #accountHead_container {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
}

#passwordResetWrapper .success {
  padding: 15px 10px 15px 40px;
  background: #FFFFFF url("/static/images/successicon.gif") no-repeat 1px 7px;
}

@media (max-width: 991px) {
}
#pageName {
  padding-right: 0;
}

h1.pageHead {
  color: #999;
  display: inline;
  font-weight: 700;
  margin: 0;
}

@media (min-width: 768px) {
  h1.pageHead {
    color: #00853f;
  }
}

h1.pageHead a {
  color: #999;
}

#single-account-header,
#mobile-account-number {
  font-size: 16px;
  font-weight: 700;
}

#single-account-header {
  color: #666;
}

@media (min-width: 768px) {
  #single-account-header {
    color: #000;
    font-size: 12px;
    font-weight: 400;
  }
}

#accountSelected {
  padding-left: 0;
  text-align: right;
}

@media (min-width: 768px) {
  #accountSelected {
    padding-top: 5px;
  }
}

form#selectAccount{ margin:0; padding:0; }

.schPaymentDesclaimer {
  font-style: italic;
  font-size: 11px;
}

.contentCont{ overflow:hidden; position:relative; background-color:#fff; border:1px solid #ccc; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; padding:10px; text-align:left; behavior:url(/static/js/PIE.htc);}
.contentCont p{margin:0px;padding:0px;}
.contentCont a{text-decoration:underline; font-size:12px;}
.contentCont a.other{font-size:11px;}


/*---------------------------------------------*/
/*            Select Account page              */
/*---------------------------------------------*/

.selectacct,
.selectacct p {
  font-size: 14px;
  line-height: 1.25;
  margin: 0 0 15px;
  padding: 0;
}

@media (min-width: 768px) {
  .selectacct,
  .selectacct p {
    font-size: 12px;
  }
}

.selectacct ul {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}

.selectacct ul a {
  display: inline-block;
  font-size: 16px;
  line-height: 2;
}

@media (min-width: 768px) {
  .selectacct ul a {
    font-size: 12px;
    line-height: 1.3;
    text-decoration: underline;
  }
}

@media (min-width: 768px) {
  .selectacct {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 15px;
  }
}

.selectacct h2 {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .selectacct h2 {
    margin-bottom: 12px;
  }
}

.selectacct h4 {
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0 10px;
}

@media (min-width: 768px) {
  .selectacct h4 {
    font-size: 13px;
    margin: 5px 0 0;
  }
}

.selectacct h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
}

#mobile-business-message {
  margin-bottom: 25px;
}


/*---------------------------------------------*/
/*                 Summary Page                */
/*---------------------------------------------*/

h3.contHead,
.billCont,
.servicesCont,
div.tab_bottom,
#supportResources {
  -webkit-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  -moz-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
}

#accountInfo_container {
  margin-bottom: 10px;
}

#accountMgmt_container {
  margin-top: 25px;
}

@media (min-width: 768px) {
  #accountInfo_container {
    margin-bottom: 0;
  }

  #accountMgmt_container {
    margin-top: 0px;
  }
}


/* Headings */

#accountInfo_MyBill h3.contHead,
#accountMgmt_container h3.contHead,
#accountInfo_MyBill .billCont,
#acct-status  p.contHead,
#accountMgmt_container #supportResources {
  border: none;
  box-shadow: none;
}

#accountInfo_MyBill h3.contHead,
#accountMgmt_container h3.contHead {
  border-radius: 2px;
}

@media (min-width: 768px) {
  #accountInfo_MyBill h3.contHead,
  #accountMgmt_container h3.contHead,
  #accountInfo_MyBill .billCont,
  #accountMgmt_container #supportResources {
    border: 1px solid #ccc;
    -webkit-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
    -moz-box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
    box-shadow: 3px 3px 2px 0px rgba(195, 195, 195, 0.5);
  }
  #accountInfo_MyBill h3.contHead,
  #accountMgmt_container h3.contHead,
#acct-status  p.contHead   {
    border-radius: 6px 6px 0 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    border-bottom: 0;
  }
}


/*---------------------------------------------*/
/*              Billing Overview               */
/*---------------------------------------------*/

.billCont {
  position: relative;
  background-color: #fff;
  min-height: 195px;
  border: 1px solid #ccc;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-top: 0;
  padding: 10px;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}

.billCont a {
    text-decoration: underline;
    font-size: 14px;
}

@media(min-width: 768px) {
  .billCont a{
    font-size:12px;
  }
}

@media (min-width: 992px) {
  .billCont a.other{font-size:11px;}
}

#review-bill-details {
  font-size: 12px;
}

.servicesCont {
  border: 1px solid #ccc;
  border-bottom: none;
  border-top: none;
  background-color: #fff;
  text-align: left;
  behavior: url(/static/js/PIE.htc);
}

h3.contHead {
  text-align: left;
  color: #333;
  background-color: #E8E8E8;
  font-size: 16px;
  font-weight: bold;
  line-height: 2.5;
  padding: 0 5px;
  padding-left: 10px;
  border: 1px solid #ccc;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 0;
  center;
  margin: 0px;
  behavior: url(/static/js/PIE.htc);
}
h3.contHeadFinal{
  text-align:left;
  color:#FFF;
  background-color:#00853F;
  font-size:14px;
  font-weight:bold;
  padding:5px;
  padding-left:10px;
  border:1px solid #ccc;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-topleft: 6px;
  border-radius: 6px 6px 0px 0px;
  border-bottom:1px solid #ccc;
  center;
  margin:0px;
  behavior:url(/static/js/PIE.htc);
}

#scheduled-payments-wrapper {
  margin-top: 15px;
}

#scheduled-payments-wrapper h4 {
  font-size: 14px;
}

@media (min-width: 768px) {
  #scheduled-payments-wrapper h4 {
    font-size: 12px;
  }
}

#make-additional-payment {
  margin: 15px 0;
}

@media (min-width: 768px) {
  #make-additional-payment {
    margin: 0;
  }
}

.billCont #linkBlockRight {
  width: auto;
}

@media (min-width: 768px) {
  .billCont #linkBlockRight {
    width: 200px;
  }
}

#last-payment-details {
  line-height: 1.35;
}

p.welcome{display:inline; margin:0px; margin-right:15px; padding:0px; font-weight:bold; font-size:12px;}

#bill_container {
  font-size: 12px;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  #bill_container {
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  #bill_container {
    padding-bottom: 10px;
  }

}

#bill_container div.billRow{display:block; border-bottom:1px dotted #ccc;margin-bottom:2px;padding-bottom:2px;}
#bill_container div.billItem{display:inline-block; *display: inline; zoom: 1; text-align:left; font-weight:bold; width:300px;}
#bill_container div.billValue{display:inline-block; *display: inline; zoom: 1; text-align:right; font-weight:bold; width:130px;}
#bill_container .pad{display:inline-block; *display: inline; zoom: 1; padding:15px 0px; border-bottom:none;}
#bill_container .highlight{color:red}
#bill_container div.unavailable{display:inline-block;color: GREY;font-style:italic;}

ul.productList{list-style-type:none; margin:0px; padding:0px; font-weight:bold}
ul.productList .upgrade{font-weight:normal}
ul.featureList{font-weight:normal;list-style-type:none;margin:0px; padding:0px; padding-top:5px; margin-left:20px;}


/*---------------------------------------------*/
/*                  My Services                */
/*---------------------------------------------*/

#accountInfo_MyServices {
  position: relative;
  float:right;
  margin-bottom: 20px;
}

#servicesTabsContent .inline-button {
  display: inline-block !important;
}

#servicesTabsContent .ctlButton {
  margin-top: 10px;
}

ul.servicesTabs {
  background-color: #e8e8e8;
  text-align: left;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left:5px;
  line-height: 24px;
  position: relative;
  behavior:url(/static/js/PIE.htc);
}

ul.servicesTabs li {
  position: relative;
  width: 68px;
  height: 25px;
  margin: 0;
  padding: 5px 5px 0px 5px;
  border: 1px solid #aaa;
  background: #f6f6f6;
  display: inline-block;
  zoom: 1;
  -moz-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  text-align: left;
  vertical-align: bottom;
  behavior: url(/static/js/PIE.htc);
}

@media (min-width: 992px) {
  ul.servicesTabs li {
    padding: 5px 0 0 5px;
    width: 100px;
  }
}

ul.servicesTabs li:not(:last-child) {
  margin-right: 3px;
}

ul.servicesTabs a {
  font-size: 0;
  color: #555;
  margin: 0 auto;
  text-decoration: none;
}

@media (min-width: 992px) {
  ul.servicesTabs a {
    font-size: 12px;
    margin: 0;
  }
}


ul.servicesTabs li.selected {
    background-color: #FFF;
    color: #000;
  border-bottom:1px solid #fff;
}

div#servicesTabsContent{background-color:#fff;border:none;behavior:url(/static/js/PIE.htc);}
#servicesTabsContent .tabContentCont{display:none; overflow:hidden; position:relative; padding:5px; }
#servicesTabsContent .selected{display:block;}

ul.servicesTabs li a{font-weight:bold;}
ul.servicesTabs li a:active{outline:none; border-style:none;}
ul.servicesTabs li a:hover{color:#000;}

#tab_hsi.selected {
  color: green;
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -102px -14px;
  width: 30px;
  height: 26px;
  text-indent: 39px;
}

#tab_hsi {
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -134px -13px;
  width: 30px;
  height: 26px;
  text-indent: 39px;
}

#tab_phone.selected {
  color: green;
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -86px -79px;
  width: 25px;
  height: 26px;
  text-indent: 35px;
}

#tab_phone {
  display: block;
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -110px -79px;
  width: 25px;
  height: 26px;
  text-indent: 35px;
}

#tab_wireless.selected {
  color: green;
  display: block;
  background-repeat: no-repeat;
  background-position: -390px -91px;
  width: 16px;
  height: 26px;
  text-indent: 26px;
}

#tab_wireless {
  display: block;
  background-repeat: no-repeat;
  background-position: -406px -91px;
  width: 16px;
  height: 26px;
  text-indent: 26px;
}

#tab_homeSecurityTab {
  display: block;
}

@media (min-width: 992px) {
  #tab_hsi {
    background-position: -132px -13px;
  }
  #tab_hsi.selected {
    background-position: -99px -14px;
  }
  #tab_phone {
    background-position: -112px -79px;
  }
  #tab_phone.selected {
    background-position: -88px -79px;
  }
  #tab_wireless {
    background-position: -405px -91px;
  }
  #tab_wireless.selected {
    background-position: -390px -91px;
  }
}


div.tabContentLeft {
  border-radius: 10px;
  border: 1px solid #ccc;
  float: left;
  margin-right: 10px;
  min-height: 123px;
  overflow: hidden;
  width: 100%;
}

@media (min-width: 992px) {
  div.tabContentLeft {
    width: 290px;
  }
}

div.tabContentLeft .tab1_icon {
  float: left;
  font-size: 11px;
  width: 100px;
  height: 110px;
  margin: 5px 10px;
  background-color: #fff;
  overflow: hidden;
}

div.tabContentLeft .tabContent {
  float: right;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.25;
  width: 220px;
  min-height: 113px;
  padding: 5px 10px 5px 0px;
  background-color: #fff;
}

@media (min-width: 992px) {
  div.tabContentLeft .tabContent {
    font-size: 11px;
    line-height: normal;
    width: 170px;
  }
}

div.tabContentLeft .tabContent p {
  margin: 8px 0px 8px 0px;
}

div.tabContentLeft .tabContent#tab_content_wireless {
  width: 265px;
  padding: 5px 15px 5px 5px;
}


/* Loading interstitial */

#tab_loading_hsi {
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 12px;
  height: 100%;
  left: 0;
  margin: 0 2%;
  top: 0;
  width: 96%;
  padding-top:62px;
}


/*---------------------------------------------*/
/*         My Services: TV Tab - Prism         */
/*---------------------------------------------*/

#tab_tv.selected {
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -295px -181px;
  color: green;
  display: block;
  height: 26px;
  text-indent: 45px;
  width: 35px;
}

#tab_tv.selected.prism {
  background-position: -275px -132px;
}

#tab_tv.prism {
  background-position: -308px -132px;
}
#tv_links {
  height:90px;
  }
#tab_tv {
  background-image: url(/static/images/mya_sprite_ctl.png);
  background-repeat: no-repeat;
  background-position: -262px -181px;
  display: block;
  height: 26px;
  text-indent: 45px;
  width: 35px;
}

@media (min-width: 992px) {
  #tab_tv {
    background-position: -262px -181px;
  }
  #tab_tv.selected {
    background-position: -295px -181px;
  }
  #tab_tv.prism {
    background-position: -308px -132px;
  }
  #tab_tv.selected.prism {
    background-position: -275px -132px;
  }
}

#get-prism-tv-now-button,
#chat-online-order-prism,
#chat-online-manage,
#manage-prism-tv-button,
#get-directv-button,
#chat-online-order-directv,
#chat-online-manage-prism {
  display: none;
}

#tab_tv.prism .ctlButton {
  margin-top: 10px;
}

/*---------------------------------------------*/
/*       My Services: TV Tab - DirecTV         */
/*---------------------------------------------*/
#tab_icon_tv_col .tab_icon.directv {
  background-position: -172px -80px;
}
#tab_icon_dtv_col .tab_icon.directv {
  background-position: -172px -80px;
}

#tab_tv.selected.directv {
  background-position: -274px -96px;
}

#tab_tv.directv {
  background-position: -308px -96px;
}

@media (min-width: 992px) {
  #tab_tv.directv {
    background-position: -306px -96px;
  }
}

#chat-online-order-prism,
#chat-online-manage-prism,
#chat-online-order-directv {
  margin-top: 10px;
  width: 130px;
}

/*---------------------------------------------*/
/*         My Services: Internet Tab           */
/*---------------------------------------------*/

#tab_icon_hsi_col {
  float: left;
  width: 110px;
  height: 100%;
  position: relative;
}

#tab_icon_hsi_col.hsi-upgrade-available {
  width: 120px;
}

#tab_content_hsi.hsi-upgrade-available {
  width: 150px;
}

/* Left side icon */
#tab_icon_hsi_col .tab_icon {
  width: 100px;
  height: 75px;
  margin-right: 5px;
  background: #fff url(/static/images/mya_sprite_ctl.png) no-repeat 0px 1px;
}

#tab_icon_hsi_col .below_icon {
  clear: both;
  margin-left: 6px;
  vertical-align: bottom;
  position: relative;
  z-index: 100;
}

#tab_icon_hsi_col.hsi-available {
  margin: 5px;
  width: 130px;
}

#tab_icon_hsi_col.hsi-available .tab_icon {
  background: url(/static/images/mya_sprite_ctl.png) no-repeat -448px -16px;
  box-sizing: border-box;
  color: #00853F;
  font-size: 20px;
  font-weight: 700;
  height: 85px;
  padding: 14px 0 0 9px;
  width: 120px;
}

#tab_icon_hsi_col.hsi-available .tab_icon span {
  display: block;
  line-height: 1;
  text-align: center;
  width: 36px;
}

#tab_icon_hsi_col.hsi-available.gigabyte .tab_icon {
  background: url(/static/images/mya_sprite_ctl.png) no-repeat -476px -120px;
  color: #000;
  padding-top: 12px;
}

#tab_icon_hsi_col.hsi-available.triple-digits .tab_icon {
  font-size: 17px;
  padding-top: 16px;
}

#tab_content_hsi.hsi-available {
  width: 140px;
}

/* Dynamic content */
#highest-non-gpon,
#highest-non-gpon-no-shop-cta,
#highest-non-gpon-yes-shop-cta,
#hsi-not-available,
#hsi-available,
#hsi-available-no-shop-cta,
#hsi-available-yes-shop-cta,
#highest-gpon,
#highest-gpon-no-shop-cta,
#highest-gpon-yes-shop-cta,
#hsi-upgrade-available,
#hsi-upgrade-available-no-shop-cta,
#hsi-upgrade-available-yes-shop-cta,
#bb-exhaust-owned,
#bb-exhaust-not-owned,
#hsi-TNs,
#hsi-TNs-cantshop,
#hsi-TNs-canshop,
#prism-hsi,
#prism-hsi-cantshop,
#prism-hsi-canshop,
#prismOwn-hsiOwn,
#prismOwn-hsiOwn-cantshop,
#prismOwn-hsiOwn-canshop{
  display: none;
}

#hsi-available-yes-shop-cta,
#hsi-upgrade-available-yes-shop-cta {
  text-align: center;
}

#internet-speed-text {
  font-weight: 700;
}


/*---------------------------------------------*/
/* My Services: Phone Tab                      */
/*---------------------------------------------*/
#phone_notown,
#phone_notown_cnt_shop,
#phone_notown_shop,
#phone_own,
#phone_own_shop,
#phone_own_cntshop,
#phone_own_grandfather,
#phone_own_grandfather_shop,
#phone_own_grandfather_cntshop,
#phone_max_own,
#phone_max_own_shop,
#phone_max_own_cntshop, 
#phone-TNs,
#phone-TNs-cantshop,
#phone-TNs-canshop{
  display: none;
}



#potsTabContainer{display:block; overflow:hidden;}
#cvoipTabContainer{display:block; overflow:hidden;}
#prismTabContainer{display:block; overflow:hidden;}
#dtvTabContainer{display:block; overflow:hidden;}
.separate{ border-top:1px solid #ccc;}

#tab_icon_phone_col{float:left; width:110px; height:100%; position:relative; }
#tab_icon_phone_col .tab_icon{width:65px; height:100px; margin-bottom:10px; margin-right:20px; background:#fff url(/static/images/mya_sprite_ctl.png) no-repeat -5px -72px;}
#tab_icon_phone_col .below_icon{clear:both; margin-left:6px; vertical-align:bottom; position:relative; z-index:100;}

#tab_icon_cvoip_col{float:left; width:110px; height:100%; position:relative; }
#tab_icon_cvoip_col .tab_icon{width:90px; height:100px; margin-bottom:10px; margin-right:20px; background:#fff url(/static/images/mya_sprite_ctl.png) no-repeat -395px -182px;}
#tab_icon_cvoip_col .below_icon{clear:both; margin-left:6px; vertical-align:bottom; position:relative; z-index:100;}

#tab_icon_tv_col{float:left; width:110px; height:100%; position:relative;}
#tab_icon_tv_col .tab_icon{width:95px; height:80px; margin-bottom:20px; margin-right:10px; background:#fff url(/static/images/mya_sprite_ctl.png) no-repeat -169px -160px;}
#tab_icon_tv_col .tab_icon.prism {background-position: -172px 0px;}
#tab_icon_tv_col .below_icon{clear:both; margin-left:6px; vertical-align:bottom; position:relative; z-index:100;}

#tab_icon_dtv_col{float:left; width:110px; height:100%; position:relative;}
#tab_icon_dtv_col .tab_icon{width:95px; height:80px; margin-bottom:20px; margin-right:10px; background:#fff url(/static/images/mya_sprite_ctl.png) no-repeat -169px -160px;}
#tab_icon_dtv_col .tab_icon.prism {background-position: -172px 0px;}
#tab_icon_dtv_col .below_icon{clear:both; margin-left:6px; vertical-align:bottom; position:relative; z-index:100;}

#tab_icon_wireless_col{float:left; width:70px; height:100%; position:relative; text-align: center;}
#tab_icon_wireless_col .tab_icon{display: inline-block; width:50px; height:85px; margin:10px 0; background:#fff url(/static/images/mya_sprite_ctl.png) no-repeat -342px -85px;}
#tab_icon_wireless_col .below_icon{clear:both; margin-left:6px; vertical-align:bottom; position:relative; z-index:100;}

/* HSI Speed Bar */
.HSIspeed {
    /*container*/
    
    display: none;
    top: 0px;
    left: 0px;
    width: 98px;
    height: 28px;
    overflow: hidden;
    background: url(/static/images/HSI_speed.gif) no-repeat top left transparent;
}

.HSIspeed_bkg {
    /*gray*/
    
    position: absolute;
    z-index: -5;
    top: 0px;
    left: 0px;
    height: 25px;
    width: 81px;
    margin-left: 17px;
    background-color: #eee
}

.HSIspeed_graph {
    /*gold*/
    
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 25px;
    width: 10%;
    margin-left: 16.5%;
    background-color: #FFCC00
}

.HSIspeed_text {
    /*currSpeedTxt*/
    
    position: absolute;
    z-index: 6;
    top: 0px;
    height: 100%;
    width: 63px;
    left: 0px;
    padding: 10px 0 0 35px;
    font-size: 10px;
    font-weight: bold;
}

.HSIspeed_max {
    /*maxSpeedTxt*/
    
    display: none;
    position: absolute;
    top: 30px;
    margin-left: 2px;
    color: #999;
    font-size: 10px;
}

.HSIspeed_text span {
    font-size: 10px;
    font-weight: bold;
}

.loadingOverlay{position:absolute; z-index:990; padding-top:50px; color:#333; font-weight:bold; background-image:url(/static/images/bkg_trans_white_64.png);background-repeat:repeat; text-align:center; vertical-align:middle;}

.btnCont{margin-top:10px;clear:both;overflow:hidden;height:20px;padding:5px 0px;}

div.tabContentRight {
  width: 145px;
  min-height: 118px;
  display: none;
  float: right;
  vertical-align: top;
  position: relative;
}

@media (min-width: 992px) {
  div.tabContentRight {
    display: block;
  }
}


div.tabContentRight a {
  font-size: 11px;
  text-decoration: underline;
}

div.tabContentRight p {
  margin: 0;
  padding: 0;
}

div.tabContentRight .linkBlock {
  padding-top: 6px;
}


div.tab_bottom {
  clear: both;
  margin: 0px;
  height: 20px;
  padding: 8px 5px 5px 15px;
  overflow: hidden;
  background-color: #CBC8C8;
  color: #fff;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  behavior: url(/static/js/PIE.htc);
}
div.tab_bottomfinal{clear:both;margin:0px;height:20px;padding:8px 5px 5px 15px;background-color:#00853F;color:#fff;-moz-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px;behavior:url(/static/js/PIE.htc);}
div.tab_final{font-size: 12px;margin:0px;min-height: 182px;padding:8px 15px 5px 15px;background-color:#EDEDED;color:#333;}
.contentContFinal{ background-color:#EDEDED; border-radius: 6px; -moz-border-radius: 6px; height:190px; behavior:url(/static/js/PIE.htc);}


 ul#noIndent {margin-bottom: 10px;}
 ul#noIndent li {margin-left: 0px;}

div.contentLeft{display:none; font-size:11px; overflow:hidden; min-height:110px;}

div.contentLeft p {
  font-size: 12px;
  overflow: hidden;
  display: block;
}

@media (min-width: 992px) {
  div.contentLeft p {
    font-size: 11px;
  }
}

div.contentLeft .selected{display:block;}
div.contentLeft div.buttonContainer{width:100%; position:relative; text-align:center; overflow:hidden; margin:10px 0;}

div.chatBtnBlock{float:right}

#myMessages{}{ width:300px; text-align:left; font-size:12px;}
#messageContainer{ width:450px; text-align:left; font-size:12px;}
#messageContainer h3{font-weight:bold; margin-bottom:6px;}
.messageBlock{border:1px solid #ccc; padding:10px; background-color:#f6f6f6; margin-bottom:10px;}
.messageRow{width:100%; clear:both; display:block; *display:inline; zoom:1; border-bottom:1px solid #ccc; margin-bottom:4px; padding-bottom:4px;}
.messageRow div.messageDetails{clear:both; display:none; font-size:11px; padding: 8px 20px 8px 20px; color:red;}
div.messageDetails ul{margin:4px 0px; list-style-type:disc;list-style-position:inside; }
#messageContainer div.col-1{width:15%; display:inline-block; *display:inline; zoom:1; font-size:11px;}
#messageContainer div.col-2{width:55%; display:inline-block; *display:inline; zoom:1; font-size:11px; }
#messageContainer div.col-3{width:15%; display:inline-block; *display:inline; zoom:1; float:right; text-align:right;}
#messageContainer div.col-3 a{font-size:11px;}

.importantInfo{color:red;font-weight:bold;}
.nowrap{white-space: nowrap;}

#pageNumbers {font-size:11px; padding-top:4px; margin-top:8px; border-top:1px solid #ccc;}
#pageNumbers span.pagePrev{color:#999; padding:0 5px;}
#pageNumbers a.pagePrev{padding:0 5px;}

#pageNumbers span.pageNumber{color:#999; padding:0 5px;}
#pageNumbers a.pageNumber{padding:0 5px;}

#pageNumbers span.pageNext{color:#999; padding:0 5px;}
#pageNumbers a.pageNext{padding:0 5px;}

/* registration progress bar */
#regflow {text-align: center;width: 600px;background: url("/static/images/bgRegFlow.gif") no-repeat;height: 50px;margin-left: 15px;padding: 0;  font-size: 14px;}
#regflow ul {margin: 0;padding: 12px 0 20px 0;list-style: none;}
#regflow li {display: inline;font-weight: bold;color: #a5d867;padding-bottom: 20px;}
#regflow span {padding: 0 23px;}
#regflow .current {color: #fff; background:url("/static/images/regFlowIndicator.gif") no-repeat center 28px;}

.formButtons{text-align:right; height:40px; width:100%;}


/*---------------------------------------------*/
/*              Support Resources              */
/*---------------------------------------------*/

#supportResources {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-top: 0;
  padding: 10px;
  position: relative;
  behavior: url(/static/js/PIE.htc);
}

.support-resources-column {
  margin: 15px 0px 0px 0px;
  vertical-align: top;
  zoom: 1;
}

@media (min-width: 768px) {
  .support-resources-column {
    display: inline-block;
    margin: 0 75px 25px 0;
    padding-right: 15px;
    width: 200px;
  }
  #view_bills_link .support-resources-column {
    width:280px;
  }
  .support-resources-column:nth-child(even) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .support-resources-column {
    width:280px;
  }
}
@media (max-width: 425px) {
  .support-resources-column {
    width:100%;
  }
}
@media (min-width: 992px) {
  .support-resources-column,
  .support-resources-column:nth-child(even) {
    margin: 0 15px 0 0;
    /* width: 200px; */
  }
}
#view_bills_link .support-resources-column {
  /* width: 45%; */
}
@media (max-width: 998px) {
  #view_bills_link .support-resources-column {
    float:none;
    width:100%;
  }
}

#viewBillContactSection a {
  text-decoration:underline;
}
#viewBillContactSection {
  margin-top: 0px;
  clear: both;
}
#viewBillContactSection h3{
  text-decoration:none;
  border: none;
  font-size:16px;
  font-weight:bold;
}
#viewBillContactSection p {
  font-size:13px;
  margin:5px 0px;
  line-height:1.5em;
}

#mailingAddressSection b {
  display: block;
  float: left;
}
#mailingAddressSection div {
  display:block;
}
#mailingAddressSection div:last-child {
  width: 54%;
}
@media (max-width: 425px) {
  #viewBillContactSection h3{
    color:#ff8B19;
  }
  .support-resources-column:last-child {
    margin-bottom:10px;
  }
  #mailingAddressSection div {
    float:none;
    display:block;
  }
  #mailingAddressSection div:last-child {
    width: 54%;
  }
}

@media (min-width: 992px) {
  .support-resources-column:first-child {
    margin-left: 10px;
    padding-left: 0;
  }
}

.support-resources-column:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}

.support-resources-column h4 {
  display: block;
}

#supportResources h4 {
  background-position: left center;
  color: #000;
  font-weight: 700;
  line-height: 18px;
  margin-bottom: 5px;
  text-indent: 20px;
}

#supportResources h4,
#supportResources a {
  font-size: 14px;
}

#supportResources a {
  display: inline-block;
  margin: 2px 0 2px 20px;
  padding: 8px 0;
}

@media (min-width: 768px) {
  #supportResources h4 {
    text-indent: 25px;
  }
  #supportResources a {
    margin: 2px 0 2px 25px;
    padding: 2px 0;
  }
}

@media (min-width: 992px) {
  #supportResources h4 {
    font-size: 12px;
    text-indent: 20px;
  }
  #supportResources a {
    font-size: 11px;
    margin: 0 0 4px;
    padding: 0;
  }
}

.support-resources-column ul {
  list-style: none;
  margin: 0;
  padding: 5px 0 10px;
  width: 100%;
}
#linkSection .support-resources-column ul {
  border:none;
}
@media (min-width: 768px) {
  .support-resources-column ul {
    border-top: 1px solid #ccc;
  }
}

.supportResources_links li{
  text-align: left;
}

@media (min-width: 768px) {
  .support-resources-column li.group-break {
    margin-bottom: 20px;
  }
}

#supportResources_col1 {
  background: url(/static/images/gears_icon.png) no-repeat;
}

#supportResources_col2 {
  background: url(/static/images/learnmore_icon.png) no-repeat;
}

#supportResources_col3 {
  background: url(/static/images/security_icon.png) no-repeat;
}

#supportResources_col4 {
  background: url(/static/images/moreHelp_icon.png) no-repeat;
}


/* Expandable areas */

.support-resources-column .expandable {
  overflow: hidden;
  height: 0;
  transition: height 0.5s;
}

@media (min-width: 768px) {
  .support-resources-column .expandable {
    height: auto;
    overflow: visible;
  }
}

.support-resources-heading {
  position: relative;
}

.support-resources-heading:after {
  content: url(/static/images/arrow_closed.png);
  position: absolute;
  right: 10px;
  text-indent: 0;
  top: 0;
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition: all 0.25s;
}

.support-resources-heading.active:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

@media (min-width: 768px) {
  .support-resources-heading:after {
    content: none;
  }
}


/*---------------------------------------------*/
/*             Account Information             */
/*    (a.k.a. Account Details & Preferences)   */
/*---------------------------------------------*/

#account-profile p {
  font-size: 14px;
}

@media (min-width: 992px) {
  #account-profile p {
    font-size: 12px;
  }
}


#data-usage-profile p {
    font-size: 14px;
}


#account-preferences-moving-wrapper {
  margin: 15px 0 0;
}

#billing-name-wrapper,
#billing-address-wrapper,
#service-address-wrapper {
  margin-bottom: 10px;
}

#billing-name-wrapper p,
#account-preferences-moving-wrapper p,
#billing-address-wrapper p,
#service-address-wrapper p ,
#email-preferences-wrapper p{
  margin: 0;
}

@media (max-width: 768px) {
  #accountProfileEmailAddress{
margin-bottom:0px;
color:#666;
font-size:14px;
  }
  #email-preferences-wrapper{
  margin-bottom:15px;
  }
#billing-preferences-wrapper ul.linklist{
margin: 1em auto 0;
}
  #mailingAddressSection b {
    float:none;
    display:block;
    width:100%;
  }
  
  }
.edit-link {
  font-weight: 700;
}


/* Account and Login info */

#divViewProfileInformation table th,
#divViewLoginUserID table th,
#divViewLoginPassword table th,
#divViewLoginQA table th {
  color: #666;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: left;
}

#divViewProfileInformation label,
#divViewLoginUserID label,
#divViewLoginPassword label,
#divViewLoginQA label {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0px;
  text-align: left;
  display: inherit;
}

@media (max-width: 768px) {
  #divViewProfileInformation span,
  #divViewLoginUserID span,
  #divViewLoginPassword span,
  #divViewLoginQA span {
    display: block;
    width: 100%;
    line-height: 1.5em;
  }
  #divViewProfileInformation label,
  #divViewLoginUserID label,
  #divViewLoginPassword label,
  #divViewLoginQA label {
    margin-bottom: 0px;
    width: inherit;
    display: inherit;
    color:#666;
  }
  .editProfileLink {
    margin-left:10px;
    float:none;
  }
}
h3.deskTopHeader {
  border-bottom: 1px solid #ccc;
    color: #333;
}
.profileInnerWrapper {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background:#eee;
}

.profileInnerWrapper a {
  margin-left: 15px;
}

#profileSettingsSummary {
  margin: 15px 0px 15px 0px;
  line-height: 1.25;
  font-size:14px;
}

#profileSettingsSummary .tooltip-enabled  h3 {
  border:none;
}

#profileSettingsSummary .tooltip-enabled  p {
  line-height:1.35;
}


#profileInfoWrapper {
  margin-top: 10px;
}

#profileInformation h3 {
  border-bottom: 1px solid #ccc;
  margin-bottom:5px;
}
#profileInformation span {
  word-break: break-word;
}

#profileInformation .required {
  font-size: 12px;
  font-weight: normal;
  /* margin-bottom: 15px!important; */
  margin-bottom: 15px;
  margin-top: 5px;
}

#profileInformation div.formerror p {
  padding: 0px;
  margin:0px;
  font-weight:normal;
}
#profileInformation div.formerror {
  padding: 0px 10px 5px 42px;
  margin: 10px 0;
}
#passwordResetWrapper .success {
  border:none;
}
#passwordResetCancelLink {
  margin-left:10px;
  text-decoration:underline;
}

#troubleLoggingInLoggedInPasswordReset.formerror {
  padding: 0px 10px 5px 40px;
  font-weight: normal;
}
div.retrieve-account-formerror {
	font-size: 14px;
}
div.retrieve-account-formerror  a{
	text-decoration:underline;
}
.formFieldBody {
  float:left;
  width: 48%;
  margin-bottom:10px;
}

.formFieldBody #userId, .formFieldBody input {
  margin:0px;
}
.formFieldButtons {
  clear: left;
}
.infoBox {
  background: transparent url('../images/icon_info_yellow.png') 0px 0px scroll no-repeat;
  padding: 0px 0px 10px 37px;
  color: #666;
  font-style: italic;
  margin: 5px 0px 10px 0px;
}
.profileInnerWrapper .infoBox {
  background: transparent url('../images/icon_info_yellow.png') 0px 0px scroll no-repeat;
  padding-left: 45px;
  color: #666;
  float: right;
  width: 40%;
  font-style: italic;
}

.profileInnerWrapper .infoBox a {
  margin:0px;
}
#ProfileSecurityQuestion, #ProfileSecurityAnswer {
  width:255px;
}
@media (max-width: 768px) {
  .formFieldBody {
    float:none;
    width: 100%;
  }
  .profileInnerWrapper .infoBox {
    float: left;
    width: 87%;
  }
  .formFieldButtons {
    text-align:center;
  }
  .profileInnerWrapper .formFieldButtons a {
    padding: 11px 28px;
    font-size:18px;
  }
  .profileInnerWrapper a:hover {
    text-decoration:none;
  }
  .securityQuestionHeader {
    margin-top:10px;
  }
  #ProfileSecurityQuestion, #ProfileSecurityAnswer {
    width: 95%;
  }
  #profileSettingsSummary .tooltip-enabled  h3 {
    color:#00853f;
  }
  #paperless-billing a.cancelBtn {
    font-size:18px;
    padding:10px;
  }
  #submitSection {
    text-align:left;
  }
}

#submitSection {
  margin-top: 20px;
  border:none;
  clear:both;
  margin-bottom: 20px;
  display: block;
}
#submitSection input {
  display:inline;
  /* margin-top: 20px; */
}

@media (min-width: 768px) {
  .profileInnerWrapper .formFieldButtons a {
    background:none;
    color:#00853F;
    font-weight:normal;
  }
  .profileInnerWrapper .formFieldButtons a:hover {
    text-decoration:underline;
  }
  #securityQuestionToolTip {
    width:400px;
  }
  #paperless-billing a.cancelBtn {
    font-size:12px;
    background:none;
    color:#00853F;
    font-weight:normal;
    -webkit-box-shadow:none;
    /* margin-top: 20px; */
    display: inline-block;
  }
}
.profileInnerWrapper input[type="text"],.profileInnerWrapper input[type="password"]{
  width: 95%;
  padding: 3px;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid #aaa;
}
#paperless-billing .divider {
  margin-bottom: 10px;
}

#paperless-billing .billPreferenceIcon {
  margin-right:10px;
}

#paperless-billing .billPreferenceMessage, #paperless-billing .billPreferenceContainer {
  margin-bottom: 10px;
  font-size: 12px;
}
.errorMessageForPaperlessBilling {
	padding-left:28px;
	font-size:12px;
	margin-top:4px;
	
}
#errorMessageHolder .errorMessageHolderHeader {
	color:#c00;
	font-size:14px;
	font-weight:bold;
}

.profileInnerWrapper  label {
  display:block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 15px;
}

.profileInnerWrapper  label:first-child {
  margin-top:0px;
}

.profileInformationClass .success {
  font-size:14px;
}

.profileFormRow {
  display:inline-block;
  font-size: 14px;
  margin-bottom:10px;
}

.securityQuestionHeader {
  margin-top:20px;
}

a.editProfileLink {
  float:right;
  margin-left: 25px;
  text-decoration:underline;
}

.profileInnerWrapper input[type="button"],.profileInnerWrapper input[type="submit"] {
  width: 111px;
}

@media (max-width: 768px) {
  .editProfileLink {
    margin-left:10px;
    float:none;
  }
  .profileInnerWrapper input[type="text"],.profileInnerWrapper input[type="password"] {
    font-size:20px;
  }
  .profileInnerWrapper input[type="button"], .profileInnerWrapper input[type="submit"]{
    display: inline;
  }
}

#divViewProfileInformation table td,
#divViewLoginUserID table td,
#divViewLoginPassword table td,
#divViewLoginQA table td {
  font-size: 14px;
}

#divViewProfileInformation {
  /* margin-bottom: 25px; */
}

#edit_profile_info {
  font-weight: normal;
  text-decoration:underline;
}

@media (min-width: 992px) {
  #divViewProfileInformation table th,
  #divViewLoginUserID table th,
  #divViewLoginPassword table th,
  #divViewLoginQA table th {
    color: #000;
    display: table-cell;
    font-size: 12px;
  }

  #divViewProfileInformation table td,
  #divViewLoginUserID table td,
  #divViewLoginPassword table td,
  #divViewLoginQA table td {
    font-size: 12px;
  }
}


/*paperless billing preference page */
div.billPreferenceLeftPadding {padding-left:50px;}
a.billPreferenceLink {text-decoration: underline;margin-left:5px;}
a.billPreferenceCancelLink {text-decoration: underline;margin-left:20px;}
input.billPreferenceSaveButton {vertical-align:middle;}
div.billPreferenceContainer {border:1px solid #ccc;border-radius:6px; padding:5px;display:table;width:97%;}
img.billPreferenceIcon{vertical-align:middle;}
span.billPreferenceMessage {vertical-align:middle;display:table-cell;}
span.billPreferenceNoEmail{color: GREY;font-style:italic;}
div.mailingAddresserror {color:#c00;font-style:italic;}
div.editEmailAddress{overflow:hidden;width:100%;margin-top: 5px;}
div.editEmailArea {display:inline-block;width: 50%;}
div.emailHelpText{border-left-style: solid;border-width: .1em;border-color: #616365;width: 45%;padding-left:5px;font-size: 11px;font-style:italic;text-decoration-color: #616365;}
div.mustEnterEmailError {color:#c00;padding:1px 2px 8px 35px;background: url("/static/images/error_icon.png") no-repeat 1px 1px;margin-top: 10px;}
div.pleaseEnterEmailMessage {
	font-size: 14px;
	line-height: 1.35;
  	padding: 5px 2px 11px 45px;
  	background: url("/static/images/inform_icon_30px.png") no-repeat 1px 1px;
}
/* Style form errors */
.required, .formerror, .formError {color:#c00;/*font-weight:bold;*/margin-bottom: 41px;}
p.required {margin:5px 0;}
.fieldError { background-color:#FFE8E8; border: 1px solid red;}
.error { color:red; font-weight:bold;}
.editLink{color:#397100;}

div.formerror {padding:0px 0px 0px 40px;margin:10px 0;min-height:35px;background:transparent url("/static/images/error_icon.png") 0 0 scroll no-repeat;}
div.formerror ul, div.success ul {color:#000; font-weight:normal; margin:10px 0; padding-left:15px;}
div.formerror p, div.success p {margin:10px 0;}
div.formerroricon {color:#c00;padding: 2px 2px 20px 40px;background: url("/static/images/error_icon.png") no-repeat 1px 1px;}
div.success { border:1px solid #ccc;border-radius:6px; padding:5px 10px 5px 60px; margin:10px 0; background:#FFFFFF url("/static/images/successicon.gif") no-repeat 17px 9px;}

textarea {font-family:Arial, sans-serif; font-size:12px; width:98%;}
.borderBox{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

#paperless-billing div.emailAddressErrorPadding {
  margin-top:10px;
}

#paperless-billing div.formerroricon {
  padding-top:3px;
  padding-bottom: 15px;
}

/*---------------------------------------------*/
/*           Pay Bill and View Bills           */
/*---------------------------------------------*/

.payBillContent{overflow:hidden; width:100%; margin-right:10px; border:1px solid #ccc; -moz-border-radius: 6px; border-radius:6px; padding:10px 0; }

#payBillContainer div.billAmountLabel{display:inline-block; text-align:left; font-size: 1.5em; padding:10px 0; }
#payBillContainer div.billValue{display:inline-block; text-align:right; font-size: 1.5em; font-weight:bold; }

#payBillContainer div.billDueLabel{width:100%; display:inline; text-align:left; font-size: 1em; padding: 1px}
#payBillContainer div.billDueDate{width:100%; display:block; text-align:left; font-size: 1.5em; font-weight:bold; padding: 1px}

#payBillContainer div.left{display:inline-block; float:left; width:45%; margin-left: 1%; }
#payBillContainer div.right{display:inline-block; float:right !important; width:45%; }

.payBillDisclaimerCont {width:100%; padding:10px 0px 10px 0px; border-bottom: 1px solid #ccc;}
#payBillDisclaimer div.thirdParty{width:100%; display:inline-block; *display: inline; zoom: 1; text-align:left; font-size: 1em; font-style: italic; padding:10px 0px 10px 0px; }

@media (max-width: 768px) {
  #payBillDisclaimer div.thirdParty {
   padding:10px 0px 0px 0px;
  }
}

.viewBill a{text-decoration:underline; font-style: italic; }
#payBillDisclaimer div.autoPay{width:100%; display:inline-block; zoom: 1; background-image:url(/static/images/icon_info.png); background-size: 20px 20px; background-repeat:no-repeat; text-align:left; font-size: 1em; font-style: italic; padding:3px 0; text-indent:25px; }

#paymentError h2 {color: #333;font-size: 1.5em;font-weight: bold;padding-bottom: 0em;margin: 0em 0;border-bottom: none;}
#paymentError .errorBox{padding-left:3.5em;background: transparent url('../images/error_icon.png') 0px 0px scroll no-repeat;}

#autopay-cancel-wrapper h2 {
  border: none;
  font-size: 18px;
  color: #333;
}

#autopay-cancel-wrapper .inside.green-checkmark-round-icon {
  padding-left: 40px;
}

#mailCodeButtonSuccess .outside,
#mailCodeButtonError .outside,
#emailCodeButtonSuccess .outside,
#emailCodeButtonError .outside,
#voiceCodeButtonSuccess .outside,
#voiceCodeButtonError .outside,
#serverError .outside,
#paymentError .outside,
#systemError .outside,
#autopay-cancel-wrapper .outside {
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #cccccc;
  border-radius: 6px;
  padding: 10px;
  margin-top: 5px;
}
#paymentError .outside2 {
padding:5px;
}
#paymentError .inside p.small{
font-size:0.9em;
}
#serverError .inside p,
#paymentError .inside p,
#systemError .inside p,
#autopay-cancel-wrapper .inside p {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-right: 0;
}

#systemError .inside {
  margin-top: -7px;
  margin-bottom: -15px;
}

#paymentError .errorBox .EpwfPayBillErrorCode { display: none; }

#paymentErrorList ul.paymentErrorLinkBlock {
    font-weight: normal;
    margin: 0;
    padding: 0 0 15px;
}

#paymentErrorList ul.paymentErrorLinkBlock li {
  background: url("../images/bullet_arrowOrange.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
  list-style-position: inside;
    list-style-type: none;
    padding: 3px 0 0 15px;
}
#paymentError a{text-decoration:underline;}

#viewBillPayCol div.topRow {
    margin-bottom: 2px;
    padding-bottom: 2px;
    position: relative;
}

#viewBillPayCol div.payButton {display:inline-block; float: right; *display: inline; zoom: 1; text-align:left; font-weight:bold;}
#viewBillPayCol li {padding-bottom: .2em;}

#payBill_Success_SignOut {
  margin-left: 0px;
}

@media (min-width: 768px) {
  #payBill_Success_SignOut {
  margin-left: 20px;
  }
}

@media (min-width: 992px) {
  #payBill_Success_SignOut {
  margin-left: 20px;
  }
}

#qbpPayBill_Success_SignOut {
  margin-left: 0px;
  text-decoration: none !important;
}

@media (min-width: 768px) {
  #qbpPayBill_Success_SignOut {
  margin-left: 20px;
  text-decoration: none !important;
  }
}

@media (min-width: 992px) {
  #qbpPayBill_Success_SignOut {
  margin-left: 20px;
  text-decoration: none !important;
  }
}

#viewBillSelect div.pdfSelect {
  margin: 10px 0;
}

#viewBillSelect div.dropDown {
  text-align: center;
  zoom: 1;
}

@media (min-width: 768px) {
  #viewBillSelect div.dropDown {
    display: inline-block;
    margin-right: 10px;
    text-align: left;
  }
}

#viewBillSelect div.downloadButton {
  zoom: 1;
  text-align: center;
  font-weight: bold;
  /* margin: auto; */
}

#viewBillSelect div.downloadButton input {
 
}

@media (min-width: 768px) {
  #viewBillSelect div.downloadButton {
    display: inline-block;
    vertical-align: top;
  }
}

#view-bill-pdf-message,
#pay-bill-pdf-message {
  line-height: 1.35;
  margin: 10px 0 0;
}

@media (min-width: 768px) {
  #view-bill-pdf-message,
  #pay-bill-pdf-message {
    line-height: normal;
  }
}

#view-bill-pdf-message a,
#pay-bill-pdf-message a {
  text-decoration: underline;
}

#view-pay-bills #docID {
  font-size: 18px;
  max-width: 275px;
  padding: 5px 0;
  width: 75%;
}

@media (min-width: 768px) {
  #view-pay-bills #docID {
    font-size: 13px;
    width: 100%;
  }
}

#view-pay-bills .linklist a {
  display: inline;
}

@media (min-width: 992px) {
  #view-pay-bills .h2item {
    margin-right: 110px;
  }
}


/* CRIS version of page */

#your-bill-at-a-glance-wrapper.cris-page table tr {
  height: 25px;
}

@media (min-width: 660px) {
  #mobile-bill-message {
    display: none !important;
  }
}

@media (max-width: 659px) {
  #cris-bill-iframe-wrapper {
    display: none !important;
  }
}

@media (min-width: 660px) {
  #your-bill-at-a-glance-wrapper.cris-page,
  #make-a-payment-wrapper.cris-page {
    width: 50%;
  }

  #your-bill-at-a-glance-wrapper.cris-page table tr {
    height: 35px;
  }

  #your-bill-at-a-glance-wrapper.cris-page h2 {
    margin-bottom: 9px;
  }

  #make-a-payment-wrapper.cris-page  #payNowButton {
    margin-top: 0;
  }

  #make-a-payment-wrapper.cris-page  ul.linklist {
    margin: 1em auto 0;
    padding: 0 0 0 23px;
    width: 75%;
  }
}

@media (min-width: 768px) {
  #your-bill-at-a-glance-wrapper.cris-page table tr {
    height: auto;
  }

  #your-bill-at-a-glance-wrapper.cris-page h2 {
    margin-bottom: 0.25em;
  }

  #make-a-payment-wrapper.cris-page  #payNowButton {
    position: static;
    width: 100%;
  }

  #make-a-payment-wrapper.cris-page  ul.linklist {
    margin: 1em 0;
    padding: 0 0 0 12px;
    width: auto;
  }
}

@media (min-width: 992px) {
  #make-a-payment-wrapper.cris-page  #payNowButton {
    position: absolute;
    width: auto;
  }
}


/*---------------------------------------------*/
/*              PayBill - Global               */
/*---------------------------------------------*/

.borderless {
  /* border: none !important; */
  border: none;
}

.paybill-messaging a {
  text-decoration: underline;
}

#pay-bill-cris h2,
#pay-bill-cris h3 {
  border: none;
}

#third-party-messaging #GetBills {
  display: inline;
  font-size: 12px;
}
@media (min-width: 768px) {
#third-party-messaging  #GetBillsMobile {
    display:none !important;
  }
}

@media (max-width: 767px) {
#third-party-messaging #GetBills {
    display:none;
  }
}

/*---------------------------------------------*/
/*          PayBill - Sprite Classes           */
/*---------------------------------------------*/

.green-checkmark-round-icon {
  padding-left: 38px;
  position: relative;
  padding-top: 8px;
}

.green-checkmark-round-icon:before {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -802px -427px;
  content: " ";
  height: 50px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 50px;
}

.green-checkmark-round-icon a {
  text-decoration: underline;
}

/*---------------------------------------------*/
/*           PayBill - iFrame Spinner          */
/*---------------------------------------------*/

#loading-spinner-wrapper {
  height: 100%;
  position: relative;
  width: 100%;
}

#loading-spinner {
  background: url('/static/images/loading_interstitial.gif') #fff no-repeat center 85px;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-top: 35px;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1000;
}

#general-loading-spinner{
  background: url('/static/images/loading_interstitial.gif') #fff no-repeat center 85px;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  padding-top: 35px;
  text-align: center;
  width: 100%;
  height: 250px;
}

@media(max-width: 767px) {
  #view-pay-bills #loading-spinner-wrapper {
    display: none;
  }
}


/*---------------------------------------------*/
/*           PayBill - Success Page            */
/*---------------------------------------------*/

/* Progress indicator bar */
#progress-indicator-bar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0;
  height: 42px;
  margin: 15px -10px 20px -10px;
  width: auto;
}

@media (min-width: 768px) { 
  #progress-indicator-bar {
    margin: 15px 0 20px;
  }
}

/* Payment Details Table */

#pay-bill-cris-total-payment,
#pay-bill-cris-convenience-fee,
#pay-bill-cris-payment-amount {
  text-align: right;
}

/*---------------------------------------------*/
/*           PayBill - Progress Bar            */
/*---------------------------------------------*/

/* Steps */
.progress-step-wrapper {
  box-sizing: border-box;
  display: inline-block;
  padding: 0 20px 0 0;
  width: 35%;
  margin: 0 -2.5% 0 0;
}

@media (min-width: 768px) {
  .progress-step-wrapper {
    width: 34%;
    margin: 0 -1% 0 0;
  }
}

#progress-indicator-bar .progress-step {
  display: inline-block;
  height: 42px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 13px 0 13px 20px;
  box-sizing: border-box;
  position: relative;
}

#progress-indicator-bar .progress-step:after,
#progress-indicator-bar .progress-step:before {
    border-bottom: 21px solid transparent;
    border-top: 21px solid transparent;
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
}

#progress-indicator-bar .progress-step#step-1 {
  background: #d3e7b8;
  z-index: 3;
}

#progress-indicator-bar .progress-step#step-1:after {
  content: " ";
  right: -20px;
  border-left: 20px solid #D3E7B8;
}

#progress-indicator-bar .progress-step#step-2 {
  background: #bdda96;
  z-index: 2;
}

#progress-indicator-bar .progress-step#step-2:before {
  content: " ";
  border-left: 20px solid #fff;
  left: 0;
}

#progress-indicator-bar .progress-step#step-2:after {
  border-left: 20px solid #BDDA96;
  content: " ";
  right: -20px;
}

#progress-indicator-bar .progress-step#step-3 {
  background: #b0d77d;
  margin-right: 0;
  z-index: 1;
}

#progress-indicator-bar .progress-step#step-3:before {
  border-left: 20px solid #fff;
  content: " ";
  left: 0;
}

#progress-indicator-bar .progress-step#step-3:after {
  background: #b0d77d;
  border: none;
  content: " ";
  height: 42px;
  right: -20px;
  width: 20px;
  z-index: -1;
}

@media (min-width: 768px) {
  div#success-message {
      padding-left: 50px;
  }
  div#success-message-scheduling-payment {
    padding-left: 40px;
  }
  h3.payment-success-details{
	  margin-top: 5px;
  }
}

#confirmation-email-address {
  font-weight: 700;
}

/* Payment details tables */

.success-message-payment-details {
  margin: 0 0 10px;
}

.success-message-payment-details td:first-child {
  padding-right: 5px;
}

.success-message-payment-details.payment-details-dollar-amounts {
  width: 165px;
}


/* Step numbering */
#progress-indicator-bar .step-numbering {
  background: url('/static/images/mya_paybill_sprite.png');
  display: inline-block;
  height: 32px;
  left: 50%;
  margin-left: 17px;
  position: absolute;
  top: 2px;
  transform: translateX(-50%);
  width: 38px;
}

#progress-indicator-bar #step-1 .step-numbering {
  background-position: -33px -217px;
}

#progress-indicator-bar #step-2 .step-numbering {
  background-position: -132px -215px;
}

#progress-indicator-bar #step-3 .step-numbering {
  background-position: -192px -215px;
}

/* Media queries for step numbering */

@media (min-width: 992px) {
  #progress-indicator-bar .step-numbering {
    left: 13px;
    margin-left: 0;
    position: absolute;
  }
  #progress-indicator-bar #step-1 .step-numbering {
    left: 40px;
  }
  #progress-indicator-bar #step-2 .step-numbering {
    left: 45px;
  }

  #progress-indicator-bar #step-3 .step-numbering {
    left: 44px;
  }
}

/* Step copy */
#progress-indicator-bar .progress-step .step-copy {
  display: inline-block;
  font-size: 14px;
  position: relative;
  vertical-align: middle;
}

#progress-indicator-bar #step-1 .step-copy {
  padding-left: 15px;
}

#progress-indicator-bar #step-2 .step-copy {
  left: 5px;
}

#progress-indicator-bar #step-3 .step-copy {
  right: -15px;
}

/* Success icon for billPayCrisSuccess */
#success-icon {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -802px -427px;
  height: 65px;
  width: 65px;
}


/*---------------------------------------------*/
/*       iframes: PayBill, QBP, SpeedPay       */
/*---------------------------------------------*/

/* global */

.iframe-wrapper {
  margin: 0 -10px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .iframe-wrapper {
    margin: 0 0px;
  }
}


/* paybill */

#paybill-iframe-wrapper {
  height: 1310px;
}

@media (min-width: 768px) {
  #paybill-iframe-wrapper {
    height: 1110px;
  }
}

@media (min-width: 992px) {
  #paybill-iframe-wrapper {
    height: 700px;
  }
}


/* qbp */

#qbp-iframe-wrapper {
  height: 1370px;
}

@media (min-width: 768px) {
  #qbp-iframe-wrapper {
    height: 1125px;
    margin:0 0 0 -1px;
  }
}

@media (min-width: 992px) {
  #qbp-iframe-wrapper {
    height: 675px;
  }
}


/* speedpay */

#speed-pay-iframe-wrapper {
  height: 750px;
  margin: 0 0px;
}

#speed-pay-tablet-note {
  color: #c00;
  margin-bottom: 10px;
}

/*---------------------------------------------*/
/*          PayBill - Cancelled Page           */
/*---------------------------------------------*/

#cancel-message-wrapper {
  margin: 20px 0;
  padding: 10px;
}

#cancel-message-wrapper .green-checkmark-round-icon {
  padding-left: 40px;
}

@media (min-width: 768px) {
  #cancel-message-wrapper {
    padding: 15px;
  }  
  #cancel-message-wrapper .green-checkmark-round-icon {
    padding-left: 50px;
  }
}


/*---------------------------------------------*/
/*       PayBill - Third-Party Messaging       */
/*---------------------------------------------*/

#third-party-messaging {
  display: none;
}


/*---------------------------------------------*/
/*       PayBill - Service Restoration         */
/*---------------------------------------------*/

#service-restoration-language,
#service-restoration-indicator
 {
  display: none;
}


/*---------------------------------------------*/
/*         PayBill - Bill Info Header          */
/*---------------------------------------------*/

#pay-bill-info-bar {
  background: rgba(133,183,111,1);
  background: -moz-linear-gradient(top, rgba(133,183,111,1) 0%, rgba(194,219,143,1) 18%, rgba(194,219,143,1) 82%, rgba(133,183,111,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133,183,111,1)), color-stop(18%, rgba(194,219,143,1)), color-stop(82%, rgba(194,219,143,1)), color-stop(100%, rgba(133,183,111,1)));
  background: -webkit-linear-gradient(top, rgba(133,183,111,1) 0%, rgba(194,219,143,1) 18%, rgba(194,219,143,1) 82%, rgba(133,183,111,1) 100%);
  background: -o-linear-gradient(top, rgba(133,183,111,1) 0%, rgba(194,219,143,1) 18%, rgba(194,219,143,1) 82%, rgba(133,183,111,1) 100%);
  background: -ms-linear-gradient(top, rgba(133,183,111,1) 0%, rgba(194,219,143,1) 18%, rgba(194,219,143,1) 82%, rgba(133,183,111,1) 100%);
  background: linear-gradient(to bottom, rgba(133,183,111,1) 0%, rgba(194,219,143,1) 18%, rgba(194,219,143,1) 82%, rgba(133,183,111,1) 100%);
  -pie-background: linear-gradient(#85b76f 0%, #c2db8f 18%, #c2db8f 82%, #85b76f 100%);
  behavior: url(/static/js/PIE.htc);
  box-sizing: border-box;
  font-size: 0;
  font-weight: 700;
  height: 90px;
  margin: 0 -10px;
  padding: 15px 10px;
}

@media (min-width: 768px) {
  #pay-bill-info-bar {
    margin: 0;
    padding: 20px 25px;
  }
}

#pay-bill-info-bar .label,
#pay-bill-info-bar .value {
  display: inline-block;
  vertical-align: top;
}

#pay-bill-info-bar .label {
  width: 60%;
}

#pay-bill-info-bar .value {
  width: 40%;
}

@media (min-width: 768px) {
  #pay-bill-info-bar .label,
  #pay-bill-info-bar .value {
    vertical-align: middle;
    width: auto;
  }
}

#pay-bill-cris-amount-due-label, 
#pay-bill-cris-amount-due, 
#payment-due-date-wrapper {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

#pay-bill-cris-amount-due-label {
  background: #fff;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  font-size: 16px;
  margin-right: 25px;
  padding: 15px 18px;
  position: relative;
  color: #000;
}

@media (min-width: 768px) {
  #pay-bill-cris-amount-due-label {
    margin-right: 35px;
    padding: 10px 15px;
  }
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due-label {
    margin-right: 50px;
  }
}

#pay-bill-cris-amount-due-label:before {
  border-bottom: 31px solid transparent;
  border-left: 25px solid #fff;
  border-top: 31px solid transparent;
  content: " ";
  height: 0;
  position: absolute;
  right: -25px;
  top: 0;
  width: 0;
}

@media (min-width: 768px) {
  #pay-bill-cris-amount-due-label:before {
    border-bottom: 26px solid transparent;
    border-top: 26px solid transparent;
  }
}

#pay-bill-cris-amount-due {
  font-size: 32px;
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due {
    font-size: 42px;
  }
}

#pay-bill-cris-amount-due,
#pay-bill-info-bar .unavailable {
  margin-right: 15px;
}

@media (min-width: 992px) {
  #pay-bill-cris-amount-due,
  #pay-bill-info-bar .unavailable {
    margin-right: 35px;
  }
}

#pay-bill-cris-amount-due sup {
  font-size: 50%;
  vertical-align: super;
}

#payment-due-date-wrapper {
  font-size: 12px;
  margin-top: 3px;
}

@media (min-width: 768px) {
  #payment-due-date-wrapper {
    font-size: 14px;
    vertical-align: top;
    margin-top: 0;
  }
  #payment-due-date {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  #payment-due-date {
    font-size: 20px;
  }
}

#payment-due-date-label {
  font-weight: 400;
  margin-bottom: 3px;
}

#pay-bill-info-bar .unavailable {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}


/*---------------------------------------------*/
/*                Manage Wallet                */
/*---------------------------------------------*/

#manage-wallet-content h2,
#manage-wallet-content-intro,
#manage-wallet-content-subsection {
  margin-bottom: 10px;
  margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 10px;
}
 #manage-wallet-content-intro {
	font-size: 14px;
	line-height: 1.35;
}

@media (max-width: 655px) {
	#bankOrCardDetails {
		margin:0px 10px 0px -10px !important;
	}
}


/*---------------------------------------------*/
/*           Reset Password - Success          */
/*---------------------------------------------*/

#password-reset-confirmation {
  margin: 15px 0 25px;
  padding-top:0px;
}

#password-reset-confirmation a {
  text-decoration: underline;
}

#password-reset-confirmation p {
  margin:0xp;
}


/*---------------------------------------------*/
/*        My Account - Billing Overview        */
/*---------------------------------------------*/

.bill-row {
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px;
  padding: 0 0 10px;
}

.bill-row:first-child {
  font-size: 0;
}

#billed-amount-wrapper,
#current-amount-due-wrapper,
#due-date-wrapper,
#billing-overview-autopay,
#fccMessage ,
#acct-status  p.contHead {
  font-size: 12px;
}

#current-amount-due-wrapper,
#due-date-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

#current-amount-due-wrapper {
  margin: 0;
}

#billed-amount-wrapper {
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 768px) {
  #billed-amount-wrapper {
    width: 20%;
  }
}

@media (min-width: 992px) {
  #billed-amount-wrapper {
    width: 25%;
  }
}

#billing-overview-autopay {
  display: inline-block;
  line-height: 1.25;
  vertical-align: top;
  margin: 5px 0;
  padding-right: 0;
}

#billing-overview-autopay.yellow-info-icon:before {
  background-position: -799px -384px;
  left: 0;
}

@media (min-width: 768px) {
  #billing-overview-autopay {
    margin: 0 0 0 5%;
    width: 58%;
  }
}

.bill-value,
.responsive td.bill-value {
  font-size: 18px;  
  font-weight: 700;
  vertical-align: top;
}

#billed-amount-wrapper #adjusted-amount-due,
#billed-amount-wrapper .bill-label {
  display: inline-block;
}

@media (min-width: 768px) {
#billed-amount-wrapper #adjusted-amount-due,
#billed-amount-wrapper .bill-label {
    display: block;
  }
}

#bill_container .bill-label {
  line-height: 21px;
  margin-bottom: 3px;
  margin-right: 5px;
}

@media (min-width: 768px) {
  #bill_container .bill-label {
    line-height: normal;
  }
}

#fccMessage {
  padding: 5px 0;
}

#last-payment-wrapper {
  font-size: 14px;
  margin-top: 15px;
}

@media (min-width: 768px) {
  #last-payment-wrapper {
    font-size: 12px;
  }
}

#SeePaymentHistory {
  margin-left: 3px;
  vertical-align: top;
}


/*---------------------------------------------*/
/*      My Account - Third Party Messaging     */
/*---------------------------------------------*/

#fccMessage {
  font-style: italic;
  margin-left: 2px;
}

#fccMessage.pad {
  padding: 10px 0px;
}


/*---------------------------------------------*/
/*            My Account - AutoPay             */
/*---------------------------------------------*/

a#learnmoreaboutautopay {
  text-decoration: underline;
}

h3.auto_pay_header {
  margin: 0px 0px 15px 0px;
}

@media (max-width: 655px) {
  h3.auto_pay_header {
    margin: 0px 0px 10px 0px;
  }
}

/* Stop and Update AutoPay Success Messaging */

#main .autopay-success-message h2 {
  border: none;
  color: #333;
  line-height: 25px;
}

.autopay-success-message a {
  text-decoration: underline;
}

.autopay-success-message .yellow-info-icon:before {
  left: 5px;
  top: 0;
}

.autopay-payment-info,
.autopay-email-address {
  margin-left: 40px;
  font-weight: 700;
}

#account-profile h2 {
  margin-bottom:10px;
}

@media (max-width: 768px) {
  .autopay-payment-info,
  .autopay-email-address {
    margin-left: 0px;
    font-size:14px;
  }
  
  #update-autopay-request-success p {
    font-size:14px;
  }
  #payNowButton {
    width:80%;
  }
  #payNowButtonMobile {
    width:80%;
  }
}

#update-autopay-request-success .autopay-email-address {
  margin-bottom: 15px;
}

/*---------------------------------------------*/
/*           Call Detail Styles                */   
/*---------------------------------------------*/
#callDetail h2 {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  #callDetail li {
    padding: 5px 0;
  }
}

/*---------------------------------------------*/
/*           Global Error Messaging            */
/*---------------------------------------------*/
.alert-message {
  background: url("../images/icon_info_yellow.png") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #c00;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}
.alert-message.not-red {
  color: #000;
}
.error-message {
  background: url("../images/error_icon.png") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #c00;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.error-message-no-border {
  background: url("/static/images/error_icon.png") no-repeat 6px 50%;
  color: #c00;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}

.error-wrapper {
  background: url("/static/images/error_icon.png") #fff no-repeat 15px 15px;
  box-sizing: border-box;
  min-height: 62px;
}

.error-wrapper p {
  margin-left: 0;
}

.error-message p {
  margin: 0 0 10px;
}

.error-message p:last-child {
  margin-bottom: 0;
}

.error-wrapper h3 {
  min-height: 30px;
  padding-left: 40px;
}

@media (min-width: 768px) {
  .error-wrapper p,
  .error-wrapper h3 {
    margin: 0 0 10px 45px;
    padding-left: 0;
  }
}

.error-message.not-red {
  color: #000;
}

.unavailable {
  color: #c00;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

@media (min-width: 992px) {
  .unavailable{
    font-size: 12px;
  }
}

.unavailable.grey {
  color: #808080;
}

/* Login page */

#login .error-message a {
  text-decoration: underline;
}

#login .error-message-ctlid a {
  text-decoration: none;
}

.error-message-ctlid {
  background: url("../images/error_icon.png") no-repeat 10px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #000000;
  font-size: 12px;
  margin-bottom: 15px;
  padding: 10px 10px 10px 45px;
}
.error-message-ctlid h3{
  color: #000000;
  padding: 5px 0px 0px 0px;
}

/* Generic Error Message */

#systemError {
  margin: 0px 0px 15px 0px;
}

#systemError .outside {
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #ccc;
  border-radius: 6px;
  padding: 15px;
}

#systemError .inside {}

#systemError .inside p {
  margin: 0px;
  margin-bottom: 10px;
}

#systemError a {
  text-decoration: underline;
}

#systemError .errorBox {
  background: transparent url('../images/error_icon.png') 0 0 scroll no-repeat;
  padding-left: 3.5em;
}


/* Server errors */

#serverError {
  background: #fff;
  position: relative;
}

#serverError:before {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 15px;
  position: absolute;
  top: 15px;
  width: 35px;
}


/* error & cancel messaging for qbp & paybill */

@media (max-width: 655px) {
	#paymentError {
  		margin: 0px 10px 0px 10px !important;
	}
}
#paymentError {
  margin: 0px 10px 0px 0px;
}

#paymentError.error-wrapper h3 {
  min-height: 0;
}

#paymentError.error-wrapper ul,
#paymentError.error-wrapper p {
  padding-left: 40px;
}

#paymentError.error-wrapper p:first-of-type {
  margin-top: 5px;
}

#paymentError .green-checkmark-round-icon {
  padding-left: 45px;
}

@media (min-width: 768px) {
  #paymentError.error-wrapper ul,
  #paymentError.error-wrapper p {
    padding-left: 45px;
  }
  #paymentError.error-wrapper p:first-of-type {
    margin-top: 10px;
  }
  #paymentError .green-checkmark-round-icon {
    padding-left: 50px;
  }
}

.info-message {
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 15px;
  min-height: 52px;
  padding: 10px 10px 10px 50px;
  position: relative;
}

.info-message:before {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 35px;
}


/*---------------------------------------------*/
/*              Global Iconography             */
/*---------------------------------------------*/

.yellow-info-icon {
  padding-left: 45px;
  padding-right: 10px;
  position: relative;
}

.yellow-info-icon:before {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 7px;
  position: absolute;
  top: 2px;
  width: 35px;
}

.yellow-info-icon-italic {
  padding-left: 45px;
  padding-right: 10px;
  position: relative;
  font-style: italic;
}

.yellow-info-icon-italic:before {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -799px -385px;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 35px;
}

.error-icon {
  background: url("/static/images/error_icon.png") no-repeat 0px 50%;
  padding: 2px 10px 15px 40px;
}


/*---------------------------------------------*/
/*               Payment History               */
/*---------------------------------------------*/

#payment-history table {
  vertical-align: bottom;
}

@media (min-width: 768px) {
  #payment-history table {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    width: 98%;
  }
}

#payment-history #bill_container table td,
#payment-history #bill_container table th {
  height: 20px;
  min-width: 140px;
  text-align: left;
  width: 25%;
}

@media (min-width: 768px) {
  #payment-history #bill_container table th {
    width: 135px;
  }
}

#payment-history .horizontal th:first-child,
#payment-history .horizontal td:first-child {
    padding-left: 10px;
    text-align: right;
}

#payment-history .horizontal th,
#payment-history .horizontal td {
    text-align: right;
  padding: 2px 8px;
}

#payment-history .horizontal th:last-child,
#payment-history .horizontal td:last-child {
    text-align: right;
    padding-right: 10px;
}

#payment-history #payment-history-make-payment-button-mobile-cris {
  margin: 0 auto 25px;
}

@media (min-width: 768px) {
  #payment-history #payment-history-make-payment-button-mobile-cris {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 7px;
    vertical-align: top;
  }
}

#no-payments-available {  
    background: white;
  font-size:12px;
  font-style:italic;
  color:gray;
  text-align-last: left;
}
@media (min-width: 768px){
  #payment-history h2{
   border:none;
  }
  #payBillDisclaimer div p{
    margin: 0px;
    margin-right: 160px;
  }
  .payment-history-from-account {
    width: 20%;
  }
}

#payments-label {
  font-size: 18px;
  padding-top: 10px;
}

#payments-sublabel{
  font-size: 16px;
  color: grey;
  padding-top: 10px;
  padding-bottom: 5px;
}

.scheduled-payment-border{
  border-bottom: 1px solid #ccc;
  padding-top: 5px;
}
.paymentHistoryDisclaimerCont {width:100%; padding:10px 0px 10px 0px; border-bottom: 1px solid #ccc;position:relative;}
/*---------------------------------------------*/
/*           Update Mailing Address            */
/*---------------------------------------------*/

.billingAddress-row {
  margin: 0 0 10px;
  padding: 0;
}


@media (min-width: 768px) {
  #crisAddress .billingAddress-row:last-child {
    padding-left: 133px;
  }
}

.billingAddressLabel-wrapper {
  display: inline-block;
  font-weight: bold;
  vertical-align: top;
  width: 20%;
}

#account-address-edit .billingAddressZipValue-wrapper input {
  width: auto;
}

#account-address-edit .billingAddressZipValue-wrapper span {
  line-height: 35px;
  margin: 0 5px;
  vertical-align: top;
}

#radio-buttons-wrapper {
  padding: 10px 0;   
}

@media (min-width: 768px) {
  #radio-buttons-wrapper {
    margin: auto;
    padding: 10px;
    width: 60%;
  }
}

#radio-buttons-wrapper input[type="radio"] {
  display: inline-block;
  height: 18px;
  margin: 0 5px 0 0;
  width: 18px;
  vertical-align: top;
}

#account-address-edit #radio-buttons-wrapper label {
  display: inline-block;
  font-weight: 700;
  margin-top: 1px;
  vertical-align: top;
}

#account-address-edit #radio-buttons-wrapper label:nth-of-type(1) {
  margin-right: 10px;
}

@media (min-width: 768px) {
  #radio-buttons-wrapper input[type="radio"] {
    height: auto;
    width: auto;
  }
  #account-address-edit #radio-buttons-wrapper label {
    margin-top: 0;
    width: auto;
  }
  #account-address-edit #radio-buttons-wrapper label:nth-of-type(1) {
    margin-right: 25px;
  }
}

#account-address-edit input,
#account-address-edit select,
.billingAddressValue-wrapper,
.billingAddressZipValue-wrapper {
  box-sizing: border-box;
  display: block;
}

#account-address-edit .billingAddressZipValue-wrapper * {
 display: inline-block;
}

#account-address-edit label,
.billingAddressLabel-wrapper {
  display: block;
  font-weight: bold;
}

@media (min-width: 992px) {
  #account-address-edit input,
  #account-address-edit select,
  .billingAddressValue-wrapper,
  .billingAddressZipValue-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 225px;
  }
  #account-address-edit label,
  .billingAddressLabel-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 130px;
  }
}

#new-construction-row {
  margin: 0;
}

#crisAddress #newConstruction {
  height: auto;
  margin: 1px 5px 0 0;
}

#crisAddress #newConstruction,
#crisAddress #newConstructionLabel {
  display: inline-block;
  vertical-align: top;
  width: auto;
}

#crisAddress #newConstructionLabel {
  display: inline;
}

.new_construction_tip {
  background: url("/static/images/MYA_header_sprite.png") -29px -7px no-repeat;
  display: inline-block;
  height: 18px;
  top: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .billingAddressSubmit a {
    line-height: 28px;
  }
}

#systemError h2 {color: #333; font-size: 12px; font-weight: bold; padding-bottom: 0em; border-bottom: none; }
#systemError .errorBox{padding-left:3.5em; background:transparent url('../images/error_icon.png') 0 0 scroll no-repeat;}
span.backspace{margin-left:-4px;}


/* ------------------------------------------- */
/*       accountAddress specific css          */
/* ------------------------------------------- */

div.addressSuccessContainer {
  border:1px solid #ccc;
  border-radius:6px;
  padding-left:5px;
  display:table;width:97%;
  }

#addressSuccessMessages {
  margin-top:-20px;
  margin-left:50px;
}

#addressUpdLine1 {
  font-weight: bold;
  margin-left: 35px;
  font-size: 100%;
}
#addressUpdLine2 {
  margin-left: 35px;
  color: #C00;
  font-size: 100%;
}
#addressUpdLine3 {
  margin-left: 35px;
  font-size: 100%;
}

/* ------------------------------------------- */
/*                 Add Account                 */
/* ------------------------------------------- */

#add-an-account-wrapper {
  font-size: 14px;
}

#security-code-help-link {
  display: block;
  font-size: 12px;
  margin: 2px 0 15px;
  text-decoration: underline;
}

#authentication-hint-wrapper {
  margin: 0 0 15px;
}

#add-an-account-wrapper .ctlButton {
  margin-top: 15px;
}

#add-an-account-wrapper .account-number {
  font-weight: 700;
}

#add-an-account-wrapper #authentication-security-code-input {
  margin-bottom: 0;
}

#add-an-account-wrapper.success-message:before {
  top: 5px;
}

#add-an-account-wrapper.success-message h3 {
  border: none;
}

#add-an-account-wrapper.success-message p {
  margin-top: 0;
}

#add-an-account-wrapper #addAccountForm {
  padding-left: 15px;
}

#add-an-account-wrapper #cancelLink {
  display: inline-block;
  text-align: center;
  /* width: 120px; */
}


/* Client side validation */

#add-an-account-wrapper .error-message-no-border {
  margin-bottom: 10px;
  padding: 0 10px 15px 45px;
}

#add-an-account-wrapper .error-message-no-border:empty {
  display: none;
}

#add-an-account-wrapper .account-number-wrapper {
  font-size: 16px;
  margin: 15px 0 10px 0px;
}

#add-an-account-wrapper .intro-content {
  margin-top: 10px;
}


/* ------------------------------------------- */
/*               Shell Profile                 */
/* ------------------------------------------- */

#registration-content.shell-profile {
  font-size: 14px;
}

#registration-content.shell-profile h3 {
  margin-bottom: 10px;
}

#registration-content.shell-profile #user-name-wrapper {
  font-size: 14px;
  font-weight: 700;
  margin: 15px 0;
}

#registration-content.shell-profile .tooltip-enabled {
  margin-top: 3px;
  vertical-align: top;
}

@media (min-width: 768px) {
  #registration-content.shell-profile #user-name-title,
  #registration-content.shell-profile label:not([for="readTermsandConditions"]) {
    display: inline-block;
    font-weight: 700;
    width: 135px;
  }
  #registration-content #newPassword, 
  #registration-content #confirmPassword {
    display: inline-block;
    margin-bottom: 15px;
    width: 250px;
  }
}

#registration-content.shell-profile #submitButton {
  display: block;
  margin: 15px auto 0;
  min-width: 120px;
}

#registration-content.shell-profile #terms-and-conditions-wrapper p:first-child {
  margin-top: 0;
}

#auth-security-error {
  margin-bottom: 20px;
}

#login .box.green-checkmark-round-icon p:last-child {
  margin-bottom: 0;
}

#login .box.green-checkmark-round-icon {
  margin-bottom: 15px;
}

#login .box.green-checkmark-round-icon:before {
  top: 10px;
  left: 10px;
}

/* Client side validation */

#registration-content.shell-profile .error-message-no-border:empty {
  display: none;
}
/* ------------------------------------------- */
/*    Help with Retrive Account Number         */
/* ------------------------------------------- */
div.successretriveAccountNumber {
	padding: 12px 5px 2px 60px;
    margin: 2px 0px;
    background: #FFFFFF url(/static/images/successicon.gif) no-repeat 17px 7px;
}
#retriveAccountNumber_successBlock{
	border: 1px solid #ccc;
    border-radius: 6px;
	margin: 10px 0;
}
.successretriveAccountNumber_body{
	padding: 5px 10px 5px 20px;
	font-size:14px;

}
div.retrive-account-form-error {
    padding: 0px 0px 5px 40px;
    margin: 0px 0;
    min-height: 35px;
	color: #c00;
	display:none;
    background: transparent url("/static/images/error_icon.png") 0 0 scroll no-repeat;

}
#retriveAccountNumber a{
	text-decoration:underline;
}
#retriveAccountNumber_success_Msg h1 {
    color: #00853f;
	font-size:19px;
}
#retriveAccountNumber_successBlock a{
	text-decoration:underline;
}
.responsive .accountEmailLabel {
    color: #666;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}
@media (min-width: 992px){
.responsive .accountEmailLabel {
    color: #000;
    font-size: 16px;
    margin-bottom: 5px;
    width: auto;
}
.responsive #accountEmail{
    border-radius: 0;
    border-color: #aaa;
    box-sizing: content-box;
    font-size: 14px;
    height: auto;
    margin: 2px 0 0;
    padding: 4px;
    width: 360px;
}
div.successretriveAccountNumber_body{
	padding: 0px 10px 5px 60px;
	   
}
}

/* ------------------------------------------- */
/*    Help with Authentication Security Code   */
/* ------------------------------------------- */

h1.security-code-page-head {
  margin: 10px;
}
#security-code-help-wrapper .input-prompt {
  font-size: 14px;
  margin: 15px 0;
}

@media (min-width: 768px) {
  #security-code-help-wrapper .input-prompt {
    font-size: 16px;
  }
}

#security-code-help-wrapper p {
  line-height: 1.35;
  margin: 5px 0 10px;
}

@media (min-width: 768px) {
  #security-code-help-wrapper p {
    font-size: 16px;
    margin: 10px 0 0;
  }
}

#security-code-help-wrapper h3:not(.blue_banner_heading) {
  color: #000;
}

.authcode-row {
  font-size: 14px;
  margin-bottom: 15px;
  padding: 0 0 10px;
}

.authcode-row .ctlButton {
  display: block;
  margin: 0 auto;
  width: 80%;
}

#authcode-ens-img {width:210px; height:135px; margin:auto; background:transparent url('/static/images/authsecuritycodePage_sprite.png') -3px -55px; no-repeat scroll; }
#authcode-cris-img {width:210px; height:135px; margin:auto; background:transparent url('/static/images/authsecuritycodePage_sprite.png') -218px -55px; no-repeat scroll; }

.auth-form-control {
  display: block;
  margin:10px 0px 5px 0px
}

@media (max-width: 768px) {
  .auth-form-control {
    display: block;
    width: 100%;
    height: 25px;
    padding: 5px 5px 5px 1px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
}

#auth-code-submit{
  margin-top:10px;
  min-width: 125px;
}

@media (min-width: 768px) {
  .auth-code-top-val {
    top: -95%!important;
  }
}

/* .auth-code-error {
  font-weight: 400;
  min-height: 22px!important;
  margin-bottom: 0px!important;
  margin-top: 0px!important;
} */
div.auth-code-error {
  font-weight: 400;
  margin-bottom: 0px;
  margin-top: 0px;
}

#auth-sec-form label {
  display: inline;
}

@media (min-width: 768px) {
  #auth-sec-form label {
    display: inline-block;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  #auth-sec-form input[type="text"] {
    min-width: 360px;
    padding: 4px;
  }
}

#mailCodeButton {display: block;}
#mailCodeButtonSuccess {display: none;}
#mailCodeButtonError {display: none;}

#mailCodeButtonError .errorBox{padding-left:3.5em; background:transparent url('../images/error_icon.png') 0 0 scroll no-repeat;}

#emailCodeButton {display: block;}
#emailCodeButtonSuccess {display: none;}
#emailCodeButtonError {display: none;}

#emailCodeButtonError .errorBox{padding-left:3.5em; background:transparent url('../images/error_icon.png') 0 0 scroll no-repeat;}

#voiceCodeButton {display: block;}
#voiceCodeButtonSuccess {display: none;}
#voiceCodeButtonError {display: none;}

#voiceCodeButtonError .errorBox{padding-left:3.5em; background:transparent url('../images/error_icon.png') 0 0 scroll no-repeat;}

.blue_banner_heading {
  margin-top: 15px;
}

@media (min-width: 768px) {
  .blue_banner_heading {
    background: url("/static/images/authsecuritycodePage_sprite.png") no-repeat -1px -4px;
    color: #fff;
    height: 36px;
    left: 5px;
    padding: 7px 0 0 21px;
    position: absolute;
    top: -30px;
    width: 294px;
  }
}

@media (min-width: 768px) {
  #security-code-help-wrapper {
    margin-top: 25px;
    padding: 0 20px;
  }
}


#call-deatil-error-wrapper {
  margin: 15px 0px 15px;
  font-size: 14px;
  padding-top: 10px;
}
/* .registration-step1Form-error{
font-weight:normal;
margin:0px!important;
font-size:12px!important;
padding-top:0px!important;
} */
div.registration-step1Form-error{
font-weight:normal;
margin:0px;
font-size:12px;
padding-top:0px;
}
.registration-step1Form-error a{
font-size:12px!important;
}
.registration-form-error{
color:#c00;
font-size:12px;
font-weight:bold;
/*margin-bottom:15px !important;*/
margin-bottom:15px;
  }
.registration-system-error-msg{
margin-bottom:0px !important;
border-color:#c00
}
.font-normal{
font-weight:normal !important;
}
/* Norton and speedpay logos */
#speedpay-logo {
    background: url("/static/images/speedpay-logo.png") no-repeat;
  background-size: 140px auto;
  display: inline-block;
  height: 40px;
  margin: 4px 0 0;
  width: 140px;
}

@media (min-width: 768px) {
  #speedpay-logo {
      background-size: 200px auto;
      height: 50px;
      width: 200px;
  }
}

.speedpay-content {
    color: #666;
    display: inline-block;
    font-size: 11px;
    line-height: 1.25;
    text-align: right;
    width: 50%;
}

#norton-logo {
  background: url('/static/images/mya_paybill_sprite.png');
  background-position: -40px -335px;
  height: 70px;
  margin: 15px 0;
  width: 110px;
}

@media (min-width: 768px) {
  #norton-logo {
    bottom: 0;
    margin: 0;
    padding-right: 15px;
    /*position: absolute;*/
    right: 0;
  }
}
#norton-logo.align-left {
    margin: 0;
}

.logos-wrapper {
    font-size: 0;
}

.norton-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
/* ------------------------------------------- */
/*       Data Usage                            */
/* ------------------------------------------- */

.data-usage-error-wrapper {
  background: url("/static/images/error_icon.png") #fff no-repeat 0px 0px;
  min-height: 62px;
}
.data-usage-error-wrapper  h3{
  font-size: 20px;
  margin: 0px 0px 0px 40px;
  padding: 5px 0px 0px 0px;
}

#loading-spinner-data-usage {
  background: url('/static/images/loading_interstitial.gif') #fff no-repeat center 45px;
  box-sizing: border-box;
  color: #666;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  padding-top: 0px;
  position: absolute;
  text-align: center;
  width: 100%;
}
#dataUsageContent h3 {
    border-bottom: none;
    margin-top: -1px !important;
  }
#dataUsageError a{text-decoration:underline;}

#dataNotApplyInfoImg , #qbpAcctStatusAlertImg {
  float: left;
  height: 30px;
  margin-top: -4px;
  margin-left: -15px;
}

#dataUsageDoesNotApplyMsg {
  font-size: 16px;
  font-weight: bold;
  margin-left: 22px;
}
#dataUsageIsExemptMsg {
  font-size: 14px; 
  margin-left: 22px;
}
.generalAlertMsg h1 {
  font-size: 16px;
  margin-bottom: 10px;
}
.generalAlertMsg {
  margin-left: 22px;
}
.generalAlertMsg ul li a {
  text-decoration:none !important;
}
@media (max-width: 768px) {
  .generalAlertMsg {
    font-size:14px;
  }
  .generalAlertMsg ul li {
    line-height: 2em;
  }
}
#dataUsageNoDataFoundMsg {
  font-size: 16px;
  font-weight: bold;
  margin-left: 22px;
}
ul.dataUsageLinklist {margin: -5px 0px 0px 1px; padding: 0px 0px 15px 10px;}

ul.dataUsageLinklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 5px 0px 0px 0px;
  font-size: 14px;
}

ul.portalLinklist {margin: -5px 0px 0px 10px; padding: 0px 0px 15px 10px;}

ul.portalLinklist li {
  list-style-image: url("/static/images/arrowTargetLink.gif");
  margin: 10px 0px 0px 0px;
  font-size: 14px;
}

.dataUsageLinklist a {
  display: inline-block;
  font-size: 14px;
  margin: 0;
  padding:  0;
  vertical-align: top;
}

@media (min-width: 992px) {
  .dataUsageLinklist a {
    display: inline-block;
    font-size: 14px;
  }
}

#dataUsageHelpSection {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: -15px;
}

#data-usage-chat-link {
  text-decoration: underline;
}

#dataUsageHelpPhone{
  text-decoration: underline;
}
#dataUsageHelpText {
    line-height: 1.35em;
  }
@media (min-width: 768px) {
  #dataUsageHelpPhone{
  color: black;
  text-decoration: none;
  }
  #dataUsageHelpText {
    line-height: normal;
  }
  .usageErrorText {
  margin: 0px 0px 0px 38px;
  }
}

.imgAndText {
  display: block;
  font-size: 16px;
}
.numberOfDays {
  font-size: 18px;
  font-weight: bold;
  display: inline;
}
.numberOfDaysImage {
  display: inline;
  background: transparent url("/static/images/data_usage_sprite.png")  no-repeat;
  background-size: 40px;
  background-position: -6px -72px;
  padding: 18px 14px 5px 20px;
  margin: 0px 0px 0px 0px;
  height: 30px;
  position: relative;
    top: 4px;
}
@media (min-width: 992px) {
  
}
@media (min-width: 768px) {
  .imgAndText {
    display: inline;  
  }
}
@media (min-width: 656px) {
  
} 
.daysLeftText {
  display:inline;
}
.asOfDateText {
  font-size: 12px;
  font-style: italic;
  color: #666;
  margin: 5px 0px 10px 0px;
}
.billingCycleText {
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}
#showCycleSelector {
  margin: 10px 0px 10px 0px;
}
#datausageLineSelectorLabel, #datausageCycleSelectorLabel  {
  display:block;
  width:auto;
}
#singleBillingCycleText {
  margin: 12px 0px 10px 0px;
}
#datausageCycleSelectorLabel {
  font-size: 16px;
  font-weight: bold;
  margin-right: -11px;
}
@media (min-width: 768px) {
  .billingCycleText {
    font-size: 16px;
    display: inline;  
    margin: 0px 0px 10px 0px;
  }
  #datausageLineSelectorLabel, #datausageCycleSelectorLabel  {
    display:inline-block;
  }
}
.usageText {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 0px 0px !important;
  float:left;
}
.dataUsageText {
  font-size: 16px;
  margin: 10px 0px 0px 60px !important;
}

.dataUsageTextError {
  color: #c00;
  font-style: italic;
}
.dataUsageOveragePastCycleText {
  margin-top:5px;
  font-size: 12px;
  font-weight: normal;
}
.dataUsageOveragePastCycleText a{
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}
#dataUsageOveragePastCycle {
  display:none;
  margin-top: 5px;
}

#dataUsageOverage {
  display:none;
  margin-top: 5px;
}
#dataOverageImg {
  float: left;
  height: 30px;
  margin-top: -4px;
  margin-left: -13px;
}
#dataUsageOverageMsg {
  
}
#dataUsageAmountOfOverage {
  color: #c00;
}
#dataUsageUnits {
  color: #c00;
}
.dataOverageLine {
  margin-top: -5px;
}
#dataOverageText {
  margin-top: 7px;
  font-size: 16px;
  font-weight: bold;
  
}
#dataOverageImgSection {
  float: left;
  margin-top: -1px;
  margin-right: 7px;
  height: 42px;
}
#datausageLineSelectorLabel, #ubbSingleLineDisplay b {
  font-size: 16px;
  font-weight: bold;
  margin-right: 13px;
}
#ubbSingleLineDisplay .singleUBBLineText {
  font-size:16px;
}
#singleLine {
  font-size: 16px;
  margin: 0px 0px 20px 0px;
}
#thisCycle, #thisUBBLine {
  font-size:16px;
  padding: 3px;
}
@media (min-width: 768px) {
  #thisCycle {
    margin-left: 20px;
  }
}
/* ------------------------------------------- */
/*       Odds and ends from myaccount.css      */
/* ------------------------------------------- */

/* --  Some of this stuff may not be in use -- */

.disclaimer {font-size: 0.95em;}
.disclaimer-italic {font-size: 0.95em; font-style:italic;}

/* Status List (repair and shipping status) */
table.status thead th {text-align: left;}
table.status .details td {padding: 0.5em; border-top: none;}
table.status .details table td {padding: 0;}
table.status .details table th {text-align: right; padding-right: 0.5em;}
table.status tbody td {background: #f4f5f7;}
table.status tbody.even td {background: #fff;}

/* Elements used for two columns in Full layout (no menu) */
.primary {width: 580px; float: left;}
.callout {width: 300px; float: right;}

/* transparency for disabled form 'image' type submits */
.disabled {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

ol.stepForm {margin: 0; padding: 0;}
ol.stepForm li {margin: 0 0 1em 2em; padding-left: 0;}

.qbp-hcde-error-wrapper {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
}

@media (min-width: 768px) {
  .qbp-hcde-error-wrapper {
    background-color: #fff;
    -moz-border-radius: 6px;
    behavior: url(/static/js/PIE.htc);
  }
}

.qbp-hcde-error-wrapper  h3 {
  min-height: 30px;
  padding-left: 40px;
  font-size: 18px;
  color: #000;
}

@media (min-width: 768px) {
  .error-wrapper p,
  .qbp-hcde-error-wrapper  h3 {
    margin: 0 0 10px 45px;
    padding-left: 0;
  }
}

.qbp-hcde-error-wrapper {
  background: url("/static/images/inform_icon_small.png") #fff no-repeat 15px 10px;
  background-size: 30px;
  box-sizing: border-box;
  min-height: 62px;
}
/***  acct-status section **/
#acct-status  p.contHead {
  text-align: left;
  color: #333;
  background-color:#fff;
  font-weight: bold;
  padding-left: 55px;
  border-bottom: 0;
  center;
  margin: 0px;
  behavior: url(/static/js/PIE.htc);
}
.acct-status-error-icon:before {
    
  background:url('/static/images/error_icon.png') 0 0px scroll no-repeat;
    content: "";
    height: 30px;
    left: 4px;
    position: absolute;
    width: 30px;
  margin-left:15px;
}
@media (min-width: 768px) {
  #acct-status p.contHead
  {
  border: 1px solid #ccc;
  font-size:16px;
  border-bottom:0;
  padding-top: 15px;
 }
  .acct-status-Cont
  {
  border: 1px solid #ccc;
  font-size:16px;
  padding: 1px 15px 10px 60px;
 }
 .acct-status-error-icon:before{
   left: 10px;
   top: 14px;
 }
}

#update-autopay-request-success .yellow-info-icon {
  font-size: 12px;
}

#noscript a {
  text-decoration:underline;
}

.acct-status-Cont {
 min-height:195px;
 border-top:0;
 font-size:12px;
 padding: 1px 15px 10px 55px;
 border-radius: 0px 0px 6px 6px;
 background-color:#fff;
-moz-border-radius: 0px 0px 6px 6px;
 position: relative;
 text-align: left;
 behavior: url(/static/js/PIE.htc);
}


.newToMyaText {
    /* margin-bottom: -8px !important;  */
	 margin-bottom: -8px;
  }
  
@media (min-width: 656px) {
  .newToMyaText {
    line-height: 1.35;
   /* margin-bottom: -8px !important; */
   margin-bottom: -8px;
  }
}
@media (min-width: 768px) {
  .newToMyaText {
    line-height: 1.35;
   /*  margin-bottom: 2px !important;   */
    margin-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .newToMyaText {
    line-height: 1.35;
    /* margin-bottom: 12px !important;  */
	margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .newToMyaText {
    line-height: 1.35;
    /* margin-bottom: 12px !important; */
	margin-bottom: 12px;
  }
}

#addAccountSuccessHeader {
  color:#333;
}

.hcde128-paymentError-padding{
  padding: 15px 0px !important;
}
#paymentError .hcde128-err-msg{
  font-size: 21px;
}
#paymentError .hcde128-err-text{
  margin-bottom:0 !important; 
}
#paymentError .hcde128-outside-padding{
  padding: 15px;
}
/* .input-error {
  border-color:#c00 !important;
} */
#profileInformation .input-error {
  border-color:#c00;
}
@media (max-width: 768px) {
  #paymentError .hcde128-err-text {
    font-size: 14px;    
    margin-bottom:0 !important;
  }
  #paymentError .hcde128-err-text a{text-decoration:underline;}
  
  #enterNewPasswordForm  #saveChangesButton {
    margin-bottom:20px;
  }
  .account-number-wrapper .account-number {
    display:block;
    width:100%;
  }
  #add-an-account-wrapper #cancelLink {
    text-align:center;
    display:block;
    margin-top:15px;
    text-decoration:underline;
  }
  #add-an-account-wrapper.success-message:before {
    top: 5px;
  }
  #add-an-account-wrapper .ctlButton {
    width:100%;
  }
}

#iframeBorder {
  border:1px solid #ccc;
}

#linkSection h1 {
  color:#ff8B19;
  font-weight:bold;
  font-size:22px;
  margin-bottom:10px;
}

#linkSection ul {  
    margin: 0.75em 0;  
    padding: 0 1em;  
    list-style: none;  
}  
#linkSection li:before {
    content: "";
    border-color: transparent #00853F;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
} 

.left-section-links {
  float:left;
  margin-bottom:10px;
}

#linkSection h1 {
  color:#ff8B19;
  font-weight:bold;
  font-size:20px;
  margin-bottom:10px;
  margin-top: 20px;
}

#linkSection ul {
    padding: 0 0em 0px 0px;
    list-style: none;
    margin: 10px 0px 0px 13px;
}  
#linkSection li {
  margin-bottom: 4px;
  font-size:12px;
} 

#billingPaymentLinkSection {
  float: right;
}

#displayEmailAddress, #emailAddressUnavailable {
  margin: 10px 0px 10px 0px;
}
#emailEditSection {
  margin-bottom:10px;
  word-wrap: break-word;
}
#view_bills_link .support-resources-column {
  margin-left:0px;
}

#commonFeesExplained {
  margin-top:10px;
}
#paperless-billing #mailingAddressInfo,#paperless-billing #primaryLine{
  display: inline-block;
  margin-left: 5px;
}
#paperless-billing p, 
#paperless-billing span,
#paperless-billing label,
#mailingAddressSection  {
    font-size: 12px;
}
@media (min-width: 425px) {
  #paperless-billing input[type="text"] {
    width:100%;
  }
}
@media (max-width: 425px) {
  .emailHelpText.right {
    float: none !important;
    width:100%;
    border:none;
    padding:0px;
    margin:0px;
   }
   .emailHelpText.right p {
     margin-bottom: 0px;
    }
   #paperless-billing input[type="text"] {
      width:100%;
      border-radius:4px;
      font-size: 20px;
      border:1px solid #aaa;
      height: 35px;
      padding: 1px 3px;
    }
  div.billPreferenceLeftPadding {
    padding: 0px;
  }
  div.editEmailArea {
    width:95%;
  }
  #submitSection {
    text-align:center;
  } 
  #paperless-billing p, 
  #paperless-billing span,
  #paperless-billing label,
  #mailingAddressSection  {
    font-size: 14px;
  }
  #paperless-billing #mailingAddressInfo,#paperless-billing #primaryLine{
    display: inline-block;
    margin-left: 0px;
    font-size: 15px;
  }
  #mailingAddressSection {
    margin-left: 23px;
  }
}
@media (max-width: 767px) {
  #linkSection {
    border:1px solid #ccc;
    margin-top:10px;
    border-radius:3px;
    box-shadow: 5px 5px 5px #ccc;
    padding-bottom: 10px;
  }
  #paperless-billing input[type="radio"] {
    width:16px;
    height:16px;
    float:left;
  } 
  .left-section-links {
    margin-bottom:0px;
  }
  .left-section-links {
    width:100%;
  }
  .right-section-links {
    clear:both;
  }
  #linkSection h3 {
    font-size: 16px;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
  }
  #linkSection h1 {
    color:#ff8B19;
    font-weight:bold;
    font-size:20px;
    margin-bottom: 0px;
    padding:10px;
    border-top-left-radius:3px;
    border-top-right-radius: 3px;
    background:linear-gradient(to bottom, rgba(139,197,63,1) 0%, rgba(0,134,67,1) 100%);
    color:#fff;
    margin-top: 0px;
  }
  #linkSection li {
    padding-left: 25px;
    font-size:16px;
    padding-right: 40px;
    margin-bottom: 10px;
  }
  #linkSection p {
    padding:0px 10px 0px 10px;
    line-height:1.5em;
  }
  #linkSection ul {
    margin: 0px 0px 0px 5px;
  } 
  #view_bills_link .support-resources-column  h3{
    color:#333;
    border-bottom:1px solid #d9d9d9;
    padding-bottom: 15px;
  } 
  #paperless-billing label {
    display:block;
    margin-left:25px;
  }
  #paperless-billing label#serviceEmailLabel {
    margin-left:0px !important;
  }
}

#paperless-billing input[type="radio"] {
  float:left;
  margin: 0px 10px 20px 0px;
}

#troubleLog-error-msg a{text-decoration: underline;}
.max-allowable-msg{
    font-weight: normal;
    color: #000000;
}

@media (min-width: 768px) {
  #sub_nav_link_viewBills_mobile {
    display:none !important;
  }
}

@media (max-width: 767px) {
  #sub_nav_link_viewBills {
    display:none;
  }
}

@media (min-width: 768px) {
  #leftNavViewAndPayBills_mobile {
    display:none !important;
  }
}

@media (max-width: 767px) {
  #leftNavViewAndPayBills {
    display:none;
  }
}
.msgCenterCont {
  position: relative;
  background-color: #fff;
  border: 1px solid #ea6702;
  border-radius: 0px 0px 6px 6px;  
  border-top: 0;
  margin: 0px 0px 10px 0px;
  padding: 10px;
  text-align: left;
  font-size: 12px;
}
.msgCenterCont a {
    text-decoration: underline;
    font-size: 12px;
	font-weight: bold;
	display:inline-block;
}
.msgCenterContLink {
    text-decoration: underline;
    font-size: 12px;
	font-weight: bold;
	display:inline-block;
}
.msgCenterCont p {
  font-size: 12px;
  line-height: 1.50;
  margin-top: 5px;
}
.msgCenterContParagraph {
  font-size: 12px;
  line-height: 1.50;
  margin: 5px 0px 10px 0px;
  display:inline-block;
}
.msgCenterBold {
  font-size: 14px;
  font-weight: bold;
}
h3.msgCenterContHead{
  background-color: #ff8b19;
  color: #fff;
  border: 1px #ea6702;
}
.spinner-transform{
	transform:scale(0.5,0.5);
}
b.italic {
    font-style: italic;
	font-weight:normal;
}

#new-mexico-msg {
	font-size: 12px;
	color: #000;	
}

#new-mexico-msg a {
  text-decoration: underline;
}

/* ------------------------------------------- */
/*       EmailUS css start                     */
/* ------------------------------------------- */

.infoblockEmailus{
	background: transparent url("/static/images/inform_icon_small.png") 0px 0px scroll no-repeat;
    padding: 0px 0px 5px 30px;
    color: #666;
    font-style: italic;  
}
.infoblockEmailus .infoblockEmailUsText{
	padding-top:3px;
}
.emailUs {
	font-size:14px;
	font-weight: 500;
    line-height: 0.8em;
}
.eamilUsPara{
	font-size:14px;
	font-weight: 500;
}
.emailUsdeatils{
	color: #666;
    font-style: italic;
}
.responsive .emailUsLabel {
    color: #666;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}
#emailAddress, #firstName, #lastName{
    font-size: 14px;
    padding: 3px;
}
#confirmEmailAddress{
	font-size: 14px;
    padding: 3px;
}
.selectBoxAndTextBox{
	font-size: 14px;
    padding: 3px;
}
#eamilUsbody{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 15px;    background: #fff;
}
#eamilUsbody .formerror h2{
	font-size:20px;
	color: #c00;
	font-weight: normal;
}
#eamilUsbody .success h2{
	font-size:20px;
	color: #00853F;
	font-weight: normal;
}
#eamilUsbody .formerror .emailUs{
	color: #000;
}
#emailUsContent{
	margin-left:15px;margin-right:15px;margin-top:-10px;
}
.emailUsContentBody{
	margin:20px;
}
#emailUsMessage{
	margin-left:15px;margin-right:15px;margin-top:-50px;
}
#emailUsButtons{
	width: 100%;text-align: center; margin:15px;
}
#eamilUsbody .msgMarign{
	margin-bottom: 20px;
    margin-top: 20px;
	border: none;
}
#editShowHide{
	font-size:12px;
	text-decoration:underline;
}
.emailUsLabel{
	font-size:14px;
	margin-bottom: 5px;
    width: auto;
}
.formErrColor{
	color: #000;
}
#emailUsFailure{
	text-decoration:underline;
}
@media (min-width: 992px){
.responsive .emailUsLabel {
    margin-bottom: 5px;
    width: auto;
	font-size:14px;
}

}
@media (max-width: 767px) {
	#eamilUsbody .formerror h2{
		font-size:16px;	
	}
	#eamilUsbody .success h2{
		font-size:16px;
	}
	.emailUsLabel{
		font-size:14px;
	}
	#eamilUsbody {
		border: none;
		padding: 0px;
	}
	.msgMarign{
		margin:0px;
	}
	
	.emailUsContentBody{
		margin:0px;
	}
	#emailUsMessage{
		margin:0px;
		margin-top: -50px;
	}
	#emailUsContent{
		margin:0px;
	}
	.selectBoxAndTextBox{
		border-radius: 4px;
	}
	.auth-form-control{
		width:96%
	}
	
	
}
@media (max-width: 767px) {
	#responsivelink{
		font-size:20px;
		padding-right: 20px;
	}
	#margingEmailus{
		margin-bottom: 10px;
	}
	#emailUsButtons{
		margin:0px;
	}
}
#retrieveacctnobyemailaddress,#retrieveacctnobyemailaddressReg1,#retrieveacctnobyemailaddressReg2{
	color:#00853F;
	text-decoration:underline;
}
#retrieveacctnobyemailaddressReg1{font-size:14px !important;}
/* ------------------------------------------- */
/*       EmailUS css End                  */
/* ------------------------------------------- */

/*---- throttle css ----*/

.tp-pd20 {
        padding-top: 20px;
    }
	
.pd-tp130 {
        padding-top: 130px;
    }

.body-text {
        color: #000000;
        font-family: arial, sans-serif;
        font-size: 18px;
     }
	 
.ctl-Logo {
        background: url("/static/images/throttle_sprite.png") no-repeat -16px -10px;
        width: 169px;
        height: 34px;
    }
.padd-left15{
	padding-left:15px;
}
.padd-right15{
	padding-right:15px;
}
.margin-tp0{

    margin-top: 0px;
}
.pmod{
	line-height:1.43777
}
@media (min-width: 992px){
#mod .container {
    width: 990px;
}
}

/*---- throttle css end----*/


/* ------------------------------------------- */
/*       AutoPay css Start                     */
/* ------------------------------------------- */
.autoPayHeading{
	margin: 10px 0px;
	font-size:1.25rem;
	font-weight:100;
}
#paymentError .autoPayPurlErrorBorder{
	padding: 10px;
	border: 1px solid #ffa02f;
	border-radius:0px;
}
#main .autoPayPurlMargin{
	margin: 25px 10px 0px 0px;
} 

.content-box-inner_autoPay {
    background-color: #fff;
	border: 0.1875rem solid #ffa02f;
	padding: 0.9375rem;
	margin: 15px 0px 0px 0px;
  }
a.moreInfoLinks{text-decoration:underline;} 

@media (min-width: 768px) {
  .content-box_autoPay {
	border :0.1875rem solid #8cc63f;
	padding :0.75rem;
    margin-bottom: 15px;
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
  #main-content_autoPay{
    background-color: #fff;
  }
}
.autoPay_p {
  border-bottom: 0.035rem solid #f0f1f1;
  margin-bottom:5px;
}

@media (min-width: 768px) {
.content-box-inner_autoPay {
    background-color: #fff;
	border: 0.1875rem solid #ffa02f;
	padding: 0.9375rem;
	margin: 15px 0px 0px 0px;
  }
}
@media (min-width: 768px){
#main #sidebar .help h4#helpofAutoPay {
    color: #000;
	font-weight:100;
	font-size: 1rem;
}
}
/*---- Iframe css ----*/

#autoPay-iframe-wrapper {
  height: 1310px;
}

@media (min-width: 768px) {
  #autoPay-iframe-wrapper {
    height: 1110px;
  }
}

@media (min-width: 992px) {
  #autoPay-iframe-wrapper {
    height: 650px;
  }
}
/*---- Iframe css end ----*/

/* ------------------------------------------- */
/*       AutoPay css End                       */
/* ------------------------------------------- */
/* MPA Iframe Error */
.mpaPaymentError{
	color: #000;
}
@media (min-width:320px) and (max-width:767px){
.mpaErrorLinks{
	font-size:14px;
	margin-top: -4px;
}
.outside-margin-bottom-mobile{
	margin-bottom: -236px;
}
}