html, body, div, span, object, iframe, h1, h2, h3, .panel-heading, h4, h5, h6, p, blockquote, pre, abbr, 
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, 
audio, video, ul { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #444444; }
#wrapper { max-width: 1000px; margin: 0px auto; margin-bottom: 40px; -moz-font-feature-settings: "lnum"; -ms-font-feature-settings: "lnum"; -webkit-font-feature-settings: "lnum"; -o-font-feature-settings: "lnum"; font-feature-settings: "lnum"; }
#header { padding: 0 20px; display: block; margin: 0 auto; height: 140px; position: relative; overflow: hidden; }
.form { margin: 0 auto; padding: 0 0 30px 0; width: 100%; position: relative; }
.logo-link { display: block; width: 230px; height: 97px; background: url(../img/electric-ireland-logo.png) -340px top no-repeat; position: relative; top: -13px; left: -18px; text-decoration: none; cursor: pointer; }
#mainBody { position: relative; background: #ffffff; display: inline-block; float: left; width: 100%; padding: 5px 0 0 0; margin: 0px; min-height: 320px; min-width: 300px; border: 1px solid #dfdfdf; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: rgba(128, 128, 128, 0.5) 0px 10px 15px; -moz-box-shadow: rgba(128, 128, 128, 0.5) 0px 10px 15px; -o-box-shadow: rgba(128, 128, 128, 0.5) 0px 10px 15px; -ms-box-shadow: rgba(128, 128, 128, 0.5) 0px 10px 15px; box-shadow: rgba(128, 128, 128, 0.5) 0px 10px 15px; }
#mainBody .formWrap { display: block; margin: 0; padding: 0; overflow: hidden; }
#generic-content { float: right;min-height: 320px;  display: block; width: 69%; padding: 3.5%; margin: 0px 0px 30px 0px; border: 1px solid #e3e3e3; background-color: #ebf4f9; border-radius: 6px; }
#lns { width: 21%; float: left; margin: 0 2% 0 0; padding: 0 0 20px 0; position: relative; z-index: 100; }
#lns ul li.active ul { border-bottom: 1px solid #cfcfcf; padding: 5px 0px 0px 0px; background: #EEEFF6; }
#lns ul li a { padding: 10px 10px 9px 12px; display: block; border-bottom: 1px solid #cfcfcf; background: #eeeff6; }
#lns ul li.first a { background: #eeeff6; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; border: solid 1px #e5e5e7; border-bottom: solid 1px #cfcfcf; }
#lns ul li.first a:hover { background: #dcdcdc; }
#lns ul li.last a:hover { background: #dcdcdc; }
#lns ul li.first a.active { background: #0075b0; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; color: #FFF; }
#lns ul li.last a { background: #eeeff6; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; border: solid 1px #e5e5e7; }
#lns ul li.last a.active { background: #0075b0; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; color: #FFF; }
#lns ul li a.last-menu-item { position: relative; border-radius: 6px; top: 30px; }

h1 { font-size: 2.8em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #0075b0; padding: 0 0 15px 0; font-weight: 500; }
h2 { font-size: 30px; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #0075b0; padding: 15px 0; position: relative; font-weight: 500; }
h3, .panel-heading { font-size: 20px; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #0075b0; padding: 0 0 15px 0; font-weight: 500; }
.panel-heading h3 { padding: 0; margin: 0; }
a { margin: 0; padding: 0; font-size: 17px; vertical-align: baseline; background: transparent; text-decoration: none; color: #005F8F; }
a:hover { text-decoration: underline; color: #00517b; }
div.panel-heading h3.loginSub { font-size: 20px; color: #0075b0; padding: 0 0 5px 0; font-weight: 500; }
p, ul, ol { font-size: 17px; line-height: 1.5em; padding: 0 0 15px 0; }
p .imgBlock { margin: 0 0 1.5em 0; display: inline-block; float: left; width: 100%; height: auto; }
ul ul, ul ol, ol ol, ol ul { font-size: 1.0em; }
.border-none { border: none; }
.blue-text { color: #0075b0; }
.grey, #print { background: #f1f1f1; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); }
.black { background: #3f3f3f url(../img/black.png) left top repeat-x; background: -moz-linear-gradient(top, #8d8d8d 2%, #7a7a7a 4%, #565656 6%, #3f3f3f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #8d8d8d), color-stop(4%, #7a7a7a), color-stop(6%, #565656), color-stop(100%, #3f3f3f)); background: -webkit-linear-gradient(top, #8d8d8d 2%, #7a7a7a 4%, #565656 6%, #3f3f3f 100%); background: -o-linear-gradient(top, #8d8d8d 2%, #7a7a7a 4%, #565656 6%, #3f3f3f 100%); background: -ms-linear-gradient(top, #8d8d8d 2%, #7a7a7a 4%, #565656 6%, #3f3f3f 100%); background: linear-gradient(to bottom, #8d8d8d 2%, #7a7a7a 4%, #565656 6%, #3f3f3f 100%); border: 1px solid #3f3f3f; }
.black:hover { background: #434343 url(../img/black-hover.png) left top repeat-x; background: -moz-linear-gradient(top, #929292 0%, #818181 3%, #5e5e5e 6%, #4c4c4c 8%, #3f3f3f 100%, #4d9610 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #929292), color-stop(3%, #818181), color-stop(6%, #5e5e5e), color-stop(8%, #4c4c4c), color-stop(100%, #3f3f3f), color-stop(100%, #4d9610)); background: -webkit-linear-gradient(top, #929292 0%, #818181 3%, #5e5e5e 6%, #4c4c4c 8%, #3f3f3f 100%, #4d9610 100%); background: -o-linear-gradient(top, #929292 0%, #818181 3%, #5e5e5e 6%, #4c4c4c 8%, #3f3f3f 100%, #4d9610 100%); background: -ms-linear-gradient(top, #929292 0%, #818181 3%, #5e5e5e 6%, #4c4c4c 8%, #3f3f3f 100%, #4d9610 100%); background: linear-gradient(to bottom, #929292 0%, #818181 3%, #5e5e5e 6%, #4c4c4c 8%, #3f3f3f 100%, #4d9610 100%); border: 1px solid #3f3f3f; }
.blue { background: #009fda url(../img/blue.png) left top repeat-x; background: -moz-linear-gradient(top, #63c4e8 1%, #4abbe5 3%, #19a8de 6%, #009fda 8%, #009fda 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #63c4e8), color-stop(3%, #4abbe5), color-stop(6%, #19a8de), color-stop(8%, #009fda), color-stop(100%, #009fda)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #63c4e8 1%, #4abbe5 3%, #19a8de 6%, #009fda 8%, #009fda 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #63c4e8 1%, #4abbe5 3%, #19a8de 6%, #009fda 8%, #009fda 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #63c4e8 1%, #4abbe5 3%, #19a8de 6%, #009fda 8%, #009fda 100%); /* IE10+ */ background: linear-gradient(to bottom, #63c4e8 1%, #4abbe5 3%, #19a8de 6%, #009fda 8%, #009fda 100%); /* W3C */ border: 1px solid #0174ac; color: #ffffff; text-shadow: 0px 0px 4px #01567f; }
a.blue, input.blue { background: #0174ac url(../img/blue-btn.png) left top repeat-x; background: -moz-linear-gradient(top, #63c4e8 0%, #4abae4 3%, #19a8dd 6%, #009dd8 9%, #0077b2 98%, #0077b2 98%, #0077b2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63c4e8), color-stop(3%, #4abae4), color-stop(6%, #19a8dd), color-stop(9%, #009dd8), color-stop(98%, #0077b2), color-stop(98%, #0077b2), color-stop(100%, #0077b2)); background: -webkit-linear-gradient(top, #63c4e8 0%, #4abae4 3%, #19a8dd 6%, #009dd8 9%, #0077b2 98%, #0077b2 98%, #0077b2 100%); background: -o-linear-gradient(top, #63c4e8 0%, #4abae4 3%, #19a8dd 6%, #009dd8 9%, #0077b2 98%, #0077b2 98%, #0077b2 100%); background: -ms-linear-gradient(top, #63c4e8 0%, #4abae4 3%, #19a8dd 6%, #009dd8 9%, #0077b2 98%, #0077b2 98%, #0077b2 100%); background: linear-gradient(to bottom, #63c4e8 0%, #4abae4 3%, #19a8dd 6%, #009dd8 9%, #0077b2 98%, #0077b2 98%, #0077b2 100%); border: 1px solid #0174ac; color: #ffffff; }
#btnPasswordReset { margin-top: 20px; clear: both; float: left; }
#AddPaymentCardDiv { margin-top: 10px; }
a.blue:hover, input.blue:hover { background: #1284bd url(../img/blue-hover.png) left top repeat-x; background: -moz-linear-gradient(top, #73cdee 0%, #5cc5eb 3%, #30b4e6 6%, #1aace3 9%, #1284bd 100%, #4d9610 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73cdee), color-stop(3%, #5cc5eb), color-stop(6%, #30b4e6), color-stop(9%, #1aace3), color-stop(100%, #1284bd), color-stop(100%, #4d9610)); background: -webkit-linear-gradient(top, #73cdee 0%, #5cc5eb 3%, #30b4e6 6%, #1aace3 9%, #1284bd 100%, #4d9610 100%); background: -o-linear-gradient(top, #73cdee 0%, #5cc5eb 3%, #30b4e6 6%, #1aace3 9%, #1284bd 100%, #4d9610 100%); background: -ms-linear-gradient(top, #73cdee 0%, #5cc5eb 3%, #30b4e6 6%, #1aace3 9%, #1284bd 100%, #4d9610 100%); background: linear-gradient(to bottom, #73cdee 0%, #5cc5eb 3%, #30b4e6 6%, #1aace3 9%, #1284bd 100%, #4d9610 100%); border: 1px solid #0174ac; color: #ffffff; }
a.blue:active, input.blue:active { background: #009ed9 url(../img/blue-active.png) left top repeat-x; background: -moz-linear-gradient(top, #63abcf 0%, #4a9ec8 2%, #1985ba 5%, #0079b4 9%, #009ed9 100%, #4d9610 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #63abcf), color-stop(2%, #4a9ec8), color-stop(5%, #1985ba), color-stop(9%, #0079b4), color-stop(100%, #009ed9), color-stop(100%, #4d9610)); background: -webkit-linear-gradient(top, #63abcf 0%, #4a9ec8 2%, #1985ba 5%, #0079b4 9%, #009ed9 100%, #4d9610 100%); background: -o-linear-gradient(top, #63abcf 0%, #4a9ec8 2%, #1985ba 5%, #0079b4 9%, #009ed9 100%, #4d9610 100%); background: -ms-linear-gradient(top, #63abcf 0%, #4a9ec8 2%, #1985ba 5%, #0079b4 9%, #009ed9 100%, #4d9610 100%); background: linear-gradient(to bottom, #63abcf 0%, #4a9ec8 2%, #1985ba 5%, #0079b4 9%, #009ed9 100%, #4d9610 100%); border: 1px solid #0174ac; color: #ffffff; }
.green, .btn-payzone { background: #3E8008; border: 1px solid #3E8008;}
.green:hover, .btn-payzone:hover { background: #316607; border: 1px solid #316607;}
.green:active, .btn-payzone:active { background: #316607; border: 1px solid #316607;} 
#add-meter-btn{float: right; margin-top: -15px;}
#add-meter-btn a{ padding: 10px 15px 9px 15px; font-size: 1.6em;  }
#add-meter-btn a:hover, 
#add-meter-btn a:active, 
#add-meter-btn a:visited{ color: #ffffff; text-decoration: none; } 
#message-block.meter-account-index {float: left; width:100%; text-align: center;}
.blue-bg { background: #ebf4f9; }
.grey-bg { background: #f1f1f1; }
.darkblue-bg { background: #0075b0; }
.shadow { -moz-box-shadow: 0px 5px 10px -5px #666; -webkit-box-shadow: 0px 5px 10px -5px #666; box-shadow: 0px 5px 10px -5px #666; }
.shadow-flat { -moz-box-shadow: 0px 0px 10px -3px #666; -webkit-box-shadow: 0px 0px 10px -3px #666; box-shadow: 0px 0px 10px -3px #666; }
#meter-list li a span{ font-size: 17px; margin-left: 7px;}
#meter-list li a span.meter-name{ color: #333333; }

* html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
.termscontainer { margin: 20px 4%; width: 92%; background: none; }
h5 { font-size: 18px; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.skip-main { width: auto; float: left; padding: 5px 2px 5px 2px; margin: 2px 0 0 -18px; position:absolute; left:-9999px; }
.hidden, .screen-reader-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.btn-footer { float: left; }
img, a img { border: 0; }
strong { font-weight: bold; }
ul { list-style-type: none; }
.EditEmail-DivDisplay { display: block; border: none; float: none; }
#ChangeEmail { font-size: 15px; }
#fieldsetEdit #email-display { font-size: 15px; font-weight: bold; }
#edit-message-block { padding-bottom: 10px; display: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }


/* rounded edges */
.bottom-rounded { -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; display: block; }
.corners { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; }
.corners-pop-up { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: block; }
.top-rounded { -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; margin: 0 auto; display: block; }
.top-rounded h1 { padding: 10px 15px; color: #ffffff; font-size: 2.4em; }
.top-rounded h2 { padding: 10px 15px; color: #ffffff; }

#generic-content #left { width: 345px; float: left; }
#generic-content #right { width: 131px; float: right; }
p .btn { font-size: 1.2em; }
ul .btn, ul .small-btn, ul .btn-payzone { font-size: 1.8em; }
.btn, .small-btn, .btn-payzone { font-size: 1.8em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-align: center; padding: 15px 30px; display: inline-block; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; cursor: pointer; margin-top: 20px; }
.form-btn input.small-btn, .form-btn input .btn-payzone { width: 125px; height: 50px; padding: 0px; float: right; }
.form-btn a.small-btn, .form-btn a .btn-payzone { width: 125px; padding: 15px 0px; }
#finish { width: 380px; float: none; margin: 0 auto; display: block; }
.border { border: 1px solid #dcdcdc; }
body#terms { background: none; width: 708px; }
body#exitPopUp { background: none; }
#wrapper.long { background: url(../img/shadow-bottom.png) center 99.5% no-repeat; }
.content-holder { margin: 20px; }
#login-val-summary { border-bottom: none; padding: 0; }
.no-nav header { padding: 32px 0 0 0; }
#logo { float: left; clear: left; }
#header h1 { display: inline; margin: 20px 0 0 0; }
#header h2 a { display: block; cursor: pointer; }
#header h1 span { background: url(../img/logo.png) no-repeat; display: block; width: 112px; height: 54px; font-size: 16px; }
#headerNav { float: left; display: block; font-size: 1.2em; padding: 15px 0px 0px 250px; }
#headerNav li { float: left; display: inline-block; padding: 0px 10px; width: 120px; }
#headerNav .first { background: url(../img/li.png) right 5px no-repeat; }
#headerNav li a { color: #444444; }
.tools { float: right; position: relative; top: -15px; z-index: 900; width: 250px; }
.tools ul { line-height: 1.4em; width: 100%; }
.tools li { float: right; text-align: center; padding: 0px; width: 125px; }
.tools .last { position: relative; left: 5px; }
.tools li .chat { width: 76px; height: 84px; display: block; margin: 0 auto 10px auto; }
.tools li .checklist { margin: 3px auto 10px auto; background: url(../img/sprite.png) 40px -40px no-repeat; width: 130px; height: 40px; display: block; }
.tools li .switch-need { color: #0097e3; text-decoration: none; }
.tools li .switch-need strong { color: #505050; text-decoration: none; }
.tools li .switch-need:hover strong { color: #505050; text-decoration: none; }
.tools li .switch-need .link { text-decoration: underline; }
.red { background: #FF4040; }
.top-rounded.red h2 { font-size: 20px !important; color: #ffffff !important; padding-left: 15px !important; padding-top: 15px !important; }
#fieldsetChangePassword, #fieldsetEdit, #fieldsetUserPaymentCardDisplay { background: transparent; width: 100%; }
.row-fluid { clear: both; }
#mainNav { padding: 0px; float: left; display: block; margin: 0px; border-bottom: none; font-size: 1.8em; bottom: 0px; clear: both; width: auto !important; -moz-box-shadow: 0px 0px 10px 0px #d5d5d5; -webkit-box-shadow: 0px 0px 10px 0px #d5d5d5; box-shadow: 0px 0px 10px 0px #d5d5d5; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; border-bottom: none; }
#mainNav li { border-right: 1px solid #c7c7c7; }
#mainNav .last { border-right: none; }
#mainNav li a { text-decoration: none; padding: 15px 20px; display: block; background: #f3f3f3; background: -moz-linear-gradient(top, #f3f3f3 0%, #f3f3f3 78%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(78%, #f3f3f3), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #f3f3f3 0%, #f3f3f3 78%, #e5e5e5 100%); background: -o-linear-gradient(top, #f3f3f3 0%, #f3f3f3 78%, #e5e5e5 100%); background: -ms-linear-gradient(top, #f3f3f3 0%, #f3f3f3 78%, #e5e5e5 100%); background: linear-gradient(to bottom, #f3f3f3 0%, #f3f3f3 78%, #e5e5e5 100%); outline: none; }
#mainNav li a:hover { background: #ffffff; color: #009fda; }
#mainNav li.ui-tabs-active a, #mainNav li.ui-tabs-active a:hover { background: url(../img/active-nav.png) bottom left repeat-x; outline: none; display: block; }
#mainNav li.first a { -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px 0px; }
#mainNav li.last a { -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; }
.three-col { width: 249px; float: left; margin: 0px 15px 0px 0px; text-align: center; position: relative; padding: 0px 0px 30px 0px; }
.three-col-last { margin: 0px; }
.three-col .top-rounded { width: 236px; position: relative; }
.three-col h2 { color: #ffffff; padding: 10px 0px 20px 0px; text-align: center; }
.three-col .details { border: 1px solid #dcdcdc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position: relative; top: -1px; background: #f3f3f3; }
.three-col .small-btn, .three-col .btn-payzone { width: 145px; margin: 0px auto; text-decoration: none; }
.three-col .details .blue-bg { padding: 15px 0px; border-top: 1px solid #dcdcdc; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.offer { background: url(../img/sprite.png) left -88px no-repeat; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #444; width: 195px; height: 22px; text-align: center; display: block; position: absolute; font-size: 1.2em; padding: 8px 0px 0px 0px; margin: 0px; top: 40px; left: 25px; z-index: 1000; text-transform: uppercase; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; }
.offer .blue-text { color: #0075b0; font-weight: bold; }
.three-col ul { border: 1px solid #dcdcdc; border-top: none; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; width: 237px; margin: 0 5px; position: relative; top: -2px; font-size: 1.1em; text-align: center; padding: 0px; }
.three-col ul .first { border-right: 1px solid #dcdcdc; width: 105px; }
.three-col ul .wide { border-right: none; width: 100%; }
.three-col ul li { text-transform: uppercase; width: 131px; float: left; padding: 10px 0px; }
.three-col ul .last { width: 100%; border-top: 1px solid #dcdcdc; }
.three-col ul li a { text-transform: none; }
.three-col ul li.tc2 { padding: 0; }
.three-col ul li.tc2 .tc { padding: 2px 23px; float: left; width: 85px; text-align: center; }
.three-col ul li.tc2 .first { padding: 2px 10px; }
.three-col .blank-li { padding: 26px 0; }
.three-col .saving { font-family: StRyde-Medium, Arial, Helvetica, sans-serif; font-size: 2.4em; text-align: center; padding: 25px 5px; display: block; height: 100px; background: url(../img/grey-bg-grad.png) no-repeat center top; }
.three-col .saving.no-3rd-line { padding-top: 36px; height: 85px; }
.three-col .climote { background-image: url('../img/hand.png'); background-position: 100% 32px; background-repeat: no-repeat; }
.three-col .climote p { padding-bottom: 5px; font-size: 0.75em; line-height: 1.2; text-align: left; width: 165px; }
.three-col .climote a { font-size: 0.5em; text-align: left; font-family: arial, sans-serif; float: left; }
.three-col .saving.no-plus { padding-top: 36px; height: 127px; }
.price { font-size: 2.5em; color: #009fda; text-transform: uppercase; -moz-font-feature-settings: "lnum" 1; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; }
.term { font-size: 0.6em; position: relative; top: -5px; }
.large-asterix { font-size: 0.7em; position: relative; top: -20px; }
.three-col .plus-icon { position: absolute; top: -15px; left: -9px; }
.three-col .includes-icon { position: absolute; top: -15px; left: -9px; }
.plus { border-top: 1px solid #cbcbcb; background: #ffffff; padding: 10px; position: relative; z-index: 10; -moz-box-shadow: 0px 0px 2px -1px #666; -webkit-box-shadow: 0px 0px 2px -1px #666; box-shadow: 0px 0px 2px -1px #666; }
.plus p { padding: 0px; }
.plus-icon { background: url(../img/sprite.png) left -121px no-repeat; width: 43px; height: 25px; display: block; display: block; text-indent: -9999em; width: 43px; }
.includes-icon { background: url(../img/sprite.png) left -843px no-repeat; width: 68px; height: 25px; display: block; display: block; text-indent: -9999em; width: 68px; }
.save-icon { background: url(../img/sprite.png) 1px -1076px no-repeat; width: 43px; height: 25px; display: block; display: block; text-indent: -9999em; width: 43px; }
.two-col { float: left; border-top: none; z-index: 2; margin: 0px; background: #ffffff; display: inline-block; }
.one-col { width: 263px; float: left; }
.holder { padding: 15px; display: block; clear: left; }
.outline .holder { border: 1px solid #dcdcdc; border-top: none; margin: 0px 0px 20px 0px; background: #ffffff; }
.outline { position: relative; float: left; width: 779px; display: block; }
.outline h2 { clear: left; }
.outline .two-col { position: relative; z-index: 2; }
.outline .blue-bg { float: left; display: block; padding: 15px 0px; border: 1px solid #dcdcdc; text-align: center; width: 777px; position: relative; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px 0px; background: #EBF4F9 url(../img/line.png) 523px top repeat-y; }
.outline .or { position: absolute; right: 237px; top: 25%; text-indent: -99999em; background: url(../img/sprite.png) -107px -368px no-repeat; display: block; width: 32px; height: 40px; float: left; }
.outline header { text-align: left; margin: 0px; }
.outline .blue-bg .btn { width: 235px; margin: 0px; float: left; margin-left: 115px; }
.outline .blue-bg .small-btn, .outline .blue-bg .btn-payzone { width: 164px; margin: 0 auto; float: right; margin: 0px 15px 0px 0px; padding: 15px 25px; }
.outline .darkblue-bg { padding: 15px 8px 20px 8px; position: relative; float: left; }
.outline .details { width: 253px; float: left; text-align: center; }
.outline .details a { color: #ffffff; position: relative; top: 10px; font-size: 1.2em; }
.outline .saving { background: #fdfdfd; float: left; width: 235px; height: 101px; margin: 0px 7px; text-align: center; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; padding: 7px 0px; border: 1px solid #ffffff; }
.outline .saving-elec { background: #fdfdfd; float: left; width: 235px; height: 101px; margin: 0px 7px; text-align: center; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; padding: 7px 0px; border: 1px solid #ffffff; }
.outline .saving.highlight { background: red; }
.outline .climote-image { background-image: url('../img/hand-small.png'); background-position: 50% 5px; background-repeat: no-repeat; }
.outline .details .price { margin-top: 5px; font-size: 6.0em; border-bottom: 1px solid #dcdcdc; display: block; min-height: 65px; padding: 0px; }
.outline .details .price.free { padding-left: 20px; padding-right: 20px; font-size: 2.3em; text-transform: none; text-align: center; }
.outline .details .no-sub-line .price { border-bottom: 0px; padding-top: 20px; }
.outline .details .headline { font-size: 2.6em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #009fda; display: block; border-bottom: 1px solid #dcdcdc; min-height: 60px; padding: 5px 0px 5px 0px; }
.outline .details .term { margin-top: 6px; font-size: 1.8em; text-transform: uppercase; display: inline-block; width: 100%; }
.outline .details .term-elec { margin-top: 0px; font-size: 1.8em; text-transform: uppercase; display: inline-block; width: 100%; }
.outline .details .term-elec-sub { font-size: 14px; display: inline-block; margin-top: 6px; }
.outline .equals { top: 30%; left: 239px; z-index: 100; position: absolute; }
.equals { background: url(../img/equals.png) left top no-repeat; width: 50px; height: 50px; display: block; text-indent: -99999em; }
.outline .plus { position: relative; padding: 10px 10px 10px 50px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; float: left; }
.outline .plus-extra { padding-bottom: -1px; }
.outline .plus-icon { position: absolute; left: -9px; top: 5px; }
.outline .plus-extra .plus-icon { position: absolute; left: -9px; top: 30px; }
.outline .plus-extra p { padding-top: 0px; font-weight: bold; }
.outline .one-col { position: relative; top: 10px; right: 0px; width: 254px; z-index: 1; }
.outline .one-col .top-rounded { -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px; border-left: none; }
.outline .one-col h2 { padding: 10px 15px 10px 25px; }
.outline .one-col .inner { padding: 15px 15px 15px 30px; border-right: 1px solid #dcdcdc; }
.outline ul li { background: url(../img/content-li.gif) left 7px no-repeat; padding: 0px 0px 5px 10px; }
.outline .one-col .blue-bg { border-right: 1px solid #dcdcdc; }
.outline .included { width: 100%; }
.outline .fullwidth { width: 72%; }
.outline .top-dot { padding-top: 3px; background: url(../img/dots.gif) top left repeat-x; }
.outline .included li, #pop-up-content .outline .included li { background: url(../img/dots.gif) bottom left repeat-x; padding: 5px 0px 7px 0px; display: block; position: relative; }
.outline .included .small-check { width: 20px; height: 15px; background: url(../img/check.png) left center no-repeat; display: inline-block; }
.outline .included .tip { position: absolute; top: 2px; right: 0px; display: block; overflow: hidden; width: 24px; height: 24px; }
.spotlight { padding: 10px 15px 5px 15px; border: 1px solid #dcdcdc; background: #ffffff; margin: 0px 0px 20px 0px; }
.spotlight p .btn { float: right; margin-bottom: 5px; display: inline-block; }
.spotlight p span { width: 215px; font-size: 1.2em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; float: left; padding: 15px 0px 0px 0px; }
.spotlight .chat { margin: 0px 20px 0px 0px; width: 40px; height: 34px; }
.chat { width: 40px; height: 30px; display: inline-block; vertical-align: middle; padding: 5px 0px 0px 0px; }
.nocust header { max-width: 100%; }
.nocust .two-col { width: 100%; }
.nocust .darkblue-bg { width: 763px; }
.nocust .details { width: 380px; }
.nocust .saving { width: 365px; }
.nocust .saving-elec { width: 365px; }
.nocust .equals { left: 367px; }
.nocust .plus { width: 717px; }
.nocust .blue-bg { background-image: none; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.nocust .blue-bg .btn { margin-left: 246px; }
.nocust .holder { margin-left: 10px; width: 727px; }
.nocust h2.clear { margin-left: 10px; }
.nocust .spotlight { margin-left: 10px; }
.builder header { width: 777px; max-width: 100%; }
.builder .darkblue-bg { left: -1px; }
.builder .blue-bg { width: 252px; float: left; border: none; clear: none; padding: 0px; }
.builder .blue-bg .small-btn, .builder .blue-bg .btn-payzone { margin: 40px auto 30px auto; float: none; }
.builder .blue-bg p { padding: 0px; }
.builder .plus { border-right: 1px solid #dcdcdc; border-left: none; float: left; }
.builder .bottom-rounded { border: 1px solid #dcdcdc; border-top: none; margin: 0px 0px 20px 0px; background: url(../img/blue-col.png) right top repeat-y; }
.builder .holder { border: none; border-top: 1px solid #dcdcdc; background: #ffffff; margin: 0px; width: 747px; }
.builder .holder p { float: left; margin: 0px 20px 0px 0px; width: 227px; }
.builder .holder .included { width: auto; }
.builder .holder .included li { display: inline-block; float: left; background: none; padding: 0px 15px 5px 5px; width: 115px; }
#entry .full-width { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 15px 40px 15px 65px; display: block; background: #f3f3f3 url(../img/sep.png) left 51% no-repeat; }
#entry .full-width .btn { width: 280px; float: right; }
#entry .full-width h3, #entry .full-width .panel-heading { float: left; position: relative; top: 18px; color: #444444; width: 42%; }
.full-width { clear: left; }
.home-info { float: left; margin: 0px 10px; padding: 20px 10px 40px 10px; }
.home-info .video { float: right; border: 1px solid #00aeef; }
.home-info h2 { padding: 0px; }
.home-info .intro { width: 235px; padding: 23px 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #dcdcdc; font-size: 1.8em; line-height: 1.4em; font-weight: normal; float: left; }
.home-info h3, .home-info .panel-heading { clear: left; }
.home-info #mediaplayer_wrapper { float: right; }
.check { border-bottom: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; }
.check li { padding: 0px 0px 0px 40px; margin: 0px 0px 20px; background: url(../img/tick.png) left top no-repeat; min-height: 42px; }
.call-us { float: left; width: 250px; padding: 20px 0px; margin: 0px 20px 0px 0px; }
.call-us header { background: url(../img/info-arrow.png) 3px bottom no-repeat; padding: 0px 0px 9px 50px; position: relative; z-index: 90; }
.call-us h2 { padding: 0px; line-height: 1.1em; }
.call-us h3, .call-us .panel-heading { padding: 15px 15px 0px 15px; }
.call-us .corners { border: 1px solid #dcdcdc; margin-bottom: 20px; position: relative; top: -1px; }
.call-us p { padding: 15px; }
.call-us .or { text-indent: -99999em; background: url(../img/sprite.png) left -368px no-repeat; display: block; padding: 10px; }
#steps { background: url(../img/crumb.png) left top no-repeat; margin: 0px 0px 10px 0px; height: 38px; }
#steps li { text-indent: -99999em; display: none; }
#step2 #steps { background: url(../img/crumb.png) left -53px no-repeat; }
#step3 #steps { background: url(../img/crumb.png) left -106px no-repeat; }
#step4 #steps { background: url(../img/crumb.png) left -159px no-repeat; }
#step5 #steps { background: url(../img/crumb.png) left -212px no-repeat; }
.info-bar { border: 1px solid #dcdcdc; display: block; clear: left; margin: 0px 0px 30px 0px; width: 776px; background: #ffffff; }
.info-bar .holder { padding: 10px 15px; }
.info-bar .holder p { padding: 0px; }
.info-bar .plus { position: relative; border-bottom: none; background: none; padding: 10px 15px 10px 45px; }
.info-bar .plus p { }
.info-bar .plus-icon { position: absolute; top: 3px; left: -9px; }
.info-bar .includes-icon { position: absolute; top: 3px; left: -9px; }
.info-bar .plus ul { font-size: 1.2em; position: absolute; right: 15px; top: 10px; }
.info-bar .plus ul li { float: left; padding: 0px 5px; width: 123px; }
.info-bar .plus ul li a { color: #444444; }
.info-bar .include-bonus { margin-left: 15px; margin-top: -3px; }
.form-btn { text-align: right; padding: 20px; border-top: 1px solid #dcdcdc; width: 782px; float: left; }
.form-btn .btn, .form-btn .small-btn, .form-btn .btn-payzone { display: block; float: right; margin: 0px 0px 0px 15px; }
#lns span.title { color: #0075b0; font-size: 1.8em; padding: 0px 0px 12px 12px; display: block; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; }
#lns ul ul { font-size: 1.0em; }
#lns ul li.active ul li a { padding: 2px 10px 7px 20px; border-bottom: none; width: 142px; font-weight: normal; font-size: 1em; background: #EEEFF6 url(../img/blue-arrow-gray.gif) 10px 7px no-repeat; }
#lns ul li.active ul li a.active { text-decoration: underline; background: #EEEFF6 url(../img/blue-arrow-gray.gif) 10px 7px no-repeat; color: #0075B0; }
#lns ul li a:hover { background: #dcdcdc; text-decoration: none; }
#lns ul li a.active { background: #0075b0; color: #FFF; }
#lns ul li a.active:hover { background: #00517B; color: #FFFFFF; }
#generic-content #right a.start-saving { background: url(../img/start-saving.gif) left top no-repeat; width: 85px; height: 34px; display: block; font-size: 0px; line-height: 0px; }
#generic-content #right a.start-saving:hover { background: url(../img/start-saving.gif) -85px 0px no-repeat; }
#generic-content h4 { font-size: 20px; padding: 0px 0px 5px 0px; }
#generic-content ul h2 { font-size: 1.2em; }
#generic-content ul p { font-size: 1.0em; }
#generic-content ol { margin: 0px 0px 15px 18px; }
#generic-content ol.terms { margin: 0px; padding: 0px 0px 15px 0px; width: 100%; }
#generic-content ol.terms li { list-style-type: none; padding: 0px 0px 5px 0px; }
#generic-content ol.letters li { list-style-type: lower-alpha; }
#generic-content dd ul li { background: url(../img/black-arrow-gray.gif) left 5px no-repeat; }
#generic-content ol li { list-style-type: decimal; padding: 0px 0px 5px 0px; }
#generic-content ol li ul { margin: 1.5em 0 0 5%; width: 95%; }
#generic-content ol li ul li { list-style-type: none; padding: 0px 0px 5px 10px; }
.termscontainer .outline { width: 95%; max-width: 95%; }
.termscontainer .outline header { max-width: 100%; width: 100%; }
.termscontainer .content-title { width: 100%; margin-bottom: 2em; }
#footer { margin: 0 auto; max-width: 980px; background: #0075b0; padding: 0 0 50px 0; box-sizing: border-box; margin: 30px auto 0 auto; }
#footer .content-holder { background: #0075b0; float: left; min-height: 100px; color: #FFF; margin: 0 20px 20px 20px; padding: 0 0 5px 0; font-size: 17px; }
#footer .content-holder strong { font-size: 17px; font-weight: bold; }
#footer ul { border-bottom: 1px solid #00689E; float: left; font-size: 1.2em; padding: 15px 3px 20px 0; margin: 0px 0px 20px 0px; }
#footer ul li { float: left; padding: 0px 20px 0px 0px; margin: 0px 20px 0px 0px; border-right: 1px solid #00689E; line-height: 200%; }
#footer ul li.last { margin: 0px; padding-right: 0px; border: none; }
#footer a { color: #ffffff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { font-size: 15px; float: left; }
#footer .social { float: right; margin-top: 18px; margin-right: 20px; }
.social a { display: block; text-indent: -99999em; float: left; margin: 0px 0px 0px 5px; overflow: hidden; }
.social .boards { background: url(../img/sprite.png) left -443px no-repeat; width: 97px; height: 27px; }
.social .twitter { background: url(../img/sprite.png) -102px -443px no-repeat; width: 27px; height: 27px; }
.social .google { background: url(../img/sprite.png) left -411px no-repeat; width: 27px; height: 27px; }
.exitModal { border: 3px solid white; width: 720px; background: #fff; -moz-border-radius: 8px 8px 8px 8px; padding-left: 12px; padding-top: 10px; }
.exitModal .small-btn, .exitModal .btn-payzone { font-size: 1.2em; width: 165px; }
.exitModalContent { display: block; float: left; padding: 0px 25px 0px 25px; }
.exitModalContent ul { padding: 30px 0px 0px 0px; }
.exitModal li { padding-bottom: 15px; float: left; width: 100%; }
.exitModal li.current { width: 243px; }
.exit { border: 1px solid #c9c9c9; padding: 5px 10px; text-align: center; text-decoration: none; font-size: 0.9em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; }
.sideBar { display: block; width: 225px; float: left; padding: 50px 20px 0px 0px; text-align: center; }
.modalForm { overflow: hidden; float: left; margin: 0px; padding: 0px; }
.modalFoot { height: 43px; background: url(../img/modalFormBot.gif) top left no-repeat; display: block; float: left; border-top: 1px solid #d8d8d8; position: relative; left: -15px; padding: 18px 24px 13px 0px; margin: 5px 0px 0px 0px; }
#standardList li { background: url(../img/bullet.gif) no-repeat 3px 12px; padding: 10px 10px 10px 25px; }
#mainBody .note { width: 730px; background: #e3eff7 url(../img/note.gif) no-repeat 10px 10px; display: block; float: left; margin-left: 30px; border: 1px solid #c7d8e0; margin-top: 15px; }
#mainBody .noteFull { width: 760px; background: #e3eff7 url(../img/note.gif) no-repeat 10px 5px; display: block; border: 1px solid #c7d8e0; margin-top: 15px; }
#mainBody .noteFull p { border-left: 1px solid #c7d8e0; height: 100%; float: right; padding: 10px 20px 5px 20px; }
.lessmarg .note { margin: 0px; }
#mainBody .note p { border-left: 1px solid #c7d8e0; height: 100%; float: left; margin-left: 79px; padding: 0px 20px 8px 20px; line-height: 14px; }
#mainBody .note li { padding: 0px 10px 3px 5px; list-style-position: outside; clear: both; }
#mainBody .note ul { padding: 0px 0px 10px 25px; float: left; border-left: 1px solid #c7d8e0; margin-left: 79px; list-style-type: none; }
#mainBody .reveal .note { width: 765px; background: #e3eff7 url(../img/note.gif) no-repeat 15px 0px; display: block; float: left; margin-left: 0px; border: 1px solid #c7d8e0; margin-top: 5px; padding: 0px; }
#mainBody .reveal .note p { border-left: 1px solid #c7d8e0; height: 100%; float: right; padding: 10px 20px 10px 20px; line-height: 16px; }

/* FAQ's */
.faqs { float: left; overflow: hidden; margin: 0px 0px 20px 0px; }
.faqs dt { width: 395px; font-weight: normal; background: url(../img/q.gif) 10px 20px no-repeat; padding: 20px 60px 30px 60px; border-bottom: 1px solid #D8D8D8; float: left; cursor: pointer; font-size: 1.4em; line-height: 1.5em; }
.faqs dt:hover { text-decoration: underline; }
.faqs dt.active { border-bottom: none; }
.faqs dd { width: 395px; background: #eeeff6 url(../img/a.gif) 10px 20px no-repeat; padding: 20px 60px 10px 60px; border-bottom: 1px solid #D8D8D8; margin: 0px; float: left; cursor: pointer; }
.faqs .hide { font-size: 1.2em; }

/* Pop ups */
#terms #pop-up-content #generic-content { padding: 20px; }
.question { font-size: 1.0em; width: 230px; margin: 50px auto 50px auto; }
.question li { padding: 0px 0px 15px 0px; }
.question .small-btn, .question .btn-payzone { display: block; }
.popup, #pop-up-content { width: 754px; background: none; overflow-x: hidden; }
.pop-up-content { background: none; position: relative; width: 754px; overflow-x: hidden; }
.pop-up-content .inner, #pop-up-content .inner { padding: 20px 20px 20px 20px; }
.pop-up-content .inner.viewdetails, #pop-up-content .inner.viewdetails { padding-left: 45px; }
.pop-up-content .inner.viewdetails h2, #pop-up-content .inner.viewdetails h2 { float: left; display: inline-block; width: 100%; clear: both; }
.pop-up-content .what-you-need, .pop-up-content .what-you-need-flow { padding: 15px 20px 0px 20px; width: 713px; }
.pop-up-content .what-you-need p, .pop-up-content .what-you-need-flow p { padding-bottom: 0px; }
.pop-up-content header { background: #ffffff; text-align: center; padding: 50px 0px 30px 0px; border-bottom: 1px solid #e9e9e9; }
.pop-up-content .checklist { background: url(../img/sprite.png) 0px -40px no-repeat; width: 40px; height: 45px; display: block; vertical-align: middle; float: left; margin: 0px 15px 0px 0px; }
#pop-up-content .inner.viewdetails .col2 { margin-right: 5%; width: 48%; float: left; }
#pop-up-content .inner.viewdetails .col2.last { margin-right: 0; width: 45%; }
#pop-up-content .inner.viewdetails .col2 .tick { float: left; }
#pop-up-content .inner.viewdetails .col2 .alignto { margin: 2px 0 0 10px; width: 84%; float: left; display: block; }
.pop-up-content #generic-content, #pop-up-content #generic-content { padding: 0px; border: none; width: 100%; }
.pop-up-content #generic-content .inner { text-align: left; }
#pop-up-content .plan-info { border: none; width: auto; }
#pop-up-content .plan-details { border: 1px solid #dcdcdc; overflow: hidden; background: url(../img/plan-details.png) left top repeat-y; margin: 0px 0px 30px 0px; }
#pop-up-content .plan-info .saving { width: 213px; }
#pop-up-content .plan-info .equals { left: 199px; }
#pop-up-content .plan-info .climote { padding-top: 0; padding-bottom: 0; }
#pop-up-content .plan-info .climote .saving { margin-left: 45px; padding: 25px 0; height: 126px; background: #fff url("../img/hand.png") 90% 26px no-repeat; font-size: 1em; text-align: left; }
#pop-up-content .plan-info .climote .saving h3, #pop-up-content .plan-info .climote .saving .panel-heading { font-size: 2.2em; width: 60%; }
#pop-up-content .plan-info .climote .saving p { font-size: 1.4em; width: 55%; }
.saving-info { border: 1px solid #dcdcdc; }
.saving-info table { width: 100%; display: block; overflow: hidden; font-size: 1.4em; background: #ffffff; }
.saving-info table td { font-size: 1.3em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; text-align: center; }
.saving-info .total-info td { background: #009fda; color: #ffffff; border-top: 5px solid #009fda; padding: 15px 5px 20px 5px; text-shadow: 0px 0px 4px #01567f; }
.saving-info .total-info .large { font-size: 1.6em; }
.saving-info .total-info .amt { background: #059ad2; border-top: 5px solid #0075b0; }
.saving-info table td { border: none; text-align: center; padding: 20px 5px; }
.saving-info table th { color: #444444; border-bottom: 1px solid #dcdcdc; font-weight: bold; background: none; padding: 10px 0 10px; text-align: center; }
.saving-info table .first-col { width: 165px; }
.saving-info table .type { width: 100px; }
.saving-info table .add { width: 30px; }
.saving-info table tr.highlight { color: #009fda; }
.saving-info table .last-col { background: #f5f5f5; width: 125px; }
.saving-info table th.last-col { border-bottom: 1px solid #dcdcdc; }
.saving-info table.climote td { color: #009fda; }
.saving-info table.climote td span.extra { color: #444; }

/* Updated Price Plan Pages */
.prices { }
#plan-tabs { margin: 0px auto; clear: left; width: 789px; }
#plan-tabs ul { font-size: 2.2em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; display: block; float: left; width: 100%; padding: 0px 0px 5px 0px; }
#plan-tabs li { float: left; }
#plan-tabs .or { background: url(../img/sprite.png) no-repeat scroll -107px -368px transparent; display: block; margin: 18px; text-indent: -99999em; width: 32px; height: 38px; }
#plan-tabs li a { background: url(../img/sprite.png) left -666px no-repeat; width: 360px; height: 81px; display: block; text-align: center; text-decoration: none; color: #ffffff; padding: 20px 0px 0px 0px; }
#plan-tabs li a:hover { background: url(../img/sprite.png) left -899px no-repeat; }
#plan-tabs li a.active { background: url(../img/sprite.png) left -555px no-repeat; color: #444444; }
#plan-tabs li a.active:hover { background: url(../img/sprite.png) left -555px no-repeat; }
.top-rounded.dark-blue h2 { font-size: 20px; }
.plan-holder.corners h1 { font-size: 26px; }
.plan-holder.corners h2 { font-size: 26px; color: #0075b0; padding: 0 0 15px 0; font-weight: 500; }
.top-rounded.dark-blue h3 { font-size: 20px; color: #fff; padding: 15px 20px; position: relative; font-weight: 500; }
.col-left { width: 225px; padding: 15px; float: left; }
.col-middle { width: 325px; padding: 25px 0px; float: left; text-align: center; position: relative; margin: 0px; }
.col-right { width: 140px; padding: 30px 15px; float: left; text-align: center; }
.notips .col-left { width: 190px; }
.plan-holder { background: #f1f1f1; border: 1px solid #dcdcdc; padding: 20px 17px; margin: 0px auto 20px auto; clear: left; float: left; width: 100%; box-sizing: border-box; }
.plan-holder header { position: relative; }
.plan-links { position: absolute; right: 20px; top: 0px; }
.plan-links li { display: inline-block; padding: 0px 5px; float: left; }
.plan-links li a { background: #ffffff; text-decoration: none; border: 1px solid #dcdcdc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 3px 10px; }
.plan-links li a:hover { text-decoration: underline; }
.plan { clear: both; float: left; margin-bottom: 20px; width: 100%; }
.plan .dark-blue { background: #0075b0; }
.plan .dark-blue h2 { padding: 15px 20px; }
input.input-validation-error, input.input-validation-error:focus, select.input-validation-error, select.input-validation-error:focus { background: #f9d9d9; border-color: #cb0404 !important; border-style: solid; }
.plan-info { border: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; }
.plan-info header { clear: left; }
.plan-info .blue-bg h2 { padding: 15px 20px; border-bottom: 1px solid #dcdcdc; }
.plan-info .saving { width: 162px; float: left; font-size: 2.4em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; padding: 0px 0px 25px 0px; }
.plan-info .saving.no-3rd-line { padding-top: 13px; }
.plan-info .saving .price { font-size: 1.8em; }
.plan-info .nightsaver .saving .price { color: #0075b0; }
.plan-info .headline { margin-top: 10px; font-size: 0.7em; line-height: 1em; width: 110px; display: inline-block; }
.plan-info .climote-headline { font-size: 1.6em; line-height: 1em; width: 210px; }
.plan-info .equals { background: url(../img/sprite.png) left -512px no-repeat; width: 30px; height: 30px; display: block; overflow: hidden; position: absolute; top: 35%; left: 153px; }
.plan-info .nightsaver .equals { background: url(../img/sprite.png) left -800px no-repeat; top: 40%; }
.plan-info .plus { border: 1px solid #dcdcdc; position: absolute; padding: 8px 10px 8px 45px; right: -1px; bottom: -1px; }
.plan-info .plus-solo { padding: 8px 10px 8px 47px; }
.plan-info .two-col-area { border: 1px solid #dcdcdc; position: absolute; width: 304px; padding: 5px 10px; right: 172px; bottom: 20px; background: #fff; }
.climote-img { background-image: url('../img/hand.png'); background-repeat: no-repeat; height: 110px; width: 100px; float: right; }
.plan-info .plus-icon, .plan-info .save-icon { position: absolute; left: -9px; top: 5px; }
.plan-info .call { font-size: 2em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; }
.nightsaver-wide .col-middle span, .plan-details-wide .col-middle span { font-family: StRyde-Medium, Arial, Helvetica, sans-serif; font-size: 1.8em; }
.plan-details { position: relative; float: left; border-bottom: 1px solid #dcdcdc; background: #ffffff;  /* ebf4f9 */ padding: 20px; box-shadow: 0px 5px 10px -5px #666; border-radius: 0px 0px 10px 10px; width: 100%; box-sizing: border-box; }
.plan-details-wide { position: relative; float: left; width: 100%; border-bottom: 1px solid #dcdcdc; background: #ffffff url(../img/plan-wide.png) 33px top repeat-y; }

/* Form CSS */
form[name="SnapABug_Form"] { padding: 0; top: 0; }
.notice { font-weight: bold; border-bottom: 1px solid #dcdcdc; }
span.notice { border: none; }
.requiredField { height: 5px; background: url(../img/sprite.gif) left top no-repeat; color: #fff; width: 5px; text-indent: -9999px; }
.notice .requiredField { position: relative; top: 2px; left: 2px; }
#mainBody .alt-address { padding: 0px 0px 1px 0px; float: left; width: 100%; }
fieldset { width: 100%; margin: 0px 0px 10px 0px; padding: 10px 0px; border: 0px solid #ccc; background-color: #ebf4f9; position: relative; padding-top: 0px; clear: both; overflow: visible; }
fieldset div { position: relative; width: 100%; float: left; padding: 9px 0; border-bottom: 1px solid #e0e0e0; display: inline; box-sizing: border-box; }
fieldset div.bankdetails { position: relative; width: 100%; padding: 0.4em 0; clear: both; float: left; padding: 0px 0px 10px 0px; border: 0px; }
fieldset div.last { border-bottom: 0px; }
.dual fieldset { border: 1px solid #ccc; }
fieldset h3, fieldset .panel-heading { font-size: 18px; }
fieldset div.heading { border-bottom: 0px; padding-bottom: 0px; }
#fieldsetRegister { background: transparent; }
#fieldsetRegister #Password { position: relative; border: solid; border-color: #CCC; border-width: 1px; }
#fieldsetRegister #ConfirmPassword { position: relative; border: solid; border-color: #CCC; border-width: 1px; top: 3px; }
#fieldsetRegister #Salutation { position: relative; width: 100px; }
#fieldsetMakeUnRegPay #login-val-summary { border-bottom: none; }
.section #fieldsetAddPaymentCard { background: inherit; }
#fieldsetMakePayment #login-val-summary { border: none; padding: 0px; }
#fieldsetMakePayment #login-val-summary .validation-summary-errors { border: none; }
#fieldsetMakePayment #login-val-summary .validation-summary-errors ul { margin: 0; padding: 0; }
#fieldsetUserPaymentCardDisplay #credit-card-fields, #fieldsetUserPaymentCardDisplay .display-field { border: none; padding: 0px; }
#fieldsetMakePaymentConfirm .payment-selection-block { border: none; }
#fieldsetMakePaymentConfirm .payment-selection h3 font, #fieldsetMakePaymentConfirm .payment-selection .panel-heading font { position: relative; margin-left: -260px; top: 0px; }
#fieldsetMakePaymentConfirm .field-container .display-label .payment-label-value { position: relative; top: 10px; font-size: 17px; }
#fieldsetMakePaymentConfirm .payment-selection-block-bottom { border: none; }
#fieldsetMakePaymentConfirm .payment-selection-block-bottom .payment-selection-bottom h3 font, #fieldsetMakePaymentConfirm .payment-selection-block-bottom .payment-selection-bottom .panel-heading font { position: relative; left: -75px; top: 0px; }
.payment-selection-bottom { border: none; }
#fieldsetMakePaymentConfirm input[type="radio"] { float: left; margin: 2px 10px 0px 0px; }
legend { font-weight: bold; padding: 0 10px; color: #0e5b8d; font-size: 18px; }
span { font-size: 17px; }
#credit-card-fields ul, #credit-card-fields li, #credit-card-fields span { float: left; }
#credit-card-fields span { line-height: 24px; padding-top: 5px; color: #444444; }
#credit-card-fields ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
#review-details ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
#transaction-summary ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
#meter-summary ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
#meter-summary span { float: none;    /* word-break: break-all;  Display Issue with this style */ display: inline-block; }
#meter-summary span:last-of-type { float: right; }
#meter-summary span:hover { text-decoration: underline; }
div[aria-labelledby="ui-dialog-title-delete-card-dialog"], div[aria-labelledby="ui-dialog-title-modalwindow"], div[aria-labelledby="ui-dialog-title-delete-dialog"] { background: #009fda; }
#transaction-details ul, #transaction-details li, #transaction-details span { float: left; }
#transaction-details label { width: 200px; }
#transaction-details span { line-height: 24px; padding-top: 5px; color: #444444; }
#transaction-details ul li { width: 100%; padding: 9px 0; border-bottom: 1px solid #e0e0e0; }
.payment-details-block ul, .payment-details-block li, .payment-details-block span { float: left; }
.payment-details-block span { line-height: 24px; padding-top: 5px; color: #444444; word-break: break-all; max-width: 290px; }
.payment-details-block ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
.payment-selection-block ul, .payment-selection-block li, .payment-selection-block span { float: left; }
.payment-selection-block ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
.payment-selection-block span { line-height: 24px; padding-top: 5px; color: #444444; }
.payment-selection-block-bottom ul, .payment-selection-block-bottom li, .payment-selection-block-bottom span { float: left; }
.payment-selection-block-bottom span { line-height: 24px; padding-top: 5px; color: #444444; }
.payment-selection-block-bottom ul li { border-bottom: 1px solid #e0e0e0; width: 100%; padding: 9px 0; }
label, .label { float: left; clear: left; width: 50%; padding-right: 3%; padding-top: 5px; font-size: 17px; line-height: 24px; color: #444444; }
#fieldsetLogOn label { float: left; display: block; width: 50%; padding-top: 4px; padding-right: 3%; line-height: 25px; font-size: 17px; color: #333; position: relative; }
#fieldsetLogOn input[type="text"], #fieldsetLogOn input[type="password"] { width: 43%; border: 1px solid #CCC; padding: 5px 4px 2px 4px; font-family: Arial; font-size: 14px; color: #333; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 24px; }
p select, p input { font-size: 1.0em; }
#mainBody p.label .smallprint { margin-top: 1em; float: left; display: inline-block; font-size: 0.9em; font-style: oblique; }
label.notice { width: auto; }
label.hidden-label { visibility: hidden; }
label .feedback { position: absolute; left: 31em; right: 0; top: 0.5em; font-weight: bold; color: #760000; padding-left: 20px; background: url(img/error.png) no-repeat left top; }
label.radio { clear: none; float: left; width: 60px; }
label.radio-long { clear: none; float: left; width: 160px; }
select {    /* remove when possible - too generic */
width: 240px; padding: 4px; font-size: 14px; line-height: 1.2em; color: #333333; }
input {      /* remove when possible - too generic */
padding: 4px; font-size: 14px; color: #333333; line-height: 1.2em; }
input[type="checkbox"] { width: 20px !important;   /* correcting input generic style */ height: 20px !important;   /* correcting input generic style */ padding: 4px; font-size: 14px; line-height: 1.2em; }
#UsageMeterNameList { float: none; }
.usage-title { margin-bottom: 20px; }
.usage-title span { line-height: 30px; }
.usage-unit-title * { float: none; vertical-align: text-bottom; }
.ScheduledTopUpSection{ margin-top: 20px;}
.ScheduledTopUpSection .field-validation-error, #scheduled .field-validation-error { margin: 5px 0; color: #deb887; }
.ScheduledUsageSMSSection .field-validation-error, #scheduled .field-validation-error { margin: 5px 0; color: #deb887; }
#smartMeterDetail-display li { clear: both; float: left; }
.smartmeter-info { float: left; border-radius: 10px; box-sizing: border-box; padding: 10px; width: 100%; margin-bottom: 20px; }
input[type="text"], textarea { border: 1px solid #8a8a8a; float: left; position: relative; }
*:first-child + html input[type="text"], *:first-child + html textarea { behavior: none; }
select { border: 1px solid #8a8a8a; float: left; height: 30px; display: inline; }
*:first-child + html select { border: 1px solid #8a8a8a; height: auto; }
input[type="text"] { height: 24px; }
input.read-only { background: #ddd; cursor: not-allowed; }
input.fifty { width: 40px; }
input.one20 { width: 230px; }
.five00 { float: left; }
#recaptcha_widget .help-icon { left: 248px; top: 123px; }
.bankdetails .help-icon { top: 0px; }
input.radio, input.checkbox, input.submit { width: auto; }
#emailConfirm { margin: 9px 0px 0px 0px; padding: 0px; }
input:focus, textarea:focus, select:active, select:focus { background: #e3eff7; border-color: #73a6be; }
input.radio:focus, input.checkbox:focus { background: #fff; }
input.read-only:focus { border-color: #dfdddd; background: #ddd; }
input.error:focus, input.error, select.error, select.error:focus { background: #f9d9d9; border-color: #cb0404; }
p label.error { font-size: 0.9em; }
label.error { color: #c72121; font-weight: bold; margin-left: 290px; font-size: 1.2em; }
label.radio label.error { margin: 0px; }
textarea { width: 100%; height: 10em; }
.heading h3, .heading .panel-heading { padding: 0 0 15px 0; }
.savings, .Newsavings { padding-bottom: 0px; height: 48px; }
.savings.first, .Newsavings.first { height: 28px; }
.yes, .no { display: block; float: right; color: #0d1c3b; width: 132px; padding-left: 38px; background: url(../img/sprite.gif) no-repeat 0 -102px; }
.no { background-position: 0 -148px; }
.total { display: block; color: #fff; height: 78px; width: 152px; padding: 30px 0 0 48px; background: url(../img/total.gif) no-repeat top right; position: absolute; right: 0; top: -32px; }
.savingsSum { display: block; float: left; background: url(../img/summaryUlBg.gif) repeat-x; }
.savingsSum li { background: #fff; display: block; float: left; width: 33%; padding: 5px 0; margin-top: 20px; }
.savingsSum .yes, .savingsSum .no { float: left; width: 100%; padding: 5px; padding-left: 38px; margin-left: 5px; }
.sumtotal { display: block; color: #fff; height: 52px; width: 121px; padding: 30px 0 0 28px; /**/ background: url(../img/sumtotal.gif) top right no-repeat; float: right; }
h4 { font-size: 15px; font-weight: bold; }
.total h4, .sumtotal h4 { color: #fff; font-size: 32px; }
#summary-info { border: 1px solid #dcdcdc; display: block; background: #f4f4f4; text-decoration: none; position: relative; margin: 20px; background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#summary-info .title { font-size: 1.8em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; padding: 20px; color: #0075b0; display: inline-block; }
#summary-info .blue { font-size: 1.8em; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; float: right; padding: 20px 40px 20px 20px; position: absolute; right: -1px; top: -1px; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; width: 55px; }
#summary-info .blue .arrow { background: url(../img/show-hide.png) left top no-repeat; width: 16px; height: 11px; display: inline-block; position: absolute; top: 25px; right: 20px; }
#summary-info.active .arrow { background-position: left -14px; }
#summary-info:hover, #summary-info.active { border: 1px solid #0075b0; }
#info-holder { display: none; }
.summary { display: block; padding: 17px 20px 0px 20px; position: relative; margin-bottom: 15px; float: left; width: 780px; }
.summary h2, .terms h2 { font-size: 18px; padding-bottom: 20px; }
.summary h2 a { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.7em; padding-left: 20px; }
.summary dl { clear: both; background: url(../img/border.png) bottom left repeat-x; padding: 0px 0px 17px 0px; float: left; }
.summary dl p { padding: 0px; }
.review { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; display: block; }
.review .last dl { background: none; }
.summary dt { font-weight: bold; float: left; width: 396px; font-size: 1.4em; border-left: 1px solid #dcdcdc; padding: 0px 0px 8px 10px; }
.summary dd { float: left; width: 304px; padding: 0px 0px 6px 10px; }
.terms { display: inline-block; float: left; padding: 0 20px 20px 20px; clear: both; }
.terms label { width: 787px; padding-top: 0px; margin: 0px 0px 5px 0px; }
.terms label span { display: block; width: 745px; float: left; }
.terms label input.checkbox { float: left; margin: 3px 15px 5px 5px; padding: 0px; background: #ffffff; }
.terms p.indent { margin-left: 33px; line-height: 1.2em; clear: both; }
.terms label.error { margin: 0px 0px 10px 30px; }
.opening { display: inline-block; float: left; padding: 0 10px 10px 0px; clear: both; }
.tc-close-block { float: right; text-align: right; margin-top: 5px !important; margin-right: 10px !important; display: block; clear: both; font-size: 17px; font-weight: bold; }
.tc-close-block-a { font-weight: normal; }
.page-title { clear: both; }
a.rehelp { display: block; width: 30px; height: 25px; background: url(../img/sprite.gif) no-repeat 5px -40px; text-indent: -9999px; position: absolute; }
a.help:hover { background-position: 5px -68px; }
.savings a.help { right: 325px; }
.confirm { clear: both; float: left; width: 740px; padding: 0px 20px 20px 10px; }
.confirm h2 { font-size: 18px; padding-bottom: 15px; }
.highlighted { background-color: #fff; }
.highlighted .clear { clear: both; padding-top: 10px; }
.help-icon { margin: 0px 0px 0px 0px; position: absolute; right: 215px; top: 10px; cursor: pointer; }
.billingAddressBlock .help-icon { position: absolute; right: 215px; top: 25px; }
.plansindent { margin-left: 24px; }
.tools li.first { margin-left: -25px; }
.tools li.last { margin-left: 25px; }
.plus-rib { width: 42px; height: 24px; background: url(../img/plus-rib.png) center top no-repeat; margin-left: -12px; }
.plus-rib-2 { width: 42px; height: 24px; background: url(../img/plus-rib.png) center top no-repeat; margin-left: -52px; }
.plus-text { margin-top: -20px; }
.confirmation-bot-content img { float: left; width: 125px; }
.confirmation-bot-content h4 { float: left; margin-top: 30px; line-height: 1.3; }
#divUnregpayMeterNumber #MeterNumber{ text-indent: 90px; background: #ffffff url(../img/bgmeter-input.png) no-repeat; }
#fieldsetMeterAccountCreate #divMeterNumber #MeterNumber{ text-indent: 90px; background: #ffffff url(../img/bgmeter-input.png) no-repeat; }
input.displayDynamicMeterPrefix{text-indent: 90px; background: #ffffff url(../img/bgmeter-input.png) no-repeat;}
input.displayDynamicMeterPrefix:focus{background: #ffffff url(../img/bgmeter-input.png) no-repeat;}
/* Gas Details Edits  */
.gasDetails ul { list-style-type: circle !important; }
.gasDetails ul li { list-style-image: url(../img/bullet.png); padding-left: 10px; }
.gasImg { text-align: center; }
#payment-account_length select, #transaction_length select { width: 60px; font-size: 14px; float: none; }
.ui-toolbar { position: relative; text-align: right !important; }
.fg-toolbar { font-size: 14px; }
#payment-account thead { width: 100%; border: solid; border-width: 1px; border-radius: 2px; }
#payment-account thead tr { width: 100%; border: solid; border-width: 1px; border-radius: 2px; }
#payment-account thead tr th { padding: 8px; background: #cccccc; color: #000; border: 1px solid #fff; border-radius: 2px; width: 100%; text-align: center; }
#search-fields { width: 100%; float: left; }
#search-fields label { width: 100px; }
#search-fields input#DateFrom { margin-bottom: 5px; }
#search-fields .btn-getTransaction { margin-left: 20px; margin-top: 33px; }
#MobileNumber { width: 30%; margin-left: 20px; }
div.checkbox { border-bottom: none; width: 90%; }
div.checkbox label { width: 90%; margin-top: 15px; }
div.checkbox input[type="checkbox"] { border: none; box-shadow: none; width: 20px !important; }
#fieldsetRegister .checkbox label { position: relative; display: block; }
#fieldsetRegister .checkbox label #OptInMarketing { padding: 0px; margin: 0px; }
#fieldsetRegister .checkbox label #TermsAndConditions { padding: 0px; margin: 0px; }
input[type="password"] { border: solid; border-color: gray; border-width: 1px; height: 24px; }
.divForgetPW { margin-bottom: 10px; border-bottom: none; width: 100%; margin-top: 20px; }
.divNoBottom { border-bottom: none; }

#divUserIndex { font-size: 17px; }
#divUserIndex span{ font-size: 14px; }
#divUserIndex ul { font-size: 14px;}
#divUserIndex li { font-size: 14px;}
#divUserIndex li a { font-size: 14px;}
#divUserIndex .balance-message { font-style: italic; margin-bottom:15px; color: #009FDA; /*color: #0075B0;*/}
#divUserIndex .editSettings { margin-right: 10px;}
#divUserIndex .editSettings a.btn{ padding: 3px 20px; margin-top: 6px;}
#divUserIndex .editSettings a.btn:hover, 
#divUserIndex .editSettings a.btn:visited, 
#divUserIndex .editSettings a.btn:active{ text-decoration: none; color: #ffffff;}
#divUserIndex .plan-details  { margin-top: 0px; border-radius: 0 0 10px 10px !important; padding: 30px 50px 20px 44px; border-top: none; margin-bottom: 40px;}
#divUserIndex .plan-details h3 { font-weight: bold;}
#divUserIndex .top-rounded { background: #0075b0; border-radius: 10px 10px 0 0 }
#divUserIndex .meter-header h3{ font-size: 20px; color: #ffffff; padding: 15px 20px 15px 45px; }
#divUserIndex .plan-info { border: none;}
#divUserIndex header h2{ margin-top: -10px; margin-bottom: 5px;font-size: 28px; color: #555555; }



.custom-validation-summary-errors { float: left; margin-bottom: 5px; }
.custom-validation-summary-errors span { margin-left: 0px; }
.custom-validation-summary-errors a { text-decoration: none; }
.custom-validation-summary-errors a:hover { text-decoration: underline; color: #00517b; }
#divUserPaymentCardDisplayBtn { position: relative; left: 0px; border: none; }
#tableLatestTransactions { border-radius: 6px; border-width: 1px; width: 100%; }
#tableLatestTransactions thead { border-radius: 6px; border-width: 1px; }
#tableLatestTransactions thead tr th:nth-of-type(1) { width: 20%; }
#tableLatestTransactions thead tr th:nth-of-type(2) { width: 25%; }
#tableLatestTransactions thead tr th:nth-of-type(3) { width: 55%; }
#divEditMeterAccountButton { border-bottom: none; position: relative; top: 0px; left: -40px; }
#RegResultAddPaymentCard { text-decoration: underline; display: block; margin-top: 20px; }
#RegResultAddPaymentCard:hover { text-decoration: none; }
#divEditMeterAccountButton #spanOr { margin: 0 15px; position: relative; left: -15px; }
.form-group .tooltip-hidden { display: none; }
.form-group .tooltip-visible { display: block; }
.server-message-error { color: #c72121; font-size: 17px; }

.checkbox label { width: 100%; }
#CancelLink { font-size: 16px; }
em { display: block; position: relative; left: 0px; top: 10px; font-size: 14px; clear: both; font-weight: bold; margin-bottom: 15px; }
#divMobilePrefix #MobileNumber::after { display: none; text-indent: -9999px; }
#fieldsetMeterAccountCreate { display: block; background: inherit; }
.section #fieldsetMeterAccountCreate { display: block; background: inherit; box-sizing: border-box; min-height: 220px; }
#btnLogIn { display: block; clear: both; margin-left: 0px; }
#btnDeletePaymentCard { margin-left: 30px; }
#fieldsetEdit #ChangeEmail { margin-top: 10px; display: inline-block; }
.logo-login { width: 80px; vertical-align: bottom; }
#fieldsetEdit #PersonalTitle { width: 100px; line-height: 28px; }
#fieldsetRegister #PersonalTitle { position: relative; width: 100px; }
.BtnDiv { border-bottom: none; }
#fieldsetRegister .checkbox { padding: 0px; }
#delete-card-dialog { display: none; }
#ChangeEmailFieldset { background: transparent; }
.field-validation-error { display: block; color: #c72121; font-size: 17px; margin: 5px -10px 0px 355px; clear: both; float: left; }
.short-select-list { width: 120px; }
#edit-message-block-create-payment { padding: 10px 0; }
#ChangeEmailFieldset .field-validation-error { margin-left: 0px; }
#fieldsetRegister .field-validation-error[data-valmsg-for="TermsAndConditions"] { width: 100%; margin-left: 25px; }
#fieldsetMakeUnRegPay .field-validation-error[data-valmsg-for="TermsAndConditions"] { margin-left: 32px; }
#fieldsetMakeUnRegPay #login-val-summary { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
#fieldsetMakeUnRegPay .checkbox label #TermsAndConditions { float: left; margin: 0px 10px 0px 0px; }
#btnDelete { margin-left: 30px; }
#cookie-content { position: relative; background-color: #0075b0; color: #fff; text-align: center; overflow: hidden; }
.catapult-cookie-bar { font-size: 16px; line-height: 140%; margin: 10px auto; padding: 0 30px; max-width: 940px; }
#cookie-agree { margin: 2px 10px 0 10px; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; text-align: center; font-weight: bold; padding: 2px 5px; font-size: 14px; display: inline-block; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; cursor: pointer; 
background: #3E8008; border: 1px solid #3E8008; }
#cookie-agree:hover { background: #316607; border: 1px solid #316607; }
#CardModel_CardSecurityCode { width: 90px; }
#modalIframeId { color: #fff; color: #95E2FF; font-size: 16px; }
#cookie-content #cookie-message-block #cookie-agree { color: #fff; }
.btn { width: auto; height: auto; }
.signin-subtitle a { color: #0075b0; text-decoration: none; font-weight: bold; }
.signin-subtitle a:hover { text-decoration: underline; color: #00517b; }
select { border-radius: 3px; box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.075); border: 1px solid grey; }
select:focus { background-color: white; border-radius: 3px; box-shadow: outset 1px 1px 1px 1px rgba(0, 0, 0, 0.075); border: 1px outset #ccc; }
input { border-radius: 3px; box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.075); border: 1px inset #ccc; }
input:focus { background: #d7e4ff; border-radius: 3px; box-shadow: outset 1px 1px 1px 1px rgba(0, 0, 0, 0.075); border: 1px outset #ccc; }
input[type="radio"] { border: none; box-shadow: none; }

/*------------ focus accessability -------------- */
/*a:focus { border: solid 1px cyan !important; }*/

.border-none { border: none; }
.checkbox label a { text-decoration: none; }
.checkbox label a:hover { text-decoration: underline; color: #00517b; }
#CancelLink { text-decoration: none; }
#CancelLink:hover { text-decoration: underline; color: #00517b; }
#fieldsetMakeUnRegPay #divUnregpayMeterNumber > a > span { background: #0075b0; color: #fff; border-radius: 2px; padding: 5px; border: 1px outset #00517b; display: block; z-index: 99900; width: 330px; position: absolute; top: 50px; left: 355px; text-decoration: none; }
#fieldsetMakeUnRegPay #divUnregpayMeterNumber a { position: relative; background: #eaeaea; cursor: help; text-decoration: none; color: #ffffff; outline: none; font-size: 13px; }
.validation-summary-valid ul { padding: 0; }
#fieldsetMeterAccountCreate #login-val-summary { border: none; margin-bottom: 0px; padding: 0px; }
#fieldsetMakePayment #MeterName { width: 43%; height: 34px; }
#fieldsetEdit input.check-box { margin-left: 0; top: 5px; position: relative; }
#ChangeEmailDialog + div .ui-dialog-buttonset { float: left; }
div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {/* used for different modals including the ajaxloader */ }
.user-usage-tabs .ui-tabs-panel { padding: 0; background: #FFFFFF; padding-bottom: 10px; }
.user-usage-tabs { background: inherit !important; }
.bold { font-weight: bold; }
#fieldsetMakePaymentConfirm .ui-widget-header-form-container { border-bottom: none; }
.summary-row { display: block; padding: 3px; }
.summary-row strong { font-weight: normal; }
.summary-row div { display: inline-block; }
.summary-row div:first-child { width: 60px; }
.summary-row div:nth-child(2) { padding-left: 10px; padding-right: 10px; }
.summary-row div:nth-child(3) { padding-left: 10px; }
.margin-bottom-5 { margin-bottom: 5px; }
#divFirstMeterAddMeter { margin-top: 10px; }
#transaction-summary, #meter-summary { margin-bottom: 10px; line-height: 20px; }
#meter-summary .summary-row { padding: 0px; margin: 0px; }
#meter-summary .summary-row p { padding: 0px; margin: 0px; height: 14px; }
#meter-summary .summary-row p a { text-decoration: none; padding: 0px; margin: 0px; }
#meter-summary .summary-row p a:hover { text-decoration: underline; color: #00517b; }
#meter-summary .summary-row p span { text-decoration: none; padding: 0px; margin: 0px; }
#meter-summary .summary-row p a span { text-decoration: none; padding: 0px; margin: 0px; font-size: 14px; }
#meter-summary .summary-row p a span:hover { text-decoration: underline; color: #00517b; }
#meter-summary .summary-row p a span[style="float:right"] { position: relative; top: 5px; }
.summary-row span:last-child { /*display:none;*/ }
.summary-row span.bold { font-weight: bold; }
#wait-transaction { display: inline-block; }
#wait-transaction #ajaxloader { background: url("../img/ajax-loader-bar.gif") no-repeat; width: 56px; height: 21px; display: inline-block; vertical-align: middle; }
#wait-meter { display: inline-block; }
#wait-meter #ajaxloader { background: url("../img/ajax-loader-bar.gif") no-repeat; width: 56px; height: 21px; display: inline-block; vertical-align: middle; }
#wait-card { display: inline-block; font-size: 12px; }
#wait-card #ajaxloader { background: url("../img/ajax-loader-bar.gif") no-repeat; width: 56px; height: 21px; display: inline-block; vertical-align: middle; }
.wait-currentBalance-ajaxloader { background: url("../img/ajax-loader-bar.gif") no-repeat; width: 56px; height: 21px; display: inline-block; vertical-align: middle; margin-top: -5px; }
.validation-summary-errors { color: #c72121; font-size: 17px; }

/*Red*/
.validation-summary-errors ul li { font-size: 17px; }
.validation-summary-errors ul { padding-bottom: 0px; }
#theForm .validation-summary-errors ul li { line-height: 20px; }
#fieldsetMakePaymentConfirm .payment-details-block div { border: none; padding: 0px; margin: 0px; }
#fieldsetMakePaymentConfirm .payment-selection-block div { border: none; padding: 0px; margin: 0px; }
.fancy-div { background: #f1f1f1 left top repeat-y; border: 1px solid #dcdcdc; background: left top repeat-y, linear-gradient(rgb(255, 255, 255) 0%, rgb(244, 244, 244) 100%); background: left top repeat-y, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); background: left top repeat-y, -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: left top repeat-y, -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: left top repeat-y, -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); background: left top repeat-y, linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%); }
#fieldsetMakePaymentConfirm .payment-selection-block, #fieldsetMakePaymentConfirm .payment-selection-block-bottom, #fieldsetMakePaymentConfirm .payment-details-block { border: 1px solid #dcdcdc; margin-top: 10px; border-radius: 10px; border-color: #d9d9d9; padding: 10px; box-sizing: border-box; }
#fieldsetMakePaymentResult #transaction-details, .well-powercode { border: 1px solid #dcdcdc; border-radius: 10px; padding: 10px; padding-bottom: 20px; margin-bottom: 20px; margin-top: 10px; }
p { display: block; font-size: 17px; }
#payment-result-message-block { border-bottom: none; }
.display-field { font-size: 17px; line-height: 20px; }
.btn { padding-top: 10px; padding-bottom: 10px; }
.tooltip-span { background: #0075b0; color: #fff; border-radius: 2px; padding: 5px; border: 1px outset #00517b; display: block; z-index: 9999; width: 305px; position: absolute; top: 50px; left: 355px; text-decoration: none; font-size: 14px; }
.section .tooltip-span { left: 355px; }
#tooltip-cvv { line-height: 34px; margin-left: 10px; font-size: 15px; }
#cvv-close { line-height: 34px; font-size: 15px; }
#divExplainSecurityCode p { font-weight: normal !important; }
#fieldsetEditMeterAccount div a { background: transparent; text-decoration: none; }
#btnEditSave { position: relative; left: -3px; }
.panel-footer .panel-footer-content { background: url("../../../images/payzone_logo.png") no-repeat right; height: 36px; width: 137px; float: right; }
.display-field strong { font-size: 17px; }
input[readonly] { cursor: not-allowed; background-color: #cccccc; }
#modalwindow { height: 65px !important; width: 220px !important; }
#ajax-loader { background: url("../img/loaderEI.gif"); width: 30px; height: 30px; margin-left: 80px; margin-top: 15px; }
#fancybox-overlay, #fancybox-loading, #fancybox-wrap { display: none; }
#theForm input[type="hidden"] { display: none; }
#payment-card-message-block #payment-card-server-message { font-size: 17px; line-height: 20px; }
#message-block { margin-bottom: 10px; font-size: 17px; color: red; }
#Mobile_Prefix { width: 60px; height: 34px; position: relative; }

/*#payment-result-message-block #payment-result-server-message{ line-height:20px; }*/
.panel-payzone .panel-result-message div a { font-size: 14px; }
#payment-card-message-block .server-message-error { color: red; }
.cookie-message { border: 1px solid #009fda; margin-bottom: 5px; font-size: 14px; padding: 10px 10px 10px 10px; }
.cookie-message a { text-decoration: none; }
.cookie-message a:hover { text-decoration: underline; color: #00517b; }
.top-message-hide { float: right; cursor: pointer; }
.clear-border-radius { border-radius: 0 !important; }
#login-partial { float: right; margin: 0; margin-right: 25px; display: block; padding: 0; clear: both; }
#login-partial h4 { padding: 0; margin: 0; }
#login-partial h4 p { padding: 0; margin: 0; }
#login-partial p text { font-size: 12px; padding: 0; margin: 0; }
#login-partial p text a { text-decoration: none; font-size: 12px; }


/*transaction table*/
#transaction_wrapper{ display: none;}
#transaction_placeholder{ display: none; text-align: center; float: left; background: #ebf4f9; width: 100%; min-height: 300px; margin-top: 15px;}
#transaction_placeholder .h1-friendly-error { font-size: 36px; font-weight: bold; line-height: 150%; color: #555555; }
#transaction_placeholder .h2-friendly-error { font-size: 20px; line-height:150%; color: #555555;}
#transaction_placeholder .h2-friendly-error a{font-size: 20px;}
#transaction_placeholder img  { width: 150px; margin: 80px 0 10px 0;}
.hidden-on-placeholder { display: none; }
h2.hidden-on-placeholder{float: left;}

#generic-content table#transaction tr th, th { padding: 10px 2px; }
#transaction thead .DataTables_sort_wrapper { font-size: 13px; }
#transaction .expandable-row { min-width: 30px; background-image: url("../img/plus.ico"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center center; text-indent: -999px;}
#transaction > thead > tr > th:nth-child(1) > div { width: 70px; margin: 0 auto; }
#transaction > thead > tr > th:nth-child(3) > div { width: 55px; margin: 0 auto; }
#transaction > thead > tr > th:nth-child(5) > div { width: 115px; margin-left: auto; margin-right: auto; }
#transaction > thead > tr > th:nth-child(6) > div { min-width: 100px; }
#transaction thead, #transaction tbody { border-left: 2px solid #cccccc !important; border-right: 2px solid #cccccc; }
#transaction .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px; box-sizing: border-box; background: #cccccc; }
#transaction_wrapper #transaction_processing, #payment-account_wrapper #payment-account_processing { width: 200px; height: 40px; background: #dddddd; border: 3px solid white;font-weight: bold;  border-radius: 5px; -webkit-box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.5); box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.5); position: relative; top: 30px; left: 180px; color: #009fda; text-align: center; padding: 30px 0 10px 0; font-size: 16px; }
#transaction_wrapper #transaction_processing p { color: #009fda !important; text-align: center !important; position: relative; top: -20px; }
#transaction_wrapper .dataTables_info { display: inline; float: left; margin: 7px 0 6px 5px; font-size: 14px; color: #ffffff; }
#transaction_wrapper #transaction tbody .even { background: #ECECEC; }
#transaction_wrapper #transaction tbody tr:hover { background: #d8e1e1; cursor: pointer; }
#transaction_wrapper #transaction thead tr { cursor: pointer; }
#transaction_wrapper { overflow-x: auto; border: none; float: left; width: 100%; background: #009FDA; border-radius: 5px; margin-top: 30px; }
table#transaction { width: 100% !important; font-size: 1.4em; border-collapse: collapse; margin-bottom: 0px; background: #ffffff; }
#transaction tbody tr td { padding-left: 2px; padding-right: 2px; text-align: center;  }
#transaction .sub-row { text-align: left; padding-left: 25px; background-color: #FFFAEA; }
#transaction-search-criteria label { font-size: 14px; }
#transaction_wrapper .fg-toolbar { height: auto; padding: 5px 0 5px 8px; }
#transaction_wrapper #transaction_length select { height: 18px; width: 20px; width: 45px;margin: 0 2px;  }
#transaction_wrapper #transaction_length label { float: right; padding-top: 0;padding-bottom: 5px; font-size: 14px; }
#transaction_wrapper #transaction_paginate{ font-size: 14px;}
#transaction-search-criteria input[type="submit"] { font-size: 14px; }
#transaction-search-criteriainput[type="text"] { font-size: 14px; height: 20px; }
#transaction_wrapper #transaction_paginate a.ui-state-disabled { opacity: 0 !important; }


/*meter table*/
#maintable {overflow-x: auto; border: none; float: left; width: 100%; background: #5995b3; border-radius: 5px; margin-top: 15px; }
#payment-account_wrapper { display: none;}
#payment-account_placeholder { display: none; text-align: center; width: 100%; background: #ebf4f9; min-height: 300px;}
#payment-account_placeholder .h1-friendly-error { font-size: 36px;font-weight: bold; line-height: 150%; color: #555555;}
#payment-account_placeholder .h2-friendly-error { font-size: 22px; line-height:150%; color: #333333;}
#payment-account_placeholder .h2-friendly-error a{font-size: 22px;}
#payment-account_placeholder img { width: 150px;margin: 10px; }
#payment-account_wrapper { background: #5995b3;  /* iphone display glitch 7th sept 2015 */ }
#payment-account_wrapper tr th:nth-child(1) div { width: 160px; display: inline-block;  }
#payment-account_wrapper tr th:nth-child(2) div { width: 300px; display: inline-block; }
#payment-account_wrapper tr th:nth-child(3) div { width: 60px; display: inline-block; }
#payment-account_wrapper #payment-account_processing p { color: #009fda; position: relative; text-align: center; top: -20px; }
#payment-account_wrapper .dataTables_info { display: inline; float: left; margin: 7px 0 6px 5px; font-size: 14px; color: #ffffff; }
#payment-account_wrapper .fg-toolbar { height: auto; padding: 5px 0 5px 8px; }
#payment-account_wrapper #payment-account_length select { height: 18px; width: 20px; width: 45px;margin: 0 2px;  }
#payment-account_wrapper #payment-account_length label {padding-top: 0;padding-bottom: 5px; font-size: 14px; }
#payment-account_wrapper #payment-account tbody tr .dataTables_empty { text-align: center; }
#payment-account_wrapper #payment-account tbody .even { background: #ECECEC; }
#payment-account_wrapper #payment-account tbody tr:hover { background: #d8e1e1; cursor: pointer; }
#payment-account_wrapper #payment-account thead tr { cursor: pointer; }
#cookie-policy-main #cookie-policy-content .text-block { clear: both; font-size: 14px; padding-bottom: 10px; line-height: 20px; }
#cookie-policy-main #cookie-policy-content .text-block p { clear: both; font-size: 14px; padding-bottom: 10px; line-height: 20px; }
#cookie-policy-main #cookie-policy-content .text-block h3 { font-size: 18px; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #0075b0; padding: 0px 0px 15px 0px; position: relative; font-weight: 500; }
#formSearchTransactions .server-error-message { margin-left: 0px; }
input[type="radio"] { height: 20px !important; width: 20px !important; }
#AddMeterSmartOptionDisplayFieldset { background: inherit; }
.section #AddMeterSmartOptionDisplayFieldset { background: inherit; }
.AutoTopupRequirementDiv { display: none; border: none; }
.SmartMeterAddNewPaymentCard { display: block; clear: both; }
.register-subtitle { padding: 0px !important; margin: 0px !important; }
#fieldsetAddPaymentCard select { width: 100px; }
#CardSecurityCode { width: 60px; cursor: help; }
#AutoTopupAddPaymentCard { border: none; }
#fieldsetAddPaymentCard p { font-size: 17px; font-weight: bold; padding-bottom: 0px !important; border: none; }
#AddMeterSmartOptionDisplayFieldset p { font-size: 17px; font-weight: bold; padding-bottom: 0px !important; border: none; }
table#payment-account { width: 100% !important; font-size: 1.4em; border-collapse: collapse; margin-bottom: 0px; padding: 0px; margin: 0px; background: #ffffff; }
#payment-account_wrapper table tr th { white-space: nowrap; }
#payment-account_wrapper #payment-account_paginate a.ui-state-disabled { opacity: 0 !important; }
#payment-account_wrapper #payment-account_length label { float: right; }
.edit-link { color: #0075b0; text-decoration: underline; cursor: pointer;font-size: 14px; }


/* ---- Table generic ---- */
widget-header .ui-state-disabled table { margin: 0; border-collapse: collapse; font-size: 1.4em; }
#generic-content table tr th, th { padding: 10px 8px; background: #D7D7D7; color: #000; border: 1px solid #fff; border-radius: 2px; }
#generic-content table tr td { padding: 15px 8px; border: 1px solid #cfcfcf; /*word-break: break-all;*/ text-align: center; vertical-align: middle; }
span.DataTables_sort_icon { clear: both;  display: none;   }
#areaCode { position: absolute; left: 130px; top: 18px; font-size: 1.4em; }
div.form-inline { position: relative; width: 100%; float: left; padding: 9px 0; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; }
#termsValidation { display: block; visibility: visible; border: solid 1px red; overflow: hidden; }
.highlight { color: #009fda; border-color: #009fda; }
.form-group .highlight { color: #009fda; border-color: #009fda; }
.highlight-border { border-color: #009fda; }
.form-group .highlight-border { border-color: #009fda; }
.section .highlight { color: #009fda; }
.section .highlight-border { border-color: #009fda; }
#tabsContainer { overflow-x: auto;  /* for graph only */ }
#tabs { background: transparent; }
.ui-widget-header { background: #5995b3; color: #ffffff; width: 100%; border: none; box-sizing: border-box; }
.dataTables_wrapper label { font-size: 14px; margin-left: 5px; margin-top: 5px; color: #ffffff !important; }
.dataTables_wrapper select { font-size: 12px !important; border: solid 1px #dddddd; padding: 0; height: 22px; }
.dataTables_paginate a { margin: 5px 0 6px 15px; color: white !important; font-size: 14px; color: #ffffff !important; }
.nav-menu-h1 { display: none; font-size: 2.2em; font-weight: bold; float: right; text-align: right; margin-right: 20px; margin-top: -53px; color: #00B2F5; }
#MobileNumber { height: 24px; }


/* register screen 4 */
.summaryLabelTitle { width: 43%; padding-right: 3%; display: inline-block; line-height: 25px; }
.summaryLabelContent { display: inline-block; width: 50%; }
#review-details .form-group { border-bottom: 1px solid #e0e0e0; margin-bottom: 5px; padding: 5px 0px 5px 0px; }
#review-details p { padding-bottom: 0px !important; color: #0075b0; margin-top: 10px; }
#review-details h4.summary { padding-bottom: 0 !important; color: #0075b0; margin-top: 10px; font-size: 1.3em; padding: 5px 0 0 0; line-height: 1.5em; }
#Topup_Amount { width: 100px; }
#registration-val-summary { color: Red; font-size: 17px; }
#fieldsetUserPaymentCardDisplay { background-color: inherit; }
#PaymentCardDisplaySummaryDiv { border-bottom: none; }
#PaymentCardDisplayPartialDiv #btnEditPaymentCard, #PaymentCardDisplayPartialDiv #btnDeletePaymentCard, #PaymentCardDisplaySummaryDiv #btnEditPaymentCard, #PaymentCardDisplaySummaryDiv #btnDeletePaymentCard { display: none; }
#PaymentCardDisplayPartialDiv .display-field strong:last-child, #PaymentCardDisplayPartialDiv .display-field span:last-child, #PaymentCardDisplaySummaryDiv .display-field strong:last-child, #PaymentCardDisplaySummaryDiv .display-field span:last-child { margin-right: 200px; }
.CustomerMessage_Div { background: transparent; }
.li_customer_message { background: url(../img/sprite.png) left -555px no-repeat; color: #444444; width: 360px; height: 81px; display: block; text-align: center; text-decoration: none; padding: 20px 0px 0px 0px; font-size: 27px; background-color: #000; }
.li_customer_message:hover { cursor: default; color: #444444; text-decoration: none; }
#PaymentCardDetailDiv p { margin-top: 10px; padding-bottom: 0px; margin-bottom: 0px; }
.AutoTopupRequirementDiv h2 { font-size: 20px; }
#PaymentCardDetailDiv { padding-top: 10px; }
#PaymentCardDetailDiv p { margin-top: 0px; }
#AddMeterSmartOptionDisplayDiv { border: none; }
.server-message-success { font-weight: normal; font-size: 17px; color: #57a417; }
.PaymentCardMsg { border: none; margin-top: 10px; }
.PaymentCardRequirementDiv { border: none; }
.PaymentCardRequirementDiv #EditCardBtnDiv { display: none; }
#divPaymentCardText { border-bottom: none; padding-bottom: 0; }
#PaymentCardSummaryDiv-Content, #MeterDetailSummaryDiv-Content { display: none; }
#fieldsetEditMeterAccount .display-field strong { font-weight: normal; }
#fieldsetEditMeterAccount .display-field span { font-weight: normal; }
#fieldsetMeterAccountCreate .display-field strong { font-weight: normal; }
#fieldsetMeterAccountCreate .display-field span { font-weight: normal; }
.ScheduledTopupRequirementDiv .small-form-group label, .ScheduledTopupRequirementDiv .small-form-group select, .ScheduledTopupRequirementDiv .small-form-group input[type="radio"] { float: left; }
.ScheduledTopupRequirementDiv .small-form-group select { width: 120px; }
.ScheduledTopupRequirementDiv .small-form-group input[type="radio"] { margin: 6px 6px 6px 0px; }
.ScheduledTopupRequirementDiv .small-form-group label { clear: none; }
.ScheduledUsageSMSRequirementDiv .small-form-group label, .ScheduledUsageSMSRequirementDiv .small-form-group select, .ScheduledUsageSMSRequirementDiv .small-form-group input[type="radio"] { float: left; }
.ScheduledUsageSMSRequirementDiv .small-form-group select { width: 120px; }
.ScheduledUsageSMSRequirementDiv .small-form-group input[type="radio"] { margin: 6px 6px 6px 0px; }
.ScheduledUsageSMSRequirementDiv .small-form-group label { clear: none; }

/* frames */
.frame_body_top { display: block; background: #ebf4f9; padding-top: 5px; }
.frame_body_bot { display: block;    /*background: url(../../../App_themes/images/frame_body_bot.gif) no-repeat bottom left;*/ padding-bottom: 5px; }

/* application - titles */
.step-contain h3 { height: 40px; padding: 0 0 0 10px !important; display: block; margin-bottom: 10px; background: #e9e9e9; /*url(../../../App_themes/images/bg_title.gif) no-repeat 0 0*/ font-weight: normal; font-size: 20px; line-height: 40px; color: #000; position: relative; top: 0px; left: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box; font-weight: normal !important; }
.step-contain h3 span.stage { position: absolute; top: 0; right: 0; padding: 11px 20px; font-size: 17px; line-height: 18px; font-weight: bold; }

/* step - in progress */
.step-contain h3.inprogress { color: #FFF !important; background: #19a8dd; margin-bottom: 0; top: 0px; left: 0px; }
.step-contain .completed a { font-size: 20px; }

/* step - completed */
.step-contain h3.completed { color: #444444; background: #e9e9e9; }

/* application - frame */
.step-frame { box-sizing: border-box; border: 1px solid #DEDEDE; border-width: 0 1px 1px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; padding: 0px; margin-bottom: 10px; position: relative; }

/* application - form fields */
.section { box-sizing: border-box; background: #EDEDED; padding: 16px 20px 6px 20px; display: block; position: relative; }
.section ol { margin: 0; }
.section ol li { list-style: none; display: block; clear: left; margin-bottom: 10px; }
.section ol li ol li { margin-bottom: 3px; }
.section p { font-size: 1.3em; padding: 5px 0; }
#step3-application .section { padding-top: 0px; }
.section fieldset.xtny { width: 200px; display: block; }
.section fieldset.tny { width: 230px; display: block; }
.section fieldset.sml { width: 250px; display: block; }
.section fieldset.lrg { display: block; }
.section label { float: left; display: block; width: 50%; padding-top: 4px; padding-right: 3%; line-height: 25px; font-size: 17px; color: #333; position: relative; }
.section input { width: 43%; border: 1px solid #CCC; padding: 5px 4px 2px 4px; font-family: Arial; font-size: 14px; color: #333; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.section select { width: 120px; border: 1px solid #CCC; padding: 4px 0 2px 1px; font-family: Arial; font-size: 1.3em; color: #333; background: #FFF; height: 33px !important; line-height: 27px; }
.section input.sml { width: 90px; }
.section label.tny { width: auto; }
.section label.sml { width: 100px; }
.section label.full { width: 96%; }
.section label.xlrg { margin-right: 20px; }
.section label.xxlrg { margin-right: 0; padding-right: 0; }
.section label img { vertical-align: middle; margin-top: -2px; }
.section select.tny { width: 60px; }
.section select.sml { width: 150px; }
.section input.rad { width: auto; border: none; padding: 6px 0 0 0; background: none; float: left; display: block; margin-right: 5px; }
.section input.chk { width: auto; border: none; padding: 5px 0 0 0; background: none; float: left; display: block; margin-right: 5px; }
.section input.btn { width: auto; border: 1px solid #4C2E8A; background: #4C2E8A url(../../../App_themes/images/bg_btn.gif) no-repeat right center; font-size: 1.8em; color: #FFF; padding: 5px 35px 5px 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; margin-left: 0px; height: auto; }
.section input.btn:hover { border: 1px solid #000; }

/* proceed buttons */
.proceed-buttons { width: 100%; display: block; clear: both; margin-bottom: 10px; position: relative; }
.proceed-buttons input.btn { float: right; }
.proceed-buttons #label-agree input.chk { padding-top: 6px; }
.proceed-buttons #label-agree label { font-size: 1.8em; width: auto; padding-left: 5px; }

/* check buttons */
.section input.btn_check { width: auto; border: 1px solid #7857BA; background: #7857BA; font-size: 1.3em; color: #FFF; padding: 3px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; vertical-align: top; }
.section input.btn_check:hover { background: #4c2e8a; border: 1px solid #4c2e8a; }

/* Review your details */
#review-details h4 { font-size: 1.8em; line-height: 20px; font-weight: normal; color: #333; padding: 10px 0; }
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
.general-message { font-weight: bold; font-size: 17px; line-height: 20px; display: block; width: 100%; }
.completeLater-message { font-size: 14px; }
.linkBlock { display: block; margin-top: 20px; }
#fieldsetEditMeterAccount #credit-card-second-row { display: none; }
#fieldsetMeterAccountCreate #credit-card-second-row { display: none; }
#fieldsetMeterAccountCreate #btnEditPaymentCard, #fieldsetMeterAccountCreate #btnDeletePaymentCard { display: none; }
#AutoTopupRequirementDiv { border-bottom: none; }
#fieldsetEditMeterAccount #login-val-summary { min-height: 0px; border-bottom: none; }
.SaveNewMeterBtnDiv { border-bottom: none; }
#btnDeleteSmartMeter { margin-left: 20px; }
#error-message { background: inherit; position: relative; width: 100%; float: left; padding: 9px 0 0 0; font-size: 17px; color: red; box-sizing: border-box; }
#EditMeterBtnDiv { border-bottom: 0px; }
#payment-result-message-block-smart { border-bottom: none; }
#payment-account .fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-bl.ui-corner-br.ui-helper-clearfix { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px; box-sizing: border-box; background: #cccccc; }
#payment-account thead tr th:first-child { width: 100px !important; }
#payment-account thead, #payment-account tbody { border-left: 2px solid #cccccc !important; border-right: 2px solid #cccccc; }
#PaymentCardDisplaySummaryDiv.border-none.form-group { border: none !important; }
#PaymentCardSummaryDiv { border: none; }
#divExplainSecurityCode { display: none; }
.well.well-small { width: 100%; float: left; margin-bottom: 10px; }
.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix { height: 45px; padding-left: 10px; }

/*date picker*/
.ui-widget { background: #f0f4f7; }
.ui-datepicker { padding: 0; width: 270px; border-radius: 0px; }
.ui-datepicker-header { border: none; background-color: #a3d143; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjI3Ii8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwLjI3Ii8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .27) 0%, rgba(255, 255, 255, .27) 100%); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .27) 0%, rgba(255, 255, 255, .27) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .27) 0%, rgba(255, 255, 255, .27) 100%); background-image: linear-gradient(bottom, rgba(0, 0, 0, .27) 0%, rgba(255, 255, 255, .27) 100%); }
.ui-datepicker-header .ui-state-hover { background: #8dc532; border-color: transparent; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {  background-position: -32px -16px; }
.ui-datepicker .ui-datepicker-prev span { background-position: -96px -16px; }
.ui-datepicker table { margin: 0; }
.ui-datepicker th { color: #444444; text-shadow: 0 1px 0 rgba(255, 255, 255, .55); text-transform: uppercase; font-weight: normal; border: none; border-top: 1px solid rgba(186, 194, 200, .6); border-bottom: 1px solid rgba(186, 194, 200, .6); background-color: #e6ebf0; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38); background-image: -moz-linear-gradient(bottom, rgba(201, 198, 198, .33) 0%, rgba(201, 198, 198, .33) 0.76%, rgba(255, 255, 255, .33) 100%); background-image: -o-linear-gradient(bottom, rgba(201, 198, 198, .33) 0%, rgba(201, 198, 198, .33) 0.76%, rgba(255, 255, 255, .33) 100%); background-image: -webkit-linear-gradient(bottom, rgba(201, 198, 198, .33) 0%, rgba(201, 198, 198, .33) 0.76%, rgba(255, 255, 255, .33) 100%); background-image: linear-gradient(bottom, rgba(201, 198, 198, .33) 0%, rgba(201, 198, 198, .33) 0.76%, rgba(255, 255, 255, .33) 100%); }
.ui-datepicker td { border: none; border-top: 1px solid #e7e9ea; border-right: 1px solid #e7e9ea; padding: 0; background: #eee; }
.ui-datepicker tr:first-child td { border-top: none; }
.ui-datepicker td:last-child { border-right: none; }
td .ui-state-default { border: 1px solid transparent; text-align: center; padding: .7em 0; margin: 0; font-size: 12px; font-weight: bold; background: #f5f8fa; color: #6c7173; text-shadow: 0 1px 0 rgba(255, 255, 255, .55); }
td.ui-state-disabled .ui-state-default { text-shadow: none; opacity: .8; color: #6c7173; }
td .ui-state-active, td .ui-state-hover { border: 1px solid rgba(121, 188, 27, .68); background: #a3d143; color: #fff; text-shadow: 0 -1px 0 #30332a; }
.form-group label { float: left; display: block; width: 50%; padding-top: 4px; padding-right: 3%; line-height: 25px; font-size: 17px; color: #333; position: relative; }
.form-group input[type="text"], 
.form-group input[type="number"] { width: 43%; border: 1px solid #CCC; padding: 5px 4px 2px 4px; font-family: Arial; font-size: 14px; color: #333; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 24px; }
.form-group select { width: 120px; border: 1px solid #CCC; padding: 4px 0 2px 1px; font-family: Arial; font-size: 1.3em; color: #333; background: #FFF; height: 33px !important; line-height: 27px; }
#small-menu { float: left; display: none; width: 38px; height: 36px; text-align: center; margin-right: 100px; background: #009fda; cursor: pointer; margin-top: -6px; }
#small-menu img { width: 36px; height: 34px; }
.content-title { background: #0075b0; height: 53px; box-sizing: border-box; padding: 15px; margin: 0 0 15px 0; }
.content-title h1 { color: #ffffff; font-size: 2.2em; padding: 0; }
.content-title span.tagline { display: block; color: #fff; font-size: 2.2em; font-weight: 500; }
#responsive-menu-adjust { width: 100%; height: 30px; background: #009fda; margin-top: -25px; display: none; }
#footer-wrapper { width: 100%; background: #0075b0; overflow: hidden; }

/* Diagram Y-axis label */
.label-yaxis { position: static !important; transform: none !important; -webkit-transform: none !important; /* NB for IOS devices */ -moz-transform: none !important; -o-transform: none !important; -ms-transform: none !important; transform: none !important; width: 100% !important; margin-left: -15px; }
.ui-dialog-titlebar-close { background: #009FDA; border: 0 !important; right: 10px !important; }
div.ui-widget-overlay { position: fixed !important; }

/* fixes lightbox overlay after jquery ui upgrade */
section.PaymentCardRequirementDiv { margin-top: 25px; }
span#fullNameRegister { display: inline-block; width: 50%; }
span#summaryFirstName { width: auto !important; }
span#summaryLastName { width: auto !important; }

/* Different selectors in old jQuery UI version - Glenn 19th Oct 2015 */
div[aria-describedby="delete-card-dialog"], /* my details - payments - delete - pop up window */ 
div[aria-describedby="delete-dialog"] { margin: 50px auto !important; }

/* my electric meters - click meter - Remove Meter */
div[aria-describedby="ChangeEmailDialog"] { width: 480px !important; margin: 50px auto !important; }

/* links to apps ios and android */
.ei-app-links { font-size: 14px; float: right; margin-right: 15px; display: none; text-align: right; margin-top: 20px; position: relative; }
.ei-app-links img { height: 40px; float: right; margin-left: 10px; }
.ei-app-links span { display: block; float: right; margin-top: 10px; clear: both; font-size: 15px; font-weight: bold; }

#fieldsetMakeUnRegPay em { font-weight: normal;}
#fieldsetMakeUnRegPay .checkbox label #TermsAndConditions { margin-top: 4px; margin-right: 15px; width: 16px !important; height: 16px !important;}
#login-reg-links{font-size: 17px; margin: 40px 0 30px 0;}
#login-reg-links a{font-weight:bold}
.req-message-login{ font-style: italic;font-size: 14px; text-align: right; border: none; padding: 20px 22px 0 0; }
.req-message-topup{ font-style: italic; font-size: 14px; text-align: right; border: none; padding: 20px 22px 0 0; }
.login-options{ line-height: 200%;font-size: 16px; }
.login-options a {font-size: 16px;}
#MakePaymentButton { margin-top: 0px;}
#payzone-main .coloured-heading {  font-size: 28px; color: #0075b0; padding: 0 0 15px 0; margin-top: 5px; font-weight: 500}
#first-time-phone-message, 
#first-time-meter-message,
#first-time-payment-message{ border-radius: 10px; margin-bottom: 20px; padding: 20px; font-size: 16px; border: solid 1px #dddddd; background: #ffffff; }
#first-time-phone-message .top-message span, 
#first-time-phone-message .top-message a { font-size: 16px;}
#first-time-meter-message .top-message span, 
#first-time-meter-message .top-message a { font-size: 16px;}
#first-time-payment-message .top-message span, 
#first-time-payment-message .top-message a { font-size: 16px;}
#cc-display {position: relative;width: 330px;color: white; height: 200px;border: none;  background: transparent url(../img/cc-bg-blue.png) no-repeat; background-size: contain; }
#cc-name{ position: absolute; top: 149px; left: 27px; border: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, .9); font-family: "Courier New", Courier, monospace;  font-weight: bold;text-transform: uppercase; font-size: 18px; max-width: 250px; overflow: hidden;}
#cc-type-visa {position: absolute; top: 15px; left: 220px; text-indent: -999px; border: none; width: 900px; height: 40px; background: transparent url(../img/cc-visa.png) no-repeat; background-size:contain; }
#cc-type-mastercard{position: absolute; top: 15px; left: 210px; text-indent: -999px; border: none; width: 900px;height: 46px; background: transparent url(../img/cc-master.png) no-repeat; background-size:contain; }
#cc-type-generic{position: absolute; top: 15px; left: 220px; text-indent: -999px; border: none; width: 900px;height: 40px; background: transparent; }
#cc-number{position: absolute; top: 106px; left: 25px; letter-spacing: 5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, .9); font-family: "Courier New", Courier, monospace;  font-weight: bold; border: none; font-size: 18px;}
#cc-expiry{position: absolute; top: 133px; left: 220px; border: none; text-shadow: 1px 1px 2px rgba(0, 0, 0, .9); font-family: "Courier New", Courier, monospace;  font-weight: bold; font-size: 18px;}
.unreg-checks { margin: 0 0 10px 0;border: none; }
.unreg-checks .checkbox {  margin-bottom: 0px; padding-bottom: 0px;}
#fieldsetMakeUnRegPay .unreg-checks .checkbox label { padding-top: 0px; margin-top: 0px; }
#divUnregPaymentEmail{ margin-bottom: 10px;}
#fieldsetMakeUnRegPay #SaveMyDetails{ margin: 4px 15px 0 0;  width: 16px !important; height: 16px !important; }
.req-message{ text-align: right; padding-right: 20px;}
#save-details-info{background: #ffffff; font-size: 14px; line-height: 160%; padding: 10px 15px;border: solid 1px #3E8008; border-radius: 3px;}
.message-display-success{  background: #ffffff; font-size: 14px; line-height: 160%; padding: 20px 15px; border: solid 1px #3E8008;border-radius: 3px; margin: 40px 0 20px 0; }
#divUserIndex .plan-holder header h2.meters-topups {font-size: 28px; font-family: StRyde-Medium, Arial, Helvetica, sans-serif; color: #0075b0; padding: 0 0 15px 0; margin-top: 5px; font-weight: 500;}

#pz-overlay{z-index: 100; background: rgba(0,0,0,0.4);  width: 100%; position: fixed; left: 0;top: 0; min-height: 1000px; overflow: hidden; }
#save-my-details{ z-index: 101; float: none; margin: 40px auto; display: block; overflow: hidden; width: 500px;  padding: 50px; background: #ffffff; border-radius: 10px;}
#ChangePasswordDiv{ float: none; }
#save-my-details h1{ font-size: 36px; font-weight: bold; margin: 0 0 20px 0; padding: 0; }
#save-my-details h2 {font-size: 24px; font-weight: bold; margin: 0 0 15px 0; padding: 0}
#save-my-details h5{font-size: 17px; font-weight: normal; margin: 0 0 10px 0; line-height:180%}
#save-my-details .success{color: #438c08;}
#save-my-details .info{ color: #0075B0;}
#save-my-details input[type="password"] { width: 100%; border-color: #cccccc; height: 30px; margin-bottom: 15px;}
#save-my-details label { width: 100%; }
#save-my-details div { border: none; margin: 0; padding: 0;}
#save-my-details  #btnChangePassword { margin-right: 15px; }
#save-my-details  .field-validation-error{ margin: -10px 0 10px 0;}
#btnCloseChangePassword{ display: none; }



/*================  Responsive Styles  ===================*/
/*================  Responsive Styles  ===================*/
/* Large Screen above 1025px only */
@media only screen and (min-width:1025px) {
    #lns { display: block !important; }

    /* negates inline style "display:none" jQuery's toggleSlide */
    #responsive-menu-adjust { display: none !important; }
}

/* Between 769px and 1024px only */
@media only screen and (min-width:769px) and (max-width:1024px) {
    #lns { display: block !important; }

    /* important to counter the inline style display:none placed by jQuery menu toggleSlide function */
    #responsive-menu-adjust { display: none !important; }
    #sign-in-container { margin: 10px 10px 20px 10px; }
    #footer ul { border: none; width: 100%; }
    #footer ul li { float: left; width: 50%; box-sizing: border-box; margin: 0px; border-right: none; }
    #footer ul li.last { padding-right: 20px; }
    #footer ul li a { padding: 8px 0px; border-bottom: 1px solid #ccc; display: block; /*border-bottom: 1px solid #00689E;*/ }
    #footer .social { float: left; clear: both; margin-left: 0; margin-top: 0px; padding-left: 0; }
    #footer .social .boards { margin-left: -3px; padding-left: 0; }
    #MobileNumber { width: 25%; }
    .tooltip-span { left: 180px; }
    div[aria-labelledby="ui-dialog-title-modalwindow"] { margin: 50px auto !important; }
    div[aria-describedby="delete-card-dialog"],  /* my details - payments - delete - pop up window */ 
    div[aria-describedby="delete-dialog"] { margin: 50px auto !important; }
    div[aria-describedby="ChangeEmailDialog"] { margin: 50px auto !important; }
    #transaction_wrapper #transaction_processing, #payment-account_wrapper #payment-account_processing { top: 30px; left: 120px; }
}

/* All below 768px  */
@media only screen and (max-width:768px) {
    #wrapper #header { background: none; }
    #header { height: 90px; }
    #small-menu { display: inline; margin-right: 20px; }
    #generic-content { width: 93%; padding: 3.5%; }
    #sign-in-container { margin: 15px 15px 25px 15px; }
    #login-reg-links{ margin-top: 25px;}
    #save-my-details{ width: 90%; max-width: 450px;}


    /* sign in page EI only */
    .content-title { text-align: right; }
    .content-title span.tagline { margin-right: 30px; }
    #lns { display: none; float: left; width: 100%; background-color: #009fda; padding-top: 10px; margin-top: -25px; margin-bottom: 10px; padding-bottom: 0; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
    #lns ul { padding-bottom: 0; }
    #lns ul li a { padding: 10px 10px 9px 12px; color: #ffffff; display: block; border-bottom: 1px solid #cfcfcf; background: #009fda; }
    #lns ul li a.last-menu-item { position: static; border-radius: 0 0 10px 10px; padding-bottom: 10px; border-bottom: none; }
    #lns ul li.first a { padding: 10px 10px 9px 12px; border-radius: 0; color: #ffffff; display: block; border: 0; border-bottom: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; background: #009fda; }
    #lns ul li.last a { border: 0; border-bottom: 1px solid #cfcfcf; background: #009fda; }
    #lns ul li.last a.active { border-radius: 0; }
    #lns ul li.first a.active { border-radius: 0; }
    #lns ul li a:hover { background: #0075B0; }
    #lns ul li.first a:hover { background: #0075B0; }
    #lns ul li.last a:hover { background: #0075B0; }
    #footer ul { border: none; width: 100%; }
    #footer ul li { float: left; box-sizing: border-box; margin: 0px; width: 100%; border-right: none; }
    #footer ul li a { padding: 8px 0px; border-bottom: 1px solid #ccc; display: block; }
    #footer ul li.last { padding-right: 20px; }
    #footer .social { float: left; clear: both; margin-left: 0; margin-top: 0px; padding-left: 0; }
    #footer .social .boards { margin-left: -3px; padding-left: 0; }
    #btnDelete { margin-left: 20px; }
    #btnDeletePaymentCard { margin-left: 20px; }
    #search-fields .btn-getTransaction { float: left; clear: both; margin-left: 0px; margin-top: 10px; }
    #MobileNumber { width: 20%; }
    .proceed-buttons input.btn { float: left; margin-left: -20px; margin-top: -10px; }
    .field-validation-error { margin: 10px 0; }
    .tooltip-span { position: static; width: 200px; float: left; }
    .dataTables_paginate a { float: left; }
    .dataTables_paginate #transaction_first { margin-left: 15px; clear: both; }
    #payment-account_paginate { margin-left: 15px; clear: both; }
    #email-display { display: block; margin-right: 15px; }
    #divUserIndex .meter-header h3{ line-height: 140%; padding: 8px 10px 8px 25px; }
    #divUserIndex .plan-details  { padding: 30px 20px 20px 24px; }
    div[aria-labelledby="ui-dialog-title-modalwindow"] { margin: 50px auto !important; }
    div[aria-describedby="delete-card-dialog"],   /* my details - payments - delete - pop up window */ 
    div[aria-describedby="delete-dialog"] { margin: 50px auto !important; }
    div[aria-describedby="ChangeEmailDialog"] { width: 400px !important; margin: 50px auto !important; }
    #tooltip-cvv { display: block; float: left; margin-left: 0px; clear: both; }
    #transaction_wrapper #transaction_processing, #payment-account_wrapper #payment-account_processing { top: 30px; left: 120px; }
    #maintable { border: solid 1px #ffffff; }

}
/* end @media block  */

@media only screen and (min-width:481px) and (max-width:570px) {
    /* for kWh Graph 4th Tab */
    #mainNav li a { text-decoration: none; padding: 15px 10px; }
    .ei-app-links { float: left; margin-top: 60px; }
    .ei-app-links img { float: left; margin-left: 0px; margin-right: 10px; }
    .ei-app-links span { text-align: left; }
}

/* All below 480px  */
@media only screen and (max-width:480px) {
    #small-menu { margin-right: 5px; }
    .content-title { padding-right: 10px; }
    .content-title span.tagline { letter-spacing: -1px; margin-right: 10px; }
    #meter-summary ul li { border-bottom: none; }
    #meter-summary ul li a span { width: 100%; padding: 5px 0px; }
    div#tabs ul#mainNav { width: 60% !important; }
    .panel-heading { margin-top: 15px; }
    #tabs-1, #tabs-2, #tabs-3, #tabs-4 { border-radius: 0 10px 10px 10px; box-sizing: border-box; border: 0; }
    div#tabs ul#mainNav li { width: 100%; }
    div#tabs ul#mainNav li a { float: left; box-sizing: border-box; font-size: 15px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; width: 100%; }
    #btnDelete { margin-left: 10px; }
    #fieldsetEditMeterAccount #btnDelete { margin-left: 0px; }
    #btnDeletePaymentCard { margin-left: 10px; }
    input[type="button"] { padding: 10px; }
    input[type="submit"] { padding: 10px; }
    .section label { width: 80%; }
    .form-group label { width: 80%; }
    #fieldsetLogOn label { width: 80%; }
    span.summaryLabelTitle { width: 80%; }
    .section input { width: 200px; }
    #fieldsetMakePayment #MeterName { width: 200px; }
    span.summaryLabelContent { width: 200px; }
    #fieldsetLogOn input[type="text"], #fieldsetLogOn input[type="password"] { width: 200px; }
    .form-group input[type="text"], .form-group input[type="number"], .form-group input[type="password"] { width: 200px; }
    .step-contain h3 span.stage { display: none; }
    div.form-inline label { float: left; margin-bottom: 10px; }
    #Mobile_Prefix { clear: left; }
    #MobileNumber { width: 110px; }
    .plan-details h3 { font-size: 18px; }
    #btnDeleteSmartMeter { margin-left: 0; clear: both; }
    #tabsContainer #tabs-1 { width: 420px; }
    #tabsContainer #tabs-2 { width: 420px; }
    #tabsContainer #tabs-3 { width: 420px; }
    #tabsContainer #tabs-4 { width: 420px; }
    #email-display { font-size: 15px; font-weight: bold; display: block; float: left; }
    #ChangeEmail { display: block; clear: both; float: left; }
    div[aria-describedby="delete-card-dialog"],  /* my details - payments - delete - pop up window */ 
    div[aria-describedby="delete-dialog"] { width: 240px !important; margin: 50px auto !important; }
    div[aria-describedby="ChangeEmailDialog"] { width: 280px !important; margin: 50px auto !important; }
    #tooltip-cvv { margin-left: 0px; clear: both; }
    #cc-display {width: 300px; }
    #cc-name{ top: 145px; left: 27px;  font-size: 16px; max-width: 250px; }
    #cc-number{position: absolute; top: 106px; left: 25px; letter-spacing: 5px; font-size: 16px;}
    #cc-expiry{position: absolute; top: 130px; left: 208px; border: none;  font-size: 16px;}
    #cc-type-visa { left: 200px; }
    #cc-type-mastercard{ left: 200px; }
    #cc-type-generic{ left: 200px;  }
    #transaction_wrapper #transaction_processing, #payment-account_wrapper #payment-account_processing { top: 30px; left: 40px; width: 140px; }
    .ei-app-links { float: left; margin-top: 60px; }
    .ei-app-links img { float: left; margin-left: 0px; margin-right: 10px; }
    .ei-app-links span { text-align: left; }
    .req-message{ text-align: left;}
}

/* end @media block  */

/* All below 420px  */
@media only screen and (max-width:420px) {
    .nav-menu-h1 {/*display:block;*/ }
}

/* end @media block  */

/* All below 350px */
@media only screen and (max-width:350px) {
    .content-title span.tagline { display: none; }
    label, .label { width: 150px; }
    .plan-details h3 { font-size: 16px; font-weight: 600; }
    div[aria-describedby="ChangeEmailDialog"] { width: 250px !important; margin: 50px auto !important; }
    .ei-app-links img { margin-top: 10px; }
    #cc-display {width: 220px; }
    #cc-name{ top: 102px; left: 20px;  font-size: 15px; max-width: 250px; }
    #cc-number{position: absolute; top: 70px; left: 20px; letter-spacing: 2px; font-size: 15px;}
    #cc-expiry{position: absolute; top: 90px; left: 150px; border: none;  font-size: 15px;}
    #cc-type-visa { left: 130px; }
    #cc-type-mastercard{ left: 130px; }
    #cc-type-generic{ left: 130px;  }
}

/* end @media block  */

/*==========  Modernizr disable tooltip hover popup on touch devices  ==========*/
.touch .tooltip-hidden { display: none !important; }
.touch #tooltip { display: none !important; }
.touch .tooltip-hidden span { display: none !important; }
.touch #tooltip span { display: none !important; }
.touch #tooltip-label { display: none !important; }
.touch #tooltip-label span { display: none !important; }
.touch #tooltip-number { display: none !important; }
.touch #tooltip-number span { display: none !important; }
.touch #tooltip-sidebar { display: none !important; }
.touch #tooltip-sidebar span { display: none !important; }

/* ====== EI Rel 3 Adjustment styles ======== */
#fieldsetChangePassword  #btnChangePassword { font-size: 20px; }

/*   jQueryUI.js upgrade 10.3 to 12.1 style adjustments  */
.ui-button-icon-only { text-indent: -9999px; }
.ui-dialog-buttonpane .ui-dialog-buttonset button.ui-button { padding: .4em 1em; font-size: 17px; }