@charset "UTF-8";
/* As of 3/28/13 -- extracted 10/4/2021*/

body {
  text-align: center;
}
strong,
b,
.bold {
  font-weight: bold;
}
em,
i,
.italic {
  font-style: italic;
}
h2,
h4,
h5,
h6 {
  font-weight: bold;
}
h1 {
  font-size: 160%;
  color: #f47920;
}
h2 {
  font-size: 140%;
  margin-bottom: 0.5em;
}
h4 {
  color: #f47920;
  margin: 0 0 0.5em 0;
  font-size: 110%;
}
h5 {
  color: #a08c78;
  border-bottom: 0.1em dotted;
  padding: 0 0 0.5em;
  margin: 0 0 0.75em;
}
h6 {
  color: #a08c78;
}
a,
.link,
a:visited,
.link:visited {
  border: 0 none;
  outline: none;
  color: #f47920;
  text-decoration: none;
}
a:hover,
.link:hover {
  text-decoration: underline;
}
ol li {
  list-style-type: decimal;
}
hr {
  height: 1px;
  color: #e2ddd7;
  background-color: #e2ddd7;
  border: 0;
}
hr.dark {
  background-color: #a08c78;
  margin-bottom: 1em;
}
th {
  font-size: 85%;
}

.left {
  float: left;
}
.right {
  float: right;
}
.indent {
  padding: 1em 1em 1em 2em;
}

.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}

.tright {
  text-align: right;
}
.tleft {
  text-align: left;
}
.tcenter {
  text-align: center;
}

.scroll {
  overflow: scroll;
}
.hidden {
  display: none;
}

.addmtop1-5 {
  margin-top: 1.5em;
}
.addmbottom1-5 {
  margin-bottom: 1.5em;
}
.mw-100 {
  min-width: 100px;
  display: inline-block;
}

.caps {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.noborder {
  border: none;
}

.orange {
  color: #f47920;
}
.lightgray,
.lightgrey {
  color: #eeeae8;
}
.gray,
.grey {
  color: #a08c78;
}
.redtext {
  color: #b30838;
}

.pdf {
  background: url(/rsrc/img/icon/pdf.gif) no-repeat;
  padding-left: 20px;
}
.excel {
  background: url(/images/uploads/excel.gif) no-repeat;
  padding-left: 20px;
  padding-bottom: 2px;
}
a.twitter,
a.phone,
a.map {
  background: url(/rsrc/img/icon/twitter.png) no-repeat left;
  padding-left: 20px;
}
a.phone {
  background-image: url(/rsrc/img/icon/phone.png);
}
a.map {
  background-image: url(/rsrc/img/icon/map.png);
}

#container {
  margin: 0 auto;
  padding: 0.9em 0;
  width: 960px;
  text-align: left;
}

ul.right {
  color: #f47920;
}
ul.right li {
  float: left;
  padding: 0 0.5em;
  border-right: 0.1em solid;
}
ul.right li.last-child {
  border-right-style: none !important;
  font-weight: bold;
}
ul.right a {
  padding: 0.25em;
}
#header ul.right {
  margin-right: -0.5em;
}

#brand {
  display: block;
  float: left;
  background: url("/rsrc/img/ambit-energy-logo.svg") no-repeat;
  width: 200px;
  height: 46px;
  margin: 1.5em 0 -1.5em;
  text-indent: -9999px;
}

/* Experimental Inline Center */
.nav-wrap {
  text-align: center;
}
#nav {
  clear: both;
  text-transform: uppercase;
  font-size: 105%;
  padding: 0.25em 0 0 0;
  margin: 0 -1em 0 0;
  color: #8e8574;
  min-height: 1.75em;
  text-align: right;
}
#nav li {
  display: inline-block;
  padding: 0;
  height: 1.5em;
  border-right: 1px dotted #b9b9b9;
  text-align: center;
  position: relative;
}
#nav .last-child {
  border-right: 0 none;
}
#nav li a {
  display: block;
  text-decoration: none;
  color: #8e8574;
  position: relative;
  z-index: 10;
  margin: auto;
  padding: 0.25em 1em 0.3em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
}
#nav li:hover a,
#nav .ie6hover {
  color: #fef4e9 !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #f47920;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff7330),
    to(#e65b07)
  );
  background: -moz-linear-gradient(top, #ff7330, #e65b07);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7330', endColorstr='#e65b07');
}

#banner {
  clear: both;
  margin: 1em 0 0;
  padding: 0 0 1em;
  border-bottom: 0.1em dotted #b9b9b9;
}

#welcome {
  padding: 1em 0 2em;
  color: #a08c78;
}
#welcome h2 {
  /*float:left; color:#f47920;*/
  font-size: 140%;
  font-weight: normal;
}
#welcome p {
  /*text-align:right; */
  padding: 0.5em 0 0;
}

.sidebar h3 {
  border-bottom: 0.1em dotted #b9b9b9;
  margin: 1.5em 0 0.5em;
  padding: 0.25em 0 0.25em 0.25em;
  color: #f47920;
  font-size: 120%;
}
.sidebar hr {
  background: #f47920;
  margin: 1em 0;
}
#bill-summary {
  background: #fff;
  margin-top: 0;
  border: 1px solid #f47920;
  border-width: 1px 1px 0;
  padding: 0 10px 15px 10px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
#bill-summary h3 {
  border-bottom: 0 none;
  padding: 0.75em 0 0.5em;
  margin: 0;
  text-indent: 0;
}
#bill-summary hr:last-child { display: none; }

#balanceSummary {
  color: #57504a;
  border: 1px solid #f47920;
  border-radius: 5px;
}
#balanceSummary h3 {
  border: 0;
  margin: 5px 0 0 5px;
}
#balanceMessage {
  padding: 10px;
  color: #ffffff;
  background-color: #f47920;
  border-bottom: 1px dotted #f47920;
}
#balanceRecent {
  padding: 10px;
}
#balanceTotal {
  background-color: #eeeae8;
  padding: 10px;
  border-radius: 0 0 5px 5px;
}
#balanceTotal h6 {
  text-align: center;
}
.topinfo {
  border-top: 1px #b7a99d dotted;
  margin-top: 5px;
}

.sidebar small {
  font-style: italic;
  color: #a08c78;
  font-size: 87.5%;
}
.sidebar .total {
  background: #eeeae8;
  color: #57504a;
  font-weight: bold;
  border: 1px solid #f47920;
  border-width: 0 1px 1px;
  padding: 10px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.sidebar .total small {
  color: #57504a;
  font-weight: normal;
}
.sidebar .total .yellowbtn {
  margin-top: 1em;
}
.sidebar .current-bill {
  display: block;
  text-align: right;
  padding: 1em 40px 1em 0;
  text-decoration: underline;
  text-transform: capitalize;
  background: url("/images/uploads/current-bill.png") no-repeat right center;
}

.sidebar-indent,
#additional-services {
  width: 93%;
  margin-left: 7%;
}
.deposit-info p,
.deposit-info a,
#additional-services p,
#additional-services a {
  color: #a08c78;
}
.deposit-info p,
#additional-services p {
  margin: 0 0 1em;
}
.deposit-info a,
#additional-services a {
  text-decoration: underline;
}
.deposit-info a:hover,
#additional-services a:hover {
  color: #f47920;
}

#chatsystem {
  width: 93%;
  margin-left: 7%;
}
#chatsystem img {
  float: left;
  padding-right: 5px;
  width: 30%;
}
#chatsystem .button {
  text-align: left;
  padding: 0.5em 0.5em 0.55em;
}

#content {
  width: 100%;
  line-height: 1.5em;
}
.yui3-u-13-24 #content {
  border-right: 0.1em dotted #b9b9b9;
  width: 95%;
  padding: 0 5% 0 0;
}
#content h3 {
  margin-top: 1.5em;
  color: #f47920;
  font-size: 120%;
  text-indent: 0.25em;
}
#content h3:first-child,
#content h3.first-child {
  margin-top: 0.66em;
}
.my-service-plan h3:first-child,
.my-service-plan h3.first-child {
  margin-top: 0 !important;
  text-indent: 0 !important;
}
#content .acctnum {
  text-align: right;
  margin-top: 0.66em;
  padding: 0 !important;
}
#content a,
#content .link {
  color: #a08c78;
  text-decoration: underline;
}
#content a:hover,
#content .link:hover {
  color: #f47920;
}
#content p {
  padding: 0 0 1em;
  color: #333;
}
#content .section {
  border-top: 0.1em dotted #b9b9b9;
  background-color: #eeeae8;
  padding: 1.5em 1.75em 1em;
  margin: 0.25em 0 0;
}
#content .section .yui3-u-1-2.tright {
  text-align: right;
  width: 49%;
}
.my-messages .section {
  padding-bottom: 0;
}

#content ul {
  padding-left: 2em;
}
#content ul li {
  list-style-type: disc;
  padding-left: 1em;
}
#content .notes ul li,
#content .notes ul,
#content #tabs ul,
#content #tabs ul li {
  padding-left: 0;
}
#content .notes ul li,
#content #tabs ul li {
  list-style: none;
}
#content ul li li {
  list-style-type: circle;
}
#content ul li li li {
  list-style-type: square;
}

#content table {
  width: 100%;
  padding: 0 0 1em;
  margin-bottom: 1em;
}
#content tr.odd {
  background-color: #e2ddd7;
}
#content tr:hover {
  background-color: #fefefe;
}
#content tr.noborder:hover,
#content tr.notes:hover {
  background-color: #eeeae8;
}
#content th,
#content td {
  text-align: center;
}
#content th:first-child,
#content th.first-child,
#content td:first-child,
#content td.first-child,
#content .inbox th.second-child,
#content .inbox td.second-child {
  text-align: left;
}
#content th {
  font-weight: bold;
  padding: 0 0.25em;
  border-bottom: 0.1em solid #a08c78;
}
#content td {
  padding: 0.5em 0.5em;
  border-bottom: 0.1em dotted #a08c78;
}
#content .notes td {
  font-size: 75%;
  padding: 2em 0 0 0;
}
#content tr.last-child td {
  border-bottom: 0 none !important;
  border-right: 0 none !important;
}
#content .last-column {
  border-right: 0 none !important;
}
#content tr.total {
  color: #f47920;
}

.pop-up tr:hover {
  background-color: #eeeae8 !important;
}
.pop-up tr.noborder:hover,
#content .pop-up tr.notes:hover {
  background-color: #fff !important;
}

/*#my-profile h4 {text-transform:uppercase;}*/
#my-profile #smart-meter {
  padding: 1em 0 1em 15%;
  width: 85%;
  background: url("/images/uploads/icon-meter.png") no-repeat 0 1em;
}
.scrollbox {
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #fafafa;
  background: rgba(255, 255, 255, 0.8);
  padding: 1em 0 0 1em;
  margin-bottom: 1.5em;
  -webkit-box-shadow: inset 1px 1px 2px #a2958a;
  -moz-box-shadow: inset 1px 1px 2px #a2958a;
  box-shadow: inset 1px 1px 2px #a2958a;
}

.switchacct {
  font-size: 12px;
  color: #333;
}
.serviceplan p {
  padding: 0;
}
.serviceplan hr {
  margin-bottom: 1.25em;
}

#messaging,
.messaging {
  padding: 1em 0 0;
}
#messaging {
  min-height: 110px;
}
#messaging h4,
.messaging h4 {
  color: #f47920;
  font-size: 120%;
  font-weight: normal;
  border-bottom: 0.05em dotted #a08c78;
  padding: 0 0 0.45em;
  margin-bottom: 0.5em;
}
#messaging .yui3-u,
.messaging .yui3-u {
  padding: 0 0 0 200px;
  display: block;
}
#messaging h4 span,
.messaging h4 span {
  color: #a08c78;
}
#messaging ul,
.messaging ul {
  color: #a08c78;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
#messaging .ul-border-right,
.messaging .ul-border-right {
  border-right: 0.1em dotted #a08c78;
}
#messaging p,
.messaging p {
  color: #a08c78;
}
#messaging .yui3-u-1 ul,
.messaging .yui3-u-1 ul {
  border-right: 0 none;
}
#messaging li,
.messaging li {
  list-style: disc;
}
#messaging .yui3-u-1-4,
.messaging .yui3-u-1-4 {
  width: 24%;
}
#messaging .sign-up,
.messaging .sign-up {
  margin: 2.5em 0 0 2em;
  width: 50%;
}
#messaging .right {
  padding: 1em 0 1em 1em;
}

.tabs h3,
.tabs h3.first-child,
.tabs h3:first-child {
  padding: 0.5em 1em;
  margin: 1em 0.25em 0 0 !important;
  text-indent: 0 !important;
  text-align: center;
  color: #000 !important;
  background: #c6baaf url("/rsrc/img/tab-corner-top-right.png") no-repeat right 0;
  cursor: pointer;
  font-size: 100% !important;
  display: block;
  float: left;
}
.tabs h3.focus {
  background-color: #eeeae8;
}
.tabs h3 a {
  color: #000 !important;
  text-decoration: none !important;
}
.tabs .section {
  border-top: 0 none !important;
  clear: left;
}
.tabs {
  position: relative;
}

.btn-bar {
  background-color: #e2ddd7;
  padding: 1em 2em !important;
  margin: 1em -1.75em -1em; /*jkeese*/
  overflow: hidden;
}

.message-alert {
  background: #a2958a;
  color: #fff;
  text-decoration: underline;
  font-size: 85%;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-radius: 0px 10px 0px 10px;
  border-radius: 0px 10px 0px 10px;
}
.message-alert a {
  color: #fff;
  display: block;
  height: 100%;
  padding: 1em 1em;
  background: url("/rsrc/img/icon/mail.png") no-repeat 7% center;
  text-indent: 30px;
}
.newmessages {
  background: #f47920;
}

input.error,
textarea.error,
select.error {
  border-color: #b30838;
  -moz-box-shadow: 0 0 0.5em #b30838;
  -webkit-box-shadow: 0 0 0.5em #b30838;
  box-shadow: 0 0 0.5em #b30838;
}
label {
  /*cursor:pointer;*/
}
label.error {
  color: #b30838;
  border: 0 none;
  margin-left: 1em;
}

.preference {
  padding: 0;
  margin: 0 0 1em;
  border-bottom: 0.1em solid #a08c78;
}
.preference .edit {
  display: block;
  float: right;
  width: 50px;
}
.preference div {
  padding: 0 0 0.5em;
}
.preference h6,
.preference label {
  font-weight: bold;
  display: inline;
  color: #a08c78;
}
.preference h6 strong,
.preference label strong {
  color: #000;
}
.preference p,
.preference div input {
  display: inline;
}
.preference form,
.preference .ajax {
  display: none;
  width: 100%;
  padding: 1em 0 0;
}
.preference input.radio {
  margin: 0 1em 0 0;
  border: 0 none;
}
.preference p,
.preference input,
.preference textarea,
.preference select {
  margin-left: 1em;
}
.preference .btn-bar {
  margin: 2em 0 0;
  padding: 1em;
}

.remove {
  margin-left: 1em;
  cursor: pointer;
  border: 0.1em solid #a08c78;
  padding: 0 0.5em 0.25em;
}

.my-messages table {
  margin: 1em 0 2em;
  color: #716659;
}
.my-messages table.inbox {
  padding: 0 !important;
}
.my-messages table.inbox tr.last-child td {
  border-bottom: 0.1em dotted #a08c78 !important;
}
.my-messages table.inbox th {
  background-color: #f47920;
  color: #fff;
  padding: 0.5em 0.25em !important;
  text-transform: uppercase;
  border-bottom: 0 none;
}
.my-messages table.inbox th.sortable span {
  background: #f47920 url("/images/uploads/inbox-sort-arrow.gif") no-repeat 0
    900%;
  padding-left: 1em;
  cursor: pointer;
}
.my-messages table.inbox th.sorted-asc span {
  background-position: 0 -3em;
}
.my-messages table.inbox th.sorted-desc span {
  background-position: 0 0.25em;
}
.my-messages table.inbox td {
  vertical-align: top;
  text-align: left;
}
#content table.inbox th:first-child,
#content table.inbox th.first-child,
#content table.inbox td:first-child,
#content table.inbox td.first-child {
  text-align: center;
}
.my-messages table.inbox .unread,
.my-messages table.inbox .unread a {
  font-weight: bold;
}

.my-messages .message {
  background-color: #fff;
  border-left: 0.3em solid #f47920;
  font-weight: normal;
  padding: 1.5em 2em 0.5em;
  margin: 0.5em 0;
}
.my-messages .message a,
.my-messages .message a:link {
  font-weight: normal !important;
  color: #f47920 !important;
}
.my-messages .message a:hover {
  text-decoration: underline !important;
}
.my-messages tr.expanded:hover {
  background-color: #eeeae8 !important;
}

table.rewards {
  margin: 0 0 1.4em 0;
  padding: 0 0 1.4em !important;
}
table.rewards td {
  text-align: right !important;
}
table.rewards tr td {
  padding: 0.45em 0.85em !important;
}
table.rewards td.first-child {
  text-align: left !important;
}
.free-btn-yes {
  background: transparent url(/rsrc/img/yes-no-si.png) top
    center no-repeat;
  float: right;
  text-align: left;
  text-indent: -9999px;
  width: 40px;
  height: 21px;
  margin: 4px 0 2px 0;
}
.free-btn-no {
  background: transparent url(/rsrc/img/yes-no-si.png) 0px -45px
    no-repeat;
  float: right;
  text-align: left;
  text-indent: -9999px;
  width: 30px;
  height: 18px;
  margin: 6px 0 4px 0;
}
.free-btn-si {
  background: transparent url(/rsrc/img/yes-no-si.png) 0px -87px
    no-repeat;
  float: right;
  text-align: left;
  text-indent: -9999px;
  width: 22px;
  height: 21px;
  margin: 4px 0;
}
table.rewards tr.status,
table.rewards tr.status:hover {
  background-color: #f47920;
  border-bottom: 0 none;
  color: #ffffff;
  padding: 0.45em 0.85em !important;
  text-transform: uppercase;
}
table.rewards td.status:hover,
table.rewards td.status {
  background-color: #f47920;
  padding: 0.45em 0.85em !important;
}
table.rewards td.status-right {
  text-align: right;
}
.rewards-invoice h4 {
  float: left;
  font-size: 1.2em;
}
p.invoice {
  text-align: right;
}
p.invoice span {
  text-align: left;
}
#content table.rewards ul {
  padding-left: 0;
}
#content table.rewards li {
  font-size: 0.85em;
  list-style: none;
}
#content table.rewards a.showlist {
  font-size: 0.85em;
  color: #f47920;
}

.history-chart td {
  border-right: 0.1em solid #a08c78;
}
.history-chart {
  margin-bottom: 1em;
}

.call-out {
  padding: 1.5em !important;
  background-color: #fff;
}
.call-out,
.call-out div {
  margin: 0 0 1em;
}
.whitebox {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.whitebox-content {
  padding: 20px;
}

#footer {
  clear: both;
  text-align: center;
  border-top: 0.1em dotted #b9b9b9;
  margin-top: 4em;
}
#footer ul {
  margin: 1em 0 0;
  color: #a08c78;
  font-size: 87.5%;
}
#footer li {
  display: inline;
  border-right: 0.1em solid;
  padding: 0 1em 0 0.5em;
}
#footer li.last-child {
  border-right: 0 none !important;
}
#footer li a,
#footer p a {
  color: #a08c78;
  text-decoration: underline;
}
#footer li a:hover {
  color: #f47920;
}
#footer p {
  clear: both;
  font-size: 75%;
  margin-top: 1em;
}

.pop-up,
.delete-pop-up {
  position: relative;
}
.pop-up-link,
.close {
  cursor: pointer;
}
.pop-up-link sup {
  text-indent: -900em;
  background: url("/rsrc/img/icon/pop-up.png") no-repeat;
  display: inline-block;
  position: relative;
  bottom: 0.1em;
  left: 0.5em;
  height: 15px;
  width: 15px;
}
.pop-up-info {
  display: none;
  background-color: #fff;
  float: left;
  position: absolute; /*left:7%; bottom:5%;*/
  left: inherit;
  bottom: inherit;
  padding: 0 1em 1em !important;
  border: 0.1em solid #a08c78;
} /* !important here to offset '.preference div' above */
.controls .pop-up-info {
  width: 75%;
}
.pop-up-info h5 {
  background-color: #f47920;
  border-bottom: 0 none;
  color: #fff;
  text-indent: 1em;
  padding: 0.5em 0;
  margin: 0 -1em 0.75em;
}
.pop-up-info .close {
  float: right;
  margin-top: -3.25em !important;
  color: #fff;
  font-size: 85%;
  text-transform: uppercase;
}
.pop-up-info h6 {
  font-weight: bold;
  font-size: 110%;
  padding: 1em 0 0.5em;
}
.pop-up-info p {
  padding: 0 0 1em !important;
  display: block !important;
} /* !important here to offset '.preference p' above */
.pop-up-info ul {
  padding: 0 0 0.5em 2em;
}
.pop-up-info ul li,
.delete-pop-up-info ul li {
  list-style: disc;
}

.alert {
  padding: 0 3em 1em !important;
  margin: 1em 0 !important;
  border: 0.5em solid #f00;
  background: #f00 url("/rsrc/img/error-msg.png") no-repeat 0 2.5em;
  color: #000;
}
.alert h3 {
  color: #fff !important;
  font-size: 100% !important;
  text-indent: 1em !important;
  padding: 0.25em 0 0.75em !important;
  margin: 0 -3em 0.75em !important;
  font-weight: bold;
  background-color: #f00;
}
.alert .close {
  float: right;
  margin-top: -3em;
  margin-right: -3em;
  color: #fff;
  font-size: 85%;
  text-transform: uppercase;
}
.alert .close span {
  font-weight: bold;
  padding: 0.25em 0.75em;
  margin: 0 0 0 1em;
  border: 0.1em solid;
}
#content .alert .close {
  margin-top: -3.5em;
}
.alert h4 {
  font-weight: bold;
  font-size: 110%;
  padding: 1em 0 0.5em;
}
.alert p {
  padding: 0 0 1em;
}
.alert ul {
  padding: 0 0 0.5em 2em;
}
.alert ul li {
  list-style: disc;
}
.alert a {
  color: #f47920;
  text-decoration: underline;
}

.alert.orange {
  border: 0.5em solid #f47920;
  background-color: #f47920;
}
.alert.orange h3 {
  background-color: #f47920;
}
.alert.orange .close {
  color: #fff !important;
}
.alert.orange a {
  color: #a08c78;
}

/* ------ buttons ----------- */
.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  padding: 0.5em 2em 0.55em;
  /*text-shadow: 0 -1px 1px rgba(0,0,0,.7);*/
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}
.smallbutton {
  padding: 0.25em 1em 0.3em;
  font-size: 87.5%;
}

.placeholderbtn {
  border: solid 1px #ccc !important;
}
.orangebtn {
  color: #fff !important;
  border: solid 1px #e65b07 !important;
  background: #f47920;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff7330),
    to(#e65b07)
  );
  background: -moz-linear-gradient(top, #ff7330, #e65b07);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7330', endColorstr='#e65b07');
}
.orangebtn:hover {
  background: #ff954f;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff954f),
    to(#ff5526)
  );
  background: -moz-linear-gradient(top, #ff954f, #ff5526);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff954f', endColorstr='#ff5526');
}
.orangebtn:active {
  color: #eee !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#e65b07),
    to(#ff7330)
  );
  background: -moz-linear-gradient(top, #e65b07, #ff7330);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e65b07', endColorstr='#ff7330');
}
.yellowbtn {
  color: #333 !important;
  /*text-shadow: 0 -1px 1px rgba(0,0,0,.2);*/
  border: solid 1px #e8b04f !important;
  background: #fec057;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fcca6d),
    to(#feba4e)
  );
  background: -moz-linear-gradient(top, #fcca6d, #feba4e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcca6d', endColorstr='#feba4e');
}
.yellowbtn:hover {
  background: #fcd792;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fcd792),
    to(#feba4e)
  );
  background: -moz-linear-gradient(top, #fcd792, #feba4e);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd792', endColorstr='#feba4e');
}
.yellowbtn:active {
  color: #444 !important;
  background: #fec057;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#feba4e),
    to(#fcca6d)
  );
  background: -moz-linear-gradient(top, #feba4e, #fcca6d);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feba4e', endColorstr='#fcca6d');
}
.greenbtn {
  color: #fff !important;
  border: solid 1px #6e9931 !important;
  background: #8dc63f;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#98cc52),
    to(#7fb239)
  );
  background: -moz-linear-gradient(top, #98cc52, #7fb239);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98cc52', endColorstr='#7fb239');
}
.greenbtn:hover {
  background: #b6e573;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b6e573),
    to(#7fb239)
  );
  background: -moz-linear-gradient(top, #b6e573, #7fb239);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b6e573', endColorstr='#7fb239');
}
.greenbtn:active {
  color: #eee !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#7fb239),
    to(#98cc52)
  );
  background: -moz-linear-gradient(top, #7fb239, #98cc52);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fb239', endColorstr='#98cc52');
}
.redbtn {
  color: #fff !important;
  border: solid 1px #87052a !important;
  background: #8dc63f;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#bb204c),
    to(#a10732)
  );
  background: -moz-linear-gradient(top, #bb204c, #a10732);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb204c', endColorstr='#a10732');
}
.redbtn:hover {
  background: #d43965;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d43965),
    to(#a10732)
  );
  background: -moz-linear-gradient(top, #d43965, #a10732);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d43965', endColorstr='#a10732');
}
.redbtn:active {
  color: #eee !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#a10732),
    to(#bb204c)
  );
  background: -moz-linear-gradient(top, #a10732, #bb204c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a10732', endColorstr='#bb204c');
}
.greybtn {
  color: #555555 !important;
  border: solid 1px #bbbbbb !important;
  background: #eeeeee;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#eeeeee),
    to(#cccccc)
  );
  background: -moz-linear-gradient(top, #eeeeee, #cccccc);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
}
.greybtn:hover {
  background: #ffffff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#dddddd)
  );
  background: -moz-linear-gradient(top, #ffffff, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
.greybtn:active {
  color: #777777 !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#cccccc),
    to(#eeeeee)
  );
  background: -moz-linear-gradient(top, #cccccc, #eeeeee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
}
.whitebtn {
  color: #f47920 !important;
  /*text-shadow: none;*/
  border: solid 2px #ededed !important;
  background: #fff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#dddddd)
  );
  background: -moz-linear-gradient(top, #ffffff, #dddddd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}
.whitebtn:hover {
  background: #ffffff;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#e6e6e6)
  );
  background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
}
.whitebtn:active {
  color: #f05e1a !important;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#dddddd),
    to(#ffffff)
  );
  background: -moz-linear-gradient(top, #dddddd, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff');
}

/* Historical Usage Graph CSS */
#graph,
#graph tr,
#graph td {
  padding: 0;
  text-align: center !important;
  border: none;
} /* override other table styles */
#graph {
  background: #fff;
  color: #57504a;
}
#graph td {
  width: 7.4%;
}
#graph td.odd {
  background: #fafaf9;
}
#graph td.yearsplit {
  width: 3.8%;
  font-weight: bold !important;
}
#graph tr.months td {
  background: #f47920;
  font: normal 10px/10px Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 10px 0;
}
#graph tr.bars td {
  height: 230px;
} /* height of graph */
#graph tr.bars td div.bar {
  height: 0;
  width: 50%;
  background: #eceae8;
  margin: 0 auto;
  position: relative;
  padding-bottom: 20px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  border-radius: 0px 10px 0px 0px;
}
#graph tr.bars td div.bar span {
  position: absolute;
  top: 15px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  left: -50%;
  right: -50%;
}
#graph tr.bars td.yearsplit div {
  height: 100%;
  width: 1px;
  background: #eceae8;
  margin: 0 auto;
  padding-bottom: 20px;
}
#graph tr.bars td.currentyear div {
  background: #ffb18c;
}
#graph tr.bars td.currentmonth div {
  background: #f47920;
}
#graph tr.bars td.currentmonth div span {
  color: #fff;
}

/* Login page CSS */
.login-wrapper {
  max-width: 900px;
  margin: 0 auto;
  text-align: left;
  color: #57504a;
}
.login-bg-corners {
  background: #f6f4f3;
  padding: 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.login-wrapper p {
  line-height: 1.4em;
}

.login-top {
  padding: 10px 20px 15px;
  border-bottom: 0.1em dotted #b9b9b9;
  margin-bottom: 20px;
}
.login-top .switchlanguage {
  color: #a2958a;
  text-decoration: underline;
}
.login-logo {
  display: block;
  float: right;
  background: url("/rsrc/img/ambit-energy-logo.svg") no-repeat;
  width: 200px;
  height: 46px;
  text-indent: -9999px;
  margin-top: 20px;
}
.login-top h1 {
  font-size: 2.25em;
  margin-top: 20px;
}
.login-top span {
  font-weight: normal;
}

.login-middle {
  overflow: hidden;
}
.login-middle-main {
  width: 64.7777%;
  float: left;
  margin-right: 2.2222%;
  margin-bottom: 20px;
}
.login-middle-right {
  width: 33%;
  float: left;
}

.login-main-content {
  color: #57504a;
  border: 1px solid #e4ddda;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.login-orange-bar {
  width: 20px;
  height: 100%;
  background: #f47920;
  position: absolute;
  text-indent: -9999px;
  -webkit-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  background: -moz-linear-gradient(top, #ff7330 0%, #e55916 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #ff7330),
    color-stop(100%, #e55916)
  );
  background: -webkit-linear-gradient(top, #ff7330 0%, #e55916 100%);
  background: -o-linear-gradient(top, #ff7330 0%, #e55916 100%);
  background: -ms-linear-gradient(top, #ff7330 0%, #e55916 100%);
  background: linear-gradient(to bottom, #ff7330 0%, #e55916 100%);
}
.login-main-content form {
  margin: 20px 20px 20px 40px;
}
.login-main-content h2,
.login-middle-right h2 {
  font-size: 2.25em;
  font-weight: normal;
}
.login-main-content h2 strong,
.login-middle-right h2 strong {
  color: #f47920;
}
.login-main-content label {
  width: 25%;
  min-width: 80px;
  display: inline-block;
}
.login-main-content h4,
.login-middle-right h4 {
  margin: 20px 0;
}
.login-main-content h4:last-of-type,
.login-middle-right h4:last-of-type {
  margin-bottom: 10px;
}
.login-main-content small a,
.login-main-content small {
  color: #a2958a;
}

.login-middle-right form h2 {
  font-size: 1.75em;
  margin-left: 60px;
}
.login-middle-right h3 {
  float: left;
}
.login-middle-right h3 a {
  font-size: 2.4em;
  font-weight: bold;
  padding: 2px 0 8px;
  text-align: center;
  width: 38px;
  line-height: 0.8em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.login-middle-right input[type="text"] {
  width: 90%;
  max-width: 230px;
}

.login-feature {
  overflow: hidden;
  border-bottom: 0.1em dotted #b9b9b9;
  padding-bottom: 10px;
  margin-top: 30px;
}
.login-feature.last-feature { border-bottom: none; }
.login-feature img {
  float: left;
  margin-left: 2.2222%;
  width: 26.7777%;
  max-width: 240px;
}
.login-feature-content {
  width: 67%;
  margin-left: 33%;
}
.login-feature-wide {
  width: 93.3333%;
  margin-left: 3.3333%;
}
.login-feature h3 {
  font-size: 1.75em;
  color: #f47920;
}
.login-feature h3,
.login-feature p {
  margin-bottom: 20px;
}

.footer p {
  margin: 0 auto;
  max-width: 60%;
  color: #a2958a;
  font-size: 0.75em;
  padding: 30px 0;
}
/* END Login page css */

/* Single Column Pages */
.singleColumn #container {
  width: 620px;
}
.singleColumn #header {
  margin-bottom: 30px;
}
.singleColumn #footer {
  margin-top: 30px;
}

/* No Javascript Warning */
.jswarning {
  width: 30%;
  background: #fff;
  position: absolute;
  top: 5%;
  right: 35%;
  left: 35%;
  border: 10px solid #a2958a;
  padding: 25px;
  z-index: 9999;
  text-align: left;
  -webkit-box-shadow: 0px 0px 10px 0px #a2958a;
  -moz-box-shadow: 0px 0px 10px 0px #a2958a;
  box-shadow: 0px 0px 10px 0px #a2958a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.jswarning p.pad {
  padding-bottom: 18px;
}
.jswarning h2 {
  color: #f47920;
}

/* Typekit additions */
.wf-active h1,
.wf-active h4,
.wf-active h5,
.wf-active h6 {
  font-family: energy, energy-soft, Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.wf-active input {
  font-family: myriad-pro-1, myriad-pro-2, Arial, Helvetica, sans-serif;
  font-weight: 400;
}
.wf-active #nav li {
  font-size: 110%;
}
.wf-loading {
  opacity: 0;
} /* control FOUT */

/* Smart Meter Usage Additions, February 2014 */
.usage-box {
  background: #fff;
  padding: 20px 0 20px 20px;
  margin-bottom: 20px;
  border-bottom: 4px solid #f47920; /*overflow:hidden;*/
  position: relative;
}

.usage-left {
  float: left;
  width: 185px;
  padding-right: 20px;
}
#weekly-usage .usage-left {
  width: 135px;
}
#content .usage-left p,
.usage-left h4 {
  color: #57504a;
}
.usage-left h2 {
  font-size: 130%;
}

#interval-usage .hour {
  font-size: 10px;
  height: 150px;
}
#interval-usage .bar-span {
  /*width:100%;*/
  padding: 0;
  display: block;
  margin-bottom: 1px;
  min-height: 20px;
  overflow: hidden;
}
#interval-usage .bar-span:nth-of-type(1) {
  opacity: 0.55;
}
#interval-usage .bar-span:nth-of-type(2) {
  opacity: 0.7;
}
#interval-usage .bar-span:nth-of-type(3) {
  opacity: 0.85;
}

.bar-a { font-size: 0; }
.bar-a .bar-span, .bar-a .value, .bar-day-label { font-size: 13px; }
.bar-a .value { margin-left: 0.5em; }

#yearly-usage .bar-a:nth-of-type(2) .bar-span {
  opacity: 0.9;
}
#yearly-usage .bar-a:nth-of-type(3) .bar-span {
  opacity: 0.8;
}
#yearly-usage .bar-a:nth-of-type(4) .bar-span {
  opacity: 0.7;
}
#yearly-usage .bar-a:nth-of-type(5) .bar-span {
  opacity: 0.6;
}
#yearly-usage .bar-a:nth-of-type(n + 6) .bar-span {
  opacity: 0.5;
}
#yearly-show6 {
  margin-top: 5px;
}
.month_separator hr {
  width: 40%;
  display: inline-block;
}
.month_separator span {
  font-size: 11px;
  color: #a2958a;
  line-height: 11px;
  padding: 0px 5px;
  vertical-align: text-top;
}

.usage-right {
  margin-left: 205px;
}
#content .bar-a {
  display: block;
  padding: 5px;
  margin-left: -5px;
  text-decoration: none;
  color: #57504a;
  position: relative;
}
#content .bar-a:hover {
  background: #fff69f;
  color: #57504a;
}
#content .bar-a:hover .bar-span {
  opacity: 1;
}
.bar-span {
  display: inline-block;
  padding: 4px 0;
  text-indent: 7px;
  margin-right: 2px;
}
.bar-day-label {
  position: absolute;
  margin-left: -50px;
  padding-top: 4px;
  color: #a2958a;
}
.bar-orange {
  background: #f47920;
  background: rgba(255, 99, 25, 0.8);
  color: #fff;
}
.bar-gray {
  background: #eeeae8;
  color: #a2958a;
}
.bar-blue,
.bar-yellow,
.bar-evening-orange,
.bar-purple {
  color: #fff;
  font-weight: bold;
}
.bar-blue {
  background: #619cd8;
}
.bar-yellow {
  background: #fdaa31;
}
.bar-evening-orange {
  background: #e36c41;
}
.bar-purple {
  background: #714abf;
}

.graytext {
  color: #a2958a;
}
.nowrap {
  white-space: nowrap;
}
#content .smt_note {
  line-height: 1.2em;
  padding: 10px 20px 0 0;
}

.smt-15-minute {
  float: right;
  border-left: 4px solid #eeeae8;
  width: 140px;
  padding: 0 20px;
}

.smt_exit {
  background: url("/rsrc/img/usage/panel-close.png") no-repeat center;
  display: block;
  height: 30px;
  width: 30px;
  position: absolute;
  top: -15px;
  right: -15px;
  text-indent: -9999px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.smt_exit:hover {
  background-color: #f47920;
  background-color: rgba(255, 99, 25, 0.5);
}
.smt_loading img, .usage-loading img {
  vertical-align: text-bottom !important;
}
.bottom_smt_arrow {
  background: url("/rsrc/img/usage/panel-bottom-arrow.png") no-repeat;
  display: block;
  width: 19px;
  position: absolute;
  height: 10px;
  bottom: -14px;
}
.smt_graph_change {
  margin-top: 15px;
}
#content .smt_graph_change a {
  font-size: 0.85em;
  text-decoration: none;
  color: #fff;
  padding: 3px 8px 4px;
  background: #ccc;
}
#content .smt_graph_change .focus {
  background: #f47920;
}
.smt_graph_change .pie {
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.smt_graph_change .line {
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
#weekly-usage img.addmtop1-5 {
  max-width: 90%;
}

#daily-pie {
  width: 240px;
  height: 240px;
}
#daily-pie .pieLabel {
  color: white;
  pointer-events: none;
}

#content .hidden {
  display: none;
} /* repeated here only so it will work as if this wasn't all in the head, or do I have to have it? */
/* END Smart Meter Usage Additions */

/* Utilities / Overrides */
.indent-10 {
  text-indent: 10px;
}

code, .code {
  font-family: Menlo, Consolas, Monaco, monospace;
  font-size: 10px;
  line-height: 1.5;
}
.site-dump {
  border-color: #36f;
  color: #36f;
  height: 200px;
  padding: 4px;
  width: 100%;
}