/* ************************************************************************* */
/* ************************************************************************* */
/* Authentication landing page */
@media only screen
and (max-width: 767px) and  (orientation: landscape) {
.landing-module-row a.with-two-usage span { width:300px !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px}
.inline-show {display:inline !important;}
}
@media only screen
and (max-width: 767px){
.tooltip.credit-card-type-tooltip{margin-top:6px !important;}
#service-detail-container .new-page-content dd a.tooltips, #service-detail-container .new-page-content dd a.tooltip{margin-top:0px !important;}

.landing-module .prepaid-header{  border-top: 0px solid #FFFFFF !important; }

}





.tooltip.credit-card-type-tooltip{margin-top:0px;}
.mobile-support .small-device{display: none;}
.welcome-text {text-transform: none; margin-bottom:0;}
.container_18 .grid_18.page-header {padding: 18px 10px 0px 10px; width:962px;position: relative; +z-index:1000;}
.detail-body .container_18 .grid_18.page-header {padding: 22px 10px 0px 10px; width:962px;position: relative; +z-index:1000;}
.section-header{ padding-bottom: 0; z-index: 1000;}
.section-header .welcome-text {display: block;color: #000000;font-size: 35px; line-height: 57px; height:52px; position: relative;left:2px; float: left;}
.section-header .sub-welcome-text {display: block;color: #000000;font-size: 14px; margin-left:5px; margin-top: 0px; line-height:0px; width: 85px; height: 0px;}
.inline {display: inline !important;}
.section-header .welcome-text a { color: #000000;}
.section-header .welcome-text b {display: none;}
.section-header .welcome-text, .section-header .welcome-text a:link, .section-header .welcome-text a:visited {text-decoration: none;}
.section-header .account {padding: 6px 0 0 0px; font-size: 20px;}
.section-header .account.movie {padding: 0px;}
.section-header .account .account-switcher{float:left;}
.section-header .account .account-choice{ display: inline-block; +display:inline; +zoom:1; height:28px; color:#0078BF;  margin-right: 10px; }
.section-header .account .logout {float:right;display:inline-block; +display:inline; +zoom:1; position:relative; width:60px; top:0px; right:20px;  height:28px; line-height: 45px; padding-left: 40px; padding-bottom: 35px; background: url('images/ico-lock-logout.png') no-repeat scroll 16px 14px, url('images/bluebtn-with-hover.png') repeat-x 0 -68px; font-size: 16px; color: #fff; text-decoration: none; font-family: "Conv_GraCoRg_",Calibri, sans-serif !important;}
.section-header .account .logout.no-account{border-left: 0; left:-19px; width: 60px; background: url("images/ico-lock-logout.png") no-repeat scroll 14px 14px, url('images/bluebtn-with-hover.png') repeat-x 0 -68px transparent; padding-left: 40px; margin-top: -10px; margin-bottom: 10px;}
.section-header .account.single .logout {top:10px;}
.section-header .account.single .single-account-logout{top:0px;}
.section-header .account.movie .logout {border-left:1px #393939 solid; color:#393939; top:51px; background: url("images/lock-black.png") no-repeat scroll 8px 5px transparent;}
.section-header .account .logout:hover {text-decoration: underline;}
.logout-loyalty {display:inline-block; position: relative; top: -10px; left:19px;  height:28px; line-height: 28px; padding-left: 34px;border-left:1px #0078BF solid; background: url('images/ico-lock-logout.png') no-repeat scroll 14px 6px transparent; font-size: 16px; text-decoration: none; margin: 0 0 8px 0;}
.logout-loyalty:hover {color: #0078BF; text-decoration: none;}
.logout-loyalty:link, .logout-loyalty:visited {color: #0078BF;}
.logout-promotion {margin-bottom: 50px;}
.logout-promotion-section {float: left;}

.usage-page-navigate {top: 400px; right: 5px; margin-left: 32px; font: "Helvetica Neue",Arial,sans-serif; font-size: 12px; color: #393939; width: 445px; float:left; }
.prepaid-usage-table {float:left; }
.usage-page-title{float:left; font-weight:bold; width:50%;}
.usage-pagination-right {float:right; text-align:left}
.usage-page-input{margin:0px 10px 0px;}
.usage-current-page{width:24px; padding-left: 4px; margin-right: 4px;}
.usage-page-previous  {color: #0078BE;}
.usage-page-next {color: #0078BE;}

.section-header .account .account-single{ float:left; padding:2px 2px 2px 35px; color:#393939; font-family: arial; font-size: 14px; position: relative; min-width: 231px; }
.section-header .account.single {padding-bottom:0px !important;}
.section-header .account .account-single .acc-single-container {
	display: block;
	height: 45px;
	line-height: 45px;
	background: #ffffff;
    margin: 0 0 45px;
}
.section-header .account .account-single .acc-single-container em.generic {
	display: block;
	float: left;
	width: 20px;
	height: 45px;
	padding: 0px 5px;
	background: url(images/switcher-generic-icon.png) no-repeat center;
}
.section-header .account .account-single .acc-single-container .acc-name {
	padding-right: 25px;
}
.section-header .account .account-single .acc-single-container .acc-number {
	padding-right: 7px;
}

.override-prepaid-warning{margin:25px 0px;}
.no-telstra-air-status{margin-top:10px;}

.section-header .account select { position: relative; top:0px; height:25px;}
.larger, .section .larger {font-size: 2.143em;}
.page-header .feedback-promo{display: block;float:right; width: 114px;padding: 17px 20px 17px 82px;background: white url(images/bg-feedback.png) no-repeat;font-size: 15px;line-height: 21px;text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
@media \0screen{
    .page-header .feedback-promo{border:1px #ccc solid}
}
:root .page-header .feedback-promo{border:0px\9;}

.landing-module-container{padding-top:30px;clear:both;}
.container_18 .grid_6 {width: 304px;}
.landing-module {margin: 0 15px 0 10px;position: relative;padding-bottom: 10px;background: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 0px 5px rgba(0,0,0,0.3);
}
@media \0screen{
    .landing-module{border:1px #ccc solid;margin: 0 13px 0 9px}
}
:root .landing-module{border:0px\9;margin: 0 15px 0 10px\9;}

.landing-module.omega{margin-right: 0px;}
.landing-module-header {padding: 8px 17px 12px; background: #fff; border-bottom: 1px #eaeaea solid;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
    height: 53px;
}
.landing-module-header a, .landing-module-header span.mainHeading {line-height: 1.2;display: block; font-size: 30px;padding: 0px;text-decoration: none; white-space: nowrap;}
.landing-module-header span.subHeading {clear: both;display: block;font-size: 15px;margin-top: -1px;}

.landing-module-row { position:relative; width:304px; height:80px; border-top:1px #fff solid; border-bottom: 1px solid #ddd;vertical-align:top;clear:both;}
.landing-module-row.suspended{height:auto;  position: relative; background: #F4F4F4;}
.landing-module-row.suspended.hover{background:#F4F4F4 url(images/bg-landing-hover.png) repeat-y 0 0 !important;}
.landing-module-row.suspended .service-suspended{height:20px; line-height: 20px; bottom: 19px; padding-left: 25px; background: url(images/warning_small_red.png) 0 0 no-repeat;}
.service-suspended{display: none;line-height:10px; font-size:11px;color:#b32034;width:180px;}
.services .landing-module-row{height:auto;}

.landing-module.billing .landing-module-row:hover,
.landing-module.profile-preferences .landing-module-row:hover{background: url(images/bg-landing-hover.png) repeat-y left top;}
.landing-module .landing-module-row.last-bill:hover{background: none;}
.landing-module .landing-module-row.last-bill .last-bill-title{ display: block;}
.landing-module .landing-module-row.last-bill a#last-bill-link{padding-bottom: 0px;}
.landing-module .landing-module-row.last-bill #download-pdf-spining-wheel{padding-top: 10px;}
.landing-module .landing-module-row #bill-history-select-month{color: #666;font-size: 13px;padding: 0 10px 20px 18px; display: none;}

.landing-module-row.no-border {border-bottom: none;}
.landing-module-row a {color: #004C9D; display: inline-block;font-size: 20px;padding:13px 20px 10px 18px; margin:0px;text-decoration: none;
    +display:inline;
    +zoom:1;
}
.landing-module-row a.with-only-usage {padding:13px 0px 10px 18px;width: 185px; margin-right: 10px; color: #333;}
.landing-module-row a.with-two-usage {padding:13px 0px 10px 18px;width: 300px; margin-right: 10px;}
.landing-module.profile-preferences .landing-module-row a{display: block;padding:13px 60px 13px 16px;}
.landing-module-row.foxtel-row a{display: block;padding: 13px 60px 13px 16px;background:url(images/foxtel-icon-landing.png) no-repeat 246px 6px; width:auto;}
.service-title{color:#004C9D;}

.landing-module-row.technical-support-row a{display: block;padding: 13px 60px 13px 16px;no-repeat 246px 17px; width:auto;}
.landing-module-row a i.total-care{width:222px;}
.landing-module-row.security-row a .service-title, .landing-module-row.security-row a i{width:222px;}

/* Write For Kevin*/
.landing-module-row a.one-line{padding-top:19px;}
.landing-module-row a i {font-style: normal;color:#393939 !important;display: block;font-size: 14px; color: #004C9D; vertical-align: top; margin-top: -2px; width:185px; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.landing-module-row a.with-only-usage span:not(.percentage.r-side.mailbox-r-side) { width:185px;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px}
.landing-module-row a.with-two-usage span.ir-usage {line-height: 19px; text-overflow: clip; white-space: normal; margin-right: 10px}
.landing-module-row a.with-two-usage i.ir-service-identifier{width: 105px; padding-top: 5px;}
.landing-module-row a.with-two-usage span { width:108px; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px}
.inline-show {display:inline !important;}
.landing-module-row a.view-link{ font-size:14px;display: inline;padding:0px; }


/* History chart - landing page */
.landing-module-row .history-chart { padding: 10px 18px;}
.landing-module-row .history-chart .centre-container { height:115px;}
.landing-module-row .history-chart table { min-height:115px;}

/* Plans & Usage - landing page */
.landing-module-row .service-subtitle {display:inline; vertical-align: middle; }
.landing-module .anonymous a {font-size:14px; color: #004C9D; text-decoration: none; margin-top:3px;}
.landing-module .anonymous a:hover {text-decoration: underline;}
.landing-module.billing .anonymous .text {margin:6px 20px 0 61px; padding: 7px 0}
.landing-module.services .anonymous .text {margin:6px 20px 0 14px; padding: 7px 0}
.landing-module.services .anonymous .text strong, .landing-module.billing .anonymous .text strong {font-family: Arial; font-size: 20px; line-height: 1}
.landing-module.services .anonymous .text p, .landing-module.billing .anonymous .text p {font-family: Arial; font-size: 14px;  line-height: 1.2; margin-top: 9px}
.landing-module.billing .anonymous .text li {list-style-type: disc;font-family: Arial; font-size: 14px; line-height: 1.2}
.landing-module.billing .anonymous .text .btn-blue {margin-bottom: 15px;margin-top: 15px;}
.landing-module.billing .anonymous .info.message-box {margin-top: 0px;}
.warning-staticip { margin-left: 45px;}
.warning-speedboost { margin-bottom: 0px;}
.landing-module.services .anonymous .text li{ list-style:disc;font-family: Arial; font-size: 14px;  line-height: 0.7; margin-top: 9px }
.landing-module.services .anonymous .text p { margin-top: 12px; line-height: 1.4 }
.anonymous{min-height:220px;}
.anonymous h2{font-size:22px;}


/* payment li */
.landing-module-row .pay{ position: absolute;right:0px; right:5px; top:5px; padding:0 20px 0 0; text-align:right; font-size: 12px;color: #666 !important;word-spacing:-2px; }
.landing-module-row .pay .price {color: #E5308A; /* Pink */ font-family: Conv_GraCoRg_, Calibri; }
.landing-module-row .pay .price #creditLabel{color:#393939 !important; font-size: 13px}
.landing-module-row .pay .zeroBalance {color: #666666; margin-left: 135px; }
.landing-module-row .pay .dollars {font-size: 40px;}
.landing-module-row .pay .dollars_small {font-size: 25px;line-height: 54px}
.landing-module-row .pay .currency,
.landing-module-row .pay .decimal,
.landing-module-row .pay .cents {font-size: 20px;vertical-align: top;line-height: 47px;}
.landing-module-row .pay .currency_small {font-size: 14px;vertical-align: top;line-height: 47px;}
.landing-module-row .pay .button {width: 100px;padding-left: 14px;font-size: 12px;color: #666 !important;}
.landing-module-row .pay .balance-loading-container { width: 66px; position: absolute; top: 8px; right: 45px; padding: 0; float:right; text-transform: uppercase;}

.landing-module-row .direct-debit-info-box {padding:15px;font-size:13px;background-color:#d9eefc;cursor:pointer;}
.landing-module-row .direct-debit-info-box span {display:block;}
.landing-module-row .direct-debit-info-box span a {padding:0px;font-size:13px;}
#direct-debit-info-label {text-decoration:underline;}
.landing-module-row .triangle-border-top {position:absolute;left:6%;bottom:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #d9eefc;}

.landing-module-row .data .primary{font-size: 30px;vertical-align: top;line-height: 1;}
.landing-module-row .data .unit{font-size: 15px;position: relative;top: 8px;}
.landing-module-row .graph-img{ width:269px; height:125px; margin:0px 18px; }
.landing-module-row .balance-legal-note {color:#666; font-size:13px; padding: 0 10px 20px 18px; line-height: 16px;}
.landing-module-row .paid-stamp { background: url(images/paid_stamp.png) no-repeat scroll 58% top transparent; padding-bottom: 10px !important;}
.landing-module-row .paid-stamp#acc-balance-amount{color:#393939 !important;}

.landing-module-row .overdue-amount {font-weight: bold;}
.landing-module-row .r-side{position:absolute; right:0px; top:0px; height:78px; padding:0 10px; font-family: Conv_GraCoRg_, Calibri;}
.landing-module-row .r-side > a{width:70px; text-transform: uppercase;}
#internet-broadband-data-usage-content > a{text-transform:uppercase;}
.landing-module-row .r-side > a.btn-blue{text-transform: none;}
.landing-module-row .r-side.foxtel-icon{width:48px;  background:url(images/foxtel-icon-grey.png) no-repeat 10px 17px;}
.landing-module-row .r-side.internet-dial-up-icon{width:48px;  background:url(images/internet_icon_grey.png) no-repeat 10px 17px;}
.landing-module-row .r-side.foxtel-on-tbox-icon{width:48px;  background:url(images/foxtel_tbox_icon_40.png) no-repeat 10px 17px;}
.landing-module-row .r-side .prepaid-btn{margin:25px 6px 0 10px; font-size: 14px; min-width:70px; padding:4px 4px 5px 5px !important; font-family: "Helvetica Neue",Arial,sans-serif;}
.landing-module-row .r-side.security-icon{width:48px;  background:url(images/security_icon_grey.png) no-repeat 10px 17px;}
.landing-module-row a.usage,
.landing-module-row a.call-usage,
.landing-module-row a.data-usage {float:left; position: relative; text-align:center; font-size: 13px; height:52px; color: #393939;padding: 4px 5px 0;text-indent: 0; overflow: hidden; margin:10px 0 0 0;}
.landing-module-row a.internet-usage{width:70px; height:52px; cursor: pointer;}
.landing-module-row a.recent-charges,{min-width:70px; height:52px;}
.landing-module-row a.data-usage .mobile-data-usage-error {padding-left: 3px;}
.landing-module-row a.data-usage .mobile-data-usage-error p {line-height: 1em; margin-left: 2px; padding-top: 2px;width: 90%;}
.landing-module-row .line{float:left; width:1px;height:50px; background:#ccc; margin:14px 5px 0;}

.landing-module-row a.usage .price .currency,
.landing-module-row a.usage .price .decimal,
.landing-module-row a.usage .price .cents,
.landing-module-row a.data-usage .data-used-amount .decimal,
.landing-module-row a.data-usage .data-used-amount .decimalAmount
.landing-module-row a.data-usage .data-used-amount .symbol
{font-size: 15px;vertical-align: top;line-height: 23px; display: inline-block;margin:0px;}

.landing-module-row a.usage .price .currency.small-font{line-height:14px; margin-top: 13px;}
.landing-module-row a.data-usage .data-used-amount .symbol.small-font{font-size: 14px; top:0;}
.landing-module-row a.usage .price .currency.medium-font{line-height:16px; margin-top: 8px;}
.landing-module-row a.data-usage .data-used-amount .symbol.medium-font{line-height:16px; top:-4px;}
.landing-module-row a.usage .price .currency.large-font, .landing-module-row a.data-usage .data-used-amount .symbol.large-font{line-height:23px;}

.landing-module-row a.usage .price .decimal.small-font, .landing-module-row a.data-usage .data-used-amount .decimal.small-font{line-height:14px; margin-top: 13px;}
.landing-module-row a.usage .price .decimal.medium-font, .landing-module-row a.data-usage .data-used-amount .decimal.medium-font{line-height:14px; margin-top: 8px;}
.landing-module-row a.usage .price .decimal.large-font, .landing-module-row a.data-usage .data-used-amount .decimal.large-font{line-height:23px;}

.landing-module-row a.usage .price .cents.small-font, .landing-module-row a.data-usage .data-used-amount .decimalAmount.small-font{font-size: 14px; line-height: 14px; margin-top: 13px;}
.landing-module-row a.usage .price .cents.medium-font{font-size: 14px; line-height: 14px; margin-top: 8px;}
.landing-module-row a.data-usage .data-used-amount .decimalAmount.medium-font{font-size: 14px; line-height: 14px; position: relative; top:-5px;}
.landing-module-row a.usage .price .cents.large-font{font-size: 15px;}
.landing-module-row a.data-usage .data-used-amount .decimalAmount.large-font{font-size: 15px; position:relative; top:-9px;}

.landing-module-row a.usage .price .dollars, .landing-module-row a.data-usage .data-used-amount .amount{font-size: 30px;line-height: 1;  display: inline-block;}

.landing-module-row a.usage .price .dollars.small-font, .landing-module-row a.data-usage .data-used-amount .amount.small-font{font-size: 14px; margin-top: 13px;}
.landing-module-row a.usage .price .dollars.medium-font, .landing-module-row a.data-usage .data-used-amount .amount.medium-font{font-size: 20px; margin-top: 8px;}
.landing-module-row a.usage .price .dollars.large-font, .landing-module-row a.data-usage .data-used-amount .amount.large-font{font-size: 30px;}

.landing-module-row a.usage .price .decimal{width:1px; position: relative;left:-1px;}

.landing-module-row a.usage:hover,.landing-module-row a.call-usage:hover,.landing-module-row a.data-usage:hover {text-decoration: underline;}
.landing-module-row a.usage .internet-usage-loading-container{padding-left:60px;}
.landing-module-row a.usage .ir-usage-loading-container{padding-left:60px;}
.landing-module-row a.usage .mobile-date-usage-loading-container{padding-left:60px;}
.landing-module-row .mobile-shared-date-usage-loading-container{color:#393939; text-transform: uppercase;}
.landing-module-row .mobile-shared-date-usage-loading-container r{padding-left:50px;}
.landing-module-row .mobile-shared-data-usage-section{height: 69px;margin-left: -31px;text-align: center;width: 90px; text-transform: uppercase; }
.landing-module-row .mobile-shared-date-usage-loading-container .loading{background: url("images/ajax-loader-sharedData.gif") no-repeat scroll 20% 50% transparent; margin-left: 13px;width: 64px;font-size:12px;}
.landing-module-row .mobile-shared-date-usage-loading-container .loading-hover{background: url("images/ajax-loader-sharedData-hover.gif") no-repeat scroll 20% 50% transparent;height: 60px;left: 0;margin-top: -26px;position: absolute;top: 50%;width: 100%;line-height: 14px;margin-left: 13px;width: 64px;font-size:12px;}
.landing-module-row a.usage .internet-usage-loading-container .loading {height: 65px; margin-top:-26px;}
.landing-module-row a.usage .ir-usage-loading-container .loading {height: 65px; margin-top:-26px;}
.landing-module-row.shared-data-header .r-side{width:52px;padding: 0 15px;}
.landing-module .mobile-shared-data-usage-error{text-align: center;height: 52px;min-width: 50px; color: #666;float: left;font-size: 12px; margin: 13px -13px 0;text-align: center; text-transform: uppercase;}
.landing-module .mobile-shared-data-usage-error p{line-height: 1em;}
.landing-module-row #bill-chart-loading-summary .loading {height: 65px; margin-top:-26px;font-family: "Conv_GraCoRg_"}
.landing-module-row a.internet-usage .title-loading p, .landing-module-row a.recent-charges .title-loading p {width:90%; line-height:1.0em; margin-left:2px; padding-top: 2px;}
.loading-small{background: url("images/ajax-loader-sml.gif") no-repeat scroll 50% 50% transparent;width:20px; margin-left: 15px;}

.landing-module-row a.usage .mobile-recent-charges-loading-container{padding-left:60px;}
.landing-module-row a.usage .mobile-recent-charges-loading-container .loading {height: 65px; margin-top:-26px; width:50%; margin-left: 20px;}

.landing-module-row a.usage .recent-charges-loading-container{padding-left:60px;}
.landing-module-row a.usage .recent-charges-loading-container .loading {height: 65px; margin-top:-25px}

.landing-module-row .percentage{padding-left: 3px;text-align: center; line-height: 1;}
.landing-module-row .unit{padding-left: 0px;text-align: center; line-height: 1;}
:root .landing-module-row .percentage{padding-left: 5px\9; }
.landing-module-row .percentage .primary { font-size: 30px; }
.landing-module-row .percentage .primary.small-font{font-size: 14px; margin-top: 10px;display: inline-block;}
.landing-module-row .percentage .primary.small-font+.symbol{top:10px;}
.landing-module-row .percentage .primary.medium-font{font-size: 20px; margin-top: 8px;display: inline-block;}
.landing-module-row .percentage .primary.medium-font+.symbol{top:9px;}
.landing-module-row .percentage .primary.large-font{font-size: 30px;}
.landing-module-row .percentage .symbol, .landing-module-row .data-used-amount .symbol {font-size: 15px; vertical-align: top; position: relative; top:3px;}
.landing-module-row .percentage .ir-data-used { font-size: 30px; }
.landing-module-row .percentage .ir-data-used-unit {font-size: 15px; vertical-align: top; position: relative; top:3px;}

.landing-module-row a.data-usage:hover,
.landing-module-row a.call-usage:hover,.landing-module-row a.usage:hover{text-decoration: none; background: #ddf1fc;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.landing-module-row a.usage:hover .underline,
.landing-module-row a.call-usage:hover .underline,
.landing-module-row a.data-usage:hover .underline{text-decoration: none;}

.landing-module .landing-module-row.latest-bill.hover,
.landing-module .landing-module-row.foxtel-row.hover,
.landing-module .landing-module-row.dial-up-row.hover,
.landing-module .landing-module-row.balance-due.hover{background: url(images/bg-landing-hover.png) repeat-y 0 0;}

.landing-module .landing-module-row.last-bill.hover,
.landing-module-row.prepaid-row.hover,
.landing-module-row.broadband-row.hover,
.landing-module-row.mobile-row.hover,
.landing-module-row.telephone-row.hover,
.landing-module-row.internet-row.hover,
.landing-module-row.technical-support-row.hover,
.landing-module-row.security-row.hover{background: url(images/bg-landing-half-hover.jpg) repeat-y 0 0;}
.landing-module-row.mailbox-row.hover{
    background: url(images/bg-landing-hover.png) repeat-y 0 0 !important;
}
.landing-module-row.last-bill .make-a-payment{margin:10px 6px 0 0; width: auto;text-transform: none; font-family: "Helvetica Neue",Arial,sans-serif;}
.landing-module-row.last-bill .bill-due-date {display: none;}

.landing-module-row.personal-details a {background: url(images/personal-icons.png) no-repeat 245px center;}
.landing-module-row.alerts a {background: url(images/alerts_icon_40px.png) no-repeat 245px center;}
.landing-module-row.settings a {background: url(images/settings-icon-gray-43px.png) no-repeat 245px center;}
.landing-module-row.bill-settings a {background: url(images/bill-settings-icon-gray-43px.png) no-repeat 245px center; margin-top:12px;}
.landing-module-row.subscriptions a {background: url(images/descriptions-icons.png) no-repeat 245px center;}
.landing-module-row.users a {background: url(images/user-account-icons.png) no-repeat 245px center;}

.landing-module-row .pay .loading {display: block;width: 66px;height: 55px;background: url(images/loading-spinner-small.gif) no-repeat scroll 30px 19px transparent;margin:0; position:static; }
.landing-module.services p.service-footer-description {font-size:13px;padding:16px 10px 10px 20px;line-height: 16px; color:#666;}
.landing-module.services .message {font-size:13px;padding:16px 10px 0px 20px;line-height: 16px;}
.landing-module.services .message strong {font-weight: bold;}
.landing-module.services .message li {list-style: disc}
.landing-module .end-bundles{border-bottom: 1px solid #DDDDDD; background: #BCE4FA; height: 5px; width: 304px; clear: left;}
.landing-module .end-bundles-green{border-bottom: 1px solid #DDDDDD; background: #7c69b8; height: 5px; width: 304px; clear: left;}
.landing-module .bundles-header{ width:286px; height:40px; display: block; text-decoration:none; font-size:16px; color:#003d23; padding-left : 18px; clear:both; line-height: 40px; background:#dddf4b;}
.landing-module .bundles-header-new{ border-top: 1px solid #FFFFFF; overflow: hidden; padding:0px; color:#ffffff; clear:both; font-family: Arial; background:#7c69b8 url(images/bundels-white.png) no-repeat 249px 7px; min-height: 54px;}
.landing-module .bundles-header-new h3{font-size:16px; color:#FFFFFF; padding:10px 0; margin: 0px 62px 0px 18px; line-height: 18px; font-weight:bold;}
.landing-module .bundles-header-new .bundle-enddate{font-size:12px; line-height: 16px; margin-left: 19px; display: inline-block; position: relative; top:-5px;}
.landing-module .bundles-header-new.moc-bundle:hover{background:#eceef6 url(images/bundels-white.png) no-repeat 249px 7px;}
.landing-module .bundles-header-new.moc-bundle a{text-decoration: none;}
.landing-module .shared-data-header{ border-top: 1px solid #FFFFFF; padding:0px; color:#003d23; clear:both; font-family: Arial; background:#00b4ff;height: 68px;}
.landing-module-row a.shared-data-usage{outline: 0}
.landing-module-row a.shared-data-usage:hover{text-decoration: none;color:#555555;background: #e1eef8;-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;width:266px;height:45px; border-radius:0px}
.landing-module .shared-data-header h3{font-size:16px; font-weight: bold; margin: 14px 0 0; line-height: 16px;}
.landing-module .shared-data-header .shared-data-usage{color:#FFFFFF;}
.landing-module .shared-data-header span{font-size:13px;  line-height: 14px;}
.landing-module .shared-data-header .shared-data-excess{text-indent:25px;font-size:12px; color:#ffffff; margin-top:2px;font-weight:normal;background: url(images/error-icon-exclamation-white.png) no-repeat 0px center;}
.landing-module .shared-data-header:hover .shared-data-excess{text-indent:25px;font-size:12px; color:#393939; margin-top:2px;font-weight:normal;background: url(images/error-icon-exclamation-dark.png) no-repeat 0px center;}
.landing-module .end-shared-data{border-bottom: 1px solid #DDDDDD; background: #00b4ff; height: 5px; width: 304px; clear: left;}
.landing-module .prepaid-header{  border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DDDDDD; width:286px; height:40px; display: block; text-decoration:none; font-size:16px; font-weight: normal; padding-left : 18px;clear:both; line-height: 40px;background: #98d6fb; }
.landing-module .prepaid-header:first-child{ border-top: none;  }
.landing-module .prepaid-header .service-subtitle  {font-size:14px}

.landing-module .web-mail{display:block;min-width:264px;height:53px;border:1px #ccc solid; margin:20px 20px -10px 20px; overflow: hidden; color: #4c4c52; background: url(images/tile_arrow.png) no-repeat 245px center;text-decoration:none;cursor:pointer }
.landing-module .web-mail:hover{background-color: #f2f2f2;}
.landing-module .web-mail b{ float: left; margin-left: 12px; margin-right: 12px; width:40px;height:50px; display:block; background: url(images/webmail-icon-fw.png) center no-repeat;}
.landing-module .web-mail span{ float: left; font-family: "Conv_GraCoRg_",Calibri,sans-serif !important; font-size:20px; line-height: 50px; margin:3px 0 0 0px;}

.landing-module .loyalty{display:block;min-width:264px;height:53px;border:1px #ccc solid; margin:0px 20px 10px 20px; overflow: hidden; color: #4c4c52; background: url(images/tile_arrow.png) no-repeat 245px center;text-decoration:none;cursor:pointer }
.landing-module .loyalty b{ float: left; margin-left: 12px; margin-right: 12px; width:40px;height:50px; display:block; background: url(images/loyalty_landing_icon.png) center no-repeat;}
.landing-module .loyalty span{ float: left; font-family: "Conv_GraCoRg_",Calibri,sans-serif !important; font-size:20px; line-height: 20px; margin:9px 0 0 0px;}
.landing-module .loyalty p{ float: left; font-family: Arial; font-size:13px; line-height: 13px; margin:1px 0 4px 0px;}
.landing-module .loyalty img{ float: left; padding:11px 0 3px 4px;}

.landing-module .loyalty-music{display:block;min-width:264px;border:1px #ccc solid; margin:20px 20px -10px 20px; overflow: hidden; color: #4c4c52; background: url(images/tile_arrow.png) no-repeat 245px center;text-decoration:none;cursor:pointer }
.landing-module .loyalty-music b{ float: left; margin-left: 12px; margin-right: 12px; width:40px;height:50px; display:block; background: url(images/loyalty_icon_40px.png) center no-repeat;}
.landing-module .loyalty-music span{ font-family: "Conv_GraCoRg_",Calibri,sans-serif !important; font-size:20px; line-height: 20px; margin:10px 0 0 0px;}
.landing-module .loyalty-music p{ font-family: Arial; font-size:13px; line-height: 13px; margin:1px 0 4px 0px;}
.landing-module .loyalty-music img{ float: left; padding:12px 11px 3px 11px;}


.landing-module .telstra-tv{display:block;min-width:264px;border:1px #ccc solid; margin:20px 20px 30px 20px; overflow: hidden; color: #4c4c52; background: url(images/tile_arrow.png) no-repeat 245px center;text-decoration:none;cursor:pointer }
.landing-module .telstra-tv b{ float: left; margin-left: 12px; margin-right: 12px; width:40px;height:50px; display:block; background: url(images/telstra_tv_icon.png) center no-repeat;}
.landing-module .telstra-tv span{ float: left; font-family: "Conv_GraCoRg_",Calibri,sans-serif !important; font-size:20px; line-height: 20px; margin:15px 0 0 0px;}
.landing-module .telstra-tv p{ float: left; font-family: Arial; font-size:13px; line-height: 13px; margin:1px 0 4px 0px;}
.landing-module .telstra-tv img{ float: left; padding:12px 11px 3px 11px;}

.landing-module .one-place-bonus-inclusion{display:block;min-width:264px;border:1px #ccc solid; margin:20px 20px -10px 20px; overflow: hidden; color: #4c4c52; background: url(images/tile_arrow.png) no-repeat 245px center;text-decoration:none;cursor:pointer }
.landing-module .one-place-bonus-inclusion b{ float: left; margin-left: 12px; margin-right: 12px; width:40px;height:50px; display:block; background: url(images/bundle_grey_icon.png) center no-repeat;}
.landing-module .one-place-bonus-inclusion span{ font-family: "Conv_GraCoRg_",Calibri,sans-serif !important; font-size:20px; line-height: 50px; margin:10px 0 0 0px; border-bottom: none;}
.landing-module .one-place-bonus-inclusion p{ font-family: Arial; font-size:13px; line-height: 8px; margin:-2px 0 4px 0px; margin-bottom: 10px}
.landing-module .one-place-bonus-inclusion img{ float: left; padding:12px 11px 3px 11px;}
.landing-module .one-place-bonus-inclusion:hover{background-color: #f2f2f2;}




.landing-module .loyalty-selection {
    display: none;
    margin-top:10px;
    padding-left: 0px;
}

.loyalty-selection ul{
    padding-left: 0px;

}

.loyalty-selection ul li a {
    text-decoration:none;
}

.loyalty-selection ul li {
    font-size: 16px;
    text-decoration: none;
    border-top: 1px solid #CCCCCC;
    padding-top: 6px;
    padding-left: 28px;
    margin-top: 0px;
    height: 30px;
    display: block;
    background: url(images/arrow_blue_sml.png) no-repeat 14px 15px;;
}

.loyalty-selection ul li:hover{ background-color: #fff;}


.landing-module .tv-selection {
    display: none;
    margin-top:54px;
    padding-left: 0px;
}

.tv-selection ul{
    padding-left: 0px;

}

.tv-selection ul li a {
    text-decoration:none;
}

.tv-selection ul li {
    font-size: 16px;
    text-decoration: none;
    border-top: 1px solid #CCCCCC;
    padding-top: 6px;
    padding-left: 28px;
    margin-top: 0px;
    height: 30px;
    display: block;
    background: url(images/arrow_blue_sml.png) no-repeat 14px 15px;;
}

.tv-selection ul li:hover{ background-color: #fff;}
/* ************************************************************************* */
/* Authentication details page */

.detail-body .section-header .account {padding: 8px 0 0 0;}
.details .section-header-nav{padding-top:0px; padding-left:10px;z-index: 15;}

.section-header-nav{ margin:8px 0 0 0;background: none;height: 76px;}
.section-header-nav .section-title { margin:8px 21px 0 0px;width:305px;display: block;float: left;border: 0px solid #CCCCCC; border-bottom:0px; background:#0099f8; white-space: nowrap;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
}
.section-header-nav .section-title.last{ margin:8px 0 0 0; }
.section-header-nav .section-title a {display: block;font-size: 24px;height: 50px;padding: 9px 17px 11px;text-decoration: none;
    -webkit-border-radius: 0px 0px 0 0;
    -moz-border-radius: 0px 0px 0 0;
    border-radius: 0px 0px 0 0;
    color: #fff;
}
.section-header-nav .section-title a span#profile-preferences-heading{+display:inline;+zoom:1;}
.section-header-nav .section-title a span.subHeading {clear: both;display: block;font-size: 15px; margin-top: -6px;}
.section-header-nav .section-title.current{padding-bottom: 0px; border: 1px solid #CCCCCC; border-bottom: 1px solid #FFFFFF;}
.section-header-nav .section-title.current a{height:55px; font-size: 30px; background: #fff; padding-top:3px; +padding-top:4px; color: #393939; }
.section-header-nav .section-title.current.hover{background:#f1fafe; border-bottom: 0px #000 solid;}
.section-header-nav .section-title.current.hover a{background:#f1fafe;}
.section-header-nav .section-title.current a span.subHeading{margin-top:-7px; +margin-top:-5px;}

.section-nav-content { position: relative; z-index: 999; margin:0px; clear:both;}
.section-nav-content .landing-module {margin: 1px 10px 0 0; display: none; position: absolute; z-index: 99999; border-top: 0px #ddd solid;
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.page-container{position: relative;margin-top:1px;background: none repeat scroll 0 0 #FFFFFF;padding:0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    /*+border:1px #ccc solid;*/
    /*+margin-left:-2px;*/
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-top:20px;
}
@media \0screen{
    .page-container{border:1px #ccc solid;margin-left:-2px;}
}
:root .page-container{margin-left:0px\9;}
.page-container.new-movies{padding: 0px;}
.detail-body .page-container,.no-bg .page-container{ padding-top: 0px; margin-bottom: 12px !important;}
.page_content_heading_container {height: 40px; padding-bottom: 40px;}
.page_content_heading {float: left;font-size: 2.143em;line-height: 1.3;}
.page-container .grid_14.details-container{width:737px;}
.page-container .bundle-improvement-section.details-container{width:96%;}
.container_18 .personal-details-page .grid_14.error-container-top{width:737px;margin:0 20px 0 20px;}
.container_18 .personal-details-page .grid_14.info-container-top{width:737px;}
.personal-details-page .warning, .info, .info-grey{margin:20px 0px 6px 0;}
#error-div {margin: 20px 20px 0;}
.landing-module #error-div {margin: 20px}
.unauthenticated #error-div {margin: 0px 20px 20px;}
#updateEmailForm .update_mail_cbox_cont {
    border-radius: 0;
    font-size: 14px;
    overflow: hidden;
    margin: 0px 0px 4px;
}
#updateEmailForm .update_mail_cbox {
    float: left;
    margin-left: 22px;
    margin-right: 25px;
    margin-top: 3px;
}
#updateEmailForm .update_mail_cbox_cont_left {
    display: inline-block;
    padding: 0px;
    float: left;
    overflow: hidden;
    max-width: 20%;
}
#updateEmailForm .update_mail_cbox_cont_right {
      display: inline-block;
      padding: 0px;
      float: left;
      overflow: hidden;
       max-width: 80%;
}
#bill-not-issued-summary{margin:20px 20px 0 20px;}
#balance_notification_msg{margin-right:20px;margin-left:20px;}
personal-details .grid_14.info-container-top{width:737px;}.page-container .subscriptions{clear:both;border-bottom: 3px solid #D2D3D3;margin:0 1px;padding: 5px 10px 10px 66px;background: url(images/news_icon.png) no-repeat 15px 2px;}

.page-container .content-title{
    clear:both;
    border-bottom: 1px solid #D2D3D3;
    margin:0 -1px;
    padding: 20px 10px 10px 82px;
    position: relative;
    z-index: 10;
    width: 891px;
}
.page-container .content-title.foxtel-standalone dl dd, .page-container .content-title.foxtel dl dd {display:none;}
.page-container .content-title.personal-details{background: url(images/personal-details-icon.png) no-repeat 20px 19px;}
.page-container .content-title.subscriptions{background: url(images/personal-details-subscription-icon.png) no-repeat 20px 19px;}
.page-container .content-title.settings{background: url(images/settings-icon-50px.png) no-repeat 20px 19px;}
.page-container .content-title.bill-settings{background: url(images/bill-settings-icon-50px.png) no-repeat 20px 19px;}
.page-container .content-title.alerts{background: url(images/alerts-icon-50px.png) no-repeat 20px 19px;}
.page-container .content-title.bill-details{background: url(images/bill-icon.png)  no-repeat 20px 19px;}
.page-container .content-title.direct-debit{background: url(images/direct_debit_icon_gray_50.png)  no-repeat 20px 19px;}
.page-container .content-title.pay-my-bill{background: url(images/payment-50px.png)  no-repeat 20px 19px;}
.page-container .content-title.loyalty{background: url(images/loyalty_movies_icon_orange.png) no-repeat 20px 19px;}
.page-container .content-title.authenticated-loyalty{background: url(images/loyalty_icon_50px.png) no-repeat 20px 19px;}
.page-container .content-title.music-loyalty{background: url(images/loyalty_music_icon_pink.png) no-repeat 20px 19px;}
.page-container .content-title.sport-loyalty{background: url(images/loyalty_sport_icon_green.png) no-repeat 20px 19px;}

.page-container .content-title dl{margin-bottom: 9px;}
.page-container .content-title dl.oneline{margin-top: 0px; margin-bottom: 20px;}
.page-container .content-title dl.oneline dt{margin-top: 0px;height:31px;}
.page-container .content-title dl.oneline dd{display: none;}
.page-container .content-title dl dt{ font-size:24px; }
.page-container .content-title dl dt .service-details-subtitle{ font-size:14px; }
.page-container .content-title dl dd{ font-size:14px; margin-top: -6px;}

.page-container a:link, .page-container a:visited {color: #004C9D;text-decoration: none;}

.speed-boost-remove-link {float: right}

.page-container a:hover{text-decoration: underline;}
.page-container.special .nav-bottom-container{height:100%;}
.page-container .nav-bottom-container a:hover, .page-container .services-sidebar a:hover{text-decoration: none; cursor: pointer;}
.page-container .details-container{ margin:0px; padding: 0 20px 50px; display: block; position: relative;}
/* .page-container .details-container.shared-data-usage-container{padding-bottom: 160px !important;} */
.page-container .non-shared-data-usage-container{padding-bottom: 178px !important}

.page-container #personal-detail-container > li {border-bottom: none; border-top:1px solid #F2F2F2;}
.page-container #personal-detail-container > li.add-ons {
    border-bottom: none;
    /*border-top:0;*/
}
#addons-section-container{
    min-height: 120px;
}
.page-container .details-container .override-li-padding-top-to-empty {padding-top: 0px;}
.page-container #personal-detail-container > li.add-ons h2 { margin-bottom: 5px;}
.page-container #personal-detail-container > li:first-child {border-top:none;}
.page-container #personal-detail-container #plan-detail {border-top:none;}
.page-container .details-container > li, .page-container .details-container > div.data-used{
    border-bottom:none;
    padding:20px 0px 20px;
    font-size: 14px;
    clear: both;
    position: relative;
}
.status-addons-improvement {
    margin-left: 0px !important;
    padding-top: 10px !important;
}
.status-marging-improvement {
    margin-bottom: 10px;
    margin-top: 10px;
}
.datapack-desc-width-improvement {
    width: auto;
}
.staticip-status-width-improvement {
    width: 100% !important;
}
.static-ip-btn-css-improvement {
    float: right;
}
.addons-remove-btn-improvement {
    position: relative;
    bottom: 32px;
}
.sb-msgs-improvement {
    margin: auto !important;
    width: 100%;
}
.page-container .details-container > li#mail-disclaimer{
    padding:5px 0px 20px;
}
.page-container .recommended-for-you #subscriptions-container > li{padding:50px 0px 20px 0px;}
.page-container #personal-detail-container .details-column {
    min-height: 69px;
    padding: 14px 0 15px 20px;
}

.page-container #personal-detail-container .superbundle .details-column {
    min-height: 49px;
}

.page-container .details-container > li .select-dropdown{
    position: absolute;
    right:0px;
    top:67px;
    +top: 83px;
    margin-top: 0px;
    z-index: 2;
}
.page-container .details-container > li .select-dropdown a:hover {text-decoration: none;}

.page-container .details-container > li.add-ons .btn-blue,
.page-container .details-container > li.international-mobile-roaming .btn-blue,
.page-container .details-container > li .troubleshooter-btn-container .btn-blue,
.page-container .details-container > li .fault-tracking-btn-container .btn-blue{
    position: absolute;
    right:0px;
    top:-5px;
    font-weight: normal;
}
.page-container .details-container >li .troubleshooter-btn-container .btn-blue,.page-container .details-container >li .offline-troubleshooter-btn-container .btn-blue,
.page-container .details-container >li .fault-tracking-btn-container .btn-blue{top:38px;margin: 20px 0 0 45px;}
.page-container .details-container > li.international-mobile-roaming #add-international-roaming.btn-blue {margin: -27px 0 0 45px;top:50px;width: 110px;right: 0px; }

.page-container .details-container > li.add-ons .upgrade-shared-data.btn-blue{top:45px;}
.page-container .details-container > li.add-ons .manage-call-settings.btn-blue{top:44px;}
.page-container .details-container > li.add-ons.include-header{  border-top:1px #F2F2f2 solid !important}
.page-container .details-container > li.add-ons.include-header .btn-blue{ top:40px;}
.page-container .details-container > li.add-ons.include-header .btn-blue.static-purchase{ top:-40px !important}
.page-container .details-container > li.add-ons.include-header .btn-blue.tsafe-purchase{ top:0px !important}
.page-container .details-container > li.add-ons dt,.page-container .details-container > li.add-ons dd{font-weight: bold; width:auto;}
.page-container .details-container > li.add-ons dl a{font-weight: normal;}
.tsafe-button-improvement {float: right}
.tsafe-addon-title-improvement { width: 90%; font-weight: 600}
.page-container .details-container > li.add-ons dl b{font-weight: normal; border-left:1px #cccccc solid; margin-left: 13px; padding-left: 13px;}
.page-container .details-container > li.add-ons dl b a{font-weight: normal; border-left:1px #cccccc solid; margin-left: 13px; padding-left: 13px;}
.page-container .details-container > li.add-ons dl c{font-weight: normal; #cccccc solid; margin-left: -10px; padding-left: 13px;}
.page-container .details-container > li.add-ons dl b.off{color:#666}
.page-container .details-container > li.data-pack-add-ons p{width: auto;}
.page-container .details-container > #plan-detail-calling-packs > dl > .fixed-line-calling-pack-status-label{font-weight:normal;}
.page-container .details-container > #plan-detail-calling-packs > dl > .fixed-line-calling-pack-info {border-left: 1px solid #CCC;padding-left: 12px;margin-left: 12px;}
.page-container .details-container > #plan-detail-calling-packs > dl > .fixed-line-calling-pack-status-text{padding-left:15px;}

.page-container .details-container > li.add-ons .notes,
.page-container .details-container > li.add-ons p,
.page-container .details-container .troubleshooter-desc,
.page-container .details-container .offline-troubleshooter-desc,
.page-container .details-container .fault-tracking-desc,
#international-mobile-roaming .notes,
#international-mobile-roaming p{
    width:450px;
    margin:0 0 0 45px;
    font-size: 14px;
    padding: 2px 0 0 0;
    overflow: hidden;
    position: relative;
}
.addons-desc-improvement {
    margin-left: 0px !important;
    padding-top: 20px !important;
}

.page-container .details-container .fault-tracking-desc li {list-style: disc;}
.page-container .details-container .fault-tracking-desc .reminder {font-size: 11px; margin-top: 10px}
.page-container .details-container div.troubleshooter-desc{
    position:initial;
    margin-bottom: 10px;
}
.page-container .details-container div.troubleshooter-desc li{
    list-style:disc inside;
}

#mobile-broadband-plan-detail-international-roaming-section div{
    margin: 0 0 0 45px;
    width:500px;
    -webkit-text-size-adjust: 100%;
}

#mobile-broadband-plan-detail-international-roaming-section p{
    margin: 20px 0 0 0;
    -webkit-text-size-adjust: 100%;
}

#international_roaming_usage_content p {margin: 20px 0 0 0; -webkit-text-size-adjust: 100%;}

.page-container .details-container > li.add-ons .notes p,
#international-mobile-roaming .notes p {width: auto; margin: 0; padding: 0; position: static; margin-bottom: 6px}

.page-container .details-container .more{ display: none; background: #fff; padding:0 0 0 5px;}
.page-container .details-container .less{display: none;background: #fff; margin-left: 6px;}
.page-container .details-container > li.add-ons .line{
    margin-left: 45px;
    border-bottom: 1px #F2F2F2 solid;
    position: relative;
    top:17px;
    display: none;
}
.page-container .details-container .tsafe-line{ margin: 20px 0px 20px 45px;border-bottom: 1px #F2F2F2 solid;}
.page-container .details-container .tstatic-line{ margin: 20px 0px 20px 45px;border-bottom: 1px #F2F2F2 solid;}
.page-container .details-container .tsafe-mobile-section-line{ margin: 0 0 0 46px;border-bottom: 1px #F2F2F2 solid;}
.page-container .details-container .tsafe-nptf-grey-box{
 background: #f7f7f7;
 margin-left:44px;
 margin-top:0px;
 border-radius: 0px;
 }

 .page-container .details-container .nptf-info-div{
     margin: 0 0 0 5px;
     padding: 10px;
     font-size: 14px;
}

.page-container .details-container  .tsafe-nptf-read-less {
font-size: 14px;
margin-left:44px;
}
#tsafe-details .tsafe-offer-description{width:450px;padding-left:45px;}
#tsafe-details .tsafe-offer-description li{list-style-type:initial}

#tsafe-details .tsafe-offer-description{width:450px;padding-left:45px;}
#tsafe-details .tsafe-offer-description li{list-style-type:initial}
#tsafe-details .tsafe-offer-description-improvement {padding-left: 0px; width: auto; padding-top: 20px;}


.page-container .details-container > li.add-ons.mobile-add-ons .line { position: relative; top: -14px; display: block; }
.page-container .details-container > li.add-ons.mobile-add-ons .btn-blue {top: 3px;}
.page-container .details-container > li.add-ons.mobile-add-ons .beats {top: 10px !important;}
.page-container #personal-detail-container > li.add-ons.mobile-add-ons { border-top: medium none;  padding: 0px 0px 20px;}
.page-container .details-container > #data-packs {
    border-top: 0px;
}
.page-container .details-container > #data-pack-add-ons p{width: auto;}
.page-container .details-container > #data-packs dl a{border-left:1px #cccccc solid; margin-left: 13px; padding-left: 13px;}
.page-container .details-container > #data-packs dl.section-content{
    /*margin-top: 30px;*/
}
.page-container .details-container ul.add-on-description li {border: 1px solid #CCCCCC;padding: 5px 13px;border-top: 0;width: 422px;}
.page-container .details-container ul.add-on-description {
    width:450px;
    border-top: 1px solid #CCCCCC;
    margin: 8px 0 0 45px;
    padding-left: 0;
}
#data-free-content-box {
     padding: 10px;
     border: 1px solid #CCCCCC;
     border-top:0px;
}
.page-container .details-container > #data-packs label{margin-right: 5px;}

.page-container .details-container > li.international-roaming-usage p {margin-left: 25px;}
.page-container .details-container #international-roaming-status {margin-left: 45px; margin-bottom: 20px;}

.page-container .details-container .details-section{border-top:1px solid #F2F2F2; padding:20px 0 20px; font-size: 14px;}
.page-container .details-container.mailbox-details .details-section{padding:20px 0 10px;}
.page-container .details-container .alerts-all, .page-container .details-container .bill-methods-container {border-top:1px solid #F2F2F2; padding:20px 0 20px 0; font-size: 14px;}
.page-container .details-container .alerts-all #error-div{margin-top: 15px; margin-bottom: 15px;}
.page-container .details-container {max-height: 5000em;}
.page-container .details-container .details-section.bill-detail-summary{padding:20px 0px 10px 0px;}
.page-container .details-container .details-section.bill-detail-olb-links{padding:25px 0px 40px 0px;}
.page-container .details-container h2{ font-size: 20px; padding-bottom: 10px; -webkit-text-size-adjust: 100%;}
.page-container .bundle-heading-impr-css h2{ font-weight: 600;}
.improvement-addons-title {font-weight: 600}
.page-container .details-container h2 .internet-bundle-title {font-size:20px; font-weight: 600}
.page-container .details-container .usage-detail-title{
    display: inline-block;
    padding-right:10px;
    -webkit-text-size-adjust: 100%;
}
.page-container .details-container h2 a{position: relative; display: inline-block; +display:inline; +zoom:1; top:-2px; font-size: 14px; border-left:1px #ccc solid; padding-left:12px; margin-left: 8px; margin-top: -2px;}
.page-container .details-container h2 a.tooltips {float: none; border: none;}
.page-container .details-container .recent-charges h2 a{top: 0;}
.page-container .details-container .selectBox .selectBox-label {font-size:12px; padding: 6px;}
.page-container .details-container .detailed-usage,.page-container .details-container .purchase-data-pack {border-left: 1px solid #CCCCCC; padding-left: 10px; padding-right: 8px;}
.page-container .details-container .section-content .text{position: relative; top:3px;}

.page-container .details-container .section-content .contract-date-holder {margin-top: 10px; font-size: 14px; border :1px #ccc solid; border-color:#DDDDDD}
.page-container .details-container .section-content .contract-date-holder .heading {padding: 6px 10px 0px; width:auto;}
.page-container .details-container .section-content .contract-date-holder .notes {width:auto;}
.page-container .details-container .section-content .contract-date-holder p {padding: 0px 10px 8px; font-size: 12px; width:auto;}

.page-container .details-container .section-content .bonus-title{font-size:14px; font-weight:bold; padding-top: 5px; padding-bottom: 2px;}
.page-container .details-container .section-content p{font-size:12px;width:450px; }

.page-container .details-container .section-content-dmc{font-size:14px;}
.page-container .details-container .section-content-dmc dd {padding-left:0px;}
.page-container .details-container .section-content-dmc label{margin-left:10px;}
.page-container .details-container .section-content-dmc dd label{margin-left:10px;}
.page-container .details-container .section-content-dmc dd input{margin-top:2px;}
.page-container .details-container .section-content-dmc .checkbox-align{margin-top:2px;}

.page-container .details-container .section-content-dmc .dmc-label-text {width:180px;}
.page-container .details-container .section-content-dmc .dmc-label-ftof-text {width:97px;}

.page-container .details-container .section-content-dmc .dmc-text-row{margin-left:45px;}
.page-container .details-container .section-content-dmc .dmc-values-first-row{margin-top:30px;margin-left:45px;}
.page-container .details-container .section-content-dmc .dmc-values-second-row{margin-top:20px;margin-left:45px;}
.page-container .details-container .section-content-dmc .dmc-row{margin-top:60px;margin-left:45px;width:auto;}
.page-container .details-container .section-content-dmc .dmc-adv-text-row{margin-top:20px;margin-left:45px;}
#dmc-tooltip {
margin-top:3px;
}
#error-div-dmc {margin: 20px 20px 0 45px;}

.details-container-dropdown-selectBox-dropdown-menu.selectBox-options LI, .details-container-dropdown-selectBox-dropdown-menu.selectBox-options LI A {font-size:12px;}
.page-container .details-section .message-box {margin: 5px 0 20px 0 !important;}
.page-container .details-section .usage-message-box {margin: 10px 11px 5px 0 !important;}
.page-container .details-section .usage-message-box-info {margin: 10px 11px 5px 0 !important;}
.page-container .details-section .data-usage-message-box {margin: 5px 0 0 0}
.page-container .details-section .error-dialouge{ margin-top:10px; margin-bottom:10px;}
.page-container .details-section .details-section-content {padding-left: 25px; -webkit-text-size-adjust: 100%;}
.page-container .details-section .details-section-content.olb-links {padding-left: 0px; }
.page-container .details-section .details-section-content.discalimer {padding-left: 0px;font-size:12px}
.page-container .details-section .details-section-content .text-small {font-size: 13px; }
.page-container .details-section .details-section-content .text-large {font-size: 16px; }
.page-container .details-section .details-section-content .centre-container {height: 150px;}
.page-container .details-section .details-section-content .warning { margin: 10px 0; }
.page-container .details-section .details-section-content .info { margin: 10px 0; }
.page-container .details-section .details-section-content .usage-desc-container { margin-top: 1px; margin-top: 0px\9;}
.page-container .details-section .details-section-content ul.details-container li {
    padding-top: 12px;
}
.page-container .details-section .details-section-content ul.details-container li:first-child {
    padding-top: 2px;
}
.page-container .details-section .details-section-content ul.details-container li.list-content-last {
    padding-top: 20px;
}
.page-container .details-section .details-section-content .title > h3 {
    padding-bottom: 6px;
}
.page-container .details-section .details-title-row {line-height: 40px;}
.page-container .details-section .details-title-row .dropdown-lable {margin-right: 5px;}
.page-container .details-section .details-lists.grid_10 { width: 545px; line-height: 40px; padding-left: 0; margin-bottom: 30px; margin-left: 0;}
.page-container .details-section ul.details-lists.grid_10 {list-style-position: outside; }
.page-container .details-section .details-lists > li { border-bottom:1px solid #F2F2F2; padding-right: 10px; clear: both;}
.page-container .details-section .details-lists > li.first-row {border-top:1px solid #F2F2F2; margin-top:2px;}
.page-container .details-section .details-lists > li.last-row {text-align: right; line-height: 18px; padding-top: 10px; border:none;}
.page-container .details-section .details-lists .dollars {font-size: 24px;}
.page-container .details-section .details-lists .currency,
.page-container .details-section .details-lists .decimal,
.page-container .details-section .details-lists .cents {font-size: 12px;vertical-align: top;line-height: 32px;}
.page-container .details-section .table-header { font-size: 14px; color: #393939; line-height: 20px;}
.page-container #personal-detail-container div.details-section {
    padding-top: 15px;
}
.page-container #personal-detail-container > li.details-section {
    border: none;
    padding-top: 20px;
}
.page-container #personal-detail-container > li.details-section.change-offer-section {
    border-top: 1px solid #F2F2F2;
}

/*.page-container .details-section .table-header .charges,*/
.page-container .details-section .recent-charges-breakdown .table-header{padding-bottom: 2px;}
.page-container .details-section .recent-charges-breakdown .table-header .number-of-calls{ width: 104px !important; line-height: 1.2em;}
.page-container .details-section .recent-charges-breakdown .table-header .charges{position: relative;top:-11px}
.page-container .details-section .recent-charges-breakdown .category {font-size: 16px;color: #393939}
.page-container .details-section .recent-charges-breakdown .usage-detail-container .charges,
.page-container .details-section .recent-charges-breakdown .usage-detail-container .number-of-calls,
.page-container .details-section .recent-charges-breakdown .usage-detail-container .amount,
.page-container .details-section .recent-charges-breakdown .usage-detail-container .number {float:right; width: 120px; text-align: right; color: #393939}
.page-container .details-section ul.recent-charges-breakdown {padding: 12px 0 0 8px; width:580px}
.page-container .details-container .recent-charges {
    padding-left: 0px !important;
    border-top: 1px solid #F2F2F2 !important;
    padding-top: 15px !important;
    margin-top:40px;
}
.page-container .details-container .recent-charges .info {margin: 8px 0;}
.page-container .details-container .details-section .recent-charges-breakdown .category {vertical-align: middle;}
.page-container .details-container .details-section .recent-charges-breakdown .number {font-size: 24px; height:auto; position: relative; top:1px;}
.page-container .details-container .details-section .recent-charges-breakdown .amount{position: relative;top:1px;}
.page-container .details-container .details-section .recent-charges-breakdown .amount .currency,
.page-container .details-container .details-section .recent-charges-breakdown .amount .cents {font-size: 12px; font-family: Arial; position: relative; top:7px;}
.page-container .details-container .details-section .recent-charges-breakdown .amount .decimal { position: relative; top:4px;}
.page-container .details-container .details-section .recent-charges-breakdown .amount .dollars{font-size: 24px; position: relative; top:4px;}

.page-container .details-section .recent-charges-breakdown li.usage-detail-container{border-bottom:solid #F2F2F2 1px;line-height: 40px;margin-left: 20px; clear:both}

.page-container .details-section .details-rhs-panel.grid_3 { width: 150px; background-color:#ECFBFF; margin: 0; height: 185px;}
.page-container .details-section .details-rhs-panel .total-amount {position: absolute; bottom: 5px; right: 10px;}
.page-container .details-section .details-rhs-panel .dollars {font-size: 30px;}
.page-container .details-section .details-rhs-panel .currency,
.page-container .details-section .details-rhs-panel .decimal,
.page-container .details-section .details-rhs-panel .cents {font-size: 15px;vertical-align: top;line-height:35px;}



.page-container .details-section .list-contents-panel {padding: 23px 20px 0 25px;}
.page-container .list-contents-panel ul.list-contents {padding-left: 0; margin-bottom: 30px; list-style-position: outside;}
.page-container .list-contents-panel ul.list-contents > li { border-top:1px solid #F2F2F2; padding: 10px 0 15px; clear: both; overflow: hidden;}
.page-container .list-contents-panel ul.list-contents > li.last { border-bottom:1px solid #F2F2F2; }
.page-container .list-contents-panel ul.list-contents > li .label {font-weight: bold; font-size: 16px;}
.page-container .list-contents-panel ul.list-contents > li .figure {font-size: 20px; text-align: left;}
.page-container .list-contents-panel ul.list-contents > li .column-1,
.page-container .list-contents-panel ul.list-contents > li .column-2,
.page-container .list-contents-panel ul.list-contents > li .column-3,
.page-container .list-contents-panel ul.list-contents > li .column-4,
.page-container .list-contents-panel ul.list-contents > li .column-5  { display: inline; float: left; position: relative; }
.page-container .list-contents-panel ul.list-contents > li .column-1 {width: 110px; margin-top: 5px; }
.page-container .list-contents-panel ul.list-contents > li .column-2 {width: 240px; margin-top: 9px; margin-right: 5px; line-height: 18px;}
.page-container .list-contents-panel ul.list-contents > li .column-3 {width: 200px; }
.page-container .list-contents-panel ul.list-contents > li .column-4 {width: 125px; margin-top: 7px; margin-left: 5px; }
.page-container .list-contents-panel ul.list-contents > li .column-5 {width: 130px; margin-top: 7px; }

.page-container .details-container dt, .unlink-facebook-container dt{float:left; clear:both; text-align: left; font-weight: normal; width: 161px; vertical-align: middle;}
.page-container .details-container dd, .unlink-facebook-container dd{float:left; padding-left: 26px; margin-top: 0px; vertical-align: middle; display: block;}
.unlink-facebook-container dd {padding-left:0px;}
.page-container .details-container dd.last{float:right;}
.page-container .details-container dd.last a{position: absolute; right:0px;}
.page-container .details-container dt a,.page-container .details-container dd a{position: relative; font-size: 12px; border-left:1px #ccc solid; padding-left:10px; margin-left: 10px; margin-top: -2px;}
.page-container .details-container dt a,.page-container .details-container dd .create-with-no-left-line{font-size:14;border-left:0 none; margin-left:0px;padding-left:0px;}
.page-container .details-container dt a,.page-container .details-container dd #secretQuestionLink{font-size: 14px;}
.page-container .details-container dt.bold {font-weight: bold;}
.page-container .data-used .info { margin: 11px 0 20px; }
.page-container .data-used .info.data-usage-info { margin: 1px 25px 20px; }
.page-container .details-section .info.data-usage-info { margin: 15px 25px 5px 0; }
.page-container .details-section .warning.data-usage-warning { margin: 15px 25px 5px 0; }
.page-container .details-container .usage-detail-content {min-height: 69px}
.page-container .details-container .usage-detail-content .details-column,{
    min-height: 69px;!important;
    padding:10px 0 15px 20px;
}
.disclaimer-common{position: absolute; bottom: 30px; font-size: 12px;}
.page-container .details-container .usage-detail-disclaimer { position: absolute; bottom: 30px; padding: 0 20px 0 0; font-size: 12px;}
.page-container .details-container .usage-detail-disclaimer h3 { margin-bottom: 5px; font-size: 14px; -webkit-text-size-adjust: 100%;}
.page-container .details-container .usage-detail-disclaimer p { font-size: 12px; margin-bottom: 5px; -webkit-text-size-adjust: 100%;}
.page-container .details-container .usage-detail-disclaimer p:last-child {  margin-bottom: 0px;}
.page-container .details-container .usage .details-column .usage-detail-container {color: #757575; line-height: 18px;}
.page-container .details-container .usage .details-column .usage-detail-container .usage-desc{color: #393939;line-height: 18px;}
.page-container .details-container .details-column {padding: 10px 0 5px 20px; border-left: 1px solid #CCCCCC; min-height: 115px; font-size: 14px; overflow: hidden;}
.page-container .details-container .superbundle .details-column .usage-detail-container .number {color: #E5308A;}
.page-container .details-container .superbundle .details-column .usage-detail-container .unit {color: #E5308A;}
.page-container .details-container .superbundle .details-column .usage-detail-container .usage-desc  {color: #E5308A;}
.page-container .details-container .details-column .usage-detail-container span {display: inline-block;}
.page-container .details-container .details-column .details-row {line-height: 21px; margin-bottom: 15px;}
.page-container .details-container .details-column .details-header {color: #E5308A; font-size: 18px;}
.page-container .details-container .details-column .bill-detail-container  {color: #E5308A; }
.page-container .details-container .details-column .number {font-size: 40px; height:35px; line-height: 40px;}
.page-container .details-container .details-column .unlimited {font-size: 30px; margin-top: 5px;}
.page-container .details-container .details-column .unit {font-size: 20px; line-height: 20px;}
.page-container .details-container .details-column .description {font-size: 14px; line-height: 14px;}
.page-container .details-container .details-column .usage-desc {font-size: 14px; line-height: 18px;}
.page-container .details-container .details-column .centre-container { height: 60px; }
.page-container .details-container .details-column .centre-container .loading { width: 70%; }
.page-container .details-container .details-column .download-pdf { background: url("../../static-content/images/PDF-icon.png") no-repeat scroll 2px 3px transparent; display: inline-block; padding: 0 0 0 23px; }
.page-container .details-container .amount .dollars {font-size: 40px; line-height: 35px; position: relative; top: -1px;}
.page-container .details-container .amount .dollars.small-font {font-size: 35px; line-height: 28px;}
.page-container .details-container .amount .currency,
.page-container .details-container .amount .decimal,
.page-container .details-container .amount .cents {font-size: 20px;vertical-align: top;line-height: 20px;}
.page-container .details-container .amount .text {font-size: 20px;line-height: 20px;}

.page-container .details-container .small-amount {color: #E5308A;}
.page-container .details-container .small-amount .dollars {font-size: 30px; line-height: 35px;}
.page-container .details-container .small-amount .currency,
.page-container .details-container .small-amount .decimal,
.page-container .details-container .small-amount .cents {font-size: 15px;vertical-align: top;line-height: 20px;}
.page-container .details-container .small-amount .text {font-size: 14px;line-height: 20px;}
.page-container .details-container .usage-desc-container.note{font-size: 12px; margin-top: 2px; line-height: 16px;}
.page-container .details-container .usage-desc-container.get-detailed-usage{margin-top: 5px; background: url("../../static-content/images/excel_icon.png") no-repeat 0px 11px transparent; padding: 12px 0px 0px 30px; display: inline-block;}
.page-container .details-container .details-column #internet-plan-tooltip {display: inline-block; margin-top: 0px; margin-left: 0px;}
.page-container .details-container .details-column .excess_usage_warning .freedom-block {display: inline-block;}
.page-container .details-container .details-column .freedom_unit {font-size: 21px; height: 15px; line-height: 54px;}
.page-container .services-sidebar{
    width: 200px;
    padding: 0;
    position: absolute;
    right:0px;
    top: 93px;
    background: #f9f9f9;
    border-left:5px #d2d2d2 solid;
    z-index: 1;
}
.page-container .services-sidebar li {position:relative;height:90px; margin: 0px 1px; text-align: left;border-bottom: 1px #EAEAEA solid; border-top: 0px #fff solid; vertical-align: top; }
.page-container .services-sidebar li a{position:absolute; left:0px; top:0px; display: block;padding: 0px 40px 0px 10px; height:90px; width:149px;}
.page-container .services-sidebar li .outer{position: absolute; top:50%; width:140px;}
.page-container .services-sidebar li .inner{position: relative;}
.page-container .services-sidebar li a h3{ font-size:18px;margin:0px; line-height: 18px; padding-bottom: 3px; padding-right: 10px;}
.page-container .services-sidebar li a b{ position:absolute;top:22px;right:6px; width:43px; height:43px;}
.page-container .services-sidebar li span{font-size:13px; max-width: 126px; line-height: 16px; word-wrap: break-word; display: block;}
.page-container .services-sidebar li.hover a{left:-5px; background: #ddf1fc; border-left:5px #00b1eb solid;}
.page-container .services-sidebar li.current{height:101px;}
.page-container .services-sidebar li.current a{position:absolute; left:-5px; background: #e5f5fe; border-left:5px #00b1eb solid; top:0px; width: 149px; height:101px; padding:0px 40px 0px 10px; }
.page-container .services-sidebar li.current a b{right:6px;top:32px;}
.page-container .services-sidebar li.current .outer{position: absolute; top:50%; color:#333; }

.page-container .services-sidebar #data-pack-warning-message{margin: 18px 0 0 0;}
.page-container .services-sidebar li.plan-details-nav b{background: url(images/bill-icon-gray.png) no-repeat center;}
.page-container .services-sidebar li.telstra-air-management-right-nav b{background: url(../css/images/air_logo.png) no-repeat center;}
.page-container .services-sidebar li.addons-nav b{background: url(images/addons-icon-gray.png) no-repeat center;}
.page-container .services-sidebar li.usage-details-nav b{background: url(images/detailed_usage_icon_gray.png) no-repeat center;}
.page-container .services-sidebar li.mailbox-details-nav b{background: url(images/email_icon.png) no-repeat center;}
#mail-overview b{background: url(images/email_icon.png) no-repeat center; width: 43px; height: 43px; right: 13px; top: 15px; position: absolute;}
.page-container .services-sidebar li.shared-data-usage-nav b{background: url(images/detailed_usage_icon_gray.png) no-repeat center;}
.page-container .services-sidebar li.bill-details-nav b{background: url(images/bill-icon-gray.png) no-repeat center;}
.page-container .services-sidebar li.payment-details-nav b{background: url(images/payment-43px.png) no-repeat center;}
.page-container .services-sidebar li.calls-text-details-nav b{background: url(images/calls-text-gray.png) no-repeat center;}
.page-container .services-sidebar li.recent-charges-details-nav b{background: url(images/recent-charges-gray.png) no-repeat center;}
.page-container .services-sidebar li.payment-details-nav b{background: url(images/payment-icon-gray.png) no-repeat center;}
.page-container .services-sidebar li.direct-debit-nav b{background: url(images/direct_debit_icon_gray_43.png) no-repeat center;}
.page-container .services-sidebar li.personal-details-nav b{background: url(images/personal-icons.png) no-repeat center;}
.page-container .services-sidebar li.settings-nav b{background: url(images/settings-icon-gray-43px.png) no-repeat center;}
.page-container .services-sidebar li.bill-settings-nav b{background: url(images/bill-settings-icon-gray-43px.png) no-repeat center;}
.page-container .services-sidebar li.descriptions-nav b{background: url(images/descriptions-icons.png) no-repeat center;}
.page-container .services-sidebar li.user-account-nav b{background: url(images/user-account-icons.png) no-repeat center;}
.page-container .services-sidebar li.loyalty-nav b{background: url(images/movies_icon_40px.png) no-repeat center;}
.page-container .services-sidebar li.change-offer-nav b{background: url(images/change_offer_icon_43px.png) no-repeat center;}
.page-container .services-sidebar li.tech-support-nav b {background: url("images/bill-icon-gray.png") no-repeat scroll center center transparent;}
.page-container .services-sidebar li.sharing-prepaid-nav b{background: url(images/user-account-icon.png) no-repeat center;}

.page-container .services-sidebar.one-tab {min-height:100px !important;}
.page-container .services-sidebar li.support-nav b{background: url(images/support-icon-grey.png) no-repeat center;}
.page-container .services-sidebar li.usage-details-nav span{font-weight: bold;}

.page-container .nav-bottom-container{display:none;position:absolute;width:205px;height:40px; left :777px;background: #F9F9F9;overflow: hidden;
    -moz-border-radius-bottomright: 8px 8px;
    border-bottom-right-radius: 8px 8px;
}
.page-container .nav-bottom-container .top-line{
    position: relative;
    width: 100%;
    height: 1px;
    background: #FFF;
    z-index: 10;
    top: 1px;
}
.page-container .nav-bottom-container .nav-line{
    width:5px;
    height:100%;
    float:left;
    position: relative;
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #daf0fb, #f2f2f2 20%);
    background: -webkit-gradient(linear, 0 0, 0 20%, from(#daf0fb), to(#f2f2f2));
}
.page-container .nav-bottom-container .nav-bottom-main{width:200px;height:100%;float:left;border-top:1px #fff solid; }
.tms-btn-close {display:none; position: absolute; right: 20px;top: 30px; width: 25px ;height: 25px;background: url("images/btn-close.png") no-repeat scroll 0 0 transparent;}
.tms-btn-close:hover{background: url("images/btn-close-hover.png") no-repeat scroll 0 0 transparent; }
.section-header .welcome-text b { display:block; width: 20px; height:20px; position:absolute; left:-26px; top:20px; background: url(images/account-header-back.png) no-repeat;}
/* plan usage page*/
.page-container .postpaid-internet{background: url(images/internet-usage-icon.png)  no-repeat 20px 19px;}
.page-container .postpaid-mobile-broadband{background: url(images/mobileBroadband-usage-icon.png)  no-repeat 20px 19px;}
.page-container .no-border-top {border-top: medium none !important;}
.empty-services-message li{list-style-type: disc;margin-top: 5px;}

.page-container .payment-content .info{
    margin-bottom: 10px;
}

.page-container .info-receipt-auth{
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.page-container .info-receipt-native-auth{
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}


.page-container .info-receipt{
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.page-container .info-receipt-bank-auth{
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.page-container .info-receipt-bank{
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

/*plan detail page*/
.page-container .pre-paid{background: url(images/pre-paid.png)  no-repeat 20px 19px;}
.page-container .pre-paid-change-offer {background: url(images/change_offer_icon_50px.png)  no-repeat 20px 19px;}
.page-container .broadband{background: url(images/mobile-broadband-icon-40.png)  no-repeat 20px 19px;}
.page-container > .postpaid-mobile {background: url(images/post-paid-mobile.png) no-repeat 20px 19px;}
.page-container .addons {background: url(images/addons-icon-blue.png) no-repeat 20px 19px;}
.page-container .fixed-line{background: url(images/fixed-line.png) no-repeat 20px 19px;}
.page-container .internet{background: url(images/internet.png) no-repeat 20px 19px;}
.page-container .mailboxes{background: url(images/email_icon_50px.png) no-repeat 20px 19px;}
.page-container .security{background: url(images/security_icon.png) no-repeat 20px 19px;}
.page-container .foxtel-on-tbox{background: url(images/foxtel_t-box_50.png) no-repeat 20px 19px;}
.page-container > .foxtel{background: url(images/foxtel-icon-foxtel-page.png) no-repeat 20px 19px;}
.page-container .error-message{clear:both; margin:0 2px; font-size: 14px}
.download-pdf{padding: 8px 8px 11px 40px; display: inline-block; background: url("../../static-content/images/PDF-icon.png") no-repeat scroll 12px 11px transparent;}
.download-pdf-mail{padding: 8px 8px 11px 40px; display: inline-block; background: url("../../static-content/images/PDF-icon.png") no-repeat scroll 0px 11px transparent;}
.whats-this-tip {background: url("images/bg-whats-this.png") no-repeat 50% 100%;padding-bottom: 27px;position: absolute;display: none;font-size: 14px;}
.whats-this-tip .content { background: #fff;padding: 15px;position: relative;border: 1px solid #666;border-bottom: none;width: 209px;}
.whats-this-tip .content strong {display: block;margin-left: -5px;margin-bottom: 5px;}
.tooltips, .tooltip {background: url("images/ico-tooltip.png") no-repeat;width:16px;height: 16px;display:block;text-indent: -999em;cursor: pointer;margin-left: 6px;overflow: hidden;margin-bottom: -3px; margin-top: 6px; float:left;}
.tooltips.no-float {float:none;}
.tooltips.inline-block {display:inline-block;}
.address-suburb-state-postcode .sub-margin, .cwifi-eligibility .sub-margin{margin-right: 8px;}
.internet-add-on .sub-margin{margin-right: 8px;}
.right-div-holder a.tooltips{border-left:0px;padding-left:0px;margin-left:6px; position: relative; top:2px; +top:0px;}
.left-div-holder a.tooltips{border-left:0px;padding-left:0px;margin-left:6px; position: relative; top:0px; +top:0px;}
.offer-name span { font-size: 20px; margin-right: 10px}
.offer-name {max-width: 475px; +max-width: 460px; margin-left: 45px; padding-right: 10px}
.offer-detail {margin-left: 45px}
.page-container .details-container > li.offer-detail-link {margin-left: 45px; margin-bottom: 25px; border: 1px solid #F4F4F4 !important; clear:both;}
.offer-detail-technical-support-link {margin: 145px 0 0 45px; border: 1px solid #F4F4F4; clear:both; font-size:14px;}
.service-offers-button,.page-container .details-container .troubleshooter-btn-container,.page-container .details-container .offline-troubleshooter-btn-container,.page-container .details-container .fault-tracking-btn-container{display:inline-block;float:right;margin-bottom:-5px;}
.offer-detail-indent{margin-top: 18px}
.page-link{+display: inline; +zoom:1; display: inline-block;}
.offer-name .page-link{margin-left: 0px;}
.offer-name a:hover{text-decoration: underline;}
.offer-name a:first-child{margin-right: 12px;}
.view-channels{margin-left: 20px; border-left: 1px solid #CCCCCC; padding-left: 12px;}
.change-plan{border-left: 1px solid #CCCCCC; padding-left: 12px;margin-right: 10px}
.left-div-holder{text-align: left;margin-top:7px; float:left; width:125px; +width:121px;clear:both}
.left-div-holder-header{font-weight: 600}
.left-div-holder-intwthbdl{ font-weight: 600}
.right-div-holder-intwthbdl { width: 100%}
.right-div-holder-intwthbdl .bundle-title-span {width: 86%}
.right-div-holder-intwthbdl .bundle-pdf-span {width: 87%}
.right-div-holder-intwthbdl .bundle-report-span {width: 93%}
.prepaid-left-div-holder{text-align: left;margin-top:20px; float:left;  width:350px; +width:121px;clear:both}
.left-div-holder_mailbox{text-align: left;margin-top:7px; float:left; width:450px;clear:both}
.right-div-holder{
    float:left;
    margin-top: 7px;
    padding-left: 0px;
    font-size: 14px;
}
.manage-recharge{
    float:right;
    margin-top: -48px;
    margin-right:23.2%;
}
.right-div-holder a{border-left:1px #ccc solid; padding-left:12px; margin-right: 8px; margin-top: -2px; font-size: 14px; display: inline-block; +display:inline; +zoom:1;}
.complex-address-improvement .moving-home{border-left:0px;}
.right-div-holder-intwthbdl a {border-left: 0;padding-left: 0; margin-right: 0}
.right-div-holder span{display: inline-block; +display:inline; +zoom:1;}
.left-div-holder span{display: inline-block; +display:inline; +zoom:1;}
.prepaid-left-div-holder span{display: inline-block; +display:inline; +zoom:1;}
.right-div-holder span.out-of-contract{padding-right: 10px;}
.right-div-holder span.puk{ display: inline-block; +display:inline; +zoom:1;}
.right-div-holder a:hover,.page-container .details-container dd a:hover{text-decoration: underline;}
.with-limit-length{max-width: 348px;}
.section-content {margin-left:45px; margin-bottom:0px; float:left;}
.addon-section-improvement {padding-top: 20px; margin-left: 0px }
#technical-support-title{height:60px; padding: 20px 10px 10px;;}
/*#technical-support-title{background: url(images/TTC_icon_50px_blue.png) no-repeat 20px 22px;}*/
.technical-support-icon{float:left; margin: 0 10px 0 10px; display: inline;}
.technical-support-store-icon{margin:10px 10px 0 50px;float:left;}
.tech-support-section{margin: 10px 0 10px 47px; font-size:14px; width:auto;}
.tech-support-chat-now{background: url(images/24x7_chat_icon_50px.png) no-repeat 0px center; padding-left: 70px; height:70px; margin:0 0 0 50px;border-bottom:1px solid #F2F2F2;width:588px;}
.tech-support-in-store-assistance{background: url(images/ttc_store_icon.png) no-repeat 0px center; padding-left: 70px; height:70px; margin:0 0 0 50px;border-bottom:1px solid #F2F2F2;width:588px;}
.tech-support-phone-service{background: url(images/contact-us_icon_50px.png) no-repeat 0px center; padding-left: 70px; height:70px; margin:0 0 0 50px;border-bottom:1px solid #F2F2F2;width:588px;}
.support-option-content{float: left;width:470px; line-height:70px;}
.chat-now{margin: 20px -28px 0 4px;width:130px;float:right;}
.no-width{width:auto;}
.include-width{width:550px;}

.section-content dt {
    margin-bottom: 4px;
}
.unlink-facebook .section-content{padding-top: 20px}
#personal-detail-container .section-content{float:none;}
#personal-detail-container .section-content.special-section{float:left;}
#personal-detail-container .section-content.special-section .offer-name{ margin-left: 0px; padding-right: 0; line-height: 22px;}
#subscriptions-container .section-content{margin-left:38px;margin-bottom: 0px; }
#subscriptions-container .section-content#section-account-linking{margin-left:0px;}
#subscriptions-container > li {padding-top:20px;}
.mockngb{max-width: 470px;margin-left: 45px;float: left;}
.mockchangebtn{float:right}
#error-stay-connected-div{
    margin:5px 0px 15px 45px;
}
.stay-connect-privacy{
    background: #f7f7f7;
    margin-left:40px;
    margin-top:15px;
    border-radius: 0px;
}
.stay-connect-privacy-title{
    font-size:14px;
    margin: 0 0 6px 0!important;
    padding: 0!important;
}
.stay-connect-privacy-content {
    font-size: 12px!important;
    margin: 0!important;
    padding: 0!important;
}
#stay-connect .line {
   display: block;
   position: relative;
   top: -14px;
}
.stay-connect-privacy-div{
    margin-left: 0px;
    padding: 10px;
}
#stay-connect-sub-heading {
    margin-bottom: 4px;
}
#ir-day-pass-section{
    border-top: 1px solid #F2F2F2 !important;
}
#tone-product{
    border-top: none !important;
}
.page-container .details-container > li.add-ons p.stay-connect-privacy-content{width:auto;}
.error-text{padding-left: 15px}
.error-text .cms-panel-heading { display: block; font-weight: bold; }
.error-message .warning{margin-left:0px; margin-right:10px}
.warning.bot-margin{margin:0 0 10px 0}
.puk-width-pre-paid {width:50px;!important;}
.fixed-line-right-menu {min-height:100px !important;}
.sidebar-tab-external-link {min-height: 85px;  margin: 12px 11px 10px 14px; border: 1px solid #FFFFFF; background: #F2F2F2 url("../../static-content/css/images/nav_tile_arrow.png") no-repeat scroll 164px 14px;}
.sidebar-tab-external-link .welcome-text {font-family:arial; padding: 9px 10px 0 12px; font-size:20px !important; line-height: 20px;}
.sidebar-tab-external-link .subtitle {margin-top: 2px; padding-left: 12px; font-size:14px !important; text-transform: none !important; }
.sidebar-tab-external-link .loyalty-subtitle {padding-left: 12px; font-size:12px !important; text-transform: none !important; }
.sidebar-tab-external-link:hover {background-color: #FFFFFF}
.sidebar-tab-external-link .price {padding-left: 12px; color: #0078BF !important; display: block;}
.sidebar-tab-external-link .price .cents, .price .decimal, .price .currency { margin:-2px; font-size: 20px; vertical-align: top; line-height: 47px;}
.sidebar-tab-external-link .price .dollars {font-size: 40px;}
.sidebar-tab-external-link .price .dollars.small-font {font-size: 25px; line-height: 50px;}

.right-div-holder.puk-hack{ +margin-top: 7px;}
.right-div-holder.puk-hack a.tooltip{background-position: 0 2px; +background-position: 0 0px;}

.pink .page-container .nav-bottom-container .nav-line{
    background: -moz-linear-gradient(top, #FBE4EF, #f2f2f2 20%);
    background: -webkit-gradient(linear, 0 0, 0 5%, from(#FBE4EF), to(#f2f2f2));
}
.green .page-container .nav-bottom-container .nav-line{
    background: -moz-linear-gradient(top, #FFF8B2, #f2f2f2 20%);
    background: -webkit-gradient(linear, 0 0, 0 5%, from(#FFF8B2), to(#f2f2f2));
}

.green .page-container a:link,.green .page-container a:visited {color:#006633;text-decoration: none;}
.thanks-event .event-functional p.loyalty-link {display: inline; font-size: 14px;}
.pink .page-container a:link,.pink .page-container a:visited {color:#691260;text-decoration: none;}
.green .page-container .disclaimer-common a:hover{color:#006633;text-decoration: underline;}
.pink .page-container .disclaimer-common a:hover{color:#691260;text-decoration: underline;}
.loyalty-offers-body .sidebar-tab-external-link.pink{color:#691260;background:#f2f2f2 url(images/nav_tile_arrow_pink.png) no-repeat 160px 13px;}
.loyalty-offers-body .sidebar-tab-external-link.green{color:#006633;background:#f2f2f2 url(images/nav_tile_arrow_green.png) no-repeat 160px 13px;}
.loyalty-offers-body .sidebar-tab-external-link{min-height: 58px;}
.loyalty-offers-body .thanks-music-header-img{background: url(images/thanks_music.png) no-repeat 1px 6px;}
.loyalty-offers-body .thanks-sport-header-img{background: url(images/thanks_sport.png) no-repeat 1px 6px;}
.loyalty-offers-body .staff{height:115px;}
.loyalty-offers-body .staff .auth-heading{padding-top:20px;}

.loyalty-offers-body .sidebar-tab-external-link:hover {background-color: #FFFFFF}
.movie-body .page-container .nav-bottom-container .nav-line{
    background: -moz-linear-gradient(top, #FFF2CA, #f2f2f2 20%);
    background: -webkit-gradient(linear, 0 0, 0 5%, from(#FFF2CA), to(#f2f2f2));
}
.movie-body .sidebar-tab-external-link{color:#B21F33;min-height: 58px; background:#f2f2f2 url(images/nav_tile_arrow_orange.png) no-repeat 160px 13px;}
.movie-body .sidebar-tab-external-link:hover {background-color: #FFFFFF}
.movie-body .thanks-movie-header-img{background: url(images/thanks_movies.png) no-repeat 1px 6px;}
.thanks-label-landing{ display:inline-block; width:76px; background: url(images/thanks_landing_new.png) no-repeat 0px 1px;}

#vmax-surcharge{clear:both; padding-top:10px;}


/* ************************************************************************* */
/* Unauthenticated Styles */
.unauth-heading {text-transform: none; line-height:92%; margin:28px 0px 0px 5px; font-size:50px; color: #004C9D;}
.unauth-heading-my-account {text-transform: none; line-height:80%; margin:28px 0px 0px 5px; font-size:50px; color: #00B1EB;}
/*.section-header .unauth-heading {color: #0078C0;font-size: 35px; position: relative;} */
.section-header .unauth-heading {color: #00B1EB;font-size: 50px; position: relative;}
.section-header .auth-heading {font-size: 40px; position: relative; margin: 35px 0 20px 9px;}
#registration-title .unauth-heading{color: #004C9D;font-size: 40px;font-family: "Arial";text-transform:none; }
.section-header .unauth-heading.login-heading{margin:28px 0px 0px 5px; color: #00B1EB;font-size: 50px}
.form {background: none repeat scroll 0 0 #FFFFFF;width: 100%;font-size:14px;}
.form h2 {font-size: 20px; padding-bottom: 5px; padding-left: 5px;}
.form .hint{font-size:12px;padding-bottom:15px;}
.form-row {clear:left;float:left;margin-bottom:10px; +zoom: 1; +float: none;}
.form-row-right {clear:left;float:right;margin-bottom:10px}
.form-row.no-label {padding-left:150px}
.form-row.no-label.btn_spacing{margin-top:9px;margin-bottom:0}
.form-row.embeded-label label{position:absolute;color:#6D6D6D;font-size:1.2em;width:auto;padding:3px 6px}
.form-row label{float:left;margin-right:16px;margin-top:7px;text-align:right; line-height:16px;width:133px;display:inline;}
form#updateEmailForm .form-row label {text-align:left; margin-top: 4px;}
form#updateEmailForm .round-box {background-color: #F9F9F9;border: 1px solid #DADADA;border-radius: 0px 0px 0px 0px;margin-top: 18px;padding: 20px;margin-bottom: 10px;}
form#updateEmailForm .divider {background-color: #F3F3F3;border: 0 none;color: #F3F3F3;float: left;height: 0px;margin-top: 0px;width: 100%;}
form#updateEmailForm .default-select-day {height:28px;width:65px;font-size: 14px;padding-left: 7px;padding-right:6px;}
form#updateEmailForm .default-select-month {height:28px;width:105px;font-size: 14px;padding-left: 7px;padding-right:6px;}
form#updateEmailForm .default-select-year {height:28px;width:78px;font-size: 14px;padding-left: 7px;padding-right:6px;}
.unauthenticated .margin-para {margin-top: 8px;}
form#updateEmailForm .form-row {clear:left;float:left;margin-bottom:10px; +zoom: 1; +float: none; font-size: 14px; font-weight: normal;}
.form-row .dob_field{float:left;}
#change-profile select.dob_day {width: 55px;}
#change-profile select.dob_month {width: 86px;}
#change-profile select.dob_year {width: 62px;}
.selectBox.dob_field.selectBox-dropdown{min-width: 52px;}
.selectBox.dob_field.selectBox-dropdown.dob_day,.selectBox.dob_field.selectBox-dropdown.dob_month {margin-right: 5px !important;}
.selectBox.dob_field .selectBox-label{font-size:12px; padding: 6px;}
.dob_field-selectBox-dropdown-menu, .selectBox-options LI, .selectBox-options LI A{font-size:12px;}
#dob-error-container {margin-left: 31px;}
.wide .form-row.no-label {padding-left:204px}
.wide .form-row label{width:180px}
.wide .form-row label.text{width:auto}
.form-row select{margin-right:6px;position:relative;top:3px;float:left;padding:1px}
.form-row input{float:left}
.form-row input[type=text],.form-row input[type=password]{border:1px solid #CCC;width:260px;padding:3px 5px;padding:2px 5px 3px \0; line-height:22px; height:22px;}
.form-row input.long,input.long{width:400px}
.form-row input.short,input.short{width:50px}
.form-row .error, .form-row .error-manual{background:url(images/ico_sprites1.png) no-repeat scroll -253px -137px transparent;color:#B21F33;font-size:.857em;padding-left:20px;padding-top:5px;+padding-top:4px;width:auto;margin-left:6px;float:left;margin-top: 2px;}
.form .submit-buttons {padding:0 0px}
.form .submit-buttons a:link, .form .submit-buttons a:visited {color:#FFFFFF}

.form .submit-buttons a.cancel:link , .form .submit-buttons a.cancel:visited {text-decoration:underline;font-size:12px;}
.form .submit-buttons a.cancel:hover , .form .submit-buttons a.cancel:active {color:#004D9D;text-decoration:underline;font-size:12px;}

.form .submit-buttons a:link.normal, .form .submit-buttons a:visited.normal {color: #000000}
.form .bottom-help {margin-bottom:16px;font-size:.857em;padding:0 10px}
.form .submit-buttons p.cancel{font-size:.857em;margin:5px 0 15px}
.form .required{color:#B21F33;font-size:.857em;float:right;margin-bottom:0}
.form input[type="checkbox"], .form-row input[type="checkbox"] {margin-top:3px;margin-right:5px;+margin-top:0px;}
/*#registration .form-row input[type="checkbox"] {+margin-top:0px;}*/
.form .form-row .error-container {padding-left:0;margin-left:0;float:left}
.field-group {border-top:none;border-right:none;border-left:none;border-bottom:1px solid #CCC;margin-bottom:14px;padding:0 0px 16px}
.field-group-no-border {border-color:0 0 #CCC;border-style:none;padding:0 0px 5px}
.field-group .title{font-size:1.286em}
.form-row.embeded-label input[type=text],.form-row.embeded-label input[type=password],.form-row label.right{float:none}
.form-container {padding-left: 1.3em;list-style: none; padding-right: 1.3em;}
.page-container .form-container > li {padding-bottom:16px;}

.profile-row {border-top: 1px solid #CCCCCC; padding-top: 20px; margin:0 0 30px 0;}
.first {border-top: medium none;}

p.required{margin-left:10px}

.btn-disabled{background:url(images/bg_disabled_button.png) repeat-x scroll 0 50% transparent;text-align:center;display:inline-block;border-radius:0px 0px 0px 0px;color:#FFF;font-size:14px;min-width:80px;font-weight:700;text-decoration:none;height:22px;padding:4px 15px !important; font-size:14px !important; width: 140px;}
.btn-disabled:link, .btn-disabled:visited {color:#FFFFFF !important;}
a.btn-disabled:hover, a.btn-disabled:active {color:#FFFFFF;}

.btn-black{background:url(images/bg_black_button.png) repeat-x scroll 0 50% transparent;text-align:center;display:inline-block;border-radius:0px 0px 0px 0px;color:#FFF;font-size:14px;min-width:80px;font-weight:700;text-decoration:none;height:22px;padding:4px 15px !important; font-size:14px !important; width: 140px;}
.btn-black:link, .btn-black:visited {color:#FFFFFF !important;}
.btn-black:hover, .btn-black:active { background: url("images/bg_black_button_hover.png") repeat-x scroll 0 50% transparent;color:#FFFFFF !important; }
.btn-black:hover, .btn-black:active a {text-decoration: none !important;}

.btn-blue {background:url('images/bluebtn-with-hover.png') repeat-x scroll 0px -14px transparent;text-align:center;display:inline-block;border-radius:0px 0px 0px 0px;color:#FFF; min-width:80px;font-weight:normal;text-shadow:0px 0px 0 #0061A1;text-decoration:none;height:22px;padding:4px 11px !important; font-size:14px !important;}
.btn-blue:after {
	font-family: 'td-icons';
    content: "\e6f4";
    width: 25px;
    height: 100%;
    position: relative;
    right: -8px;
    top: 2px;
    display: inline-block;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.-blue:focus{outline: 0px;}
/* overwrite default color specified in a:link and a:visited */
.btn-blue:link, .btn-blue:visited {color:#FFFFFF !important;}
.btn-blue:hover, .btn-blue:active { background: url('images/bluebtn-with-hover.png') repeat-x scroll 0px -73px transparent;color:#FFFFFF !important; }
.btn-blue:hover, .btn-blue:active a {text-decoration: none !important;}
.btn-blue.large {height: 22px;padding-bottom: 12px;padding-left: 40px;padding-right: 40px;font-size: 1.29em;}
.processing-status-btn-blue-mailbox{background: url("images/animated-button-blue.gif") repeat-x center; }
.processing-status-btn-blue-mailbox:hover{background: url("images/animated-button-blue.gif") repeat-x center; cursor: default;}
.submit-button-link {border-top: 1px solid #CCCCCC; padding-top: 14px;}

/* Password Strength Styles */
.password-strength{clear:none;float:left;margin-left:6px;padding-top:3px;}
.password-strength ul{background:url(images/bg_password_strength_strong.png) no-repeat scroll left bottom #FFF;list-style-type:none;overflow:hidden;margin:0;padding:0}
.password-strength ul li{background:none repeat scroll 0 0 #FFF;clear:none;color:#9A9A9A;float:left;font-size:.928em;text-align:center;width:58px;border-color:#E0E0E0 #E0E0E0 #E0E0E0 #FFF;border-style:solid;border-width:1px;margin:0;padding:1px 0 2px!important}
.password-strength ul li.password-strength-invalid{border-left:1px solid #E0E0E0}
.password-strength ul.invalid-password li.password-strength-invalid{background:none repeat scroll 0 0 transparent;}
.password-strength ul.valid-password li.password-strength-invalid{background:none repeat scroll 0 0 transparent;border-right:medium none;padding-right:1px;text-indent:-991em}
.password-strength ul.strong-password li.password-strength-invalid,.password-strength ul.strong-password li.password-strength-valid{background:none repeat scroll 0 0 transparent;border-left:medium none;border-right:medium none;padding-left:1px;padding-right:1px;text-indent:-991em}
.password-strength ul.strong-password li.password-strength-invalid{background:none repeat scroll 0 0 transparent;border-left:1px solid #FFF;padding-left:0}
.password-strength ul.valid-password li.password-strength-valid,.password-strength ul.strong-password li.password-strength-strong{background:none repeat scroll 0 0 transparent;border-left:medium none;padding-left:1px}

.tooltip-hover {border:1px solid #CCC;background:none repeat scroll 0 0 #FFF;box-shadow:5px 5px 5px rgba(0,0,0,0.667);color:#666;font-size:12px;line-height:14px;position:absolute;text-align:left;margin:-10px 0 0 10px;padding:5px}
.tooltip-hover .width-medium {width:300px}

.message-error {
    background: url("images/ico_sprites1.png") no-repeat scroll -213px -160px transparent;
    font-size: 2.143em;
    padding-left: 52px;
}

.message-info {
    font-size: 2.143em;
}
.message-info.resend-email{background: url("images/ico_sprites1.png") no-repeat scroll -305px -46px transparent; padding-left: 58px;}

/* Music page*/
.page-container .music-content li.special-li{ margin-top: 0px;border: 0px; padding-top: 0px; }

/* Newsletter Styles */
.container_18 .grid_14.newsletter-grid {width:737px; border-top: 1px solid #CCCCCC;margin: 0 0 30px;padding-top: 20px;}
.container_18 .grid_14.newsletter-grid.first {border-top: none; padding-top:0px;}
.container_18 .grid_11.newsletter{width: 570px;}
.newsletter h3 {color: #0078BF; font-size: 20px; padding-right:20px; padding-top:5px}
.newsletter p {font-size: 14px; line-height: 170%; }
div.newsletter-row {padding-top: 8px;}
.newsletter-title {font-size:14px; font-weight: bold;}
.center {margin-left:40%; margin-right:40%; position:relative;}

/*Alerts page*/
.alerts-all li.info-label, .alerts-all li.disclaimer {padding: 22px 0 0;}
.alerts-all li.disclaimer h3{font-weight: bold; font-size: 14px;}
.alerts-all li.alerts-account {padding: 8px 0 0;}
.alerts-all .alerts-account .alerts-body{padding-left: 25px; margin-top: 6px;padding-bottom: 2px;}
.alerts-all .alerts-account .alerts-body.ui-accordion-content-active{padding-left: 41px; margin-top: -8px;padding-bottom: 0px;}
.alerts-all .alerts-account .alerts-body.save{padding-left: 41px;top: -11px;margin-bottom:-30px;}
.alerts-all .alerts-account .alerts-sent{border-bottom: 1px solid #F2F2F2;padding-bottom: 15px;font-size: 12px;}
.alerts-all .alerts-account.collapsed .alerts-body{display: none;}
.alerts-all dl.alert-service{position:relative; border-bottom: 1px solid #F2F2F2; padding: 14px 0 3px; margin: 0;}
.alerts-all dl.alert-service dt.name{width: 194px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.alerts-all dl.alert-service dd{height: 27px;}
.alerts-all dl.alert-service dd.details{width: 180px; overflow: hidden; padding-left: 20px;text-overflow: ellipsis;white-space: nowrap;}
.alerts-all dl.alert-service dd.status{position: absolute; width: 15px; right:0px;}
.alerts-all dl.alert-service dd.alertType{padding-left: 6px;}
.alerts-all dl.alert-service dd.alertType select, .alerts-all dl.alert-service dd.alertType .selectBox{width: 128px; margin-left: 0; padding-left: 0; top: -4px;}
.alerts-all dl.alert-service dd.alertType .selectBox .selectBox-label{padding: 8px 6px 4px;}
.alerts-all .save{margin: 20px 0 30px; font-size: 12px;}
.alerts-all .save a{position: relative; top: -5px;}
.alerts-all .save .alerts-note {float: left; padding-right: 140px}
.alerts-all .save .save-button {float: right; margin-left: -140px;}
.alerts-all .status.saved{background: url("images/alerts-icons.png") no-repeat scroll 0px -498px transparent;}
.alerts-all .status.failed{background: url("images/alerts-icons.png") no-repeat scroll 0px -398px transparent;}
.alerts-all .status.processing{background: url("images/ajax-loader-sml.gif") no-repeat scroll 0px 0px transparent;}
.alerts-all .btn-disabled, .alerts-all .btn-blue{float: right; min-width: 80px; width: 80px; text-align: center;}
.alerts-all .btn-disabled:hover{text-decoration: none; cursor: default;}
#accordion {border: 1px solid #9D9D9D;border-color: #DADADA;color: #333333;border-top-right-radius: 0px;border-top-left-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;margin-left: 25px;width: 93%;}
.page-container .details-container .alerts-all{}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color: #555555;font-weight: normal;}
#accordion .ui-state-default, #accordion .ui-state-active {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: medium none !important;}
.ui-accordion .ui-accordion-header .ui-icon.defaultIcon {background: url(images/arrow_closed.png) no-repeat;margin-left: 640px;}
.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {background: url(images/arrow_open.png) no-repeat;margin-left: 640px;margin-top: -8px;}
a.tablink:link, a.tablink:visited {color: #333333;font-size: 18px;padding-left: 35px;padding-top: 13px;text-decoration: none;}
.page-container .details-container h2 a#data-alert {border: none;font-size: 20px;color: #393939;padding-top: 14px;padding-bottom: 9px;margin-left: 0px;outline:none;font-weight: normal;}
.page-container .details-container h2.alerts-header .ui-state-hover {text-decoration: underline;}
.page-container .details-container h2.alerts-header {padding: 0px 10px 0px 0px;outline:none;}

/* nickname settings*/
#change-nick-name{width: 850px;}
li.account-nickname{border-bottom:1px solid #F2F2F2;padding-bottom: 14px;padding-top: 25px;}
ul.account-nickname-info{margin-top: -27px;padding-left: 0;!important;}
.account-nickname span, .account-nickname input{margin-right:12px;display:inline-block;+display:inline; +zoom:1;}
.account-nickname > span{float:left;}
.account-nickname > ul{ width:735px; margin-left: 17px;}
form#accountNickName .account-nickname > ul{ width:820px; margin-left: 17px;}
.account-nickname > ul > li{clear:both;padding-bottom: 5px;}
.account-nickname > ul > li span{float:left;}
.account-nickname .account-title{width:175px;font-weight: bold;height: 25px; padding-left: 38px; padding-bottom: 13px;}
.account-nickname .account-title-Account{background: url(images/account-icon.png) no-repeat;}
.account-nickname .account-title-Pre-Paid{background: url(images/prepaid_icon_24px.png) no-repeat;}
.account-nickname .account-nickname{width:235px;}
.account-nickname .account-number,.account-nickname .billing-period{width:143px;}
.account-nickname .service-title{width:134px;padding-bottom: 5px; padding-left: 44px;padding-top: 6px;}
.account-nickname .service-title-mobile{background: url(images/mobile-icon-24px.png) no-repeat 6px 6px;}
.account-nickname .service-title-smart-home{background: url(images/small-home.png) no-repeat 6px 6px;}
.account-nickname .service-title-telstra-gaming{background: url(images/gaming-icon-24px.png) no-repeat 6px 6px;}
.account-nickname .service-title-internet{background: url(images/internet_grey_icon.png) no-repeat 6px 6px;}
.account-nickname .service-title-security{background: url(images/security_grey_icon_small.png) no-repeat 6px 6px;}
.account-nickname .service-title-foxtel-on-tbox{background: url(images/foxtel_icon_small.png) no-repeat 6px 6px;}
.account-nickname .service-title-foxtel{background: url(images/foxtel-icon-settings.png) no-repeat 6px 6px;}
.account-nickname .service-title-foxtel-on-tbox{background: url(images/foxtel_t-box_24px.png) no-repeat 6px 6px;}
.account-nickname .service-title-fixed-line{background: url(images/home-icon-24px.png) no-repeat 6px 6px;}
.account-nickname .service-title-broad-band{background: url(images/broadband-icon-24px.png) no-repeat 6px 6px;}
.account-nickname .service-nickname{width:235px; padding-top: 6px;}
.account-nickname .bundle-nick-name-header{background: url("images/bundles-white-24px.png") no-repeat scroll 7px 6px #7c69b8;border-top: 1px solid #FFFFFF;clear: both;color: #FFFFFF;font-family: Arial;line-height: 18px;margin: 5px 34px 12px 3px;padding: 10px 0 10px 40px;}
.account-nickname .bundle-nick-name-footer{background: none repeat scroll 0 0 #7c69b8;border-bottom: 1px solid #DDDDDD;clear: left;height: 4px;width: auto;margin: 7px 33px 12px 3px;}
.account-nickname .service-id{width:258px;word-wrap: break-word;vertical-align: top;padding-top: 9px;line-height: 16px;}
.page-container .details-container .action{margin: 20px 0 0 45px;}
.account-nickname .edit-nick-name, .details-container#subscriptions-container .btn-blue{float: right;margin-top: -6px;}
.account-nickname input.edit-nick-name-input{float:left;border: 1px solid #CCCCCC;height: 30px;padding: 0 5px;margin-right: 18px;margin-bottom: 10px; line-height: 30px;}
.account-nickname span.edit-nick-name-service-id{width: 349px;}
a.clear-all{position:absolute;left:0;text-decoration: none;color: #004C9D;margin-top: 4px;}
:root a.clear-all{margin-left: 0px\9;}
#change-nick-name .overlay-title {background: url("../js/jquery/fancybox/images/light-box-divider-850px.jpg") no-repeat scroll center bottom transparent;}
#change-nick-name .overlay-footer {position: relative;}
#edit-nick-name-error div{margin: 15px 0 20px;}
#change-nick-name .account-nickname .account-title{position: relative; top:5px;}
#change-nick-name .account-nickname .account-number{position: relative; top:6px;}

.error-container-lightbox-top .warning,.error-container-lightbox-top .info,.error-container-lightbox-top .info-grey{margin:0px 0px 20px;}
.error-container-lightbox-top #generic-error-line {margin-top:1em;}

/*payment methods in settings page*/
.settings-section .info-container-top .info, .settings-section .error-container-top .warning{margin:20px 0 0 0;}
#bill-delivery-update-message,#bill-delivery-update-failure-message{margin:0 0 18px 0 !important;}
.settings-section .info-container-top #generic-info-line, .settings-section .error-container-top #generic-error-line{margin-left:0;}
li.saved-payment-methods ul{margin-left:17px;}
#subscriptions-container li.saved-payment-methods{ border-bottom: 0;}
li.saved-payment-methods #error-div{margin-top: 3px;}
li.cf.saved-payment-methods div#error-div.personal-detail.warning {margin-top: 15px;}
.payment-method{padding: 5px 0 5px 0px; position: relative;margin: 0px 0px 0px 35px;}
.page-container .payment-method-header{ padding:5px 0; font-weight: bold; border-bottom: 1px #DADADA solid;margin:5px 0px 0px 35px;}
.page-container .payment-method dd{padding-left: 0px;}
.page-container .payment-method dd.payment-type{padding: 0px 0px 0px 10px;width:25%;}
.page-container .payment-method dd.payment-detail{padding: 0px 10px 0px 0px;width:30%;}
.page-container .payment-method dd.payment-date{padding: 0px 10px 0px 0px;width:20%;}

.page-container .payment-method dd.payment-detail span{float:left;}
.page-container .payment-method dd.payment-detail .tooltip-section{margin:-2px 0px 0px 5px;}
.details-container dd.payment-action .edit-link{border-left:none;border-right:1px #ccc solid;padding:0px 14px 0px 10px;}
.details-container dd.payment-action .remove-ba, .details-container dd.payment-action .remove-payment-method-cc{border-left:none;}
.page-container .payment-method dd.payment-action a.remove-cc{margin-left:48px; padding:0px 0px 0px 14px; border-left:none;}
.page-container .payment-method dd.payment-action{width: 120px; padding:0px 20px 0px 0px; float:right;}
.page-container .payment-method dd.payment-action a{margin-left: 0px; font-size: 14px;}
#remove-payment-method .details{font-weight: bold; display: block;}
#remove-prepaid-payment-method .details{font-weight: bold; display: block;}
.page-container .settings-section li.saved-payment-methods dl dd.payment-action a.remove-payment-method{border:none; margin-left:51px;}

/*Saved prepaid payment methods styles*/
.prepaid-service {background: url(images/prepaid_icon_24px.png) no-repeat; width: 175px;font-weight: bold;height: 20px;padding-left: 38px;padding-bottom: 13px;display: inline-block;margin-top: 18px; margin-bottom: 8px;}
.postpaid-account {background: url(images/account-icon.png) no-repeat; width: 175px;font-weight: bold;height: 25px;padding-left: 38px;padding-bottom: 13px;}
.prepaid-no-saved-payment-method {margin-left: 38px !important; margin-top: 5px;display:inline-block;}
.prepaid-no-saved-payment-method-tooltip{float:right; padding-right:51%;}
.remove-prepaid-suffix{font-weight:normal;}
.prepaid-no-saved-after-delete-payment-method {margin-left: 38px !important; margin-top: 5px;display:none;}
.inactive-tooltip {border-left: none !important; margin-top: 4px !important;margin-right: 20%;float: right;width: 7px; background: url("images/ico-tooltip-transparent.png") no-repeat;}
.blocked-tooltip {border-left: none !important; margin-top: 8px !important;margin-right: 72%;float: right; background: url("images/ico-tooltip-transparent.png") no-repeat;}
.prepaid-change-pin {border-left: 1px solid rgb(204, 204, 204);padding-left: 13px;}
.prepaid-change-pin-tooltip {display:inline-block;}
.prepaid-payment-waiting{width: 55px;}
.prepaid-payment-waiting .loading{position: initial; width: 55px; height: 60px; margin-left: 45%;margin-top: 1px;padding-bottom: 10px;}
.save-new-payment-margin {margin-top: 7px;margin-left: 38px;}
.add-payment-link-border {border-bottom: 1px #DADADA solid; padding-bottom: 10px;}
/*IE7 hacks*/
#change-password {+margin-left:0;+margin-right:0;}

/* special css elements */
#change-password .selectBox-dropdown {min-width: 420px;}
#submit-buttons a {color: #FFFFFF}

/*Prepaid Landing recharge credit section start */
.prepaid-landing-module-row{height: auto;}
.landing-module-row.last-bill.prepaid-landing-module-row:hover {background: url(images/bg-landing-hover.png) repeat-y 0 0;}
.landing-module-row.last-bill .recharge{font-size: 14px; padding: 0 0 0 0px; width: 80px; margin-left: 18px;  margin-bottom: 20px;}
.landing-module-row .recharge-exception{font-size: 14px;left: 18px;position: relative; margin-bottom: 20px;}
.landing-module-row.last-bill .bonus-pack{font-size: 16px;font-style: normal;  width:100px; position: absolute; text-align:right; right: 0; top:46px; margin-bottom: 20px; padding: 0px 18px 0 0; color: #E5308A; line-height: 18px;}
.prepaid-landing-exception-row{height: 50px;}
.landing-module-row #balance_warning_msg{margin:0 18px;}

.prepaid-landing-exception-module-row{height: auto;}
.landing-module-row.last-bill.prepaid-landing-exception-module-row:hover {background: url(images/bg-landing-hover.png) repeat-y 0 0;}
.new-page-content .payment-content .warning {margin:0px 0px 10px 0px;}
.new-page-content .payment-content .warning:last-child {margin:0px 0px 20px 0px;}
.new-page-content .payment-content .info {margin:20px 0px 10px 0px;}
.new-page-content .payment-content .info:last-child {margin:0px 0px 20px 0px;}
.landing-module-row.in-collection{height:auto;}
#in-collection-info-msg{margin:20px}
.landing-module-row.in-collection a {display: inline;font-size: 14px; padding:0px;}

/*Prepaid Landing recharge credit section end */

/* pre-paid recharge confirm lightbox start*/

#prepaid-recharge-confirm-lightbox-wrapper .overlay-footer{text-align:left;}
#prepaid-recharge-confirm-lightbox-wrapper .overlay-title {padding-top: 10px;}
#prepaid-recharge-confirm-lightbox-wrapper .overlay-content {padding-top:0px;padding-bottom:10px;}
#prepaid-recharge-confirm-lightbox-wrapper .overlay-content div.recharge-detail-section{padding-top:5px;}
#prepaid-recharge-confirm-lightbox-wrapper .overlay-content span.bold{font-weight:bold;}
.prepaid-recharge-processing {cursor:wait;background: url("images/animated-button-blue.gif") repeat-x center;}

/* pre-paid recharge confirm lightbox end*/

/* Styles for register and login page */

.icons-register{list-style-type:none; margin-bottom: 16px; margin-left: -20px;}
.icons-register li{vertical-align:top;padding:6px 0 8px 40px; +padding-top:4px;}
.icons-register li.monitor-your-calls{background:url(images/ico_sprites1.png) no-repeat scroll -139px -247px transparent;}
.icons-register li.automate-your-payments{background:url(images/ico_sprites1.png) no-repeat scroll -109px -283px transparent;}
.icons-register li.manage-your-telstra-services{background:url(images/ico_sprites1.png) no-repeat scroll -80px -312px transparent;}
.icons-register li.view-and-pay-your-bills{background:url(images/ico_sprites1.png) no-repeat scroll -51px -344px transparent;}
a.icons-register{padding-left:19px;padding-right:31px;position:relative}
.register-sub-title{font-size: 20px; margin:5px 0px 18px 0px;}
.fl.terms-hack{padding-top:5px;}
#registration-title{margin-left:-10px;}
#registration .tooltips{margin-top: 7px;}
.icons li.pay-a-bill a span{background-position:0 2px}
.icons li.pay-a-bill a:hover span{background-position:-71px 2px;background-color:#00B1EB}
.icons li.advise-payment a span {background-position: 0 -351px;}
.icons li.advise-payment a:hover span {background-position: -71px -351px;background-color: #00B1EB;}
.icons li.direct-debit a span {background-position: 0 -426px;}
.icons li.direct-debit a:hover span {background-position: -71px -426px;background-color: #00B1EB;}
.account-services{width:110px;float:left;margin-right:30px; margin-top:14px;text-decoration:none;line-height:0.9}
.account-services .no-login-required{margin-top: 8px;}
.icons-services{margin-top:10px;float:left}
.icons-services .icons li{margin-right:4px}
.icons{list-style-type:none;margin:0 -16px -16px;padding:0}
.icons li{display:inline-block;+display:inline;position:relative;text-align:center;vertical-align:top;margin:0 7px 0 0;padding:0 0 12px;+zoom:1.0}
.icons li a:link,.icons li a:visited{display:block;text-decoration:none;width:90px;padding:0 0 10px;}
.icons li a:hover,.icons li a:active{text-decoration:underline;color:#004D9D}
.icons li a:link span,.icons li a:visited span{border-radius:0px 0px 0px 0px;display:block;height:70px;width:70px;margin:0 0 7px 10px}
.icons li a span{background:url(images/services-icon-sprites.png) no-repeat scroll 71px 71px #F7F7F7}
.icons-background-white .icons a span{background-color:#FFF}
.icons li.recharge a span{background-position:0 -1133px}
.icons li.recharge a:hover span{background-position:-71px -1133px;background-color:#00B1EB}
.icons li.track-an-order a span{background-position:0 -1348px}
.icons li.track-an-order a:hover span{background-position:-71px -1348px;background-color:#00B1EB}
.icons li.activate-prepaid a span{background-position:0 -1633px}
.icons li.activate-prepaid a:hover span{background-position:-71px -1633px;background-color:#00B1EB}
.icons li.moving-home a span{background-position:0 -639px}
.icons li.moving-home a:hover span{background-position:-71px -639px;background-color:#00B1EB}
.icons li.request-email-bills a span{background-position:0 -71px}
.icons li.request-email-bills a:hover span{background-position:-73px -71px;background-color:#00B1EB}
.icons li.register-for-my-account a span{background-position:0 -1490px}
.icons li.register-for-my-account a:hover span{background-position:-71px -1490px;background-color:#00B1EB}
.icons li.recharge-pre-paid a span{background-position:0 -1699px}
.icons li.recharge-pre-paid a:hover span{background-position:-71px -1699px;background-color:#00B1EB}
.icons li.get-puk-code a span{background-position:0 -1846px}
.icons li.get-puk-code a:hover span{background-position:-71px -1846px;background-color:#00B1EB}
.icons li.coverage-maps a span{background-position:0 -1987px}
.icons li.coverage-maps a:hover span{background-position:-71px -1987px;background-color:#00B1EB}
.icons li.international-roaming a span{background-position:0 -2061px}
.icons li.international-roaming a:hover span{background-position:-71px -2061px;background-color:#00B1EB}
.icons li.set-up-mobile a span{background-position:0 -1771px}
.icons li.set-up-mobile a:hover span{background-position:-71px -1771px;background-color:#00B1EB}

.separator{background:url(images/bg_gradient_seperator.png) no-repeat scroll 20px 100% transparent;padding-left:20px}
.separator_no_padding{background:url(images/bg_gradient_seperator.png) no-repeat scroll 0 100% transparent}
.rounded-gradient{height:20px; border-top: 1px #dadada solid !important;}
.blue-arrow.nopadding{padding-left:0}
.blue-arrow.nopadding li{background-position:-995px -290px;padding:5px 5px 5px 11px}
.blue-arrow li{background-image:url(images/sprites.png);background-position:-986px -290px;display:block;padding:5px 5px 5px 20px}
.small-top-margin-grey-box{margin-top:10px;padding-bottom: 10px;margin-left:5px;}
.btn-grey{background:url(images/bg_grey_button.png) repeat-x scroll 0 50% transparent;border:0px solid #CCC;border-radius:0px 0px 0px 0px;box-shadow:0px 0px 0px 0 rgba(0,0,0,0);text-decoration:none;padding:6px 20px}
.btn-grey.register.black{margin:0 0 0 20px;padding:5px 14px; }
.btn-grey.register:hover{background:url(images/bg_grey_button_hover.png) repeat-x scroll 0 50% transparent;text-decoration:underline;color:#004D9D}
.unauthenticatedLoginServices ul{margin-top:-5px;padding:0; height:21px}
.section{border-top:1px solid #CCC;padding-top:20px}
.grid-login-service{display:inline;float:left;position:relative;width:520px}
.unauthenticatedLoginServices .vertical-align li{display:block;float:left;text-align:center;margin:0 10px 0 0}
.btn-disabled{height:22px;width:80px;disabled:true;margin:20px 0 0 45px !important;}
#login-heading{width:132px;padding-right:20px;font-weight: 700;font-size: 15px;font-family: arial;margin-top: 10px;}
#login-heading p{margin-top:3px}
#loginForm{margin-top:12px}
#loginForm .form-row{margin-bottom:12px}
#loginForm .form-row input[type=text],#loginForm .form-row input[type=password]{height:1.8em;line-height:1.8em;width:346px;font-size:1.15em;padding:3px 10px;float:left;}
#loginForm .form-row input[type="password"].error_border{border: 1px solid #E8491B;}

#loginForm .form-row label{padding-top:0;width:86px;text-align:left; margin-top: 0px;}
#loginForm #rememberMeLbl{width:123px; margin-top: 3px;}
#loginForm .form-row.embeded-label {position: relative;}
#loginForm .form-row.embeded-label label{position: absolute;font-size:1.15em;padding:10px; float: left; left: 1px;}

#loginForm .btn-blue{margin-bottom:0;width: 110px;}
#loginForm .form-row .error{display:none;float:left;height:28px;width:15px;vertical-align:middle;margin:6px 0px 0px 4px;padding:0}
#loginForm .form-row #passworderror {margin: 5px 0px 0px 4px;}
#loginForm .submit_buttons #login-processing-btn.processing-status-btn,#loginForm .submit_buttons #login-processing-btn.processing-status-btn:hover,#loginForm .submit_buttons #login-processing-btn.processing-status-btn:active,
#loginForm .submit_buttons #login-processing-btn.processing-status-btn:link{cursor:wait;background: url("images/animated-button-blue.gif") repeat-x center; float: right !important;}

#loginForm #rememberMe{margin:4px 5px 2px 0; +margin: -2px 5px 2px 0px; padding:0px;}
#loginForm #rememberMeLbl{margin-right:8px}
#facebook.facebook-section{padding:10px 0;}
.logout-section{margin-bottom:40px;}
.facebook-heading{width: 132px;}
.facebook-heading p{margin-top:3px; float:left; display:inline;}
.facebook-privacy{display:block;float:left; width: 366px; margin:9px 0 10px 20px;}
.page-container a.facebook-btn:link, .page-container a.facebook-btn:visited{color:white;}
.page-container a.facebook-btn:hover {text-decoration:none;background:url(images/FB_login_button_hover.png) no-repeat scroll 0 0 transparent;}
.facebook-btn{background:url(images/FB_login_button_up.png) no-repeat scroll 0 0 transparent; display:block; height: 31px;line-height: 29px; max-width: 180px; padding-left:50px;}
.facebook-privacy-disclaimer{background:url(images/FB_lock.png) no-repeat scroll -6px -2px transparent; font-size:12px; color:#666; padding: 0 0 0 27px; margin-top: 10px; line-height: 14px;}
#login-box{clear:none;float:left;min-width:400px;padding-bottom: 20px}
#login-box #error_box{width:380px;display:none;margin:10px 0 0}
#login-box #error_box .heading{font-size:1em;font-weight:400}

#login-outage-message { margin-right: 10px; margin-bottom:10px;}
#login-outage-message .info { margin: 10px 0px 20px;}

.error_box{background:none repeat scroll 0 0 #B32034;border-radius:0px 0px 0px 0px;color:#FFF;margin:10px;padding:8px 19px}
.error_box .heading{background:url(images/ico_sprites1.png) no-repeat scroll -293px -98px transparent;font-size:1.1667em;font-weight:700;margin-bottom:0;padding-left:20px}
.form input.error_border,.form-row input.error_border,.form select.error_border,.form-row select.error_border{border:1px solid #E8491B}
.form input[type=checkbox].error_border,.form-row input[type=checkbox].error_border{outline:1px solid #E8491B}
.pipe{background:url(images/sprites.png) no-repeat scroll -963px -341px transparent;display:inline;height:14px;width:1px;position:relative;top:1px;zoom:1;padding:0 10px 0 0}
.page-body{font-size:1.4em}
.small,.section .small{font-size:.857em}
.tooltip_username_right{float:left;margin-top:4px}

.tooltip_rememberme_right{float:left;margin-top:-5px}

.white-box{padding:0 10px 0 20px}
.section_no_border{margin-top:15px}
.container_18 .white-box .grid_18,.container_18 .white-box.grid_18{width:942px}
.container_18 .white-box .grid_11{width:567px}
.container_18 .white-box .field-group .grid_11{width:574px}
.side_title_padding_left_and_right{color:#0078BF;font-size:1.428em;line-height:120%;padding-right:30px;padding-left:25px; padding-bottom: 10px;}
.side_title_padding_left_and_right .registeronline{padding-left:20px}
.view-all{line-height:2.5}
.view-all a{background:url(images/global_sprites.png) no-repeat scroll -1186px -1441px transparent;display:inline-block;text-decoration:none;padding:0 0 0 20px}
#login_services{margin-bottom:15px; margin-top: 10px;}
.icons li a,.remove_underline li a{text-decoration:none}
.remove_underline li a:hover,.add_underline,.view-all a:hover{text-decoration:underline}


/*.login-username-tooltip{background: url("images/ico-tooltip.png") no-repeat;width: 17px;height: 18px;float:left; cursor: pointer; margin-left: 6px; margin-top: 11px;cursor: pointer;}
.login-rememberme-tooltip{background: url("images/ico-tooltip.png") no-repeat;width: 17px;height: 18px;float:left; cursor: pointer; margin-left: 0px; margin-top: 0px;cursor: pointer;}*/

#login-username-tooltip{margin-top: 11px;}
#login-rememberme-tooltip{margin-top: 3px;}

.warning.javascriptdisabled{margin: 15px 13px 20px 0px;}

input#username, input#password {outline: none;}

/* Browser detector related style */

.browser-detector-outer-div {margin-bottom:20px}
.browser-detector-outer-div .small-padding-bottom {padding-bottom:1px}

.browser-detector-message {margin: 4px 0px 4px 0px}

/* END Styles for register and login page */


/* START login css sprite style */
#login-body .info em,
#login-body #login-username-tooltip,
#login-body #login-rememberme-tooltip,
#login-body .btn-blue,
#login-body .btn-blue:hover,
#login-body .btn-blue:active,
#login-body .btn-grey,
#login-body .btn-grey.register:hover,
#login-body #facebook .facebook-btn,
#login-body #facebook .facebook-btn:hover,
#login-body #facebook .facebook-privacy-disclaimer{
     background-image: url('images/login-sprite.png');
}

#login-body .info em {
    background-color: #A31781;
    background-position: -22px -276px;
}
#login-body #login-username-tooltip,
#login-body #login-rememberme-tooltip {
    background-position: -2px -283px;
}
#login-body #login-btn.btn-blue {
    background: url('images/login-sprite.png') scroll repeat-x 0 -15px transparent;
    width: 80px;
}
#login-body #login-btn.btn-blue:hover,
#login-body #login-btn.btn-blue:active{
    background: url('images/login-sprite.png') scroll repeat-x 0 -73px transparent;
}
#login-body #facebook .facebook-btn {
    background-position: -2px -244px;
}
#login-body #facebook .facebook-btn:hover {
    background-position: -2px -211px;
}
#login-body #facebook .facebook-privacy-disclaimer {
    background-position: -2px -310px;
}
#login-body .btn-grey {
    background: url('images/login-sprite.png') scroll repeat-x -65px -125px transparent;
}
#login-body .btn-grey.register:hover {
    background: url('images/login-sprite.png') scroll repeat-x -65px -171px transparent;
}
/* END login css sprite style  */

.img-online-billing {
    background: url("images/gotemail-banner-350x218.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 218px;
    padding-bottom: 20px;
    width: 350px;
    margin-top:5px;
}

ul.bullet-points li {list-style: disc outside none;}

.left-align-bullet-points {margin-left:-6px;}

#logout-message{padding-bottom:18px;margin-bottom:10px}
#logout-message .message{background:url(images/ico_sprites1.png) no-repeat scroll -305px -46px transparent;color:#0078BF;font-size:30px;padding-left:58px;margin-bottom:0}
#logout-message .small.msg{padding-left:58px}
#logout-message strong,.tooltip-click-hover strong{font-weight:700}

.tooltip-click-hover{background:none repeat scroll 0 0 #FFF;border:1px solid #CCC;box-shadow:5px 5px 5px rgba(0,0,0,0.667);color:#666;font-size:12px;line-height:14px;position:absolute;text-align:left;margin:-10px 0 0 10px;padding:10px}
.tooltip-click-hover .width-medium{width:300px}
.tooltip-click-hover ul li{padding-bottom:5px;list-style:outside;line-height:1.4}
.tooltip-click-hover .tooltip-click-close{background:url(images/global_sprites.png) no-repeat scroll -1186px -1302px transparent;display:inline-block;float:right;text-decoration:none;padding:0 0 0 20px}
.tooltip-click-hover .tooltip-click-left{background:url(images/bg_info_tooltip_left_white.png) no-repeat scroll -3px -1px #FFF;height:23px;left:-21px;position:relative;top:-3px;width:15px}
.tooltip-click div,.tooltip-click-hover a{display:none}
.tooltip-click-hover .tooltip-click-close:hover {cursor:pointer;}

#generic-message-container {font-size: 14px; padding-bottom: 20px; padding-right: 20px; padding-left:20px}
#generic-message-container .btn-blue{min-width:110px}
#generic-message-container .rounded-gradient.error{padding-top: 0px; background-position:50% 95%; }
.generic-error-button-link {border-top: 1px solid #CCCCCC; padding-top: 20px;}
.generic-error-msg{padding-bottom:70px; margin-top:10px; }
.rounded-gradient.error{margin:0;padding-bottom:45px; padding-top: 20px;}
.info-container-top{display: none;}
.personal-detail.warning{margin-left:0px; margin-right:0px; }

/* download pdf start*/

.disable-div{opacity:0.5;}
#download-pdf-spining-wheel-div { width: 66px; position: absolute; top: 30%; left:35%;  padding: 0; font-size:12px;font-family: Conv_GraCoRg_; }
#pdf-loading{display: block;width: 66px;height: 55px;background: url(images/loading-spinner-small.gif) no-repeat scroll 73% 60% transparent;margin:0; position:static;font-size:12px; color: #393939; text-align: right;font-family: Conv_GraCoRg_;}
#download-pdf-spining-wheel-detail-div { width: 66px; position: absolute; top: 63%; left:45%;  padding: 0;  }


/* download pdf end*/
/*secret Question*/
.secret-question {width:420px; font-size: 14px; font-weight: normal;float:left}
#answer {width:420px;}
.selectBox.secret-question. selectBox-dropdown{padding-top:5px; padding-bottom:5px;}
.selectBox.secret-question.selectBox-dropdown .selectBox-label{font-size:14px;padding-top:5px; padding-bottom:5px;}
.selectBox-dropdown.secret-question .selectBox-label{font-size: 14px}
.selectBox-dropdown-menu.selectBox-options.secret-question-selectBox-dropdown-menu LI A{font-size: 14px}
.fancybox-opened {z-index: 9995;font-size: 12px}
.fancybox-skin {background: #fff}
.details-container dd a.edit-with-left-line{border-left: 1px solid #CCC; margin-left: 8px; padding-left: 8px; font-size: 14px;}
#createPasswordLink {padding-left:26px;}
#secret-question{max-width:860px; width:840px;}
#secret-question .form-row .error{padding-top: 5px;+padding-top: 4px; margin-top:1px; font-size: 12px;}
@media \0screen{#secret-question .form-row .error{padding-top: 4px;}}
#secret-question .overlay-content .form-row label{font-size:14px;}
#secret-question .overlay-content .error-container{width:auto}
.error-secret-question{background:url(images/ico_sprites1.png) no-repeat scroll -253px -137px transparent;color:#B21F33;font-size:.857em;padding-left:20px;padding-top:5px;+padding-top:4px;width:auto;margin-left:6px;float:left;margin-top: 2px;}
#secret-question .form-row label{width:166px;}
#secret-question .form-row #currentQuestion{font-weight:bold;width: 260px;line-height: 30px;}
#secret-question .new-secret-question {margin-top: 5px;margin-bottom: 20px;}
#secret-question .form-row .current-answer-error {width:250px}
#secret-question .form-row .error-container .error a{color:#B21F33; text-decoration: underline;}
#secret-question .form-row .error-container .error a:hover{text-decoration: none;}
#secret-question .form-row .error-container a.error{text-decoration: underline;}
#secret-question .form-row .error-container a.error:hover{text-decoration: none;}

/*change password*/
#change-password{max-width:900px; width:880px;}
#change-password .form-row .error{padding-top: 5px; +padding-top:4px; margin-top:2px; font-size: 12px;}
@media \0screen{#change-password .form-row .error{padding-top: 4px;}}
#change-password .overlay-content .form-row label{font-size:14px;}
#change-password .overlay-content .error-container{width:auto}
#change-password .tooltips{margin-top: 7px;}
#change-password #change-password-bigpond-alert {margin: 15px 0px 20px;}
#change-password .loading{height: 30px; z-index:9999; position:relative; left: 75px; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
/*set password*/
#setPasswordLink{padding-left: 26px;}
label[for="username"]{margin-top:3px;}
#set-password{max-width:900px; width:880px;}
#set-password .form-row .error{padding-top: 5px; padding-top:4px; margin-top:2px; font-size: 12px;}
#set-password .title-padding{padding-top: 5px;}
/*add account*/
#account-linking{max-width:800px; width:730px;}
#account-linking .form-row .error{padding-top: 5px; +padding-top:4px; margin-top:1px; font-size: 12px;}
@media \0screen{#account-linking .form-row .error{padding-top: 4px;}}
.account-linking-privacy{border-top: 1px solid #CCC; margin-bottom: 15px;text-align:left;}
#account-linking .form-row label{ font-size: 14px; width: 100%; float: none;}
#linkAccountForm > div.overlay-content > div.form-row div.form-input > div.error-container {
    width: 430px;
}
#linkAccountForm > div.overlay-content > div.form-row > div.form-input {
    margin-top: 3px;
}
#account-linking .tooltip{margin-left: 5px;}
.account-linking-privacy{font-size: 14px;}
#section-account-linking dt{width:auto;}

/* Track my order */
.form-row input.order-number-input{width:359px;}
.billing_side_title{margin:32px 0 0 10px;}
.online-billing-content{clear:both; margin-top: 8px;}
.side_title { color: #0078BF;font-size: 1.428em;line-height: 120%;padding-right: 30px;}
.side_title.indent {padding-left: 30px;}
.form_row.no_label {padding-left: 195px;}
.order_track_grid.grid_11{width:592px;}


/* story 1403, edit contact details*/
#change-contact-detail .overlay-content .error-container{width:36%;float:right; margin-top:3px;}
#change-contact-detail .overlay-content .row-label{float:left;width:64%;}
#change-contact-detail .overlay-content .form-row {clear:both; width:100%;}
#change-contact-detail .overlay-content .form-row input{padding: 3px 7px 3px 5px; }
#change-contact-detail .overlay-content .form-row label{width:120px;}
#change-contact-detail .overlay-content .form-row .error{margin-left: 0; margin-top: 0px;}
#change-contact-detail .overlay-content .warning, #change-contact-detail .overlay-content .info, #change-contact-detail .overlay-content .info-grey{margin: 30px 0 20px 0;}
.info-container-top #generic-info-line {margin-left: 15px; margin-bottom: 0px;}
@media \0screen{
    #change-contact-detail .overlay-content .form-row label{margin-top:4px;}
    #change-contact-detail .overlay-content .form-row input{padding: 4px 7px 2px 5px; }
}

#change-contact-detail .overlay-content .form-row label.label-with-mandatory-field {margin-right: 10px;width: 126px; margin-top: 8px;}

.overlay-content a:link,.overlay-content a:visited {color: #004C9D;text-decoration: none;}
.overlay-content a:hover {text-decoration: underline;}

.overlay-container{width:660px; font-size: 14px; background: #fff;}
.overlay-container .overlay-splash-title{ font-size: 30px; line-height: 30px; color: #0078BF; margin-bottom: 10px; height:30px;}
.overlay-container .overlay-body p {padding-bottom: 10px; line-height: 18px;}
.overlay-container .banner{margin: 0 0 20px; display: block;}

.bill-deliveries {padding: 0px; margin-bottom: 0;}
.page-container .details-container .bill-delivery-container{padding: 14px 0 0;}
.bill-deliveries .delivery-detail .warning{margin-left:0px; margin-right:0px; margin-top:0px;margin-bottom: 0px;}
.bill-deliveries .delivery-detail {position: relative; margin-bottom: 20px;padding-bottom: 20px;margin-left: 20px;}
.bill-deliveries .add-border-post{border-bottom: 1px solid #F2F2F2; min-height: 113px;}
.bill-deliveries .add-border-email{border-bottom: 1px solid #F2F2F2; min-height: 95px;overflow: hidden;padding-bottom: 6px;}
.bill-deliveries .add-border-online{border-bottom: 1px solid #F2F2F2;min-height: 112px;}
.bill-deliveries .delivery-detail span {display: inline-block;}
.bill-deliveries .delivery-detail dd {margin-left: -25px;}
.bill-deliveries .delivery-detail .account-number{float: left;font-size:1.3em;}
.bill-deliveries .delivery-detail .account-label{float: left;font-size:1.3em;}
.bill-deliveries .delivery-detail .current-delivery-method {width: 360px;line-height: 18px;padding-right: 20px;}
.bill-deliveries .delivery-detail .switch-to-email-post {margin-left: -220px;}
.bill-deliveries .delivery-detail .switch-to-email-online {margin-left: -40px;}
.bill-deliveries .delivery-detail .sign-up-for-email-bill{margin-left: 8px;}
.bill-deliveries .delivery-detail .delivery-destination span .switch-to-email-btn {padding: 4px 5px 5px 7px; background-color: #0099F8;box-sizing: border-box; color: white; display: inline-block; font-size: 14px; height: 30px; width: 180px; text-decoration: none; cursor: pointer; text-align: center; float: right;}
.bill-deliveries .delivery-information .tooltips{display:inline-block; float:none; margin-left: -40px !important;padding: 0px;}
.bill-deliveries .delivery-detail .delivery-destination .label {float: left;width: 130px;}
.bill-deliveries .delivery-detail .delivery-destination .value {width: 262px;padding-right: 10px;}
.bill-deliveries .delivery-detail .delivery-destination span .edit-email {
    padding: 4px 5px 5px 7px;
    background-color: #0099F8;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    width:87px;
    text-decoration: none;
    cursor: pointer;
    text-align:center;
    float:right;
}

.edit-email-span {
    float: right;
}
.edit-email-span-mobile {
    display: none;
    padding: 4px 5px 5px 7px;
    background-color: #0099F8;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    height: 30px;
    width: 90px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    float: left;
}

.switch-email-span-mobile {
    display: none;
    padding: 4px 5px 5px 7px;
    background-color: #0099F8;
    box-sizing: border-box;
    color: white;
    font-size: 14px;
    height: 30px;
    width: 180px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    float: right;
}

dd.delivery-destination {
    width: 540px;
}

.mobile {
display:none;
}

.switch-email-span-mobile {
display: none !important;
}

.edit-email-span-mobile{
display:none !important;
}


@media only screen and (max-width: 767px) {
    .edit-email-span {
        display: none;
        float: right;
    }
    .edit-email-span-mobile {
        display: block !important;
        height: 30px;
        margin-top:10px;
    }
    .switch-email-span-mobile {
        display: block !important;
        height: 30px;
        margin-top: 10px;
    }
    span .desktop {
        display:none !important;
    }

    span .mobile {
        display: inline-block;
    }
    .edit-email {
        border: 1px solid black;
    }
    dt#update-address {
        width: 100% !important;
    }
}
a.edit-email:hover, a.edit-email:active, a.edit-email:visited, a.edit-email:link {
    color: white;
    text-decoration: none;
}

a.switch-to-email-btn:hover, a.switch-to-email-btn:active, a.switch-to-email-btn:visited {
    color: white;
    text-decoration: none;
}

.edit-email img {
object-position:0px -2px;
object-fit:contain;
height: 25px;
}
.switch-to-email-btn img {
object-position:0px -2px;
object-fit:contain;
height: 25px;
}

dt#update-address {
    width:117px;
    margin-right:16px;
}

.bill-deliveries .delivery-detail .bill-detail-type .label {float: left; line-height: 18px; width: 130px;}
.bill-deliveries .delivery-detail .bill-detail-type .value {width: auto; line-height: 18px; }
.bill-deliveries .delivery-detail .bill-detail-type .tooltips {position: relative; left:9px; }
.bill-deliveries .bill-options{display:inline-block; line-height: 18px; margin-top: 20px}
.bill-deliveries .delivery-detail .bill-delivery-notification {vertical-align: top; font-size:1.1em; margin-left: 35px}
.bill-deliveries .delivery-detail .bill-delivery-notification.tooltips {position: relative; left:9px; top:-4px;}
.bill-deliveries .delivery-detail .post-email-delivery-method {width: 168px;line-height: 18px;padding-right: 20px;}

.bill-deliveries .delivery-information .left-div {margin-left: 35px}
.bill-deliveries .delivery-information .right-div {margin-left: -25px}

.bill-deliveries .delivery-information .detailed-bill-tooltip {margin-left: 50px}
.bill-deliveries .delivery-information .right-div-bill {margin-left: -43px}

.bill-deliveries .delivery-information .detailed-bill-tooltip-updated {margin-left: 50px; width: 20px;}
.bill-deliveries .delivery-information .right-div-bill-updated {margin-left: -43px; margin-right:16px;}

.bill-deliveries .delivery-information .no-border-line {border-left:0px;margin-left: 50px}
.bill-deliveries .delivery-information .tooltip-align {margin-top: 5px;margin-left:-20px;}
.bill-deliveries .delivery-information .modify-bill-delivery {font-size:1.0em;}
.bill-deliveries .delivery-information .bill-options-width {width: 400px;}
.bill-deliveries .delivery-information .row-two-width{width:262px;}
.bill-deliveries .delivery-information .right-div-bill-post {margin-left: -35px;width: 400px;}


#bill-delivery-update-message strong {font-weight: bold;}

#bill-delivery-update-failure-message, #bill-delivery-update-message {margin-left: 0px;margin-right: 0px;}

.bill-delivery-lightbox .overlay-title {background: url("images/divider_665px.jpeg") no-repeat scroll center bottom transparent;margin-top:5px;}
.bill-delivery-lightbox .bill-delivery-form .form-row {width: 100%;}
.bill-delivery-lightbox .bill-delivery-form .form-row .row-label {width: 67%; float:left;}
.bill-delivery-lightbox .bill-delivery-form .form-row .row-label label {width: 150px;margin-right: 16px;}
.bill-delivery-lightbox .bill-delivery-form .form-row .row-label input[type="checkbox"] {margin-left: 166px;margin-top: 9px;+margin-top: 5px;}
.bill-delivery-lightbox .bill-delivery-form .form-row .row-label input[type="checkbox"] + label {text-align: left;width: auto;}
.bill-delivery-lightbox .bill-delivery-form .error-container{float:right;width: 33%;}
.bill-delivery-lightbox .bill-delivery-form .overlay-separator {border-top: 1px solid #D2D3D3;width: 100%;margin-top: 10px;}
.bill-delivery-lightbox .bill-delivery-form .overlay-separator p {padding-top: 8px; padding-bottom: 20px;}

.detail-type {padding-bottom: 15px;}
.detail-type input[type="radio"] {margin-left: 100px; margin-top:9px;+margin-top:5px;}
.detail-type input[type="radio"] + label {text-align:left; width: auto;}
.detail-type .detailed-bill input[type="radio"] {margin-left: 50px; margin-top:9px;+margin-top:5px;}


/*direct debit details in bill settings page Us4118 */
div.directDebitHeading {padding-top: 6px;}
div.directdebitparent { width: 97%;margin-left: 20px;border-bottom: 1px solid #F2F2F2;position: static;clear: both; }
li.direct-debit-container{ width:100%; border-bottom :1px solid #F2F2F2; border-top:1px solid #F2F2f2; }
li.direct-debit-container dl{ float:left; }
li.direct-debit-container .dd-acc-details dt { float: left; clear: both; text-align: left; font-weight: normal; width: 148px; vertical-align: middle; }
ul.dd-acc-details-container{ float : left; margin-bottom :20px;margin-left: -20px; margin-top: 23px; padding-bottom:0px; }
ul.dd-acc-details-container dl{ width:100%; }
ul.dd-acc-details-container dt.account-label, ul.dd-acc-details-container dd.account-number { float: left; font-size: 1.3em; }
ul.dd-acc-details-container dd.account-number { padding-left: 0px;}
ul.dd-acc-details-container dd a{ margin-left: -10px  !important; }
ul.dd-acc-details-container dd.setup-directdebit { padding-top: 4px; width:auto: }
ul.dd-acc-details-container dd.setup-directdebit a { font-size : 14px; }
ul.dd-acc-details-container dt.cancel { margin-top:5px; margin-bottom:5px;width:160px !important }
ul.dd-acc-details-container dt.remove-cancel-dd-link { margin-top:8px;}
ul.dd-acc-details-container dt.dd-descritption{width: 100%;float:left;padding-bottom:3px; }
ul.dd-acc-details-container dt.account-label{ width :140px; }
ul.dd-acc-details-container div.debitdetails{ padding-top:15px; }
ul.dd-acc-details-container div.debitdetails dd{ padding-left:0px !important; }
ul.dd-acc-details-container dt.dollerdd{ background-image:url("../images/dollerdd.png"); background-repeat:no-repeat; background-position-x:0%; background-size:20px; padding-left:30px; margin-left:-30px; }
ul.no-border{ border:0; }
div.direct-debit-margin{ margin-left: 18px; margin-top: 10px; margin-bottom: 20px !important }
div.directDebitHeading span.directDebitWait{ width: 55px;}
div.directDebitHeading .loading{ position:static; width:55px; height:60px; margin-left:45%; background-position-y : 22px; margin-top: 0px; +margin-top: 30px; padding-bottom: 10px;}
div.directDebitHeading .loading{ position:static; width:55px; height:60px; margin-left:45%; background-position-y : 22px; margin-top: 0px; +margin-top: 30px; }
li.dd-acc-details { padding-left: 30px; }
//li#direct-debit-auto { padding-left: 30px; }
div.direct-debit-submit-div{float: right; margin-right: 10px;}
a.direct-debit-submit-btn{width:100px}


#loggingout .large-loading #loading-spinner {float: left;margin: 25px 0 0 30px;}
#loggingout .large-loading {background: url("images/ajax-loader.gif") no-repeat scroll 0 50% transparent;color: #4C4C52;height: 70px;font-size:1.1em;position: relative;}
#loggingout .large-loading p {font-size: 14pt;margin-bottom: 0;margin-left: 45px;padding-top: 20px;}
#loggingout.container {position: absolute;left: 25%;top: 45%;}
.inservice_header {padding: 12px 10px 0;}
.inservice_header .title {color: #000000;font-size: 22.5pt;margin-bottom: 4px;}
.logging-out-container {min-height:250px;}

#loggingout-new .large-loading {background: url("images/ajax-loader.gif") no-repeat scroll 50% 50% transparent};

#change-contact-detail .overlay-content .form-row label.label-with-mandatory-field {margin-right: 10px;width: 126px;}

/* Potentially move to common.css? */
a.link {background: url(images/global_sprites.png) no-repeat scroll -1186px -1450px transparent; padding: 0 0 0 20px; text-decoration: none; display: inline-block;}
.container-row {margin-bottom: 30px;}
.side-title-padding-left{color:#0078BF;font-size:1.428em;line-height:120%;padding-left:25px}

.page-container .details-container .details-container-tail {border-bottom: 0px; padding-bottom: 0px; padding-right:20px;}
.details-section .details-section-content ul.nav { padding-left: 0; margin: 0 10px; display: inline; }
/* margin updated to -2px due to S4 alignment and squeeze text issue */
.details-section .details-section-content ul.nav li { border-left: 1px solid #CCCCCC; margin: 0 -2px 0 0; padding: 0 10px; display: inline; }
.border-left{border-left:1px solid #D9D9D9; font-size:14px; margin-left: 10px; padding-left: 10px;}

/* Calls & text */
.page-container .disclaimer-title {font-size:14px;padding-bottom: 0px}

/* 404 page not found */
.page-not-found {min-height:383px;}
.page-not-found .content-title { padding: 20px 20px 12px;}
.page-not-found .content-title span {font-size:30px;color:#B32033;}
.page-not-found p {margin:0px;}
.page-not-found .error-message {min-height:100px;padding-top:20px;}
.page-not-found .divlinks {padding-top:20px;}
.page-not-found .buttondivholder {border-top: 1px solid #CCCCCC;clear:both; padding: 20px 0 30px; margin: 20px 20px 0;}
.page-container .mandatory-field-description{padding-right:20px; padding-bottom: 0px;}

/**************  ipad content start ******************/

/* ensure the lightbox is higher placed than all other elems on login page */
div#ob_overlay, div#ob_container {z-index:5100 ; }

#ob_content .iPad-h1 { font-size: 24px; }
#ob_content .colour-D5 { color: #71CBF4; }
#ob_container #ob_window { padding: 11px; }
#ob_content {
    font-size: 1.2em;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.75);
    box-shadow: 0 0 10px rgba(0,0,0,0.75);
}
#ob_inline { width: 768px !important; }
#ob_content ul, #ob_content li, #ob_content ol { line-height: 1.4; list-style-type: disc; }
#ob_content em { font-style: italic; }
#text-left { width:395px; }
#ob_content .button {
    vertical-align: middle;
    margin: 0 4px 0 0;
    padding: 3px 12px 4px;
    border: 1px solid #CACACA;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    line-height: 19px;
    font-size: 1.16667em;
    font-weight: bold;
    text-align: center;
    background-color: #fefefe;
    background-image: -webkit-linear-gradient(top, #fefefe, #e8e8e8 100%);
    background-image: -moz-linear-gradient(top, #fefefe, #e8e8e8 100%);
    background-image: -ms-linear-gradient(top, #fefefe, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #fefefe, #e8e8e8 100%);
    background-image: linear-gradient(top, #fefefe, #e8e8e8 100%);
    cursor: pointer;
    text-decoration: none;
}
#ob_content .button:hover { background: #fefefe; }

/**************  ipad content end******************/

/***********Daily internet usage **************/

.usage-data-table{
    margin-bottom: 20px;
    margin-top: 20px;
    width: 96.5%;
    border-collapse:collapse;
}

table.centre_grid, table.centre_grid td, table.centre_grid th {
    background: none repeat scroll 0 0 transparent;

}

#daily-usage-data-table thead td {
    border-bottom: 1px solid #666666;
    text-align: left;
    padding-top:10px;
    padding-bottom:5px;
}

#daily-usage-data-table td.first {
    width: 10%;
}
.usage-data-table  td.usageAmount{
    width:10%
}

#daily-usage-data-table tbody tr.first td {
    border-top: 1px solid #666666;
}


#daily-usage-data-table thead td {
    border-top: 1px solid #FFFFFF;
}

#daily-usage-data-table td {

    font-size: 0.857em;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #F4F4F4;
}

#daily-usage-data-table tbody td {
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: right;
}

#daily-usage-data-table td.usage_bar_cell {
    background: url("images/bg_dot_grid.png") repeat scroll 0 0 transparent;
    padding-left: 0;
    padding-right: 5px;
    text-align: left;

    width: 46%;
}

.bar-graph { margin-bottom: 12px; }
.bar-graph .heading { width: 100% }
.ir-usage-bar-graphs { margin-right: 25px; margin-top: 0px; margin-bottom: -7px; }
.bar-graph .ir-day-pass-bottom { width: 100% }
.bar-graph .ir-day-pass-bottom { width: 100% }
.ir_bar_graph_red { color: red; }
.ir-day-pass-expiry, { font-size: 10px; }
.page-container .details-container #intl-payg-section-new .ir-day-pass-topup { font-size: 14px; margin: 20px 0px 0px 25px; }
.bar-graph .data_remaining_detail { display: inline-block; width: 30%; font-size: 12px; padding-top: 10px; }
.bar-graph .hours_remaining_detail { display: inline-block; text-align: right; width: 69%; font-size: 12px; padding-top: 10px; }
.bar-graph .ir-data-topup-expiry { display: inline-block; text-align: right; width: 69%; font-size: 12px; padding-top: 10px; }
.page-container .details-container .day-pass-title { display: inline-block; padding-right: 10px; }
.page-container .details-container #intl-payg-section-new p.intl-payg-desc { margin: 15px 0px; }
.page-container .details-container #intl-payg-section-new p { font-size: 14px; width: auto; }
.page-container .details-container #intl-payg-section-new .chargeable-usage { margin-bottom: 33px; }
.page-container .details-container #intl-payg-section-new .payg-usage-label { width: 260px; float: left; clear: left; }
.page-container .details-container #intl-payg-section-new .payg-usage-value { float: left; }
.page-container .details-container #intl-payg-section-new .billing-start-date { font-weight: bold; }
/*#international-usage-section-new .personal-details-page .warning, .info, .info-grey { margin: 0px 0px 20px 0px; }*/
.ir-day-pass-expiry {margin-top: 20px; font-size: 12px; }
#intl-payg-section-content { margin-bottom: 20px; margin-left: 25px; }
.page-container .details-container #intl-payg-section-new .payg-usage-label-modify {
    width: 120px;
    float: left;
    clear: left;
    margin-right: 40px;
}
.page-container .details-container #intl-payg-section-new .payg-usage-value-modify {
    width: 120px;
    float: left;
}
.payg-data { font-size: 30px; margin-right: 1px; color: #e5308a; }
.payg-data-unit { font-size: 14px; color: #e5308a; }
.payg-cost { font-size: 30px; color: #e5308a; }
.payg-cost-unit { font-size: 14px; margin-right: 5px; color: #e5308a; }
.next-billing { margin-bottom: 14px; }
.page-container .details-container .topup-title { display: inline-block; padding-right: 10px; }
#international-usage-section-new h2, #intl-payg-section-new h2 { padding-top: 10px; }
.page-container #international-usage-section-new div.details-section { padding-top: 20px; }
#ir_day_pass_data-usage-bar-graph { margin-bottom: 20px; }
.page-container #intl-payg-section-new .excess-rate { padding : 20px 0px 20px;}
#intl-payg-section-new > .payg-new, #international-usage-section-new > .payg-new { margin: 15px 0px 25px 0px; }
#international-usage-section-new .ir-usage-bar-graphs .title { font-size: 14px; font-weight: bold; }
.bar-graph .title { display: inline-block; width: 30%; font-size:20px; }
.bar-graph .usage-detail { display: inline-block; text-align: right; width: 69%;font-size:12px; padding-top: 10px; }
.bar-graph .usage-addition-info { text-align: right; font-size:12px; }
.bar-graph .bar-background { border: 1px #CCCCCC solid; padding: 4px; margin: 2px 0 4px; }
.bar-graph .bar { background-color: #00B1EB; height: 14px; }
.usage-bar-graphs {
	margin-right: 25px;
	margin-top: 68px;
	margin-bottom: -7px;
}
/* IE7 */
.usage-bar-graphs {
	*margin-top: 40px;
}

.internet-usage-bar-graphs {
	margin-right: 25px;
	margin-bottom: 15px;
}
/* IE7 */
.internet-usage-bar-graphs {
	*margin-top: 0px;
}

.usage_bar {
    background-color: #00B1EB;
    border-left: 1px solid #00B1EB;
    height: 12px;
}

#daily-usage-data-table tfoot td {
    border-top: 1px solid #666666;
    text-align: right;
    padding-bottom:10px;
    padding-top:5px;
}

#daily-usage-data-table tfoot td.first {
    text-align: right;
}

.daily-usage-loading { height: 60px; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: inline;  padding:10px ;padding-bottom:10px}


#daily-usage-data-table-no-usage thead td {
    border-bottom: 1px solid #666666;
    text-align: left;
    padding-top:10px;
    padding-bottom:5px;
}

#daily-usage-data-table-no-usage {
    border-collapse:separate;
    +border-collapse:collapse;
    border-spacing:0;
}

#daily-usage-data-table-no-usage td.first {
    width: 15%;
}

.usage-data-table-no-usage  td.usageAmount{
    width:10%
}

#daily-usage-data-table-no-usage thead td {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #CCCCCC;
}

#daily-usage-data-table-no-usage td {
    font-size: 0.857em;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
    border-top: 1px solid #F4F4F4;
}

#daily-usage-data-table-no-usage tfoot td {
    border-top: 1px solid #666666;
    padding-bottom:10px;
    padding-top:5px;
}

#daily-usage-data-table-no-usage tfoot td.first {
    text-align: right;
}

#daily-usage-data-table-no-usage tfoot td.warning {
    text-align: left;
}

#loading-internet-daily-data-usage-history.loading{ position: static; ;width:100%;height: 65px; text-align:center;margin-top: 100px}

/**************** Internet Data Usage ******************/
#internet-data-usage-history-bar-div {padding-top:15px;}
#internet-data-usage-history-bar-div .y-label-1{font-size:0.857em;position:relative;top:-23px;left:-6px}
#internet-data-usage-history-bar-div .y-label-2{font-size:0.857em;position:relative;top:-17px;left:-6px}
#internet-data-usage-history-bar-div .y-label-3{font-size:0.857em;position:relative;top:-10px;left:-6px}
#internet-data-usage-history-bar-div .y-label-4{font-size:0.857em;position:relative;top:-3px;left:-6px}
#internet-data-usage-history-bar-div .history-chart{font-size:0.857em;position:relative;left:18%}
#bill-chart-loading-internet-data-usage-history .loading{width:60%;height: 65px}

.modify-bill-delivery{position: absolute; right: 0}
.switch-to-email{width: 130px}
.vertical-bar-table td.y-labels{text-align: right}

/* standard form style*/
.forms{background:#FFFFFF; width: 100%;font-size:14px;}
.forms .form-container{ clear: both;}
.forms h3 {font-size: 20px; padding-bottom: 12px;}
.forms h3 span{display: block;}
.forms h3 strong{font-weight: bold;}
.forms h3 span.hint{clear:both;font-size:12px;}
.forms .form-row{clear:both; padding:0px; margin: 0 0 10px 0px !important;width:100%;}
.forms .form-row dt{width:174px;float:left;text-align: right; padding:3px 0 0 0; *padding:4px 0 0 0; margin: 2px 16px 0 0;line-height: 16px; position:relative;}
.forms .form-row dt.two-line {padding-top: 0; top: -3px;}
.forms .form-row dd{float:left; padding:0px; margin: 0px;}
.forms .error{background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;color:#B21F33;font-size:.857em;padding-left:20px;padding-top:4px;width:auto;margin-left:6px;float:left;}
.forms .error-container {padding-left:0;margin-left:0;float:left;}
.forms .form-row select{margin-right:6px;position:relative;top:3px;float:left;padding:1px}
.forms .form-row select.new {padding: 4px 2px;}
.forms .form-row a.selectBox{margin-left:0px!important;margin-top:-1px;}
.forms .form-row dd a{font-size: 14px !important; margin: 0px !important; padding: 0px !important;}
.forms .form-row .mandatory-field{position: absolute; right:-8px;}
.forms .hint{font-size: 12px;padding-bottom: 15px;}
.forms .form-row input{float:left}
.forms .form-row input[type=text],.form-row input[type=password]{border:1px solid #CCC;width:264px;padding:3px;padding:2px 5px 3px \0; line-height:22px; height:22px;}
.forms .form-row input[type="checkbox"], .form-row input[type="checkbox"], .form-row input[type="radio"] {margin-top:3px;margin-right:5px;}
.forms .form-row dd.text-dd{padding-top: 4px;}
.forms .form-row .form-span{float:left; margin:0 5px 0 0;}

@-moz-document url-prefix() {
    .forms .form-row dt { padding-top:4px }
}


/***************new style for unauthenticated page*************/
.new .page-container{font-size: 12px; padding-top: 0px;}
.new input{padding:2px 5px;height:18px; line-height: 18px; border: 1px #E7E7E7 solid; border-top:1px #adadad solid; }
.new input[type="radio"]{border: 0;}
.new .selectBox-dropdown .selectBox-label{font-size: 14px; padding:5px 8px;}
.new .page-container .error-container{padding-left:0;margin-left:0;}
.new .page-container .error-container .error{background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;color:#B21F33;font-size:12px;padding-left:20px;padding-top:4px;width:auto;margin-left:6px;float:left;}
.new .page-container .error-container .error{
    +padding-top:1px;
    +background:url(images/ico_sprites1.png) no-repeat scroll -253px -140px transparent;
}
.new .page-container .accept-ddsa-error-dd .error {margin-left: -450px; margin-top: 30px;}

@media \0screen{
    .new .page-container .error-container .error{padding-top:4px;}
}
.new .page-container .error-container .error a{color:#004C9D; text-decoration: none;}
.new .page-container .error-container .error a:hover{text-decoration: underline;}
.new .page-container .error-container a.error{text-decoration: underline;}
.new .page-container .error-container a.error:hover{text-decoration: none;}


/***** section header ******/
.new-section-header{position:relative;display: inline-block; float:left; color: #3B3B3B;font-size: 40px;margin: 35px 0 20px 9px; text-decoration: none; }
.new-section-header b{background: url(../css/images/header-arrow.png) no-repeat; width: 20px; height:20px; position: absolute; left: -24px; top:22px; +top: 21px;}
a.new-section-header {color: #000000;}
.new .page-container .content-title.personal-details{background: url(../css/images/payment-50px.png) no-repeat 20px 19px;}
.new .page-container{ padding-bottom: 20px; margin: 0 auto;}
.new .page-container ul,.new .page-container ol,.new .page-container dl{padding: 0; font-size: 14px;}
.new .page-container .content-title{padding-bottom: 9px; font-size: 12px;}
.new .page-container .content-title dt{color:#393939;}
/*.new .page-container .content-title dd{color:#666;}*/
/*.new .page-container dl{color:#666;}*/
.new .new-page-content{padding:20px;}
.new .new-page-content h3{ font-size:20px; padding:0 0 12px 0; }
.new .new-page-content .main-content{float: left;width:720px; padding:0px;}
.new .new-page-content .main-content.max-width{width: 100%;}
.new .new-page-content .main-content h2.new-title{font-size: 30px;padding-left: 0px; border: 0px;}

/* footer button style*/
.new-page-content .common-box{ text-align: right; padding-bottom:24px;}
.new-page-content .common-box a{font-size:14px;border:0px; float: left; padding: 4px 12px 4px 8px; margin: 0px 12px 0 0; }
.new-page-content .common-box #change-link, .new-page-content .common-box #change-link-bank{border-right: 1px solid #CCCCCC; margin:4px 0 0 0px; padding: 0 14px 0 0; float: right; color: #004C9D;}
.new-page-content .common-box input{ font-weight: normal;}
.new-page-content .common-box .btn{color:#fff; float:right;margin-left: 20px;padding: 0 15px 0 0;}

/*For payment steps*/
.payment-steps{width:100%; margin: 0px; height: 177px; position: relative;}
.payment-steps li{position:relative;margin-left:10px;padding: 10px; border: 1px #dbdbdb solid;  height: 145px !important;}
.payment-steps li .triangle{position:absolute; height:0px;border:8px solid transparent; border-left:8px #fff solid; right:-16px; top:75px;}
.payment-steps li .triangle-border{position:absolute;height:0px;border:9px solid transparent; border-left:9px #DBDBDB solid; right:-18px; top:74px;}
.payment-steps li dd,.new-page-content .main-content .payment-steps li dt{float: left;}
.payment-steps li dl{margin-bottom: 10px;}
.payment-steps li.step1{width:325px; position: absolute; left: 0; top:0;}
.payment-steps li.step1 dt{width:110px; }
.payment-steps li.step1 dt, .payment-steps li.step1 dd{float:none;}
.payment-steps li.step1 input{width:140px; margin-left: 10px; float: left;}
.payment-steps li.step1 .tooltips{float:left; margin-top: 4px;}
.payment-steps li.step2{width:335px;position: absolute; left: 350px; top:0;}
.payment-steps li.step2 dt{width:73px;}
.payment-steps li.step2 dd input{width:235px;}
.payment-steps li.step3{width:162px; position: absolute; right: 0; top:0;}
.payment-steps li.step3 dl{position: relative;top:-4px; margin-bottom: 0px;}
.payment-steps li.step3 dd{clear:both;float:none; height:28px;}
.payment-steps li.step3 dd .about-fees-content,.authenticated-payment-steps li.step3 .about-fees-content{display: inline-block;!important;}
.payment-steps li.step3 dd .about-fees, .authenticated-payment-steps li.step3 .about-fees{font-size: 12px; display: inline;}
.payment-steps li.step3 .ui-btn-text .about-fees-content, .authenticated-payment-steps li.step3 .ui-btn-text .about-fees-content{font-size: 12px;!important display: inline;font-weight: normal;!important}
.payment-steps li.step3 dd input{height: 12px; width:12px; vertical-align: -2px \9;  margin-right: 5px; margin-right: 0px \9; margin-left: -4px \9;}
.payment-steps li.step3 select{ width:140px;}
.payment-steps li.step3 .payment-list{clear:both;background: url(images/pay-list2.png) no-repeat;width:171px;height:20px;margin-left: -7px;}
.payment-steps li.step3 .payment-list a{ width:35px; height:30px; display: block; float: left; margin: 10px 0 0 0px; background: url(../css/images/pay-list2.png) no-repeat}
.payment-steps li.step3 .payment-list a.visa{background-position:0 0;}
.payment-steps li.step3 .payment-list a.master-card{background-position:-35px 1px;}
.payment-steps li.step3 .payment-list a.america-card{background-position:-70px -1px;}
.payment-steps li.step3 .payment-list a.d-club{background-position:-102px 0;}
.payment-steps li.step3 .payment-list a:first-child{margin-left: 0px;}
.payment-steps li.step3 em{display: inline;}
.payment-steps li:first-child{margin-left: 0px;}
.payment-steps .step2 dt{background: url("../images/dollar_sign.jpg") no-repeat scroll 59px 4px transparent;}
.payment-steps .step3 .new-icon {display: inline-block;width:31px; height:17px; background: url("images/new.png") no-repeat right 1px; position: relative; top:4px; margin-left: 10px;}
.payment-steps .step3 .free-icon {display: inline-block;width:35px; height:18px; background: url("images/free-icon.png") no-repeat right 1px; position: relative; top:4px; margin-left: 4px;}
.new .page-container .payment-steps .error-container{margin-top:4px;}
.new .page-container .payment-steps .error-container .error {margin-left:0px; }
/* Story 3641 */
.fadeout-payment :not(a){opacity:0.2;}
.fadeout-payment span :not(a){filter:alpha(opacity=20);}
.payment-steps .accountfreeText{float:left;}
/*End of payment steps*/

/* details content*/
.payment-details {border: 1px #dbdbdb solid;padding: 10px 10px 25px;margin-top: 40px;}
.payment-details dl{display: inline-flex;margin-bottom: 20px;vertical-align: middle;}
.payment-details dl .error-container{float:left;}
.payment-details dt,.new-page-content .main-content .payment-details dd{float:left;}
.payment-details dd input{float:left;}
.payment-details dt{width: 155px;font-size: 14px;line-height: 30px;text-align: left;}
.payment-details dd input{width:140px;}
.payment-details dd.email-dd input{width:260px;}
.payment-details dd.email-error-dd {width:287px;}
.payment-details dd.small-input input{width:30px;}
.payment-details dt.no-padding{padding:0;}
.payment-details dd.small-input span.slash{float:left; padding: 0 5px;}
.payment-details dd.credit-dd{position: relative;}
.payment-details .credit-card-des{margin-left: 6px; font-size: 12px; float:left;}
.payment-details .credit-dd .credit-card-des{float: left;padding-top: 4px;}
.payment-details #credit-card-type-des{display: inline-block; +display:inline; width:235px; float:left; margin-top: 5px; }
.payment-details #credit-card-type-des a.tooltips{ margin-top: 0px;}
.payment-details .selectBox-dropdown{float:left;}
.payment-details dt.card-type-lable{margin-top: 3px;}
.payment-details .tooltips{float: left;}
.payment-details dd.credit-dd input{width:56px;}
.payment-details dd.credit-dd img{position: absolute; right:-150px}
.payment-details dd .card-list{float:left; margin: 2px 0 -15px 5px;}
.payment-details dd .card-list a{display: inline-block; position: relative;}
.payment-details dd .card-list a.visa{width:54px; height:24px; top:-9px;background: url(images/visa-card.jpg) no-repeat center;}
.payment-details dd .card-list a.master{width:47px; height:31px; top:-6px;background: url(images/master-card.jpg) no-repeat center;}
.payment-details dd .card-list a.american{width:33px; height:26px; top:-9px;background: url(images/american-card.jpg) no-repeat center;}
.payment-details dd .card-list a.dinners{width:44px; height:26px; top:-8px;background: url(images/dinners-card.jpg) no-repeat center;}
.payment-details dd.bank-account-name-dd input{width:250px;}
.payment-details dd.checkbox-dd .tooltips{float:left !important;margin-top: 2px !important;}
.checkbox-dd input[type="checkbox"]{float: left !important ; margin-top:3px;margin-right:5px;+margin-top:0px;}
html:not(.mobile-support) div.mobile-tooltip-content { padding-top: 25px; }
.payment-details dd.checkbox-dd input{ margin-top: 1px; padding:0px; border: 0; width: 13px; height:13px;}
@-moz-document url-prefix() {
  .payment-details dd.checkbox-dd input{margin-top:2px;}
}
.payment-details dd.checkbox-dd label{float:left; padding-left:0px;}
.payment-details dd.credit-error-dd .error-container {width:458px;}
.payment-details dd.account-number-error-dd .error-container {width:380px;}
.payment-details dd.account-name-error-dd .error-container {width:290px;}
.payment-details dd.accept-ddsa-error-dd .error-container {float:none;margin-left:132px;}
.payment-details .credit-card-number-error.error-container {width:405px;}
.payment-details .expiry-date-error.error-container {width:460px;}
.payment-details .verify-code-error.error-container {width:342px;}
.payment-details #credit-type {margin-right: -4px; float:left;}
.payment-details .credit-card-type-error{margin-top: 3px;}
#display-credit-card-type-des{padding-top: 20px;}
#display-credit-card-type-des span{width: 165px;display: inline-block; font-size: 14px;}
#display-credit-card-type-des span b{font-weight: normal;}
#display-credit-card-type-des .tooltips{margin-bottom: -4px; margin-top: 0; float: none;display: inline-block;}
#pay-pal-button{padding: 0 30px 0px 18px;}
.payment-content .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center; float: right !important;}
.payment-content .processing-status-btn-grey{background: url("images/animated-button-grey.gif") repeat-x center; float: right !important;}
.payment-content .processing-status-btn-grey:hover{background: url("images/animated-button-grey.gif") repeat-x center; cursor: default;}
.payment-content .warning{margin: 20px 0 0 0;}
.payment-content #email-receipt-details > h3 > span { float: left;}
.payment-content #email-receipt-details > dl > p:nth-child(1) {clear:both;padding-bottom: 20px;}
.payment-content #email-receipt-details > dl > p.fieldNote {clear:both;padding-bottom: 20px;}
.payment-content #email-receipt-details > h3 > span { padding-bottom: 20px;}
.payment-content div.confirm-email-receipt-details > p.fieldNote {font-size: 14px;padding-bottom: 10px; }
/* payment information */
.payment-info {position: relative;}
.payment-info-content{margin:10px 0;}
#display-name-bank-account{line-height: 18px; padding-top: 2px; padding-left: 0px; width:160px;}
.payment-info li{position: absolute; top: 0; margin-left:10px;padding: 10px; border: 1px #dbdbdb solid;}
.payment-info li.step1{width:296px; left: 0;}
.payment-info li.step1 dl{margin-bottom: 0;}
/*.payment-info li.step1 dl{line-height: 15px;}*/
.payment-info li.step1 dt {width:110px;float:left;}
.payment-info li.step1 dd {text-align: right; float:right;}
#display-payment-detail .payment-info li.step1 dd {padding-left: 10px; float:left;}
.payment-info li.step2 dt {float:left;}
.payment-info li.step2 dd {text-alitgn: right; float:right;}
#display-payment-detail .payment-info li.step2 dd {padding-left: 10px; float:left;}
.payment-info li.step2{width:178px; left:318px;}
.payment-info li.step3{width:160px; right:0;}
.payment-info li.step2 .footer-info,.payment-info li.step3 .footer-info{ width: 100%;position: absolute; left:10px; bottom:10px; color:#666;}
.payment-info li.step3 .footer-info{ width: 100%; line-height: 20px;}
.payment-info li:first-child{margin-left: 0px;}

.payment-info li.step1-bank{width:296px;left: 0;}
.payment-info li.step1-bank dl{margin-bottom: 0;}
.payment-info li.step1-bank dt {float:left;width:107px;}
.payment-info li.step1-bank dd {float:left; padding-left:10px;}
#display-payment-detail .payment-info li.step1-bank dd {padding-left: 10px; float:left;}

.payment-info li.step2-bank dt {float:left;}
.payment-info li.step2-bank dd {float:left; padding-left:10px;}
#display-payment-detail .payment-info li.step2-bank dd {padding-left: 10px; float:left;}
.payment-info li.step2-bank{width:178px; left:318px;}

.payment-info li.step3-bank{width:160px; right:0;}
.payment-info li.step3-bank dl{margin-bottom: 0;}
.payment-info li.step3-bank dt {float:left; width:54px;}
.payment-info li.step3-bank dd {float:left; padding-left:10px;}
#display-payment-detail .payment-info li.step3-bank dd {padding-left: 10px; float:left;}


#display-card-type{display: inline-block;}
#display-card-number{display: inline-block;}

#confirm-button, #confirm-button-bank {margin-left: 14px; margin-right: 0; padding-right: 0; float: right;}
#confirm-link-description, #confirm-link-description-bank, #submit-link-description  {  position:relative; margin-top: 14px;float:right;padding:10px;text-align: left;color:#666666 !important;border: #E7308A solid 1px;width: 210px;}
#confirm-link-description .triangle, #confirm-link-description-bank .triangle, #submit-link-description .triangle {position:absolute; top:-20px; right:40px; width:0px;height:0px;border: 10px transparent solid; border-bottom: 10px #fff solid;}
#confirm-link-description .triangle_border, #confirm-link-description-bank .triangle_border, #submit-link-description .triangle_border {position:absolute; top:-21px; right:40px; width:0px;height:0px;border: 10px transparent solid; border-bottom: 10px #E7308A solid;}
/* payment links */
.payment-links a{font-size:14px;border-left:1px #ccc solid; padding:1px 12px;}
.payment-links a.pdf{padding-left:35px; background: url("../images/PDF-icon.png") no-repeat 11px center;}

/* payment result*/
.payment-result{margin:0px 0 0;border: 1px #dbdbdb solid; padding:10px 10px 20px 20px;}
.payment-result dt,.payment-result dd{float:left;}
.payment-result dt{width:120px;}
.new .page-container .payment-result dl{margin-bottom: 0px;}
.payment-result .note{margin-bottom: 10px; font-size: 14px;}
.payment-waiting{padding:75px 0 100px 0; height: 30px; text-align: center; font-size: 18px;}
.payment-waiting span{ position: relative;top: -7px;left:5px;}
.payment-waiting div{margin-top: 10px; display:inline-block; background: url("../images/spin_wheel.gif") no-repeat;width: 32px;height: 30px;}
.place-holder{margin-top: 24px;}
.new-page-content .print-receipt-holder{min-height:0px;}
.new-page-content .auth-print-receipt-holder{min-height:0px;margin:-105px 150px !important;}
#ptpDetailsContainer .auth-printLink{margin-left:-20px !important;}
.new-page-content .print-receipt-holder .printLink{margin-left: 60px; padding-left: 8px; padding-right: 10px; width:8%}
.new-page-content .print-receipt-holder a{padding-bottom: 15px; display: inline-block;text-align:center; font-size: 12px;}
.new-page-content .print-receipt-holder .savePdfLink,.new-page-content .print-receipt-holder .savePdfLink-visa{padding-left: 10px;width: 9%;}
.new-page-content .print-receipt-holder a img {margin-left:-10px;padding-bottom: 5px;}
.new-page-content .print-receipt-holder a span {padding-top: 75px;padding-bottom: 15px;}

.new-page-content .print-receipt-holder h3{padding-top: 25px; padding-bottom: 20px;}
.new-page-content .common-box a.cancelLink{float: left;}

/* privacy */
.privacy{clear:both; background: #f7f7f7; padding:10px; margin-top: 26px; font-size: 12px; width:700px;}
.privacy h4{font-size: 14px; padding-bottom: 6px;}
.privacy .special-agreement{ position: absolute; bottom:-25px;}
.privacy ul {margin-bottom: 6px;}
.privacy li {list-style: disc outside none;}
.pricacy p {margin-bottom: 6px;}
.new-page-content .sidebar-content{float:right; width:200px;}
.new-page-content .sidebar-content a.save-method{ width:148px; color:#393939;border: 1px #ECECEC solid; font-size: 20px; line-height: 26px; background:#f2f2f2 url(../css/images/payment-43px.png) no-repeat 122px 13px;padding:16px; float:right;margin:0px 0px 0 0;}
.new-page-content .sidebar-content a.save-method:hover{ background:#FFFFFF url(../css/images/payment-43px.png) no-repeat 122px 13px; text-decoration: none;}

.box-shadow-inside{-moz-box-shadow: inset 0px 4px 5px #ECECEC;-webkit-box-shadow: inset 0px 4px 5px #ECECEC;box-shadow: inset 0px 4px 5px #ECECEC;}

#prepaid-credit-remaining ul li {padding: 0; border-top:none;}
#prepaid-credit-remaining ul:first-child {border-top: 1px solid #F2F2F2; padding-top:5px}
#prepaid-credit-remaining ul {border-bottom: 1px solid #F2F2F2; margin-bottom: 5px;}
#prepaid-credit-remaining ul:last-child {border-bottom: 0px none; padding-top:5px}
#prepaid-credit-remaining .bundle-value {font-size:20px;}
#prepaid-credit-remaining .bundle-unit {font-size:14px;}

#prepaid-credit-remaining ul li.last-prepaid-credit {padding-bottom: 40px;}

#prepaid-credit-remaining .bundle-included{font-size:14px;padding:0}
.blue-twisty-arrow{background: url("images/blue_reverse_arrow.png") no-repeat scroll 0 9px transparent; padding-left:31px; margin: 2px 0 2px 0;}
.blue-twisty-arrow.toggleUsageDetails-expand{background-image: url("/myaccount/static-content/css/images/blue_reverse_arrow_expanded.png");}
.blue-twisty-down-arrow {background: url("images/blue_down_arrow.png") no-repeat scroll 0 12px transparent; padding-left:31px; margin: 2px 0 2px 0;}
.blue-twisty-down-arrow.toggleUsageDetails-expand{background-image: url("/myaccount/static-content/css/images/blue_up_arrow.png");}
#prepaid-usage #dataUsageSummary {padding-left:31px; margin: 2px 0 2px 0;}
#prepaid-usage table {font-size:12px;width: 544px;}
#prepaid-usage table th {font-weight: bold;}
#prepaid-usage table th.column-1 {width: 113px;padding-left:32px;}
#prepaid-usage table th.column-2 {width: 112px; padding-right: 20px;}
#prepaid-usage table th.column-3 {width: 48px; padding-right:20px; }
#prepaid-usage table th.column-4 {width: 80px; }
#prepaid-usage table th.column-5 {width: 50px; }
#prepaid-usage table td {vertical-align:top; line-height:16px; padding-bottom: 5px;}
#prepaid-usage table td.column-1 {padding-left:32px;}
#prepaid-usage table td.column-2 {padding-right: 20px;}
#prepaid-usage table td.column-3 {text-align:right; padding-right:20px; }
#prepaid-usage table td.column-4 {}
#prepaid-usage table td.column-5 {text-align:right; }
.prepaid-usage-table{line-height:23px; margin-bottom:11px;}
#prepaid-usage.page-container .details-section .details-lists > li {padding-right:0;}
#prepaid-usage.page-container .details-section .details-rhs-panel.grid_3 {margin-left:10px;}

#prepaid-mobile-telstra-air-section .telstra-air-prepaid-text{width: 100%; font-weight: bold;margin-top:20px;}
#postpaid-mobile-telstra-air-section .telstra-air-postpaid-text{width: 100%; font-weight: bold;margin-top:20px;}

/*switch to email bill splash page */
.switch-to-email-bill-container .spash-page-heading-container{
     background: url(images/bills_icon_blue.png) no-repeat scroll 0px transparent;
     margin: -10px 0px 0px 0px;
     padding: 10px 10px 10px 74px;
     clear:both;
}
.switch-to-email-bill-container .spash-page-heading-container span{
    font-size: 35px;
    padding:0px 0 0 0;
}
.switch-to-email-bill-container .spash-page-heading-container .spash-page-heading1{
    color:#00B1EB;
    padding-right:10px;
}
.switch-to-email-bill-container .spash-page-heading-container .spash-page-heading2{
    color:#0078BF;
}

.switch-to-email-bill-container .splash-page-body{
    font-size:14px;
    font-family:Arial;
    color:#393939;
    line-height: 21px;

}
.switch-to-email-bill-container .splash-page-body .splash-page-indent{
    border: 1px solid #CCCCCC;
    border-radius: 0px;
    margin-top: 18px;
    padding: 16px;
    background: #F9F9F9;
}

.switch-to-email-bill-container input[type=checkbox] {
     margin-right: 10px;
     margin-top: 3px;
 }


.switch-to-email-bill-container .splash-page-body .splash-page-indent input[type=radio] {
   margin-right: 6px;
   vertical-align: top;
   margin-top: 4px;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-dash {
    margin-right: 10px;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-email,
.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-ban-list,
.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-tandc,
.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-update-settings {
    margin-top: 15px;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-email-intro{
        margin-top: 0px;
}
.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-ban {
    margin-right:10px;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-page-nick-name {

}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-ban-nickname-list {
    padding-left:0;
    color: #393939;
    font-weight: bold;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent .splash-contact-email-address {
    color: #393939;
    font-weight: bold;

}

.switch-to-email-bill-container .splash-page-body .splash-page-indent a:link, .fancybox-opened .splash-page-body .splash-page-indent a:visited {
    color: #004C9D;
    text-decoration: none;
}

.switch-to-email-bill-container .splash-page-body .splash-page-indent a:hover {
    text-decoration: underline;
}

.switch-to-email-bill-container .splash-page-body {
    line-height: 18px;
    padding-top: 10px;
}

.switch-to-email-bill-container .splash-page-body .splash-page-radio {
    line-height: 22px;
}

.switch-to-email-bill-container .splash-page-footer{
    padding-bottom:5px;
    text-align:left;
}

.vertical-top-align{
    vertical-align: top;
}
.fancybox-opened .align-left-checkbox{
    width: 73%;
    display: inline-block;
    text-align:right;
    vertical-align:middle;



}
.fancybox-opened .align-left-checkbox #not-show-splash-page-checkbox{
    vertical-align: middle;
    margin-right:5px;
}
.fancybox-opened .align-left-checkbox .checkbox-text{
    vertical-align: middle;
    font-size:12px;
}

.fancybox-opened #switch-to-email-bill-button{
    display: inline-block;
    background: url("images/switch-to-email-bill-btn.png") repeat-x scroll center center transparent;
    color:#ffffff ;
    font-weight: bold;
    text-decoration: none;
    padding: 0 20px;
    border: 0;

}

.fancybox-opened #switch-to-email-bill-button:hover{
    display: inline-block;
    background: url("images/switch-to-email-bill-btn-hover.png") repeat-x scroll center center transparent;

}

.fancybox-opened #switch-to-email-bill-button:click{
    display: inline-block;
    background: url("images/switch-to-email-bill-btn-click.png") repeat-x scroll center center transparent;
}
.switch-to-email-bill-container label[for="online"]{display: block;margin-left: 20px;}
.switch-to-email-bill-container input[type="radio"]{float:left;}
.page-container .details-container > li .service-detail-right-tile { width:206px; position:absolute; right:0px; z-index:9999; top: 55px; margin-top:8px; }
.page-container .details-container > li .service-detail-right-tile .service-detail-livechat { border:1px solid #DDF1FC; padding:14px; }
.page-container .details-container > li .service-detail-right-tile .btn-blue.foxtel { width:176px }
.page-container .details-container > li .service-detail-right-tile .service-detail-livechat.foxtel { margin-top:10px }
.page-container .details-container > li .service-detail-livechat.foxtel { width:176px; float:right; margin-top: 80px; background: none; border:1px solid #DDF1FC; padding:14px;}
.page-container .details-container > li .service-detail-livechat.nbn { width:176px; float:right; margin-top: 5px; background: none; border:1px solid #DDF1FC; padding:14px; }
.page-container .details-container > li .service-detail-livechat.moc-change { width:176px; float:right; margin-top: 85px; background: none; border:1px solid #DDF1FC; padding:14px;}

/* new design for unauthenticated page header font color */
.unauthenticated .unauth-heading,.unauthenticated .section-header .unauth-heading.login-heading,.unauthenticated .unauth-heading-my-account{color:#000000; margin-top: 45px; font-size: 35px;}
.unauthenticated .sub-unauth-heading,.unauthenticated .section-header .sub-unauth-heading.login-heading,.unauthenticated .sub-unauth-heading-my-account{color:#000000; margin-bottom: 30px; font-size: 14px; line-height: 20px; padding-left: 9px;}
.myaccount-banner-image {display: inline-block;}

@media print{
    body.unauthenticated{background: none;}
    .header{display: none;}
    .page-header{display: none;}
    .footer{display: none;}
    .submit-account-detail{display: none;}
    .print-receipt-holder{display: none;}
    .content-title{display: none;}
    .tso-invitation-content{display: none;}
    .place-holder{display: none;}
    .nps-survey{display: none;}
    .new-page-content,.page-container{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    .section-header-nav,.services-sidebar {display: none;}
    .container_18, .container_18 .grid_18{width:auto;}
    .page-container .grid_14.details-container{width:auto;}
    .nav-bottom-container{display: none !important;}
    .print-receipt-content {display:block;}
    .payment-receipt-content{display: none !important;}
    .ptp-unauthenticated-results {display: none !important;}
}
.account-services-btn {color:white !important; font-weight:bold;}

.ptpPrintPage {font-size: 12px;font-family: "Helvetica Neue",Arial,sans-serif; color: #393939;}
.ptpPrintPage{width:940px}
.ptpPrintPage .left {float: left;  width: 290px;}
.ptpPrintPage .left img{ width: 100%;}
.ptpPrintPage .printFooter{display:none}
.ptpPrintPage .overlay-title{font-size: 25px;line-height: 1.1em;margin-top:-80px;padding-bottom:10px; }
.ptpPrintPage .print-receipt-holder{display:none}
.ptpPrintPage .disclaimer-common{position:relative}
.ptpPrintPage .details-container{list-style: none outside none;}
.ptpPrintPage .details-container li ul li{font-size:16px;margin-bottom: 10px;}
.ptpPrintPage .privacy h4{padding-top: 20px;padding-bottom: 20px;}
.ptpPrintPage .privacy h4 {font-size: 25px; margin:0px; font-weight: normal;}
.ptpPrintPage .privacy {font-size: 14px; padding: 10px; }
.ptpPrintPage .privacy ul {padding-left: 1.3em;}
.ptpPrintPage .print-receipt-content .right{float:left;width: 940px;margin-top:0px;}
.ptpPrintPage .cf.padding-top-20 > h4 {font-size: 21px;}
.ptpPrintPage dt {font-size: 16px;}
.ptpPrintPage .bold{font-weight:bold;}
.ptpPrintPage .details-container .emailconfirm {
    padding: 10px 0 10px;
    margin-bottom: 20px;
}
.ptpPrintPage a:link, .ptpPrintPage a:visited{color:#393939;}
.ptpPrintPage .ptp-receipt-content-container{
	margin-left: -40px;
}

.ptpPrintPage .auth-privacy{
	margin-left: -40px;
	float: left;
	overflow:hidden;
	width: 800px;
}
.ptpPrintPage .details-container dl{width:100%;clear:both;float:left;margin: 0px; padding-bottom: 6px; font-size: 16px;}
.ptpPrintPage .details-container dl dt{float:left; width: 180px;}
.ptpPrintPage .details-container dl dd{float:left;margin-left:20px;}
.ptpPrintPage .details-container li h2{display:block;font-size:20px; margin: 0px; font-weight: normal;}
.ptpPrintPage .details-container .success-message{font-weight:normal}
.ptpPrintPage .emailconfirm{font-size: 16px; line-height: 30px;}
.ptpPrintPage .print-receipt-content .right .blue-logo {float:left; width:150px; margin-left:700px; margin-top: 45px;margin-bottom:0px;}
.ptpPrintPage .auth-privacy p{font-size:16px;margin-bottom:15px;margin-top:-10px}

.print-receipt-content .payment-result dl {padding-bottom:6px;font-size:16px;}
.print-receipt-content .payment-result dt {width:160px;}
.print-receipt-content .payment-result .note {font-size:16px;padding-bottom: 20px;}
.print-receipt-content h3 {font-size: 20px; padding-bottom:25px;line-height:1.1em;}
.print-receipt-content h2 {font-size: 32px; padding-bottom:25px;line-height:1.1em;}
.print-receipt-content .success-message {font-size: 14px; padding-bottom:25px;line-height:1.1em;}
.print-receipt-content, .print-receipt-content .payment-result {border:0; width:90%;}
.print-receipt-content {width:982px}
.print-receipt-content .left {float:left; width:150px;}
.print-receipt-content .left img {width:290px;}
.print-receipt-content .right {float:right;width:740px;}
.print-receipt-content .right .blue-logo {float:right; width:150px; margin-right:50px; margin-top: 45px;}
.print-receipt-content .right .blue-spectrum {width:53%; padding-bottom:30px;padding-top: 44px;}
.print-receipt-content .right .receipt-holder {margin-top:203px;margin-left:80px;}
.print-receipt-content .right .receipt-holder h1{color:#004D9D;width: 50%;padding-bottom: 100px; }
.print-receipt-content .main {margin-right: 80px;}
.print-receipt-content .main .blue-logo {float:right; width:150px; margin-right:50px; margin-top: 45px;}
.print-receipt-content .main .receipt-holder {margin-top:203px;margin-left:80px; clear:right;}
.print-receipt-content .main .receipt-holder h1{color:#004D9D;width: 50%;padding-bottom: 100px; }
.print-receipt-content .print-privacy {clear:both; background: #f7f7f7; padding:10px; margin-top: 40px; font-size:16px;}
.print-receipt-content .print-privacy h4 {padding:0px; font-size: 25px;line-height:1.1em;}
.print-receipt-content .print-privacy h4:first-child {padding-top: 20px;padding-bottom: 20px;}
.print-receipt-content .print-privacy ul {list-style: initial; margin-bottom:20px;}
.print-receipt-content .print-privacy li {list-style:initial; padding-bottom:5px}
.print-receipt-content .print-privacy p {margin-bottom: 15px; }

.print-receipt-content .ptp-results dl {padding-bottom:6px;font-size:16px; }
.print-receipt-content .ptp-results dt {width:200px; float: left;}
.print-receipt-content .ptp-results dd {width:160px; float: left;}
.print-receipt-content .ptp-results h2{padding:0px;font-size: 25px;line-height:1.1em;}
.print-receipt-content .ptp-results h2:first-child{padding-top: 20px;padding-bottom: 20px;}
.print-receipt-content .ptp-results p{font-size:16px;margin-bottom:15px;}
.print-receipt-content .ptp-results .emailconfirm{padding:10px 0px 0px 0px;font-size:16px;}

/*.ptp-receipt-content .new-page-content h3 {margin-top:10px;}*/
.ptp-receipt-content .new-page-content h2 {margin-top:10px; font-size:20px; padding:0px 0px 10px 0px}
.ptp-receipt-content .new-page-content h4 {margin-top:10px; font-size:14px; padding:0px 0px 10px 0px}
.ptp-receipt-content dt {width:160px; float: left;}
.ptp-receipt-content dd {width:160px; float: left;}

@page {
    margin:0.5cm
}

/*hidden mobile component for online page*/
.mobile-footer{display: none;}
.mobile-subTitle{display:none;}
.lock{display: none;}
.mobile-subheader{display: none;}
.breadcrumb{display: none;}
.small-input .clear{display: none;}
.mobile-logo{display: none;}
a.make-payment{display: none;}
.amount-container span{display: none;}
.step3-bank span{display: none;}
.step3-bank .account-name{display: none;}
.step3 span{display: none;}
.enhance-radio,.movie-mobile-section-header,.things-to-know,.movie-discalimer,.mobile-thinks-to-know-wrapper{display: none;}

/* customize radio plugin css */
.ui-icon{background: url(images/radio-button.png) no-repeat; width:21px; height:21px; background-size: cover;}
.ui-icon-radio-off{background-position: 0 0;}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -11px; }
.ui-icon-radio-on{background-position: -42px 0;}
.ui-radio-on{background-color:#eee !important;}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon {
    background-color:transparent;
}
.ui-btn-up-c{background-image: none; background-color: #fff;}

/********For mobile side**************/
.small-device body{min-width: 0px !important;font-size: 100%; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.small-device .mobile-tooltip-content{line-height: 19px;}
.small-device body.unauthenticated {background: none;}
.small-device input[type=text],.small-device input[type=tel],.small-device input[type=number]{width:100% !important; height:auto !important; color:#333!important; float:none; padding: 10px 8px !important; box-sizing: border-box;-moz-box-sizing: border-box; border-radius: 0px;box-shadow: 0 5px 5px -5px #999 inset; border:1px solid #999;}
.small-device input[type=text]:focus,.small-device input[type=tel]:focus,.small-device input[type=number]:focus{border:1px #999 solid !important;}
.small-device .button {
    width: 100% !important;height : auto !important;border: 0px !important;background-color: #bce4fa !important;clear: both !important;color: #005f98 !important;display: block !important;font-size: 16px !important;font-weight: bold !important;margin: 10px auto !important;padding: 12px 6px 10px !important;text-align: center !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bce4fa), to(#86c7ea)) !important;background-image: -webkit-linear-gradient(top, #bce4fa, #86c7ea) !important;background-image: -moz-linear-gradient(top, #bce4fa, #86c7ea) !important;background-image: -ms-linear-gradient(top, #bce4fa, #86c7ea) !important;
    border-radius: 0px !important;-moz-box-shadow: 0 2px 1px #404040 !important;-o-box-shadow: 0 2px 1px #404040 !important;-webkit-box-shadow: 0 2px 1px #404040 !important;box-shadow: 0 2px 1px #404040 !important;
    -moz-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;-o-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;-webkit-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
    box-sizing: border-box !important;-moz-box-sizing: border-box !important;
}

.small-device .button-black {
    width: 100% !important;height : 44px !important; line-height:44px !important; border: 0px !important;background-color: #656565 !important;clear: both !important;color: #FFFFFF !important;display: block;font-size: 16px !important;font-weight: bold !important;margin: 10px 0 -6px 0 !important;padding: 0px 6px 0px !important;text-align: center !important;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#353535)) !important;background-image: -webkit-linear-gradient(top, #656565, #353535) !important;background-image: -moz-linear-gradient(top, #656565, #353535) !important;background-image: -ms-linear-gradient(top, #656565, #353535) !important;
    border-radius: 0px !important;-moz-box-shadow: 0 2px 1px #404040 !important;-o-box-shadow: 0 2px 1px #404040 !important;-webkit-box-shadow: 0 2px 1px #404040 !important;box-shadow: 0 2px 1px #404040 !important;
    -moz-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;-o-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;-webkit-text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;text-shadow: 0 0 1px rgba(255, 255, 255, 0.5) !important;
    box-sizing: border-box !important;-moz-box-sizing: border-box !important;
}
.small-device .selectBox .selectBox-label{font-size: 16px !important; width: auto !important;padding: 5px 12px !important;line-height: 32px !important;}
.small-device .button-black:hover{text-decoration: none;}
.small-device .payment-content .processing-status-btn-grey,.small-device .payment-content .processing-status-btn{background: url("images/animate-mobile-button.gif") repeat-x center !important; float: right !important; box-shadow:none !important;}
/******header******/
.small-device .header{position: relative;box-shadow: none;-moz-box-shadow:none; margin: 0px; height:52px; border-top: 1px solid #5D6469; border-radius: 0;}
.small-device .header .skip-nav,.small-device .header #global-nav{display: none;}
.small-device .header-logo{display: inline; float:left;margin: 5px 0 0 0;}
.small-device .header .header-logo .mobile-logo{display: block;width:40px; height:40px; background: url(images/mobile-device-footer.png) no-repeat 0 -560px; margin: 1px 0 0 10px; }
.small-device .header .header-logo .online-logo{display: none;}
.small-device .lock{display: inline;float:right;width: 26px; height:27px; margin: 12px 10px 0 0; background: url(images/lock.png) no-repeat;}
.small-device .mobile-subheader{display: block;}
.small-device .mobile-subheader h2{display:block;text-decoration: none;font-size: 20px;font-weight: bold; color:#fff; padding:0px 0 4px 0;}
.small-device .mobile-subTitle h2{display:block;text-decoration: none;font-size: 20px;font-weight: bold; color:#333; padding:10px 0 3px 0;}
.small-device .breadcrumb {clear:both; display:block; width: 100%;-moz-box-shadow: 0 25px 25px -25px #333 inset;-o-box-shadow: 0 25px 25px -25px #333 inset;-webkit-box-shadow: 0 25px 25px -25px #333 inset;box-shadow: 0 25px 25px -25px #333 inset;background: #005aa7;}
.small-device .breadcrumb a {color: #c2f4ff;padding: 13px 10px;display:inline-block;font-weight: bold; font-size: 16px; text-decoration: none;}
/******footer*********/
.small-device .footer{clear:both;padding:0;}
.small-device .footer .nav{ display: none}
.small-device .footer .shadow-hack{height:10px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#e2e2e2));
    background: -webkit-linear-gradient(top, #ababab, #e2e2e2);
    background: -moz-linear-gradient(top, #ababab, #e2e2e2);
    background: -ms-linear-gradient(top, #ababab, #e2e2e2);
    background: -o-linear-gradient(top, #ababab, #e2e2e2);
}
.small-device .page-container .mobile-tooltip-content a:link,.small-device .page-container .mobile-tooltip-content a:visited{color: #FFFFFF;text-decoration: underline}
.small-device .footer .mobile-footer{display: block;}
.small-device .sitemap {background: none repeat scroll 0 0 #E2E2E2;box-shadow: 0 10px 5px -2px #A9A9A9 inset;clear: left;padding: 12px 14px 12px 10px;}
.small-device .sitemap li {display: block;float: left;width: 60%;}
.small-device .sitemap li a {color: #4C4C4C;display: block;float: left;font-size: 15px;padding: 6px 0;text-decoration: underline;}
.small-device .sitemap .sm-fb {float: right;margin: 0 12px 0 0;width: auto;}
.small-device .sitemap .sm-twit {float: right;margin: 0;width: auto;}
.small-device .sitemap .sm-fb a, .sitemap .sm-twit a {background-repeat: no-repeat;height: 38px;text-indent: -9999px;width: 37px;background: url(images/mobile-device-footer.png) no-repeat;}
.small-device .sitemap .sm-fb a {background-position: 0 -229px;right: 0;}
.small-device .sitemap .sm-twit a {background-position: 0 -57px;right: 0;}
.small-device footer {background-color: #D4D4D4;clear: left;color: #4E4E4E;display: block;font-size: 80%;line-height: 130%;padding: 12px 10px;}
.small-device footer p {margin: 0 0 12px;}
.small-device footer a {color: #0078C0;font-weight: bold;}
.small-device .unmetered-foot a {font-weight: normal;padding: 0 0 0 13px;text-decoration: none;}
.small-device .unmetered-foot a span {color: #0078c0;font-weight: bold;padding: 0;text-transform: none;}
.small-device .unmetered{background: url(images/mobile-device-footer.png) no-repeat;background-position: 0 -400px;color: #878787;float: left;font-size: 11px;font-weight: bold;margin: 0 0 14px;padding: 0 0 0 13px;text-transform: uppercase;}

/****pay bill***/
.small-device .payment-content{padding-bottom: 15px;}
.small-device .page-container{background:#0078C0; -moz-box-shadow:none;box-shadow: none;border-radius: 0px; border:0px; padding-bottom: 0px;}
.small-device .new-page-content{background: #fff; border-radius: 0px;}
.small-device .sidebar-content,.small-device .myaccount-banner-image,.small-device .step2 h3,.small-device .step1 h3,.small-device .step1-bank h3,.small-device .step2-bank h3,.small-device .page-header ,.small-device .privacy border-radius, .small-device .privacy, .small-device .content-title ,.small-device .cancelLink{ display: none;}
.small-device .container_18,.small-device .container_18 .grid_18{width:auto;}
.small-device .payment-steps{height:auto;margin-top: 5px;}
.small-device .payment-steps li{width:100% !important; position: static !important; margin-left: 0px !important; border:none !important;height: auto !important; padding: 0px !important; box-sizing: border-box;-moz-box-sizing: border-box;}
.small-device .payment-steps li dt{font-weight: bold !important;display: block !important;float: none !important; width: auto !important;}
.small-device .payment-steps li dd{float:none !important;}
.small-device .payment-steps .step2{padding-top: 1px !important;}
.small-device .payment-steps .step3{padding-top: 9px !important;}
.small-device .payment-steps .step1 input{margin-left: 0px; }
.small-device .payment-steps .step2 input{margin-left: 0px; padding-left: 18px !important;}
.small-device .payment-steps .step2 dt{background: none;}
.small-device .payment-steps .step3 .payment-list{float:none; margin: 0px auto; display: block;}
.small-device .payment-steps .step3 dl{margin-top: 0px;}
.small-device .payment-steps .step3 dd{float: left !important; width: 50% !important; clear:none; font-size: 16px;}
.small-device .payment-steps li dt label,.small-device .payment-details label,.small-device .new .step3 h3{font-weight: bold; color:#002654 !important; font-size: 16px;}
.small-device .new .new-page-content #accountPaymentDetails .step3 h3{margin-bottom: -10px;height: 240px;}
.small-device .new-page-content .payment-content .warning{margin:0px;}
.small-device .new .new-page-content #bank-payment-details h3{color:#666 !important; font-weight: normal; font-size: 20px;}

.small-device .accountNum-container dd{ position: relative;}
.small-device .tooltips{ width: 22px; height:22px; background: url(images/mobile-tooltip-icon.png) no-repeat; }
.small-device .accountNum-container .tooltips{ position: absolute; float: none; right:8px; top:5px;}
.small-device .new .new-page-content{padding:10px;}
.small-device .new .new-page-content .main-content{width:auto; padding:0px; float:none;}
.small-device .new .page-container .error-container {display: block; background: #FFE4E4; color:#B32034; margin-top: 5px; font-weight: normal !important;}
.small-device .new .page-container .error-container .error{ background: none; margin-left: 0px; float: none;padding: 7px 10px !important; display: block; font-size: 14px !important; text-align: left; line-height: 16px;margin-bottom: 5px;}

.small-device .new-page-content .common-box{padding:0px; margin-top: 0px;}
.small-device .new-page-content #bank-payment-confirmation .common-box{margin-top: 14px;}
.small-device .new-page-content .main-content .payment-details dd{float:none;}
.small-device .new-page-content .common-box .btn{float: none; width: 100%; margin-left: 0px;}
.small-device .page-content{padding:10px 10px 20px;background: #0078c0;}

.small-device .new .page-container dl{display:block; clear:both; margin-top: 1px;margin-bottom:17px;color: #393939 !important;}

.small-device .new .page-container .payment-info dl{margin-bottom:5px !important;}
.small-device .new .page-container .payment-info .step3 dl{margin-top:-5px !important; margin-left: 132px;}
.small-device .new .page-container .payment-info #display-card-type{display: block;}
.small-device .new .page-container .payment-result dl{margin-bottom:5px;}
.small-device .new .page-container .step2-bank dl,.small-device .new .page-container .step2 dl{font-weight: bold;}
.small-device .payment-details{border: none !important; padding: 0px !important; margin: 0px;}
.small-device .payment-details dt,.small-device .payment-details dd{clear:both;display: block;}
.small-device .payment-details #credit-type {margin-right: -4px; width:100%; line-height: 40px;}
.small-device .payment-details dd.small-input span{padding: 8px 0 0 0; width: 4% !important; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box;}
.small-device .payment-details dd.small-input span.error{width:100% !important;}
.small-device .payment-details dt{width:auto;margin-bottom: 6px;}
.small-device .payment-details dd.checkbox-dd label{color:#666 !important; font-weight: normal; display: block;padding-left: 30px;padding-top: 2px;line-height:20px;}
.small-device .payment-details dd.checkbox-dd label a{color:#0078c0 !important; font-size: 15px;}
.small-device .payment-details dd.accept-ddsa-error-dd .error-container{margin-left: 0px;}
.small-device .payment-details #credit-card-type-des{ display: block; float: none; width:auto; background: none repeat scroll 0 0 #EEEEEE;line-height: 16px; -moz-box-sizing: border-box;margin-top: 5px;padding: 4px 10px 10px !important;}
.small-device .payment-details #credit-card-type-des a.tooltips{margin-top: 4px; float: right;margin-right: -1px;}
.small-device .payment-details .verify-code-error.error-container{clear:both;}
.small-device .payment-details dl .error-container{float:none !important;}
.small-device .payment-details dd.checkbox-dd input{margin-top: 4px;}
.small-device .payment-details .credit-card-des{ margin-left: 0px; margin-top: 7px; font-size: 14px; color:#666 !important;}
.small-device .payment-details .credit-card-number-error.error-container,.small-device .payment-details .expiry-date-error.error-container,.small-device .payment-details .verify-code-error.error-container{width: auto;}
.small-device .payment-details .credit-error-dd .error-container,.small-device .payment-details .account-number-error-dd .error-container,.small-device .payment-details .account-name-error-dd .error-container{width: auto;}
.small-device .new-page-content .main-content .payment-steps li dt{margin-bottom: 6px;}
.small-device .payment-steps li dl{margin-top: 15px;}
.small-device .payment-steps li.step3 dd input{vertical-align: 1px;}
.small-device .edit-credit-info h3,.small-device div.payment-details h3{clear: both;display: block;padding-bottom: 0px;padding-top: 20px;}
.small-device #accountNum{padding-right:30px !important;}
.small-device .triangle-border,.small-device .triangle{display: none;}

.small-device .mobile-tooltip-content {display: block;position: relative;margin-top: 50px;border-radius: 0px;background: none repeat scroll 0 0 #111;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 2px solid #111;border-bottom: 2px solid #111;font-size: 14px;color: #fff;padding: 5px;opacity: 0.75;}
.small-device .mobile-tooltip-content:after {position: absolute;width: 0;height: 0;right:-1px; bottom: -10px; top: -11px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #111;content: '';}
.small-device #credit-card-type-des .mobile-tooltip-content{ margin-top: 40px;}
.small-device #credit-card-type-des .mobile-tooltip-content:after{right:-3px;}
.small-device #display-credit-card-type-des .credit-card-type-tooltip-confirm{ position: absolute;right: 0;top: -5px;}
.small-device #display-credit-card-type-des .mobile-tooltip-content{ margin-top: 14px; line-height: 16px;}
.small-device #display-credit-card-type-des .mobile-tooltip-content:after{left:331px;}
.small-device #accountPaymentDetails .step3 .mobile-tooltip-content:after{left:46%;}
.small-device #accountPaymentDetails .step3 .mobile-tooltip-content{ margin-top: 0;}
.small-device #credit-card-payment-details .mobile-tooltip-content,.small-device .payment-info .step2 .mobile-tooltip-content{ margin-top: 9px;}
.small-device .payment-info .step2 .mobile-tooltip-content:after{ right:1px;}

.small-device #expiryMonth{width: 48% !important; float: left;}
.small-device #expiryYear{width: 48% !important; float: right;}

.small-device .selectBox{width:100% !important; float: none;}

.small-device .payment-info li{position: static; margin-left: 0px; box-sizing: border-box;-moz-box-sizing: border-box;border: none ; padding: 0px;}
.small-device .payment-info li.step2 .footer-info,.small-device .payment-info li.step3 .footer-info{position: static; padding: 10px !important; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box;}
.small-device .payment-info li.step1,.small-device .payment-info li.step2,.small-device .payment-info li.step3{width: 100%;}
.small-device .payment-info li.step3{padding: 10px 0px;}
.small-device .payment-info li dt{width: 120px !important;}
.small-device .payment-info li.step1 dd,.small-device .payment-info li.step2 dd{float:left !important;}
.small-device .step3-bank div, .small-device .step3 div{display: inline-block; font-size: 14px; font-weight: normal !important;padding-bottom:12px !important;padding-left:8px;}
.small-device .payment-info li.step3 h3, .small-device .payment-info li.step3-bank h3{display: inline-block; width:120px;font-size: 14px; font-weight: normal !important;padding-bottom:4px !important; color:#393939 !important;}
.small-device .payment-info li.step3 .mobile-card-type{margin-left: 133px;}

.small-device #display-credit-card-type-des span{width: auto;display: block !important; padding-right: 21px;position: relative;margin-top: 5px;}
.small-device .payment-details-content{padding-top: 0px;}
.small-device .small-input .clear{display: block;}
.small-device #MyAcctV2-PayABill-CVVHelp{margin-bottom: 10px;}
.small-device .footer-info{background: #eee; line-height: 16px; }
.small-device .button-black.make-payment{margin: 22px 0 -13px !important;}
.small-device .button-black.make-payment:hover,.small-device .button-black.make-payment:visited{text-decoration: none;}
.small-device .amount-container{position: relative;}
.small-device .amount-container span{display: inline-block; position: absolute; left : 8px; top:10px;}
/* receipt page*/
.small-device #confirm-button,.small-device #confirm-button-bank{ float:none; width:100%; height: 35px; line-height: 27px; box-sizing: border-box; -moz-box-sizing: border-box;margin:7px 0 -4px 0 !important;}
.small-device .submit-account-detail{display: none;}
.small-device .print-receipt-holder{display: none;}
.small-device .place-holder{display: none;}
.small-device .payment-result{border: 0px;}
.small-device .nps-survey{ display: none;}
.small-device .payment-result {margin: 0px !important; padding:10px 4px 7px 4px;}
.small-device .payment-result .note{margin-bottom:12px !important;}
.small-device .payment-result h3{line-height:25px;padding-bottom:3px;}

/* loading page*/
.small-device .payment-waiting span{top: 8px;font-size:14px;display:block;line-height: 20px;}
.small-device .payment-waiting div{margin-top: -3px;background: url("../images/spin_wheel.gif") no-repeat center;display: inline-block;}
.small-device #confirm-link-description, .small-device #confirm-link-description-bank{ float: none; width: auto; margin-top: 13px; box-sizing: border-box; -moz-box-sizing: border-box; background: none repeat scroll 0 0 #EEEEEE;border: 1px solid #EEEEEE;}
.small-device #confirm-link-description .triangle_border, .small-device #confirm-link-description-bank .triangle_border{right:auto;float: none;left:50%;border-color: transparent transparent #EEEEEE;}
.small-device #confirm-link-description .triangle, .small-device #confirm-link-description-bank .triangle{display: none;}

.small-device .payment-info li.step2-bank{width:auto;}
.small-device .payment-info li.step3-bank{width:auto;}
.small-device #display-name-bank-account{padding-left: 10px; width:auto !important;}

.small-device #bank-payment-details dd.accept-ddsa-error-dd .error-container{margin:0px;}
.small-device .movie-body .header{ height:44px;position: static !important;}
.small-device .movie-body .header .header-logo .online-logo{display: block;}
.small-device .movie-body .loyalty-movie-img {display: none;}
.small-device .movie-body .page-content {background: #e7491a;}
.small-device .movie-body #all-selections{width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 0px; border-radius:0px; }
.small-device .movie-body #all-selections .movie-scroller-content{padding:10px; box-sizing: border-box;}
.small-device .movie-body #all-selections .special-left{padding-left:0px;}
.small-device .movie-body #all-selections .btn#buy-button{width:100%; box-sizing: border-box;}
.small-device .movie-body #all-selections h3{color:#b42134}
.small-device .nav-bottom-container{display: none !important;}
.small-device .loyalty-module-address,.small-device #movie-details{margin-left: 0}
.small-device .movie-mobile-section-header{display:block; height:52px; background:#b32033 url(images/thanks_loyalty_logo_orange.png) center no-repeat; line-height: 52px; text-align: center; font-size: 25px; font-weight: bold; }
/*.small-device .things-to-know{clear:both; padding:10px; margin-top: 10px; width:100%; box-sizing: border-box; display: block; background: #ffffff; text-decoration: none;*/
    /*border-radius: 10px;*/
/*}*/
/*.small-device .things-to-know b{float:right; width: 10px; height: 17px; display: block; background: url(images/tile_arrow.png) no-repeat;}*/
.small-device body.movie-body{ height: 100%;}
.small-device .movie-body .page-container{background:#e7491a }
.small-device .movie-body .movie-discalimer .things-to-know-title{display: block; line-height: 40px; padding: 10px 10px 0 10px; font-size: 20px; color:#393939; text-decoration: none; background: url(images/tile_arrow_down.png) no-repeat right center;background-origin:content-box;-moz-background-origin: content-box;-webkit-background-origin: content;}
.small-device .movie-body .movie-discalimer .movie-discalimer-content{ padding: 0px 10px 10px 10px; line-height: 20px;}
.small-device .movie-body .movie-discalimer .movie-discalimer-content p:first-child{ margin-bottom: 20px;}
.small-device .movie-body #address-details{width:100%;max-width: 100%; font-size: 14px;}
.small-device .movie-body #movie-details{max-width: 100%;}
.small-device .movie-body #all-selections .error-container{padding: 0;}
.small-device .movie-body #movie-details{margin-top: 10px; font-size: 14px;}
.small-device .movie-body #session-details{margin-left: 0; margin-top: 10px; font-size: 14px;}
.small-device .movie-body #all-selections li{border: 0; padding-top: 0; padding-bottom: 25px;}

.small-device .movie-body #all-selections li p{line-height: 19px; padding-top: 5px;}
.small-device .movie-body .privacy{display: block; width:auto; box-sizing: border-box;}
.small-device .movie-body .movie-selection .loyalty-module-newline{margin-bottom: 0;}
.small-device .movie-body .mobile-thinks-to-know-wrapper {background: #ab1339; padding:0 10px 15px; display: block}
.small-device .movie-body .mobile-thinks-to-know-wrapper a{position: relative; display: block; padding-top: 15px; font-size: 16px; color: #fff; font-weight: bold; text-decoration: none;}
.small-device .movie-body .mobile-thinks-to-know-wrapper a b{ position: absolute; right:2px; top:18px; display: block; width: 20px; height:20px;}
.small-device .movie-body .mobile-thinks-to-know-wrapper a b.plus{ background: url(images/plus.png) no-repeat;}
.small-device .movie-body .mobile-thinks-to-know-wrapper a b.minus{ background: url(images/minus.png) no-repeat;}
.small-device .movie-body .mobile-thinks-to-know-wrapper .thinks-to-know-content{background: #fff; padding: 10px; margin-top: 15px; display: none;}
.small-device .movie-body .thinks-to-know-content{font-size: 12px;}
.small-device .movie-body .thinks-to-know-content b{display: block;}
.small-device .movie-body #all-selections .privacy{ display:none;}
.small-device .movie-body #all-selections li.special-bottom{padding-bottom: 10px;}
.small-device .movie-body .page-content{padding: 10px;}
.small-device .movie-body .selectBox-dropdown .selectBox-arrow{ background: url(images/dd_arrow.png) no-repeat center; background-clip:content-box; width:25px; padding-right: 10px;}
.small-device .movie-body .new-movies{width:100%;}
.small-device .movie-body #loyaltyCinema,.small-device .movie-body #loyaltyMovie, .small-device .movie-body #loyaltySession, .small-device .movie-body #loyaltyState{width:100%; box-sizing: border-box;}
.small-device .movie-body select{height:44px; margin: 10px 0 0 0;}
.small-device #vmax-surcharge{padding-top:5px !important;}
.small-device .movie-body .overlay-loading-background{ display: none;position: fixed; top:0; left:0; background: rgba(255, 255, 255, 0.6); z-index: 1000; width: 100%; height:100%;}
.small-device .movie-body .spinning-view{ display: none; position: fixed; width:100px; height:100px; left:0; top:0;z-index: 10001; background: rgba(0,0,0,0.8) url(images/m_ajax_loader.gif) no-repeat center; border-radius: 0px;}
.small-device .movie-body #all-selections .error-container-top > div{ margin-top: 5px; margin-bottom: 5px;}
.small-device .movie-body .fancybox-skin{padding: 20px 15px !important;}
.small-device .movie-body .apple-overlay{width: auto;}
.small-device .movie-body #loyaltySession{ margin: 10px 0 5px;}
.small-device .movie-body .loyalty-opt-in-form .splash-page-body .splash-page-indent{border: 0px;border-top:1px solid #DADADA;border-bottom:1px solid #DADADA;border-radius: 0px;margin-top: 18px;padding: 20px 0;background-color: #fff;}

/*authenticated payment page*/
#service-detail-container .new-page-content {padding: 0;}
#service-detail-container .new-page-content  input[type="text"],#service-detail-container .new-page-content input[type="number"],#service-detail-container .new-page-content input[type="tel"]{padding:4px 5px;}
#service-detail-container .new-page-content .main-content{width:740px;}
#service-detail-container .new-page-content .payment-steps li.step3{right:20px;}
#service-detail-container .new-page-content .payment-steps li.step2{width:192px;}
#service-detail-container .new-page-content .payment-steps li.step1 input{ margin-left: 0px;}
#service-detail-container .new-page-content .payment-steps li.step1 input{width:152px;}
#service-detail-container .new-page-content .payment-steps li.step2 dd input{width:104px;}
#service-detail-container .new-page-content .payment-steps dd {padding-left: 0px;}
#service-detail-container .new-page-content .payment-details dd {padding-left: 0px;}
#service-detail-container .new-page-content .payment-details dd.bank-account-name-dd {padding-bottom: 4px;}
#service-detail-container .new-page-content .payment-details dd.accept-ddsa-error-dd{margin-top: -6px;}
#service-detail-container .new-page-content dl{font-size: 14px;}
#service-detail-container .new-page-content dd a{border: 0px; margin-left: 0px; padding: 0px; font-size:14px;}
#service-detail-container .new-page-content dd a.tooltips, #service-detail-container .new-page-content dd a.tooltip{margin-left: 6px; display:inline-block; float:left;}
#service-detail-container .new-page-content .payment-details dt{width:155px; padding-top: 3px;}
#service-detail-container .new-page-content .payment-details dt.bank-account-checkbox{width:138px;}
#service-detail-container .new-page-content #bank-payment-details.payment-details dt.bank-account-checkbox{width:155px;}
#service-detail-container .new-page-content .payment-details dt.card-type-lable{margin-top:-1px;}
#service-detail-container .new-page-content .payment-details .error{ margin-left: 6px; margin-top: 1px;}
#service-detail-container .new-page-content .payment-details .accept-ddsa-error-dd .error{ margin-left: -450px; margin-top: 30px;}
#service-detail-container .new-page-content .payment-details .credit-card-des{margin-left: 6px; font-size: 12px; float:left; width:auto;}
#service-detail-container .new-page-content .payment-details .credit-dd .credit-card-des{margin-left: 6px; margin-top: 5px; font-size: 12px; float:left;}
#service-detail-container .new-page-content .payment-info{font-size: 14px;}
#service-detail-container .new-page-content .payment-info li.step2{width:192px;}
#service-detail-container .new-page-content .payment-info dt{width:auto; padding-left: 0px;}
#service-detail-container .new-page-content .payment-info dd{width:auto; padding-left: 0px;}
#service-detail-container .new-page-content .payment-info dd#display-account-number-bank,
#service-detail-container .new-page-content .payment-info dd#display-account-number,
#service-detail-container .new-page-content .payment-info dd#display-amount-bank,
#service-detail-container .new-page-content .payment-info dd#display-bsb,
#service-detail-container .new-page-content .payment-info dd#display-bank-account{padding-left: 6px;}
#service-detail-container .new-page-content .payment-info li.step2 dd{padding-left: 6px;}
#service-detail-container .new-page-content .payment-info li.step3-bank{width:161px; right:6px;}
#service-detail-container .new-page-content .payment-info li.step2-bank{width:192px;}
#service-detail-container .new-page-content .confirm-credit-info .cancelLink{display: none;}
#service-detail-container .new-page-content .payment-details{margin-right: 6px;}
#service-detail-container .new-page-content .common-box{margin-right: 6px;}
#service-detail-container .new-page-content .payment-info li.step3{right:6px;}
#service-detail-container .new-page-content dd.receiptEmail a.tooltips {margin-top: 2px;}
#service-detail-container .new-page-content dd.receiptEmail span {float: left;}
.new-page-content dd.receiptEmail span {float: left;}
.new-page-content dd.receiptEmail a.tooltips {margin-top: 2px;}

#service-detail-container .new-page-content .action{margin: 0px; margin-left: 14px;}
#service-detail-container .new-page-content #display-credit-card-type-des span{width:342px;}
#service-detail-container .new-page-content .privacy{margin-right: 26px; margin-top:20px;}

#service-detail-container .authenticated-payment-steps{padding: 0px;position:relative; display: block; height:256px; font-size: 14px;}
#service-detail-container .authenticated-payment-steps-new{padding: 0px;position:relative; display: block; height:140px; font-size: 14px;}
#service-detail-container .authenticated-payment-steps li{position:absolute;height:246px; width:340px; padding: 10px; border: 1px #dbdbdb solid;}
#service-detail-container .authenticated-payment-steps-new li{position:absolute; width:400px; padding: 10px; border: 1px #dbdbdb solid;}
#service-detail-container .authenticated-payment-steps li.step3{left:0px;}
#service-detail-container .authenticated-payment-steps li.step2{left:0px;}
#service-detail-container .authenticated-payment-steps li.step2 .error-step2{margin-left:-6px;}
#service-detail-container .authenticated-payment-steps li.step2 dt{width:140px;}
#service-detail-container .authenticated-payment-steps li label{display: block; padding: 2px 0; clear: both;}
#service-detail-container .authenticated-payment-steps li label.save-method-label{display: inline-block; margin-left: 8px; position: relative; top:-3px;}
#service-detail-container .authenticated-payment-steps li .manage{display: inline-block; position: relative; top:-3px;}
#service-detail-container .authenticated-payment-steps li .split-stick{display: inline-block; padding:0 8px; position: relative; top:-4px;}
#service-detail-container .authenticated-payment-steps li label span{vertical-align: 3px; margin-left: 8px;}
#service-detail-container .authenticated-payment-steps li.step3 span{display: inline;}
#service-detail-container .authenticated-payment-steps li .saved-details-content{clear:both; margin-left: 21px; margin-bottom: 11px;}
#service-detail-container .authenticated-payment-steps li .saved-details-content .saved-methods-select{width:185px; float:left;}
#service-detail-container .authenticated-payment-steps li .saved-details-content .description-saved-details{clear: both; display:block; position: relative;}
#service-detail-container .authenticated-payment-steps li .saved-details-content .description-saved-details span{float:left; display: inline-block; padding: 6px 0 3px 0;}
#service-detail-container .authenticated-payment-steps li .manage-payment-method{clear:both; display: block;}
#service-detail-container .authenticated-payment-steps li.step3 .triangle{position:absolute; height:0px;border:8px solid transparent;border-left:8px #fff solid;right:-16px; top:105px;}
#service-detail-container .authenticated-payment-steps li.step3 .triangle-border{position:absolute;height:0px;border:9px solid transparent; border-left:9px #DBDBDB solid; right:-18px; top:104px;}
#service-detail-container .authenticated-payment-steps li a.selectBox{ padding:6px 3px;}
#service-detail-container .authenticated-payment-steps li .saved-details-content a.selectBox{ float:left;}
#service-detail-container .authenticated-payment-steps li .saved-details-content a.tooltips{ margin-left: 10px;}
#service-detail-container .authenticated-payment-steps .amount-container{position: relative;}
#service-detail-container .authenticated-payment-steps .amount-container input{ padding-left:3px; margin-left:17px; width:128px;}
#service-detail-container .authenticated-payment-steps .amount-container span{display: inline-block; position: absolute; left : 30px; top:3px;}
#service-detail-container #bank-payment-details dl:last-child{margin-bottom:0px; margin-top:-5px;}
#service-detail-container .privacy{width:714px;}
#service-detail-container .payment-details-content{margin-top:20px;}
#service-detail-container .payment-result{margin-top:20px;}
#service-detail-container #display-name-bank-account{width:200px;}
#service-detail-container .new-page-content .payment-content .error-container-top div:first-child { margin: 20px 0 10px 0; }
#service-detail-container .new-page-content .payment-content .error-container-top div { margin: 10px 0 10px 0; }
#service-detail-container .new-page-content .payment-content .error-container-top div:last-child {
    margin: 20px 0;
}

#service-detail-container #payment-method a.saved-methods-select {width: 215px !important;}
#service-detail-container #payment-method a.saved-methods-select span.selectBox-label {width: 180px !important;}

.authenticated-payment-info{padding: 0px;position:relative; display: block; height:148px;}
.authenticated-payment-info li{ position:absolute; width:340px; padding: 10px; border: 1px #dbdbdb solid; }
.authenticated-payment-info li.step1{left:0px;}
.authenticated-payment-info li.step2{right:5px;}
.authenticated-payment-info li.step2 dt,.authenticated-payment-info li.step1 dt{width:140px;}
.authenticated-payment-info li.step1 .credit-card-des{line-height: 24px;}
.authenticated-payment-info li.step1 .credit-card-des dt{display: block; width: 100%;}
.authenticated-payment-info li.step1 .credit-card-des dd{padding-left: 0px;}
.authenticated-payment-info li dd{padding-left: 0px !important;}

#service-detail-container .new-page-content dd a.selectBox{margin-top:0px;}
#service-detail-container #credit-card-payment-details{margin-top:20px;}
#service-detail-container #bank-payment-details{margin-top:20px;}
#bank-payment-details dd.accept-ddsa-error-dd .error-container{ margin-left: 129px; margin-top: -3px;}
#credit-card-payment-details dd.small-input span.slash{position: relative; top:4px;}
#credit-card-payment-details dd{width: 89%;}
#service-detail-container .tooltips{margin-top:7px;}
#service-detail-container .saved-details-content  .tooltips{margin-top:4px \9;}
#service-detail-container .footer-info{position: absolute; left:10px; bottom:10px; color:#666; width:342px;}
#service-detail-container .footer-info .tooltips{margin-top: 0px;position: relative; top:0px;}
/*firefox*/
@-moz-document url-prefix() {
    .payment-details .credit-card-type-error{ margin-top:2px;}
    #service-detail-container .new-page-content .payment-details .error{background: url("images/ico_sprites1.png") no-repeat scroll -253px -137px transparent;}
    .payment-steps li.step3 dd input{margin-right:2px;}
}
/*IE8*/
@media \0screen{
    #service-detail-container .authenticated-payment-steps li .saved-details-content{margin-left: 30px;}
    #service-detail-container .new-page-content .payment-details .error{ margin-left: 6px; padding-top: 3px; margin-top:3px; }
    .payment-details .credit-card-type-error{margin-top: 0px;}
    .payment-details dd.checkbox-dd label{position: relative; top:-2px;}
    .payment-details dd.checkbox-dd input{ margin-top: 3px;}
    #service-detail-container .authenticated-payment-steps li label span{vertical-align: 5px;}
}
/*IE9*/
#service-detail-container .authenticated-payment-steps li .saved-details-content{margin-left: 30px \9;}
.payment-details dd.checkbox-dd label{position: relative; top:-2px;}

/* Loyalty opt-in splash page */
/* loyalty */

.loyalty-module-newline {display:inline; margin-top: 12px; margin-bottom: 12px; width:150px;}
.loyalty-module-address {display:inline; margin-left: 20px; margin-top: 10px; max-width: 349px; float: left; font-size: 12px;}
#loyaltyCinema,#loyaltyMovie,#loyaltySession{width:300px; float:left}
#movie-threeD{margin-left: 20px;}
#movie-rating{margin-right:20px;}
#movie-details{margin-left: 20px;margin-top:15px; float:left; max-width: 349px; font-size: 12px; }
#session-details{margin-left: 20px;margin-top:15px; float:left; max-width: 349px; font-size: 12px; }
#all-selections{padding-bottom: 20px;}
#all-selections .btn#buy-button{ display: inline-block; margin: 0px 0 20px 0; width: 150px; text-align: center; color:#666; line-height: 18px; font-weight: bold; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box;}
#all-selections h3{font-size: 20px;}
#all-selections li{padding-top:20px; padding-bottom: 30px;border-bottom:1px solid #F2F2F2; font-size: 14px;clear: both; position: relative;}
#all-selections li p {line-height: 17px;}
#all-selections .special-left{padding-left: 50px;}
#all-selections .error-container-top > div{margin-bottom: 0px;}
#all-selections .selectBox{float:left;}
#all-selections .cinema-selection .selectBox{margin-bottom: 0px;margin-top: 5px;}
#all-selections .movie-selection .error-container > div,#all-selections .cinema-selection .error-container > div,#all-selections .session-selection .error-container > div{margin-top:20px; margin-bottom: 0px;}
#all-selections .session-selection .selectBox{margin-bottom: 0px;}
#all-selections a.find-more{color:#0078bf;}
#all-selections .sections-li{padding-left: 0px;}
.movie-body .loyalty-opt-in-form .spash-page-heading-container{
     background: url(images/thanks_opt-in_orange.png) no-repeat 0px 22px transparent;
     margin: -15px 0px 0px 0px;
     padding: 10px 10px 10px 0px;
     clear:both;
    line-height: 40px;
}
.green .loyalty-opt-in-form .spash-page-heading-container{
     background: url(images/thanks_opt-in_green.png) no-repeat 0px 22px transparent;
     margin: -15px 0px 0px 0px;
     padding: 10px 10px 10px 0px;
     clear:both;
    line-height: 40px;
}
.pink .loyalty-opt-in-form .spash-page-heading-container{
     background: url(images/thanks_opt-in_pink.png) no-repeat 0px 22px transparent;
     margin: -15px 0px 0px 0px;
     padding: 10px 10px 10px 0px;
     clear:both;
    line-height: 40px;
}

.loyalty-opt-in-form .spash-page-heading-container.loyalty-music{
     /*background: url(images/loyalty_music_opt_in_icon.png) no-repeat scroll 0px transparent;*/
     margin: -15px 0px 0px 0px;
     padding: 10px 10px 10px 0px;
     clear:both;
}
.loyalty-opt-in-form .spash-page-heading-container span{
    font-size: 40px;
    padding:0px 0 0 0;
}
/* emailAddressForm*/

#emailAddressForm
{
    padding-top : 30px;
}
.step3 corner8
{
        height: auto;
        padding-bottom: 50px;
}
#accountPaymentDetails
{

}


/*
    thetehwehfuwhefiuhwef
*/


.loyalty-opt-in-form .spash-page-heading-container .spash-page-heading{
    color:#0078BF;
    padding-right:10px;
    line-height: 0;
    font-size: 0;
}
.loyalty-opt-in-form .splash-page-body{
    font-size:14px;
    font-family:Arial;
    line-height: 21px;
}
.loyalty-opt-in-form input[type=checkbox] {
    margin-right: 10px;
}
.loyalty-opt-in-form .splash-page-body a:link, .fancybox-opened .splash-page-body a:visited {
    color: #004C9D;
    text-decoration: none;
}

.loyalty-opt-in-form .splash-page-body a:hover {
    text-decoration: underline;
}

.loyalty-opt-in-form .splash-page-body {
    color:#393939;
    line-height: 18px;
}

.loyalty-opt-in-form p {
    margin-top:18px;

}


.loyalty-opt-in-form .splash-page-footer{
    padding-bottom:10px;
    text-align:left;
    overflow: hidden;
}

.loyalty-opt-in-form .splash-page-footer p{
    margin-top:24px;
    font-size:12px;
}

.loyalty-opt-in-form .splash-page-body .splash-page-indent{
    border: 1px solid #DADADA;
    border-radius: 0px;
    margin-top: 18px;
    padding: 20px;
    background-color: #F9F9F9;
}
.loyalty-opt-in-form .splash-page-body .splash-page-indent .checkbox-text{
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}
.loyalty-opt-in-form .splash-page-body .splash-page-indent .margin-top{
    margin-top:20px;
}

.loyalty-opt-in-form #subscribed-email,.loyalty-opt-in-form  #subscribed-mobile {
    font-weight: bold;
}


.loyalty-processing-status-btn-grey{background: url("images/animated-button-grey.gif") repeat-x center; }
.loyalty-processing-status-btn-grey:hover{background: url("images/animated-button-grey.gif") repeat-x center; cursor: default;}


/* LOYALTY MUSIC */
.event-info-toggle.pink { color: #E8308A; }
.event-info-toggle.green { color: #006633; }
.group-toggle, .event-info-toggle { font-size: 19px; margin-top: 12px; margin-bottom: -10px; }
.group-toggle > span, .event-info-toggle > span { padding-left: 26px;
	background: url("images/sprites.png") left no-repeat scroll transparent;
}

.thanks-group.single .banner, .thanks-group.single .group-toggle, .event-banner.single > img, .event-banner.single .event-info-toggle > span { cursor: default; }
.thanks-group.multiple .banner, .thanks-group.multiple .group-toggle, .event-banner.multiple > img, .event-banner.multiple .event-info-toggle > span { cursor: pointer; }
.group-toggle.open > span, .event-info-toggle.open > span { background-position: -881px -445px; }
.group-toggle.closed > span, .event-info-toggle.closed > span {	background-position: -904px -418px; }
.event-info {
    margin-top: 30px;
    line-height: 16px;
}
.thanks-group, .thanks-event, .thanks-group.single { padding: 20px; border: 1px solid #DDDDDD; border-radius: 0px; margin: 20px 0px; }
.loyalty-offers-body a:hover{color:#393939;}
.movie-body a:hover{color:#393939;}
.loyalty-offers-body { font-family: arial; font-size: 14px; color:#393939 }
.loyalty-offers-body p {
    line-height: 16px;
}
.loyalty-offers-body .thanks-event p.margin-bottom-6 {
    margin-top: 16px;
    margin-bottom: 0px;
}
.loyalty-offers-body .thanks-event p {
    margin: 2px 0px;
}
.loyalty-offers-body .thanks-event p.margin-bottom-6:first-child {
    margin-top: 8px;
}
.loyalty-offers-body .thanks-event h4 {
    margin-top: 30px;
    margin-bottom: -5px;
    font-size: 20px;
}
.loyalty-offers-body .thanks-event h4:first-child {
    margin-top: 20px;
}
.loyalty-offers-body .thanks-event-sport h4:first-child {
    margin-top: 28px;
}
.loyalty-offers-body .common-box { float: none; }
.loyalty-offers-body .header-text {
    padding-top: 20px;
    margin-bottom: 55px;
}
.thanks-event form { margin-top: 27px; }
.thanks-event form label:not(.error) { display: inline-block; width: 192px; text-align: right; }
.thanks-event form .form-line label { display: inline-block; width: 192px; text-align: right; }
.thanks-event form label.error { margin-left: 6px; float: none; padding-bottom: 5px; text-align: left;}
.thanks-event form input { margin-left: 15px; }
.thanks-event form input.error { float: none; }
.thanks-event form input[type=text] { width: 220px; height: 24px; padding: 0px 5px; }
.thanks-event form div.form-line { margin-bottom: 10px; width: 100%; }
.thanks-event .common-box { padding: 0px; margin-top: 8px; margin-bottom: 6px; }
.thanks-event .common-box input { margin-left: 212px; }
.loyalty-offers-body .thanks-event a.music_presale_link{width: 140px; background-image: url("images/bg_pink_button.png"); color: white; padding-left: 30px; padding-right: 30px; border-radius: 0px 0px 0px 0px; font-weight: 700; text-shadow: -1px -1px 0 #0061A1; height: 22px; }
.loyalty-offers-body .thanks-event a.music_presale_link:hover, .loyalty-offers-body .thanks-event a.music_presale_link:active { background-image: url("images/bg_pink_button_hover.png"); text-decoration: none; }
.loyalty-offers-body .thanks-event a.music_presale_link:hover, .loyalty-offers-body .thanks-event a.music_presale_link:active, .loyalty-offers-body .thanks-event a.music_presale_link:visited { color: white; }
.loyalty-offers-body .thanks-event a.sport_presale_link{width: 140px; background-image: url("images/bg_green_button.png"); color: white; padding-left: 30px; padding-right: 30px; border-radius: 0px 0px 0px 0px; font-weight: 700; text-shadow: -1px -1px 0 #006633; height: 22px; }
.loyalty-offers-body .thanks-event a.sport_presale_link:hover, .loyalty-offers-body .thanks-event a.sport_presale_link:active { background-image: url("images/bg_green_button_hover.png"); text-decoration: none; }
.loyalty-offers-body .thanks-event a.sport_presale_link:hover, .loyalty-offers-body .thanks-event a.sport_presale_link:active, .loyalty-offers-body .thanks-event a.sport_presale_link:visited { color: white; }
.loyalty-offers-body .thanks-event .buy-now { margin-top: 20px; margin-bottom: -10px; }
.loyalty-offers-body .thanks-event a:hover { text-decoration: underline; }
.loyalty-offers-body .header-text p { text-align: left; }
.loyalty-info { margin-bottom: 0px; }
.loyalty-offers-body .forms .error { background-position: -253px -140px; }
.sidebar-tab-external-link .welcome-text.img-music-sidebar{background: url(images/thanks_music_label.png) no-repeat 11px 12px; padding-top: 30px;}
.sidebar-tab-external-link .welcome-text.img-music-green-sidebar{background: url(images/thanks_music_green_label.png) no-repeat 11px 12px; padding-top: 30px;}
.sidebar-tab-external-link .welcome-text.img-movie-sidebar{background: url(images/thanks_movies_label.png) no-repeat 11px 12px; padding-top: 30px;}
.sidebar-tab-external-link .welcome-text.img-movie-green-sidebar{background: url(images/thanks_movies_green_label.png) no-repeat 11px 12px; padding-top: 30px;}
.sidebar-tab-external-link .welcome-text.img-sport-purple-sidebar{background: url(images/thanks_sport_purple_label.png) no-repeat 11px 12px; padding-top: 30px;}
.sidebar-tab-external-link .welcome-text.img-sport-orange-sidebar{background: url(images/thanks_sport_orange_label.png) no-repeat 11px 12px; padding-top: 30px;}
.loyalty-offers-body .sport-privacy {
    position: relative;
    top: 0px;
    bottom: 0px;
    width: auto;
    margin-top: 50px;
}
.loyalty-offers-body .sport-privacy > h4 {
    margin: 0px !important;
    font-size: 14px;
    font-weight: normal;
}

.loyalty-offers-body .sport-privacy a {
    color: #176744;
}

.thanks-event .event-functional p {
    margin-top: 8px;
}


/* shared data usage postpaid mobile */
#shared-usage-data-table td.shared-data-by-service-hover{
    background-color: #ddf1fc
}
.shared-data-usage-header div {
    display: inline;
}
.shared-data-usage-header .vertical-separator {
    border-left: 1px solid #CCCCCC;
    margin-left: 10px;
    padding-left: 10px;
}
.shared-data-usage-header .shared-data-usage-title {
    font-size: 20px;
}

#shared-usage-data-table thead td {
    border-bottom: 1px solid #666666;
    text-align: left;
    padding-top:10px;
    padding-bottom:5px;
}

#shared-usage-data-table td.nickname {
    width: 10%;
}
#shared-usage-data-table td.serviceId {
    width: 10%;
}
#shared-usage-data-table  td.usageAmount{

}
#shared-usage-data-table tbody tr.nickname td {
    border-top: 1px solid #666666;
}
#shared-usage-data-table td.data-pack { width: 10%; }


#shared-usage-data-table thead td {
    border-top: 1px solid #FFFFFF;
}

#shared-usage-data-table td {
    font-size: 0.857em;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #F4F4F4;
}
#shared-usage-data-table tbody td {
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left;
}
#shared-usage-data-table td.usage_bar_cell {
    background: url("images/bg_dot_grid_2.png") repeat scroll 0 0 transparent;
    padding-left: 0;
    padding-right: 5px;
    text-align: left;
    width: 45%;
}
#shared-usage-data-table div.loading-error {
    padding-left: 10px;
}

#shared-usage-data-table td.usage_bar_cell.shared-data-by-service-hover {
   background: url("images/bg_dot_grid_2.png") repeat scroll 0 0 #ddf1fc;
}
#shared-usage-data-table td.usage_bar_cell_no_grid {
    padding-left: 0;
    padding-right: 5px;
    text-align: left;
    width: 45%;
}


.page-container #shared-usage-data-table .serviceId a:link, .serviceId a:visited, .serviceId a:hover{
    color: #393939;
    text-decoration: none;
}


#all-selections .error-container{
    float:left;
    max-width: 349px;
    padding: 14px 0 0 6px;
}

#all-selections .state-selection .error-container{
    max-width: 510px;
}

#all-selections .cinema-selection .error-container{
    padding-top: 8px;
}


.error-container .error{
    background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
    color:#B21F33;
    font-size:12px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:4px;
    width:auto;
    display: block;
    line-height: 18px;
}
.saved-payment-error {
    padding-left:25px;
}
.saved-payment-error span{
    background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
        color:#B21F33;
        font-size:12px;
        padding-left:20px;
        padding-top:5px;
        padding-bottom:4px;
        width:auto;
        display: block;
        line-height: 18px;
        margin-top:-25px;
}

.error-container .error{
    background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
    color:#B21F33;
    font-size:12px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:4px;
    width:auto;
    display: block;
    line-height: 18px;
}


.error-container #errorMsgForExpiredCard{

    background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
    color:#B21F33;
    font-size:12px;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:4px;
    width:auto;
    display: block!important;
    line-height: 18px;
}

.info-pop-up:after {
    border-bottom: 10px solid #111111;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -10px;
    content: "";
    height: 0;
    position: absolute;
    /* right: 40%; calculate using jquery*/
    right:45%;
    top: -11px;
    width: 0;

}

.info-pop-up {
    background: none repeat scroll 0 0 #111111;
    border-color: #111111 transparent;
    border-left: 10px solid transparent;
    border-radius: 0px 0px 0px 0px;
    border-right: 10px solid transparent;
    border-style: solid;
    border-width: 2px 10px;
    color: #FFFFFF;
    display: inline;
    font-size: 14px;
    margin-top: -28px;
    opacity: 0.75;
    padding: 5px;
    position: relative;
    top: -21px;


    /* left: calculate using jquery */
}

.bar-graph .bar-excess {
   background-color:#B32034;
}

#prepaid-credit-remaining .footnote,#service-detail-container .footnote{ margin:0px; width:737px;}
#dialog-popup{
    position: fixed;
    top:0;
    left:0;
    z-index: 10001;
    background: #fff;
    border:1px #ccc solid;
    padding:16px;
    width:180px;
    height:160px;
}
#dialog-popup p{font-size: 15px; line-height: 20px;}
#dialog-popup .clear{margin:20px 0 0 0}
#dialog-popup input{  height:30px; background: #0078c0;}

.shadow-box { background: rgba(0, 0, 0, .5);  z-index: 1000;position: fixed; width:100%; height: 100%; left:0; top:0;}

/** Mega Bill**/
.form.megabill-form{width:737px;}
.megabill-section-header{position:relative;display: inline-block; float:left; color: #393939;font-size: 40px;margin: 35px 0 20px 9px; text-decoration: none; }
.megabill-section-header:hover{color:#393939}
.round-box {border-radius: 0px 0px 0px 0px;margin-top: 18px;}
.round-box .checkbox-text{padding-left: 25px;text-indent: -25px;display: block;line-height: 18px;margin-right: 8px;}
.megabill-section-header b{width: 17px; height:16px; position: absolute; left: -24px; top:22px; +top: 21px;}
.fields-group{clear:both;}
.megabill-title{color: #000;font-size: 25px;margin-bottom: 20px }
.megabill-heading{font-size: 14px; margin-bottom: 15px;}
.megabill-bold-heading{font-size: 14px; font-weight:bold;}
.megabill-sub-title{font-size: 20px;}
.page-container.megabill {clear:both; padding:0;}
.divider {background-color: #F3F3F3;border: 0 none;color: #F3F3F3;float: left;height: 1px;margin-top: 18px;width: 100%;}
.megabill-privacy{width:737px; margin:20px 0;padding:10px;background: none repeat scroll 0 0 #F7F7F7;clear: both;font-size: 12px;}
.unauthenticated .megabill-privacy{background: repeat scroll 0 0 none;}
.top-padding {padding-top: 8px;}
.megabill-privacy h4 {display: block;font-size: 18px;margin: 0 0 10px;}
#updateEmailForm .error-container {padding-top: 10px;}
.privacy.switch-paper{width:auto; margin-top:20px;padding:10px}
.terms-and-conditions {padding-top: 2px;width:650px;clear:both;}
#updateToEmailBill1{margin-top:0px}
#submitMegabillForm{margin-top: 10px; padding-left: 0px;}
.mega-bill-banner{margin-top: 26px}
.form-row.statement.megabill{width:940px;margin-bottom: 20px;}
.megabill-switch-paper-homepage{margin-top: 44px}
.megabil-update-email-homepage{margin-top:30px}
.page-container .details-container h2.megabill a {border-left: 0px; border-right: 0px; padding-left:0px; margin-left: 0px;}
.overlay-footer .btn {background: url(images/btn-arrow.png) no-repeat right, url("images/lightbox-btn-bg.png") repeat-x scroll center center transparent;border: 0 none;border-radius: 0px 0px 0px 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color: #FFFFFF;cursor: pointer;font-size: 14px;height: 27px;line-height: 27px;min-width: 110px;overflow: visible;padding: 0 10px;}
.overlay-footer .btn:hover {background: url("images/lightbox-btn-hover-bg.png") repeat-x scroll center center transparent;}
.megabill-sub-title.with-border{margin-bottom: 15px;}
.form.megabill-form .form-row label{width:180px;color: #626262; font-weight: bold;}
.form.megabill-form .error-container .error{width:200px; padding-top: 2px;}
.form.megabill-form .warning {margin: 0 0 20px;}
.page-container.megabill-container{border-width: 1px 1px 0 1px; margin-bottom: -1px;}
.page-container .content-title.megabill-detail{border-bottom: 0}
.page-container .content-title.contract-details{background: url("images/etc-icon.png") no-repeat 20px 19px;}
.mega-bill-switch-error{width : 737px !important;}
/* Bundle Detail */
.page-container div.bundled-services-link{margin-left:45px}
.page-container .bundled-services-link div.serviceLink{margin-bottom:10px;line-height: 24px;}
.page-container .details-container .moc-bundle-name{float:left;font-size: 20px;margin-right: 12px;max-width:470px;}
.page-container .bundled-services-link .right-div-holder a.servicelink{border-left:0px;padding-left: 0px;}
.page-container .bundled-services-link a.servicelink{margin-right: 12px;}
.select-dropdown.change-bundle-button{background:none;width:150px;}
.page-container .details-container > li .select-dropdown.change-bundle-button{right:10px;top:27px}
.select-dropdown.change-bundle-button .select-title{padding-right:0px;}
.page-container .bundled-services-link .view-usage{border-left:1px #ccc solid; padding-left:12px;}
#bundle-details-title{background: url("images/bundle_blue_icon.png") no-repeat scroll 20px 19px transparent;}
.serviceLink .left-div-holder{margin-top: 0px; width:196px;}
.serviceLink .left-div-holder.empty-placeholder {margin-top: 8px;}
.serviceLink .right-div-holder{float:none;}
.page-container .services-sidebar li.moc-bundle-details-nav b{background: url("images/bundle_grey_icon.png") no-repeat scroll center center transparent;}
.page-container .bundled-services-link div.foxtel.service_name{background: url("images/t-box_grey_icon.png") no-repeat scroll left top transparent;padding-left: 30px; line-height: 22px}
.page-container .bundled-services-link div.internet.service_name{background: url("images/internet_grey_icon.png") no-repeat scroll left top transparent;padding-left: 30px;line-height: 22px}
.page-container .bundled-services-link div.fixed-line.service_name{background: url("images/phone_grey_icon.png") no-repeat scroll left top transparent;padding-left: 30px;line-height: 22px; padding-right: 10px;}
.hideSelectOptions{display:none}
.chngBndl{
 border-left: 1px #ccc solid;
 padding-left: 12px;
 font-size: 14px;
 display: inline-block;
 }

/* Personal Detail FaceBook */
.page-container .details-container .section-content .facebook-picture {    height: 30px;    width: 30px;}
.page-container .details-container .section-content .facebook-note {font-size: 12px; color: #666; padding-top:8px}
.page-container .details-container .section-content .facebook-name {padding-left:8px}
.unlink-facebook-container .form-row .facebook-name { text-align:left; padding-left:8px;}
.unlink-facebook-container .form-row .facebook-picture {float:left; height:30px; width:30px;}
.unlink-facebook-container .facebook-holder {padding-bottom: 20px; padding-top:20px; line-height: 1.3em;}
.unlink-facebook-container .form-set-password{margin-top: 110px; border-top: 1px solid #F2F2F2; width:900px;}
.unlink-facebook-container .facebook-note {clear: left;float: right;width: 71%;font-size: 13px;padding-top: 8px;}
.unlink-facebook-container p {padding-top:15px;}
/* Daffodil phase2 plus pack css */
.unlink-facebook-container #purchase-plus-pack-desc .plus-warning-confirm {height: 16px; font-size: 13px;  line-height: 16px; padding-top: 20px; font-weight: 600; padding-bottom: 10px; max-width: 650px;}

#bill-not-issued-summary{margin-left: 20px; margin-right: 20px;}
.default-overlay{background: #fff; opacity: 0.45; position:absolute; left: 0; top:0; z-index:10000;}
.bill-delivery-form .bill-delivery-options {padding-left:0;}
.bill-delivery-form .bill-delivery-options li{padding:10px 0px;}
.bill-delivery-form .bill-delivery-options li:last-child {padding-top:10px;}

/* credit card types */
#credit-card-type-icons{margin: 0; padding: 0; padding-left: 134px; display:inline-block;}
#credit-card-type-icons li{ display:inline-block; margin-left: 5px;width:50px; height:30px;  background: url(images/credit-card-type-icons.png) no-repeat;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
#credit-card-type-icons.none .masterCard,#credit-card-type-icons.none .americanExpress,#credit-card-type-icons.none .dinersClub,#credit-card-type-icons.none .visa{opacity:0.2;filter:alpha(opacity=20);}
#credit-card-type-icons.visa .masterCard,#credit-card-type-icons.visa .americanExpress,#credit-card-type-icons.visa .dinersClub{opacity:0.2;filter:alpha(opacity=20);}
#credit-card-type-icons.masterCard .visa,#credit-card-type-icons.masterCard .americanExpress,#credit-card-type-icons.masterCard .dinersClub{opacity:0.2;filter:alpha(opacity=20);}
#credit-card-type-icons.dinersClub .visa,#credit-card-type-icons.dinersClub .americanExpress,#credit-card-type-icons.dinersClub .masterCard{opacity:0.2;filter:alpha(opacity=20);}
#credit-card-type-icons.americanExpress .visa,#credit-card-type-icons.americanExpress .dinersClub,#credit-card-type-icons.americanExpress .masterCard{opacity:0.2;filter:alpha(opacity=20);}

#credit-card-type-icons .visa{background-position: -1px 1px;}
#credit-card-type-icons .masterCard{background-position: -57px 1px;}
#credit-card-type-icons .americanExpress{width:34px; background-position: -110px 1px;}
#credit-card-type-icons .dinersClub{background-position: -149px 2px;}

.credit-card-number-field{width:558px;}


/* order tracking */
.order-tracker-title{background: url(images/order_tracker_grey_50px.png) no-repeat 20px 19px;}
#order-tracker-form .form-row {
    margin-bottom: 0;
    position: relative;
}
#order-tracker-search .order-tracker-inner{float:left; width:684px;}
#order-tracker-search .order-tracker-inner .order-tracker-details{ background: #f4f4f4; padding:24px 20px;}
#order-tracker-search .order-tracker-inner .warning{margin: 0 0 20px 0;}
#order-tracker-search .order-tracker-inner .info{margin: 0 0 20px 0;}
#order-tracker-search .order-tracker-inner .order-number-input{
    float:left;
    width:437px;
    height: 40px;
    line-height: 40px;
    padding:2px 15px 0px;
    border:1px #bebebe solid;
    font-size: 20px;
}
#order-tracker-search .order-tracker-inner .order-number-input:focus{border:1px #bebebe solid !important; }
#order-tracker-search .order-tracker-inner .order-search-btn { float:left; width:124px; height: 42px; border: 0; margin-left: 8px; font-size: 18px !important; font-weight: normal; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0); cursor: pointer;}
#order-tracker-search .order-tracker-inner .tooltips{
    background: url(images/tooltip_large.png) no-repeat;
    width: 30px;
    height:30px;
    margin-left: 13px;
    position: absolute;
    right: -45px;
}
#order-tracker-loading.loading {margin-top:-3px; margin-left: -150px; width: 60px; left: 483px; top: 55%; height:65px;}
#order-tracker-search .order-tracker-inner .order-tracker-links {display: inline-block; margin: 20px 0 20px 0; font-size: 14px;}
#order-tracker-search .order-tracker-inner .order-tracker-links a.nth-link { border-left: 1px #ccc solid; margin-left: 12px; padding-left: 12px;}
#order-tracker-search .order-tracker-inner .error-container{ clear:both; margin:10px 0 -10px 0; padding-bottom: 0;}
#order-tracker-search .order-tracker-inner .error-container .error { padding-bottom: 0;}
.order-tracker-sidebar{float:right;width:230px;}
.order-tracker-sidebar ul{padding: 0px; clear:both;}
.order-tracker-sidebar ul li{ line-height: 22px; font-size: 14px;}
.order-tracker-sidebar h3{font-size: 28px; height:28px; line-height: 28px; margin:0 0 11px -2px;}
.order-tracker-wrapper{padding: 24px 20px 40px;}

#order-tracker-search-result .order-tracker-inner{float:left; width:684px;}
#order-tracker-search-result .order-tracker-inner .order-tracker-details{ background: #f4f4f4; padding:24px 20px;}
#order-tracker-search-result .order-tracker-inner .warning{margin: 0 0 20px 0;}
#order-tracker-search-result .order-tracker-inner .info{margin: 0px 0 20px 0;}
#order-tracker-search-result .order-tracker-inner #order-tracker-search-no-result.info {margin: 0px 0 0px 0;}
#order-tracker-search-result .order-tracker-inner .order-number-input{ float:left; width:437px; height: 40px; padding:2px 15px 0px; border:1px #bebebe solid; font-size: 20px;}
#order-tracker-search-result .order-tracker-inner .order-number-input:focus{border:1px #bebebe solid !important; }
#order-tracker-search-result .order-tracker-inner .order-search-btn { float:left; width:124px; height: 42px; border: 0; margin-left: 8px; font-size: 18px !important; font-weight: bold; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.3); }
#order-tracker-search-result .order-tracker-inner .tooltips{ background: url(images/tooltip_large.png) no-repeat; width: 30px; height:30px; margin-left: 13px;}
#order-tracker-search-result .order-tracker-inner .order-tracker-links {display: inline-block; margin: 20px 0 20px 0; font-size: 14px;}
#order-tracker-search-result .order-tracker-inner .order-tracker-links a.nth-link { border-left: 1px #ccc solid; margin-left: 12px; padding-left: 12px;}
#order-tracker-search-result .order-tracker-inner .error-container{ clear:both; margin:10px 0 -10px 0; padding-bottom: 0;}
#order-tracker-search-result .order-tracker-inner .error-container .error { padding-bottom: 0;}
#order-tracker-search-result,#order-tracker-search-no-result{margin:0 0 18px 0;}
#order-tracker-search-result .move-disconnected-dates{margin: 15px 0 0 51px;}
#order-tracker-search-result .move-connected-dates{margin: 0 0 0 51px;}

.order-tracker .sub-title{
    width: 390px;
    position: relative;
    border: 1px solid #DADADA;
    margin-bottom: 10px;
}

.order-tracker .sub-title.single{
    width: 250px;
    position: relative;
    border: 1px solid #DADADA;
    margin-bottom: 10px;
}
.order-tracker .status-dates {
    border-collapse: separate;
}

.order-tracker .status-dates .status  {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.order-tracker .status-dates .delimiter  {
    padding-left: 10px;
    padding-right: 10px;
    color: #ccc;
}
.order-tracker .status-dates .tracking-url  {
    font-size: 14px;
    text-align: left;
}


.order-tracker .sub-title td {
    text-align: left;
    padding-left:10px;
}
.order-tracker table tbody > tr {
    border-bottom: 1px solid #DADADA;
}
.order-tracker table td {
    text-align: center;
    height: 23px;
}
.order-tracker table td.title {
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    width: 80px;
}
.order-tracker .welcome-text b{background: url("images/header-arrow.png") no-repeat scroll 0 0 transparent; }
.order-tracker .page-container{padding-top: 0;}
.order-tracker .order-track-wrapper{padding:24px 20px 40px;}
.order-tracker .content-title.track-order-title{background: url(images/order_tracker_grey_50px.png) no-repeat 20px 19px}
.order-tracker .order-tracker-inner{float:left; width:684px;}
.order-tracker .order-tracker-inner .order-tracker-details{ background: #f4f4f4; padding:24px 20px;}
.order-tracker .order-tracker-inner .order-number-input{ float:left; width:437px; height: 40px; padding:2px 15px 0px; border:1px #bebebe solid; font-size: 20px;}
.order-tracker .order-tracker-inner .order-number-input:focus{border:1px #bebebe solid !important; }
.order-tracker .order-tracker-inner .order-search-btn{ float:left; width:124px; height: 42px; border: 0; margin-left: 8px; font-size: 18px !important; font-weight: bold;}
.order-tracker .order-tracker-inner .tooltips{ background: url(images/tooltip_large.png) no-repeat; width: 30px; height:30px; margin-left: 13px;}
.order-tracker .order-tracker-inner .cancel-link{ display: inline-block; margin: 20px 0 20px 0; font-size: 14px;}
.order-tracker .order-tracker-inner .error-container{ clear:both; margin:10px 0 -10px 0;}
.order-tracker .order-tracker-inner .warning,
.order-tracker .order-tracker-inner .info{
    margin-bottom:20px;
    margin-top: 0px;
}
.order-tracker .order-tracker-sidebar{float:right;width:230px;}
.order-tracker .order-tracker-sidebar ul{padding: 0px; clear:both;}
.order-tracker .order-tracker-sidebar ul li{ line-height: 22px; font-size: 14px;}
.order-tracker .order-tracker-sidebar h3{font-size: 28px; height:28px; line-height: 28px; margin:0 0 11px -2px;}
.order-tracker .cancel-link.pipeline{border-left:1px #ccc solid; margin-left: 12px; padding-left: 12px;}

.order-tracker .orders-list{display: block; border: 1px #ccc solid; padding: 0; margin: 0; }
.order-tracker .orders-list > li{
    display: block;
    border-bottom: 1px #ccc solid;
    padding-top: 26px;
    padding-bottom: 15px;
    position: relative;
}
.order-tracker .orders-list > li:last-child{border: 0;}
.order-tracker .orders-list .order-header{ display:block;cursor: pointer; line-height: 15px; position: relative;}
.order-tracker .orders-list .order-header b{ position: absolute; left:25px; top:1px; width:14px; height: 14px; display: block; background: url(images/sprites.png) no-repeat -905px -423px}
.order-tracker .orders-list .order-header b.expanded{top:4px; background-position: -881px -452px;}
.order-tracker .orders-list .order-header b.collapsed{top:4px; background-position: -881px -452px;}
.order-tracker .orders-list .non-arrow {
    cursor: default;
}
.order-tracker .orders-list .non-arrow b {
   background-image: none;
}
.order-tracker .orders-list .order-header h4{ max-width: 385px; display: inline-block; padding-left: 46px;font-size: 15px;}
.order-tracker .orders-list .order-header h4 .title{
    display: block;
    font-size: 20px;
    line-height: 24px;
    position: relative;
    top: -4px;
}
.order-tracker .orders-list .order-header h4 .sub-title{font-size: 12px; margin-top: 8px;}
.order-tracker .orders-list .order-header .status{position: relative; display:inline-block; float:right;  padding: 1px 20px 0 40px; width:150px; max-width: 150px; font-size: 15px;}
.order-tracker .orders-list .order-header .status b{ position: absolute; left:0px; top:-7px; width:30px;height:30px; background: url(images/search-result-icons.png) no-repeat;}
.order-tracker .orders-list .order-header .status .title{display: block;}
.order-tracker .orders-list .order-header .status.delayed b{background-position:-31px 0px; top:-8px; left:-2px;}
.order-tracker .orders-list .order-header .status.complete b{background-position:-90px 0px; top:-9px;}
.order-tracker .orders-list .order-header .status.progress b{background-position:0px 0px; top:-6px; left:-2px;}
.order-tracker .orders-list .order-header .status.hold b {
    background-position: 0px -68px;
    top: -8px;
}
.order-tracker .orders-list .order-header .status.confirmation b{background-position:-59px 0px; top:-7px;}
.order-tracker .orders-list .order-header .status.cancel b{background-position:-120px 0px; top:-8px;}
.order-tracker .orders-list .order-header .status.shop-in-progress b {background: url(images/InProgress.png) no-repeat;}
.order-tracker .orders-list .order-header .status.shop-back-order b {background: url(images/BackOrder.png) no-repeat;}
.order-tracker .orders-list .order-header .status.shop-complete b {background: url(images/ReadyForDispatch.png) no-repeat;}
.order-tracker .orders-list .order-header .status.shop-cancel b {background: url(images/Cancel.png) no-repeat;}
.order-tracker .orders-list .order-header .status.shop-dispatched b {background: url(images/Dispatched.png) no-repeat;}
.order-tracker .orders-list .order-header .status.shop-delivered b {background: url(images/Delivered.png) no-repeat;}
.order-tracker-wrapper .order-tracker-header { line-height: 2em; padding: 0 20px 20px;}
.order-tracker .orders-list .shop-order-result .order-content .warning-sub-title { width: 250px; }
.order-tracker .orders-list .shop-order-result .order-header .status { width: 200px; max-width: 200px;}
.order-tracker .orders-list .shop-order-result .order-header .status-title { float: left; font-weight: bold;}
.order-tracker .orders-list .shop-order-result .order-header .order-status {float: left; padding-left: 10px;}

.order-tracker .orders-list .order-content .warning-sub-title{
    color: #666;
    float: right;
    font-size: 12px;
    line-height: 16px;
    padding-right: 12px;
    position: relative;
    right: 0;
    text-indent: -1px;
    width: 155px;
}
.order-tracker .orders-list .order-content{
    padding:7px 0 0 46px;
    display: none;
    font-size: 12px;
    position: relative;
}
.order-tracker .orders-list .order-content ul,.order-tracker .orders-list .order-content li{margin: 0; padding: 0; font-size: 12px;}
.order-tracker .orders-list .order-content ul{margin-left: 18px;  padding-top:10px;}
.order-tracker .orders-list .order-content ul > li{list-style: disc; max-width: 390px;}
.order-tracker .orders-list .order-content ul > li span{color:#666;}

.order-tracker .orders-list .sub-order-notes{color:#3939; padding-left: 50px; padding-top:10px; font-weight: bold; font-size: 14px}


.order-tracker .order-tracker-inner .footer-links{margin: 15px 0 40px 0; font-size: 14px;}
.order-tracker .order-tracker-inner .order-search-actions{font-size: 14px; padding-top: 15px;}
.order-tracker .order-tracker-inner .order-search-actions li{ float: right; margin: 5px 5px 15px 10px;}
.order-tracker .order-tracker-inner .order-search-actions li a{ display: inline-block; line-height: 20px; margin-left: 10px; padding: 0px 0px 0px 30px; background: url(images/search-result-icons.png) no-repeat;}
.order-tracker .order-tracker-inner .order-search-actions li a.print{ background-position: 3px -150px }
.order-tracker .order-tracker-inner .order-search-actions li a.search{ background-position: 4px -40px; }
.order-tracker .order-tracker-inner .order-search-header{ margin: 0px 0 5px 0;}
.order-tracker .order-tracker-inner .order-search-header h3{ font-size: 25px; height: 20px; line-height: 20px; margin-bottom: 10px; color: #004C9D}
.order-tracker .order-tracker-inner .order-search-header .subtitle{height:14px; font-size: 14px; line-height: 14px; text-align: left;}
.order-tracker .order-tracker-inner .order-search-header .subtitle.split-stick,
.order-tracker .order-tracker-inner .footer-links .split-stick{
    border-left:1px #ccc solid;
    margin-left: 10px ;
    padding-left: 10px;
}
.order-tracker .order-tracker-inner .order-search-header .subtitle em {
    margin-left: 3px;
    font-size: 12px;
}
.order-tracker .order-tracker-inner .tip {
    background: url("images/ico-tooltip.png") no-repeat;
    width:16px;
    height: 16px;
    display: inline-block;
    float: none;
    margin-left: 5px;
}

.order-tracker .orders-list {
    border-radius: 0px;
}

#bill-not-issued-summary{margin-left: 20px; margin-right: 20px;}
.default-overlay{background: #fff; opacity: 0.8; position:absolute; left: 0; top:0; z-index:10000;}


#service-detail-container .payment-result.possible-duplicate-content{
    margin-bottom: 40px;
}

.btn-dark-grey {background: url("images/bg_dark_grey_button.png") repeat-x scroll center center;padding:6px 33px;border:1px solid #575757;border-radius: 0px 0px 0px 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);cursor: pointer;font-size: 14px;height: 28px;line-height: 28px;min-width: 110px;overflow: visible;}
.btn-dark-grey:link, .btn-dark-grey:visited {color:#FFFFFF !important;}
.btn-dark-grey:hover {text-decoration: none !important; background: url("images/bg_dark_grey_button_hover.png");color:#FFFFFF !important; }
.beats-music-action .btn-dark-grey {background-color: #CCC !important; background: url(images/bg_disabled_button.png) repeat-x scroll 0 50% transparent; min-width: 80px; border: 1px solid !important; border-radius: 0px 0px 0px 0px; box-shadow: none !important; pointer-events: none; cursor: default; text-decoration: none !important; text-shadow: none !important; }
@media only screen and (min-width: 767px) {
    .beats-music-action .btn-dark-grey { padding-top:0 !important; padding-bottom:0 !important;}
}

.possible-duplicate-message-content{font-size:14px;margin: 0 0 25px;}
.page-container a.duplicate-no-cancel-button {margin-left:10px;color: ##004C9D; font-weight:normal; padding: 4px 12px; cursor: pointer; display: inline-block; font-size: 14px;}
.page-container a.duplicate-no-cancel-button:hover{ text-decoration: underline;}

.page-container a.duplicate-yes-proceed-payment-button{color: #ffffff;font-weight:normal;padding:6px 26px;border-radius: 0px 0px 0px 0px;}
.page-container a.duplicate-yes-proceed-payment-button:hover{text-decoration: none}
.page-container a.duplicate-yes-proceed-payment-button:after {
	font-family: 'td-icons';
    content: "\e6f4";
    width: 25px;
    height: 100%;
    position: relative;
    right: -10px;
    top: 2px;
    display: inline-block;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#yes-proceed-payment-link-description-cc, #yes-proceed-payment-link-description-bank {  position:relative; margin-top: 14px;float:left;padding:10px;text-align: left;color:#666666 !important;border: #E7308A solid 1px;width: 210px;}
#yes-proceed-payment-link-description-cc .triangle, #yes-proceed-payment-link-description-bank .triangle{position:absolute; top:-20px; right:180px; width:0px;height:0px;border: 10px transparent solid; border-bottom: 10px #fff solid;}
#yes-proceed-payment-link-description-cc .triangle_border, #yes-proceed-payment-link-description-bank .triangle_border{position:absolute; top:-21px; right:180px; width:0px;height:0px;border: 10px transparent solid; border-bottom: 10px #E7308A solid;}
.payment-content .duplicate-processing-status-btn {background: url("images/animated-button-grey.gif") repeat-x center; !important;}

/*plugs-packages*/
.plus-packages-wrapper{margin-top: 20px; border-top:1px solid #F2F2F2;}
#prepaid-credit-remaining .plus-packages-wrapper ul{padding: 0; margin: 0; border-bottom:none;}
#prepaid-credit-remaining .plus-packages-wrapper .plus-packages {margin-top: 10px; width: 700px; float: right;}
.plus-packages-wrapper h2{padding: 14px 0 20px;}
.plus-packages-wrapper h4{font-size: 14px; margin-left: 40px;}
.plus-packages-wrapper .plus-packages > li { margin-top: 2px;}
.plus-packages-wrapper .plus-packages > li .plus-title{height: 40px; font-size: 14px; line-height: 40px; cursor: pointer; padding-left: 40px; background: #F9F9F9 url(images/alerts-icons.png) no-repeat; background-position: 670px -92px; }
.plus-packages-wrapper .plus-packages > li .plus-title.expend{background-position: 670px 9px;}
.plus-packages-wrapper .plus-packages > li .plus-title span{font-size: 12px;}
.plus-packages-wrapper .plus-packages .packages-list{ display: none; }
#prepaid-credit-remaining .plus-packages-wrapper .plus-packages .packages-list > li{padding:12px 0 12px 0; border-top: 1px solid #f2f2f2; }
#prepaid-credit-remaining .plus-packages-wrapper .plus-packages .packages-list > li:first-child{ border-top: 0px; }
.plus-packages-wrapper .plus-packages .packages-list > li dl,.plus-packages-wrapper .plus-packages .packages-list > li dd, .plus-packages-wrapper .plus-packages .packages-list > li dt{padding: 0; margin: 0; float: none;}
.plus-packages-wrapper .plus-packages .packages-list > li > dl{display: block; float:left; margin-left: 40px; width:540px; position: relative;}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dt.plus-name{display: block; width: 400px; height: 16px; font-size: 16px; line-height: 16px;}

/* Daffodil phase2 plus pack css */
.plus-packages-wrapper .plus-packages .packages-list .plus-warning{height: 23px; font-size: 14px; padding-left: 0px; padding-top: 0px; padding-bottom: 7px; margin-top: 11px !important}
.plus-packages-wrapper .plus-packages .packages-list .plus-warning-confirm{height: 16px; font-size: 14px; line-height: 16px; padding-bottom: 10px;  padding-top: 20px; font-weight:bold;}

.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-description{
    display: block;
    width: 400px;
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px;
}
.plus-packages-wrapper .plus-packages .packages-list > li dd > a{
    border: none;
    margin: 0px;
    padding: 0px;
}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price{position: absolute; right:-20px; width:130px; height: 42px; top:-3px; background: #ecfbff; text-align: right;}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price .price{margin: 13px 10px 0 0px; height:20px; display: inline-block; font-size: 14px;}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price .currency{
    vertical-align: top;
    font-size:12px;
    line-height: 12px;
    display: inline;
}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price .dollars{
    vertical-align: top;
    font-size: 25px;
    line-height:18px;
    display: inline-block;

}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price .decimal{
    width: 1px;
    position: relative;
    left: -1px;
    line-height: 12px;
    font-size: 12px;
}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price .cents{
    vertical-align: top;
    line-height:12px;
    font-size: 12px;
    display: inline;
    margin: 0 0 0 -2px;
}
.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price.prepp{position: absolute; right:0px;margin-left: 10px; height: 42px; top:-3px; background: #ecfbff; text-align: right;}
.plus-packages-wrapper .plus-packages .packages-list > li .add-btn{float:right; margin-top: 3px; min-width: 50px; margin-right: 20px;}
.plus-packages-wrapper .plus-packages .packages-list > li .plus-des-link{
    float:right;
    margin-right: 20px;
    margin-top: 5px;
    line-height: 16px;
    width:70px;
    text-align: center;
    font-size:12px;
}

.plus-packages-wrapper .warning {
    margin: 12px 18px 12px 40px;
}
.plus-packages-wrapper .plus-packages .packages-list .btn-blue {
    padding: 4px 10px !important;
}

#prepaid-credit-remaining .plus-packages-wrapper #purchase-plus-pack-desc a:link  #prepaid-credit-remaining .plus-packages-wrapper #purchase-plus-pack-desc a:visited {
    color: #004C9D;
    text-decoration: none;
}
/*Add-ons page*/
#data-packs-container {
    padding: 20px 0 20px 0;
}

#data-packs-container h2{
    padding-bottom:0px;
}
.data-packs {
    margin: 0 0 20px 0;
    position: relative;
    border: 1px solid #DADADA;
    padding-right: 0;
    padding-top:8px;
    border-radius: 0px;
}
.single {
    border: none;
}
.data-packs h3, #mobile-addons-container h3 {
    color: #393939;
    font-size: 14px;
    font-weight: bold;
}
#mobile-addons-container .section-content p {
	width: auto;
}
#mobile-addons-container .section-content > p {
	margin-bottom: 15px;
	font-size: 14px;
}
.data-packs.expandable.collapsed .data-packs-header {
    background-position: 10px -93px;
    position: relative;
}
.data-packs-header {
    padding: 0px 10px 0px 43px;
    cursor: pointer;
}
.data-packs-header h2 {
    position: relative;
    top: 2px;
    font-size: 20px;
    padding-top: 0px!important;
}
.single .data-packs-header {
    cursor: default;
}
.data-packs-header b,
.expandable .data-packs-header b,
.collapsed .data-packs-header b{
    background: url("images/sprites.png") no-repeat scroll transparent;
    display: block;
    height: 14px;
    position: absolute;
    width: 14px;
}
.single .data-packs-header b{
    display: none;
}
.expandable .data-packs-header b{
    background-position: -883px -447px;
    left: 25px;
    top: 22px;
}
.collapsed .data-packs-header b{
    background-position: -905px -423px;
    left: 26px;
    top: 20px;
}
.change-offer-header {
    float: left;
    width: 530px;
    padding-bottom: 14px;
}

.change-offer-body {
    clear: both;
    width: 530px;
    font-size: 12px;
}

.change-offer-body .change-offer-description {
    margin: 10px 0 20px;
}

.change-offer-body .change-offer-keyrate {
    font-size: 12px;
    margin: 10px 0px;
}

.data-packs-body .description {
    font-size: 14px;
    margin-bottom: 15px;
}
.data-packs-body {padding: 6px 0 20px 45px; font-size: 14px;}

.mail-data-packs-body {padding: 6px 0 20px 29px; font-size: 14px;}

.data-packs-body h4 {
    font-size: 14px;
    font-weight: bold;
}
.data-packs.expandable.collapsed .data-packs-body {display: none}
.data-pack-list, .mobile-addons-list {
    margin: 10px 0 20px 0;
    padding: 0;
    border: 1px solid #DADADA;
    border-bottom: none;
}
#post-paid-data-packs .applied {
    border-bottom: none;
}



#confirm-button, #confirm-button-bank {margin-left: 14px; margin-right: 0; padding-right: 0; float: right;}

.mobile-addons-list > li {
    border-bottom: 1px solid #DADADA;
    padding: 6px 18px 6px 10px;
    line-height: 30px;
}

.data-pack-list > li {
    border-bottom: 1px solid #DADADA;
}
.data-pack { padding: 6px 10px 6px 10px;}
.data-pack-desc { float: left; line-height: 21px; padding-top:4px; padding-bottom:5px;}
.data-pack-action {float: right}
.data-packs .notice, #mobile-addons-container .notice {
    font-size: 12px;
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    padding: 10px;
    margin-right:20px;
}
.data-packs .notice, #mobile-addons-container .notice .border-radius{
    margin-right:0px;
    margin-top:5px;

}
.data-packs .data-pack-group{margin-right:20px; }
.data-packs .notice h4, #mobile-addons-container .notice h4 {
    color: #393939;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: normal;
}
#message-box-container .message-box {
    display: none;
}
#message-box-container .message-box-active {
    display: block;
}
#message-box-container .heading,
#message-box-container .content p.data-pack-name {
	font-weight: bold;
}
#message-box-container .heading {
	width: 100%;
}
#message-box-container .warning>div,
#message-box-container .info>div,
#message-box-container .info-grey>div {
	float:left;
	padding:5px 8px 7px 40px;
	+padding:5px 8px 7px 10px;
	line-height:18px;
	display:block;
}
#addons-checkbox-wrapper {
    margin: 20px 0;
}
#addons-checkbox-wrapper label {
    font-size: 14px;
    margin-left: 5px;
}
#addons-checkbox-wrapper label a{
    text-decoration: none;
    color: #004d9d;
}

.purchase-post-paid-data-pack-box{width:auto !important; height:auto !important}
.shared-lightbox-wrapper-bg-top {position: absolute; left:0px; top:65px; z-index:1000000; width: 100%; border-bottom:0px #ccc solid;}

#purchase-post-paid-data-pack-box h3 {
   font-size: 14px;
   font-weight: bold;
   margin: 10px 0;
}
#purchase-post-paid-data-pack-box .notice p {
    font-weight: normal;
    font-size: 14px;
    max-width: 640px;
}
#purchase-post-paid-data-pack-box .notice p:first-child {
    margin-bottom: 8px;
}

#purchase-post-paid-data-pack-box .notice strong {
	font-weight: bold;
}

#purchase-post-paid-data-pack-box .action-buy {
    display: inline-block;
    height: 27px;
    width: 100px;
    line-height: 27px;
}

#purchase-post-paid-data-pack-box .action-buy-btn {
    margin: 0px 0px 0px 15px;
}
#purchase-post-paid-data-pack-box .overlay-footer .btn-disabled {
    font-weight: normal;
    padding: 0px 10px!important;
    text-shadow: none!important;
    color: #393939!important;
    width: 110px;
}
#purchase-post-paid-data-pack-box .overlay-footer a.cancel {
	border-left: 0;
}
#purchase-post-paid-data-pack-box .error-container {
    display: inline-block;
}
#purchase-post-paid-data-pack-box .display-none {
    display: inline-block;
    visibility: hidden;
}

#loading-wrapper {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.loading-mask {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #FFF;
    opacity: 0.4;
    filter: alpha(opacity = 40);
}

.loading-content-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
}

.loading-content {
    background: url("images/spin_wheel.gif") no-repeat scroll center 58px #FFF;
    border-radius: 0px;
    color: #000;
    font-family: "Conv_GraCoRg_",Calibri,sans-serif;
    font-size: 14px;
    width: 128px;
    height: 80px;
    left: -64px;
    top: -50px;
    margin: auto;
    padding: 30px 16px 10px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* Other payment methods links */
#other-payment-links-buttons {width:740px;margin-top:-8px;}
#other-payment-links {width:70%;}
#unauth-other-payment-links-buttons > div.cf.common-box.submit-account-detail { float: right; clear: none;}
#unauth-other-payment-links {width:70%;float: left}
#unauth-other-payment-links-buttons {width:720px;margin-top:12px;}
#other-pay-method-div {padding-top: 34px; float: left;}
#unauth-other-pay-method-div {padding-top: 10px;}
#unauth-payments-cancel {padding-top:15px;clear: both;}
.setup-bpay{padding-top: 0;padding-bottom: 0px;}
.details-section .details-section-content ul.nav li.no-left-line{ border-left: 0px;padding-left: 0;}
.new-page-content #unauth-other-payment-links-buttons .common-box{padding-bottom:0px !important}
.other-payments-padding{padding-left: 7px!important;font-size: 14px;padding-bottom: 12px;padding-top:4px;}
.unauth-other-payments-padding{padding-left: 7px!important;font-size: 14px;padding-bottom: 0px;padding-top:7px;}
.authenticated-payment-paymethod{text-align: right;padding-bottom: 24px; float: right;}
.page-container .details-container .details-section.other-payment-links{padding:25px 0px 40px 0px;}
.other-payment-links-label { float: left; margin-top: 30px; }
.other-payment-links-details { float: left; width: 500px; clear: both;}
#unauth-other-pay-method-div .other-payment-links-details { width: 500px;}
.other-payment-links-details ul.nav { margin-left: 0px !important;}

#offer-compactor table.change-offer-plan-detail  {
    font-size: 12px;
    border-top: 1px solid #DADADA;
    margin-left: 0px;
    width: 530px;
}

#offer-compactor table.change-offer-plan-detail  th {
    text-size: 12px;
    background-color: #E5E5E5;
    padding: 8px 16px;
     border: 1px solid #DADADA;
}
#offer-compactor table.change-offer-plan-detail tr.evenrow  {
    text-size: 12px;
    background-color: #F4F4F4;

}

#offer-compactor table.change-offer-plan-detail tr.oddrow   {
    text-size: 12px;
}

#offer-compactor table.change-offer-plan-detail td   {
    padding: 8px 10px;
        border: 1px solid #DADADA;
}

#offer-compactor .collapsed .data-packs-header b {
    left: 20px;
    top: 24px;
}


#offer-compactor .expandable .data-packs-header b {
    left: 700px;
    top: 24px;
}

#offer-compactor .data-packs-header {
    cursor: pointer;
    padding: 9px 10px 9px 45px;
}

#offer-compactor .data-packs-body {
    font-size: 14px;
    padding: 0 10px 20px 45px;
}


#offer-compactor h2 {
       padding-bottom : 2px;
}

div#change-offer-select {
    float: right;
    margin: 40px 20px 0 0;
    display:none;
}

#prepaid-change-offer #generic-error-line {margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important;}

#offer-compactor .data-packs-header a:link, .data-packs-header a:visited {

    text-decoration: none;
}

#offer-compactor .data-packs-header a:active .data-packs-header a:hover{text-decoration: underline; color:none !important}

.page-container .details-container h2 a#change-offer-link {  border: medium none;
                                                               color: #393939;
                                                               font-size: 20px;
                                                               margin-left: 0;
                                                               padding: 0;}

@media print {
    .receipt-info {
        display: none;
    }
}

/* Story 3641 */
.paypal-tooltips {float: right!important;margin: 4px 11px -3px 0px !important;background-color:rgb(255, 255, 255);background-color:rgba(255,255,255,0.5);}

@media print and (orientation: portrait) {
         .page-content .print-receipt-content .printFooter {
            font-size:12px;
            position:absolute;
            bottom:20px;
            display: block;
        }
        .hide-from-print {
            display: none;
        }
    }
@media print and (orientation: landscape) {
         div.printFooter {
            font-size:12px;
            position:absolute;
            bottom:20px;
            display: block;
        }
        .hide-from-print {
            display: none;
        }
    }

#ptpDetailsContainer .privacy-section {padding-bottom: 0px !important;}
#ptpDetailsContainer .error-container-width {width: 250px;}
#ptpDetailsContainer { min-height: 300px;}
#ptpDetailsContainer .forms .form-row input[type=text],#ptpDetailsContainer .forms .form-row input[type=password] {width:235px;}
#ptpDetailsContainer .loading, #ptp-authenticated-offers .loading {background: url("images/ajax-loader.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0); top: 50%; left: 15%; width: 70%; display: none;}
#ptpDetailsContainer .loading p, #ptp-authenticated-offers .loading p {margin: 9px 0 0 47px; font-size: 14px;}
#ptpDetailsContainer .details-container.ptp-unauthenticated{padding:0 20px 40px; min-height: 650px;}
#ptpDetailsContainer .details-container.ptp-authenticated-results{padding:0 20px 40px;}
#ptpDetailsContainer .details-container > li {padding: 20px 12px 12px 12px; }
#ptpDetailsContainer .new-page-content .print-receipt-holder .savePdfLink{padding-left:0px;width:70px}
#ptpDetailsContainer .list ul,#ptpDetailsContainer .list ul li{list-style:initial}
#ptpDetailsContainer .list ul{margin-bottom:20px}
#ptpDetailsContainer p{margin-bottom:15px; margin-top:20px;}
#ptpDetailsContainer .privacy {margin-top:0px;}
#ptpDetailsContainer .privacy p{margin-bottom:0px; margin-top:0px;}
#ptpDetailsContainer .privacy-form {padding-left:30px !important;}
#ptpDetailsContainer .auth-privacy {width: auto;}

#ptpDetailsContainer .ptp-heading-margin {margin-top:20px;}
#ptpDetailsContainer li:last-child{border:none}
#ptpDetailsContainer .nopadding{padding:0px}
#ptpDetailsContainer .lineheight30{line-height:30px}
#ptpDetailsContainer .details-container .list h2{padding-bottom:0px}
#ptpDetailsContainer .details-container .list h2:first-child{padding-top:25px;padding-bottom:20px}
#ptpDetailsContainer .printLink{margin-left:520px;margin-top: -70px;text-decoration:none; width: 70px; padding: 0;}
#ptpDetailsContainer .printLink:hover{text-decoration:underline}
#ptpDetailsContainer .printLink.ptp-auth-printLink {margin-top: 0px; width: 70px; padding: 0;}
#ptpDetailsContainer .details-container .list{border-top:1px solid #F2F2F2;}
#ptpDetailsContainer .details-container .emailconfirm{padding:10px 0px 10px 0px}
#ptpDetailsContainer .details-container .success-message{padding:0px 0px 10px 0px}
#ptpDetailsContainer .details-container .ptp-receipt-content-container {float: left; width: 750px;}

#ptpDetailsContainer .details-container .disclaimer-common{bottom:0px;position:relative;}
#ptpDetailsContainer .details-container .line-height30{line-height:30px;float: left;}
#ptpDetailsContainer .details-container .font-20{font-size: 20px !important;float: left;margin-left:10px;}

#ptpDetailsContainer .details-container .bold .line-height30{line-height:30px;float: left;}
#ptpDetailsContainer .details-container .bold .font-20{font-size: 20px !important;float: left;margin-left:10px;}
#ptpDetailsContainer .details-container .padding-top-20{ padding-top:20px !important; }

#ptpDetailsContainer .details-container .cf.common-box {margin-bottom:30px;}

#ptpOfferDetailsContainer .details-container .margin-top-40{margin-top:40px;}
#ptpOfferDetailsContainer .details-container .margin-top-40{margin-top:40px;}
#ptpOfferDetailsContainer .details-container .padding-bottom-20{padding-bottom:20px;}

#ptpDetailsContainer .details-container #dobDay{width:60px}
#ptpDetailsContainer .details-container #dobMonth{width:105px}
#ptpDetailsContainer .details-container #dobYear{width:66px}
#ptpDetailsContainer .details-container #dobYear{width:70px \9}
#ptpDetailsContainer .details-container .form-row select {margin-top:-2px;}
#ptpDetailsContainer .details-container .selectBox .selectBox-label { font-size: 14px;}

#ptpDetailsContainer .details-container .common-box a.cancel {
    border-left: medium none;
    padding: 4px 12px;
}
#ptpDetailsContainer .details-container .common-box .btn-blue{
   font-size: 14px; height: 28px; line-height: 28px; overflow: visible; border: 0px; cursor: pointer; min-width: 110px; padding: 0px 25px !important; background: url(images/btn-arrow.png) no-repeat right, url(images/lightbox-btn-bg.png) repeat-x center ; border-radius:0px !important;
}
#ptpDetailsContainer .ptp-error-box{width :720px ;margin-left:20px ;}

#ptpDetailsContainer .details-container #ptp-email-tooltip.tooltips {
    border-left: medium none !important;
    margin-top:7px !important;
    margin-left:10px !important;
    position: relative;
 }

 #ptpDetailsContainer .details-container #ptp-account-tooltip.tooltips {
    border-left: medium none !important;
    margin-top:7px !important;
    margin-left:10px !important;
    position: relative;
 }

#ptpDetailsContainer a.btn, #ptpDetailsContainer a.btn:hover {color: #393939; text-decoration: none;}
#ptpDetailsContainer #dob-error-container {margin-left: 0;}

.new-page-content .print-receipt-holder a img{margin-left:0px;}

#ptpOfferDetailsContainer a {
    color : #004C9D;
    text-decoration : none;
    -webkit-text-size-adjust: 100%;
 }
#ptpOfferDetailsContainer a:hover { text-decoration : underline }
#ptpOfferDetailsContainer .ptp-email-address-label { float:left;margin-left:25px; }
#ptpOfferDetailsContainer #do-not-accept-offer { padding-right:25px; margin-left:15px !important}
#ptpOfferDetailsContainer #cancel-offer { padding-right:25px; }
#ptpOfferDetailsContainer .forms .form-row dt { text-align:left;font-size: 14px; }
#ptpOfferDetailsContainer .forms .form-row dd { text-align:left;font-size: 15px;}
#ptpOfferDetailsContainer .forms .form-row label { text-align:left;font-size: 14px;}
#ptpOfferDetailsContainer .forms .form-row.new-date { font-weight: bold; padding-bottom: 10px; }
#ptpOfferDetailsContainer .forms .form-row dd .confirmation-label { width: 640px;text-align: left;}
#ptpOfferDetailsContainer .forms .form-row dd #ptpFee { margin-top:8px; }
#ptpOfferDetailsContainer .forms .form-row input[type="checkbox"] { margin-right:10px; }
#ptpOfferDetailsContainer h3  {font-size: 20px;
                            height: 20px;
                            line-height: 25px;
                            margin-bottom: 10px;
                            margin-top: 10px;
                        }
#ptpOfferDetailsContainer.lightbox-wrapper div#ptp-warning h2 {
    font-size: 20px;
}
.page-container .content-title.recommended-for-you{background: url(images/recommended_icon_50px.png) no-repeat 20px 19px;}
.landing-module-row.recommended-for-you a {background: url(images/recommended_icon_43px.png) no-repeat 245px center;}
.landing-module.profile-preferences .landing-module-row.recommended-for-you-disabled:hover{background:none}
.landing-module-row.recommended-for-you-disabled span {background: url(images/recommended_icon_43px.png) no-repeat 245px center;}
.landing-module.profile-preferences .landing-module-row.recommended-for-you-disabled span{display: block;padding:13px 60px 13px 16px;color: #004C9D; font-size: 20px; margin:0px;text-decoration: none;
    +display:inline;+zoom:1;opacity: 0.3;filter: alpha(opacity=30);margin-top: 12px;}
.page-container .services-sidebar li.recommended-for-you-nav b{background: url(images/recommended_icon_43px.png) no-repeat center;}
.page-container .services-sidebar li.recommended-for-you-nav span b{background: url(images/recommended_icon_43px.png) no-repeat center;position: absolute;top: 22px;right: 6px;width: 43px;height: 43px;}
.page-container .services-sidebar li span.disabled-nav{color: #004C9D;opacity: 0.3;display: block;padding: 0px 40px 3px 10px;font-size: 18px;line-height: 18px;}

.recommended-for-you.forms h3.heading {clear:both;font-size:20px;padding-left: 26px;}
.recommended-for-you.forms h3 span.subHeading{clear:both;font-size:12px;padding-left: 18px;margin-bottom: 10px;margin-top: 10px;}
.recommended-for-you.forms h3 {font-size: 20px; padding-bottom: 12px;}

.etc-lightbox-wrapper-bg-top {position: absolute; left:0px; top:76px; z-index:1000000; width: 100%; border-bottom:0px #ccc solid;}
.lightbox-wrapper-bg-top {position: absolute; left:0px; top:70px; z-index:1000000; width: 100%; border-bottom:0px #ccc solid;}

.lightbox-wrapper .overlay-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-image: none;
    padding: 15px 0 15px;
}

.landing-module-row.check-in-three-sixty a {background: url(images/CheckIn_icon_43px.png) no-repeat 245px center;}
.landing-module-row.one-place a {background: url(images/bundle_grey_icon.png) no-repeat 245px center;}

.page-container .content-title.check-in-three-sixty{
    background: url(images/Check_Icon_50px.png) no-repeat 20px 19px;
}
.landing-module-row.check-in-three-sixty #check-in-three-sixty img{
    padding-left: 5px;
}
#check-in-three-sixty-right-menu .inner h3{
    padding-right: 5px;
}
#check-in-three-sixty-right-menu .inner img{
    padding-bottom: 3px;
}
#check-in-subheading {
    max-width: 120px;
}
iframe.checkin-offers{width:100%; min-height:172px; border-bottom: 1px #d5d5d5 solid; margin: 0px; padding: 0px; margin-top: -6px;}
.not-visible{visibility: hidden;}
ul.check-in-container {padding-bottom: 40px;}
.page-container .services-sidebar li.check-in-three-sixty-nav b{background: url(images/CheckIn_icon_43px.png) no-repeat center;}
.page-container .services-sidebar li.check-in-three-sixty-nav span b{background: url(images/CheckIn_icon_43px.png) no-repeat center;position: absolute;top: 22px;right: 6px;width: 43px;height: 43px;}
#check-in-three-sixty-right-menu h3{display: inline-block;}
#check-in-three-sixty-description { margin: 30px 10px 30px 0px; text-align: justify;}
#subscriptions-container .recommendations-header{
font-family: gravur;
background: #ddf1fc;
margin: 20px -20px;
padding: 12px 20px;
font-size: 20px;
}
#subscriptions-container .offers-section .check-in-offer{
border: 1px #d5d5d5 solid;
border-radius: 0px 0px 0px 0px;
margin: 20px 10px 20px 0px;
padding: 15px 19px 15px 20px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-title
{
    display: inline-block;
    font-size: 24px;
    color: rgb(0, 76, 157);
    margin-right: 10px;
    line-height: 1.1em;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-number
{
    font-size: 14px;
    //vertical-align: text-bottom;
    position: absolute;
    top: 3px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-number.account-level-service-header
{
    //vertical-align: inherit;
    position: inherit;
    top: 0;
}

#subscriptions-container .check-in-error-container.warning{margin-left: 0px; margin-right: 8px;}
#subscriptions-container .check-in-error-container-top{margin-top: 35px;}
#subscriptions-container .check-in-error-container-top .warning{margin-left: 0px;}

//.profile-level-offer-div {height: 330px;}
.profile-level-offer-div .loading-spinner{height: 222px;}
.profile-level-offer-div .profile-offers-loading-text{  text-align: center; position: absolute; padding-top: 54px;  width: 100%; left: 0; font-size: 12px;text-transform: uppercase; display: block;}
.profile-level-offer-div .profile-level-bottom{margin-bottom: 21px;}
.profile-level-offer-div .loading{text-align: center; position: relative; width: 50%; left: 0; line-height: 10px; background: url("images/loading-spinner-small.gif") no-repeat center center transparent; width: 737px;display: block; width: 100%; font-size: 12px;}

.profile-level-offer-div .check-in-things-you-know {width: 708px; position: relative; bottom: -20px;}
.profile-level-offer-div .check-in-things-you-know p{text-align: justify; margin: 10px 0;}
.page-container .check-in-disclaimer-title {font-size:14px; padding-bottom: 0px; margin-bottom: 9px; font-weight: bold;}

#subscriptions-container .offers-section .check-in-offer .offer-content{
    border-top: 1px #d5d5d5 solid;
    margin: 15px -20px -20px;
}
#subscriptions-container .offers-section .check-in-offer .offer-content.hidden{
    display: none;
}
#subscriptions-container .offers-section .check-in-offer .check-in-offer-header{
    cursor: pointer;
}
#subscriptions-container .offers-section .check-in-offer.no-offers .check-in-offer-header .offer-service-title{
    color: #393939;
}
#subscriptions-container .offers-section .check-in-offer.no-offers .check-in-offer-header{
    cursor: default;
}

#subscriptions-container .offers-section .check-in-offer .check-in-offer-header .check-in-container-arrow
{
    display: inline-block;
    background: url("images/sprites.png") no-repeat scroll transparent;
    height: 12px;
    width: 12px;
}
#subscriptions-container .offers-section .check-in-offer .check-in-offer-header.closed .check-in-container-arrow
{
    background-position: -905px -423px;
}
#subscriptions-container .offers-section .check-in-offer .check-in-offer-header.open .check-in-container-arrow
{
    background-position: -881px -452px;
}
#subscriptions-container .check-in-container-arrow {position: relative; left: 675px;}

#subscriptions-container .offers-section .check-in-offer.no-offers{
    opacity: 0.5;filter: alpha(opacity=50)
}
#subscriptions-container .offers-section .check-in-offer.no-offers .check-in-offer-header{
    font-size: inherit;
}
#subscriptions-container .offers-section .check-in-offer.no-offers .check-in-offer-header.closed:before{
    content: ' ';
    padding-right: 0px;
}

#subscriptions-container #account-level-recommendations-section .check-in-offer .open .service-img{
    margin-left:0px;
}

#subscriptions-container #account-level-recommendations-section .check-in-offer-header .offer-service-details div.service-img{
        background: url('images/personal-icons.png') no-repeat;
        background-size: 50px;
        vertical-align: middle;
        float:none;
}

#subscriptions-container #account-level-recommendations-section #account-level-recommendation-offers{
    border-left:none;
    border-right:none;
    border-radius:0px;
    border-bottom:none;
    margin-bottom: -15px;
    padding-right:1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#subscriptions-container .offers-section .check-in-offer .offer-service-details
{
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: 15px;
    position: relative;
}

#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img
{
    background: url('images/check-in_icons_50px_sprite.png') no-repeat;
    width: 50px;
    height: 50px;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.internet
{
    background-position: -60px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.fixed_line
{
    background-position: 0px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.mobile
{
    background-position: -120px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.pre-paid-mobile
{
    background-position: -180px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.foxtel
{
    background-position: -240px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.broad-band
{
    background-position: -0px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.foxtel-on-tbox, #subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.foxtel_on_tbox
{
    background-position: -300px 0px;
}
#subscriptions-container .offers-section .check-in-offer .offer-service-details div.service-img.security
{
    background-position: -180px 0px;
}

#account-level-recommendations-section .check-in-offer .offer-service-number{
    font-size: 14px;
    padding-top: 33px;
    padding-bottom: 33px;
}
#account-level-recommendation-offers .recommended-for-you-offer-div{
    padding: 0px;
}
#account-level-recommendations-section .check-in-offer .offer-service-details{
    padding-top: 0px;
    padding-bottom: 0px;
}
#subscriptions-container iframe.checkin-offers.last-offer.last-account-iframe
{
    margin-bottom: -6px;
}
#subscriptions-container iframe.checkin-offers.last-offer
{
    border-bottom: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: -1px;
}
#subscriptions-container iframe.checkin-offers.first-offer
{
    margin-top: 0;
}
#subscriptions-container .profile-level-offer-div .things-to-know-notice
{
    clear: both;
    font-size: 12px;
    background: #F7F7F7;
    border: 1px solid #F7F7F7;
    padding: 10px;
    margin-top: 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
#subscriptions-container .things-to-know-notice h3
{
    color: #393939;
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: normal;
}
#profile-level-recommendations-section div.clear-float
{
    clear: both;
}

.landing-module.profile-preferences .landing-module-row.check-in-disabled:hover{background:none}
.landing-module-row.check-in-disabled span {background: url(images/CheckIn_icon_43px.png) no-repeat 245px center;}
.landing-module.profile-preferences .landing-module-row.check-in-disabled span{display: block;padding:5px 60px 13px 16px;color: #004C9D; font-size: 20px; margin:0px;text-decoration: none;
    +display:inline;+zoom:1;opacity: 0.3;filter: alpha(opacity=30);margin-top: 12px;}
.landing-module.profile-preferences .landing-module-row.check-in-disabled span i{
display: block;
font-style: normal;
color: #393939;
font-size: 14px;
vertical-align: top;
margin-top: -5px;
min-width: 150px;
}
#subscriptions-container .offers-section .profile-level-offer{
    width: 230px;
    height: 227px;
    border: 1px #d5d5d5 solid;
    border-radius: 0px 0px 0px 0px;
    //padding: 20px 11px;
    margin-right: 16px;
    margin-left: 0px;
    text-align: center;
}

.profile-level-offer-div iframe .prof-container{border: none !important; margin-left: -15px !important;}

#subscriptions-container .offers-section .profile-level-offer-grid3{
    margin-right: 0px;
}

#subscriptions-container .offers-section .profile-level-offer img{
    size: 50px;
    width: 50px;
}
#subscriptions-container .offers-section .profile-level-offer a{
    float: none;
    margin: 0;
}
#subscriptions-container div.bundles div.bundle-title{
    font-size: 20px;
    margin: 10px auto -12px;
    padding-left: 40px;
    background: url(images/bundle_grey_icon.png) no-repeat;
    background-size: 30px;
    padding-top: 5px;
    background-position: left center;
}

.forms .etc-motivation {margin-top:10px;}
.forms .form-row-lightbox .etc-error-container {padding-left:0;margin-left:0;float:left}
.etc-error-container .error {
	background:url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
    color:#B21F33;
    font-size:12px;
    padding-left:20px;
    padding-top:80px;
    padding-bottom:4px;
    width:auto;
    display: block;
    line-height: 18px;
}

iframe.plan-detail-offer { border-width: 0px; overflow: hidden; }

#etc-lightbox-wrapper .motivation-heading{margin: 5px 0 0px 0px !important}
#etc-lightbox-wrapper .etc-motivation .etc-label{text-align:left}
#etc-lightbox-wrapper .loading{height:60px; position:relative; top:30%; left: 0; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
#etc-lightbox-wrapper {width: 750px !important;
    height: 635px !important;
}
#etc-lightbox-wrapper .loading,#etc-unauth-container .loading {background: url("images/ajax-loader.gif") no-repeat scroll 0 17% rgba(0, 0, 0, 0); top: 38%; left: 10%; width: 70%; display: none;background-position:left; }
#etc-lightbox-wrapper .loading p,#etc-unauth-container .loading p {margin: 9px 0 0 47px; font-size: 14px;}
#etc-lightbox-wrapper .overlay-title {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 20px 0 15px; border-bottom:1px #ccc solid;}
#etc-lightbox-wrapper .overlay-footer {position:absolute; bottom:0px; text-align:left;}
#etc-lightbox-wrapper .overlay-footer a.cancel{border-left:none; margin-left:12px;}
#etc-lightbox-wrapper .etc-motivation  .etc-motivation-dropdown{width:220px; float:left;}
#etc-lightbox-wrapper .etc-motivation  .etc-motivation-dropdown .selectBox-label{font-size:14px; padding:6px 0px 6px 10px;}
.selectBox-options LI.motivation A { padding:5px 5px 7px 10px}
.promotion-content-holder .chat{font-size:14px; padding-bottom:3px}
.promotion-content-holder .promotion-message{padding-top:10px}
.etc-communication-cetcontent .form-row { font-size:14px;}
.etc-communication-content .error-container.etc-communication-error .error{margin-left:20px; padding-bottom:0}
.etc-communication-content .error-container.etc-email-error .error{margin-left:291px;padding-bottom:0}
.etc-communication-content .form-row .etc-email-label {margin-left:22px}
.etc-communication-content .form-row .etc-communication {margin-top: 1px; margin-right: 10px;}
.etc-communication-content .form-row .etc-email{float:none; margin-left:10px; width: 300px;}
.etc-communication-content .form-row label{float:left; margin-right:0px; margin-top:0px; text-align:left; line-height:15px;width:600px;display:inline;}
#etc-unauth-container .details-container .common-box a.cancel {border-left: none;padding: 4px 12px;}
#etc-unauth-container .details-container{padding:0 30px 30px;margin-top: 10px;}
#etc-unauth-container { min-height: 300px;width: 720px;}
#etc-unauth-container .loading {left: 17%; top: 55%;}
#etc-unauth-container ul.form-container li .selectBox-label { font-size: 14px; width: 65px !important;}
#etc-unauth-container .privacy-section {padding-left:20px;}
#etc-unauth-container .forms .form-row dt {width: 141px;}
#etc-unauth-container #dob-error-container { margin-left: 2px;}
#etc-unauth-container .error-container span.error {width:300px;}
#etc-unauth-container .forms .form-row input[type="text"], .form-row input[type="password"] {width: 165px;}

.section-header.unauth-section-header {padding-bottom: 20px;margin-right:0px; margin-top:0px}
#etc-eligibility-container {padding-top:20px;}
#etc-eligibility-container .normal {font-size: 12px;}
#etc-eligibility-container .larger-text {font-size: 18px;}
#etc-eligibility-container .large-text {font-size: 14px;}
#etc-eligibility-container .label-div-holder { clear: both;float: left; margin-top: 2px; text-align: left; width: 190px; }
#etc-eligibility-container .label-value-div-holder { float: left; margin-top: 2px; text-align: right; width: 100px; }
#etc-eligibility-container .details-section-content { margin: 0 15px 0px; padding-bottom: 15px; }
#etc-eligibility-container .tab-container {margin-left: 11px;padding-left: 0px;margin-top: 10px;margin-right:-15px;width: 720px !important;overflow: hidden;}

#etc-eligibility-container .tab-container a:focus {outline:none}
#etc-eligibility-container .left-div-holder{width:77%;margin-top:1px;}
#etc-eligibility-container .right-div-holder{width:23%}
#etc-eligibility-container .disconnect-tab-text {margin-top: 15px;}
#etc-eligibility-container .liveChart-margin {margin-top: 15px;}
#etc-eligibility-container .discover-plan {margin-top: 15px;}
#etc-eligibility-container .font-title-bold{font-weight:bold;}
#etc-eligibility-container .talk-to-us{margin-top:15px;float:left;padding-bottom: 20px;}
#etc-eligibility-container .total-cost{font-size: 14px;float:left;font-weight: bold;padding-top: 10px;}
#etc-eligibility-container #recontract-total-cost {width: 524px;}
#etc-eligibility-container .date-font-size{font-size:18px !important;}
#etc-eligibility-container .btn-grey {background:url(images/bg_dark_grey_button.png); text-align:center;color:#FFF;font-size:14px;font-weight:700;border:none;text-decoration:none;width:8em;height:22px;padding:4px 10px !important; font-size:14px !important;margin-left:30px;margin-right:-25px;box-shadow: none;}
#etc-eligibility-container .btn-grey:hover, .btn-grey:active { background: url("images/bg_dark_grey_button_hover.png");color:#FFFFFF !important; }
#etc-eligibility-container .left-div-holder-in-contract{width: 100%;}
.right-alignment {text-align: right;}
.upper-case {text-transform: uppercase;}
.page-container .content-title.megabill-detail{background: url("images/icon-update-email.png") no-repeat 20px 19px;}

#etc-eligibility-container .talk-to-us a:link {color: #004C9D; text-decoration: none;}
#etc-eligibility-container .talk-to-us a:visited {color: #004C9D; text-decoration: none;}
#etc-eligibility-container .talk-to-us a:hover {color: #004C9D;text-decoration: underline;}
#etc-eligibility-container .help-more a:link  {color: #004C9D; text-decoration: none;}
#etc-eligibility-container .help-more a:visited {color: #004C9D; text-decoration: none;}
#etc-eligibility-container .help-more a:hover {color: #004C9D; text-decoration: underline;}
#etc-eligibility-container .optionTitle{padding-bottom:0px;}
.etc-auth{margin-left:-13px;margin-right:10px}
.etc-auth .etc-auth-margin{margin-left:3px;}
.etc-unauth {margin-left: 12px;margin-right: -15px}

.recontract-details-tab{margin-left:-5px;}
.disconnect-details-tab{margin-left:-5px;}
.etc-auth-fancybox-opened {width: 760px !important;	display: inline-block;text-align: left;vertical-align: middle;}

.overlay-content h3{font-size:18px; padding: 10px 0 0 0}
.contract-end-date-content {font-size:14px; padding-bottom:20px;}
.contract-end-date-content .left-div-holder{width: 130px; margin-top:2px}
.contract-end-date-content .right-div-holder{margin-top:2px}
.overlay-content .out-of-contract-promo-header{margin-bottom:3px}


.customer-message-container {font-size: 12px; padding: 40px 25px 30px 25px; }
.customer-message-container h2 {font-size: 20px; padding-bottom: 20px; }
.customer-message-container h3 {font-size: 12px; padding-bottom: 5px; font-weight: bold; text-indent: 1px;}
.customer-message-container p {font-size: 12px; padding-bottom: 15px; }
.customer-message-container .button-container {padding-top: 15px; }

/* Landing Page */
ul.marketing-offer li.landing-module-row{height:75px}
ul.marketing-offer li.landing-module-row.hover{height:75px;}
div.marketing-offer-div { clear:both;border-width: 0;width: 100%; position:relative;}
li.marketing-offer,li.marketing-offer.hover{height:auto;}
.marketing-offer-div div.marketing-offer-frame { background-color: #CCC;  height: auto; }
.marketing-offer-div div.chevron { border-bottom-color: #CCC; margin-top: -15px; cursor:pointer}
.marketing-offer-div div.chevron.hover { border-bottom-color: #3F99CF;}
div.marketing-offer-frame {border-width: 0; cursor: pointer;  background-color: yellow;}
.landing-module-container .marketing-offer-frame, .landing-module-container .pending-internet-frame{padding: 10px 5px 10px 15px}
.landing-module-container .marketing-offer-frame.hover, .landing-module-container .pending-internet-frame.hover{background-color: #3F99CF;}
.landing-module-container iframe.marketing-offer {border-width: 0; overflow: hidden; height:40px; width:100%; position:relative;cursor:pointer}
.landing-module-container iframe.marketing-offer.hover{background-color: #3F99CF;}
.landing-module-container .chevron-inner{display:none}
.chevron { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom-color: #CCC; border-bottom-width: 15px; border-bottom-style: solid; }
.chevron.hover{border-bottom-color: #3F99CF}
.chevron.hover .chevron-inner{display:block}
.landing-module-container .chevron.hover .chevron-inner{display:none}
.marketing-offer-div .chevron { margin-left: 20px; }
.landing-module-row.marketing-offer {border-bottom: none;}
.landing-module-row.marketing-offer a { padding-bottom: 0px;}
.data-usage-marketing-offer-div .chevron.hover{border-bottom-color: #dadada;}
.data-usage-marketing-offer-div div.marketing-offer-frame-rounded{margin-bottom: 25px;padding:15px 25px;height: 23px;}
.add-payment-method-link {
    padding-top: 12px;
    margin-left: 38px;
}
.profile-mismatch-payment-link {padding-top: 12px; margin-left: 0px;}

.save-new-payment-method-link {
    margin-top: -20px;
    margin-bottom: 35px;
}

.save-new-payment-method-link a {
    padding-top: 0px !important;
    height: 26px;
    margin-top: -40px !important;
    -webkit-margin-before: -6px !important;
    margin-top:-6px\9 !important;
}

#save-payment-methods-content-wrapper #payment-methods {
	width: 818px !important;
}

#save-payment-methods-content-wrapper .save-payment-methods-title {
    color: #393939;
    font-size: 20px;
    padding-left: 60px;
}

#save-payment-methods-content-wrapper .save-payment-methods-title-bar {
    background: url(images/payment-50px.png) no-repeat 0px 0px;
    line-height: 48px;
}

#save-payment-methods-content-wrapper .save-payment-steps {
    padding: 0px;
    position: relative;
    display: block;
    height: 210px;
    font-size: 14px;
}
//#subscriptions-container .profile-level-offer-div .things-to-know-notice

#save-payment-methods-content-wrapper .save-payment-steps li.step1,#save-payment-methods-content-wrapper .save-payment-steps li.step2 {
    float: left;
    padding: 10px;
    border: 1px #dbdbdb solid;
}

#save-payment-methods-content-wrapper .save-payment-steps label {
    display: block;
}

#save-payment-methods-content-wrapper .save-payment-steps  label span {
    vertical-align: 3px;
    margin-left: 8px;
}

#save-payment-methods-content-wrapper .save-payment-steps h3 {
    font-size: 20px;
    padding: 0 0 12px 0;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step1 label {
    padding-top:5px;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step1 {
    margin-right: 15px;
    width: 175px;
    height: auto;
}

#save-payment-methods-content-wrapper .save-payment-steps li .step2 {
 height: 220px;
  width: 570px;
  left: 207px;
  top: 0px;
  position: absolute;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step3 {
    float: left;
    width:100%;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step4-1,#save-payment-methods-content-wrapper .save-payment-steps li.step4-2 {
    width: 778px;
    border: 1px #dbdbdb solid;
    padding: 10px;
}

#subscriptions-container .offers-section .profile-level-offer-right-grid{
    margin-right: 0px;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step4-1 {
    height: 140px;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step4-2 {
    height: auto;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step5 {
    height: 20px;
}

#save-payment-methods-content-wrapper .save-payment-steps dt {
    width: 139px;
    padding-top: 3px;
    float: left;
    clear: both;
    text-align: left;
}

#save-payment-methods-content-wrapper .save-payment-steps dd {
    float: left;
    padding-left: 0px;
}

#credit-card-details-confirmation dd, #bank-account-details-confirmation dd {
   padding-top: 3px;
}

#save-payment-methods-content-wrapper .save-payment-steps dl {
    display: block;
    margin-bottom: 10px;
    vertical-align: middle;
    padding-top: 2px;
}

#save-payment-methods-content-wrapper input[type="tel"],#save-payment-methods-content-wrapper input[type="text"] {
    padding: 4px 5px;
}

.save-payment-steps dd.small-input input {
    width: 30px;
}

.save-payment-steps dd input {
    float: left;
    width: 140px;
}

.save-payment-steps dd.small-input span.slash {
    position: relative;
    top: 4px;
    float: left;
    padding: 0 5px;
}

.save-payment-steps .credit-card-number-field {
    width: 420px;
}

#save-bank-account-details {
    padding-bottom: 12px;
}

#save-payment-methods-content-wrapper .btn {
    float: right;
    margin-left: 20px;
    padding-left: 10px;
}

#save-payment-methods-content-wrapper .save-payment-btns {
    padding-right:23px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.save-payment-steps .credit-dd .credit-card-des {
    margin-left: 6px;
    margin-top: 5px;
    font-size: 12px;
    float: left;
}

#save-payment-methods-content-wrapper a:link, #save-payment-methods-content-wrapper a:visited {
    color: #004C9D;
    text-decoration: none;
}

#save-payment-methods-content-wrapper .save-payment-steps .error {
    margin-left: 6px;
    margin-top: 1px;
}

.save-payment-steps dd.checkbox-dd input {
    margin-top: 1px;
    padding: 0px;
    border: 0;
    width: 13px;
    height: 13px;
}

.save-payment-steps dd.checkbox-dd label {
    float: left;
    clear: none;
    padding-left: 0px;
    position: relative;
    top: -3px;
}

.save-payment-steps .credit-card-number-error.error-container {
    width: 265px;
}

.save-payment-steps .expiry-date-error.error-container {
    width: 300px;
}

.save-payment-steps .verify-code-error.error-container {
    width: 225px;
}

.save-payment-steps dl .error-container {
    float: left;
    clear: none;
}

.save-payment-steps dd.credit-dd input,.save-payment-steps dd.bsb-dd input {
    width: 56px;
}

.save-payment-steps dd.bank-account-name-dd input {
    width: 250px;
}

.save-payment-steps dd.accept-ddsa-error-dd .error-container {
    margin-left: 132px;
    margin-top: -8px;
}

.save-payment-steps dd.account-name-error-dd .error-container {
    width: 160px;
}

.save-payment-steps dd.bsb-error-dd .error-container {
    width: 340px;
}

.save-payment-steps dd.account-number-error-dd .error-container {
    width: 270px;
}

.save-payment-steps .credit-card-des {
    margin-left: 6px;
    font-size: 12px;
    float: left;
    width: auto;
}

.save-payment-steps #credit-card-type-des {
    display: inline-block;
    width: 220px;
    float: left;
    margin-top: 5px;
}

.save-payment-steps #credit-card-type-des a.tooltips {
    margin-top: 0px;
}

.save-payment-steps .about-fees,.save-payment-steps .about-fees-content {
    display: inline-block;
}

.save-payment-steps .about-fees {
    font-size: 12px;
}

.save-payment-steps input[type="radio"] {
    height: 15px;
}

.save-payment-steps #edit-bank-details,.save-payment-steps #edit-credit-card-details {
    border-left: 1px solid #CCCCCC;
    margin: 6px 0 0 10px;
    padding: 0 14px 0 16px;
    float: left;
    color: #004C9D;
}

.save-payment-steps #save-payment-confirmation-title {
    float: left;
    font-size: 20px;
    width: auto;
    padding-bottom: 20px;
    padding-right: 5px;
}

.save-payment-steps .authenticated-bank-account-info-confirm,.save-payment-steps .authenticated-credit-card-info-confirm {
    padding-left: 0px;
}

.save-payment-steps .common-box {
    padding: 20px 36px 0px 0px;
}

.save-payment-steps li .triangle{position:absolute; height:0px;border:8px solid transparent; border-left:8px #fff solid; left:192px; top:92px;}
.save-payment-steps li .triangle-border{position:absolute;height:0px;border:9px solid transparent; border-left:9px #DBDBDB solid; left:192px; top:91px;}

#save-payment-methods-content-wrapper .save-payment-steps .rcorner8{
    -webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #DBDBDB;
    padding: 8px;
}

.save-payment-steps .processing-status-btn-grey{background: url("images/animated-button-grey.gif") repeat-x center; float: right !important;}
.save-payment-steps .processing-status-btn-grey:hover{background: url("images/animated-button-grey.gif") repeat-x center; cursor: default;}

.save-payment-steps .processing-status-btn-blue{background: url("images/animated-button-blue.gif") repeat-x center; float: right !important;}
.save-payment-steps .processing-status-btn-blue:hover{background: url("images/animated-button-blue.gif") repeat-x center; cursor: default;}


#subscriptions-container .warning {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

.save-payment-steps #confirm-link-description .triangle_border{
    right: 15px;
}

#credit-card-details-confirmation .credit-card-info-message {
    padding-top:30px;
    font-size: 12px;
}


div.data-usage-marketing-offer-div { border-width: 0px; display: block; margin:15px 0 0 26px;width: 685px;}
div.marketing-offer-frame-rounded { height: 60px; border: 1px solid #dadada; border-radius: 0px 0px 0px 0px;overflow: hidden; }

.chevron { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom-width: 20px; border-bottom-style: solid; }
.data-usage-marketing-offer-div .chevron { margin-left: 341px; }
.chevron-inner{width: 0;
               height: 0;
               border-left: 12px solid transparent;
               border-right: 12px solid transparent;
               border-top-color: #fff;
               border-top-width: 20px;
               border-top-style: solid;
               position: relative;
               top: -21px;
               left: -12px;}
.data-usage-marketing-offer-div .chevron-inner,.payment-confirmation-marketing-offer-div .chevron-inner{
                              width: 0;
                              height: 0;
                              border-left: 12px solid transparent;
                              border-right: 12px solid transparent;
                              border-bottom-width: 20px;
                              border-bottom-style: solid;
                              border-bottom-color: #fff;
                              position: relative;
                              border-top-width: 0px;
                              left: -12px;
                              top: 1px;}
.landing-module-container .chevron { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom-width: 15px; border-bottom-style: solid; }
.chevron-bottom { width: 0;height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top-color: #CCC; border-top-width: 20px; border-top-style: solid; }
.landing-module-container .chevron-inner{width: 0;
               height: 0;
               border-left: 12px solid transparent;
               border-right: 12px solid transparent;
               border-top-color: #fff;
               border-top-width: 15px;
               border-top-style: solid;
               position: relative;
               top: -21px;
               left: -12px;}

.marketing-offer-div .chevron-bottom { margin-left: 75px; }


div.marketing-offer-frame-rounded { background-color: #fff;

 -webkit-box-shadow: 0px 4px 8px rgba(102, 102, 102, 0.9);
 -moz-box-shadow: 0px 4px 8px rgba(102, 102, 102, 0.9);
 -o-box-shadow: 0px 4px 8px rgba(102, 102, 102, 0.9);
 box-shadow: 0px 4px 8px rgba(102, 102, 102, 0.9);
 }
.details-container.new div.marketing-offer-frame-rounded
{
    margin-left:45px;
    width:433px;
    height: 125px;
    padding:12px 15px;


}
.details-container.new div.marketing-offer-frame-rounded iframe.marketing-offer{height: 125px;}
.details-container.new .plan-detail-marketing-offer-div{margin-bottom:5px}
.details-container.new .improvement-design-css{margin-bottom:-20px}
.data-usage-marketing-offer-div iframe.marketing-offer{height:37px}

.plan-detail-marketing-offer-div .chevron-bottom { margin-left: 75px; }

.payment-confirmation-marketing-offer-div .chevron { border-bottom-color: #CCCCCC; margin-left: 185px; }


.bill-history-marketing-offer-div .chevron-bottom { margin-left: 75px; }
.bill-history-marketing-offer-div div.marketing-offer-frame-rounded{width: 520px; height: 40px!important;
                                                                    padding: 12px 15px;
                                                                    margin:0px auto 25px auto}
.bill-history-marketing-offer-div .chevron-bottom{display:none}
.bill-history-marketing-offer-div{margin-bottom:20px}

.recommended-for-you.offer-box-container{ background-color: #fff; overflow: hidden;display: block; border:1px #d5d5d5 solid;
    border-radius: 0px 0px 0px 0px;width: 724px; padding:0px;margin-left: 0px;margin-right: 20px;}
.recommended-for-you.offer-box-container > div.recommended-for-you-offer-div{background-color: #fff; overflow: hidden;display: block;padding:20px;border-bottom:1px solid #d5d5d5;}
.recommended-for-you.offer-box-container > div.recommended-for-you-offer-div:first-child{border-top:none}
.recommended-for-you.offer-box-container > div.recommended-for-you-offer-div:last-child{border-bottom:none}
.recommended-for-you.offer-box-container > div.recommended-for-you-offer-div.odd{background-color:#E9F9F9;}
iframe.recommended-offers{/*width:725px;min-height:160px;margin-bottom:8px;*/ width:100%; height: 63px;/*min-height:160px;*/}
iframe.profile-recommended-offers{width:100%;min-height: 216px; border-radius: 0px;}
iframe.marketing-offer-splash{ width: 435px;height: 242px;}
iframe.marketing-offer{width: 100%;}
.prepaid-landing-module-row.credit-remaining{height:98px}
.prepaid-landing-module-row.recharge{height:78px}
.landing-module.billing .landing-module-row.recharge a{display: block;padding:22px 0px 60px 18px;}
.landing-module-row .r-side .recharge-btn{margin:22px 6px 0 10px; font-size: 14px; min-width:100px; padding:4px 8px !important; font-family: "Helvetica Neue",Arial,sans-serif;}
.details-container.new .payment-confirmation-marketing-offer-div div.marketing-offer-frame-rounded{margin-left:10px;width: 693px; height:125px;}
.payment-confirmation-marketing-offer-div{margin-top:10px}
#MPPO
.page-container .services-sidebar li.credit-recharge-nav b{background: url(images/bill-icon-gray.png) no-repeat center;}
.page-container .services-sidebar li.credit-remaining-nav b{background: url(images/payment-43px.png) no-repeat center;}
.page-container .services-sidebar li.recharge-nav b{background: url(images/recharge-gray.png) no-repeat center;}
.page-container .services-sidebar li.recharge-settings-nav b{background: url(images/settings-icon-gray-43px.png) no-repeat center;}
.page-container .services-sidebar li.recharge-history-nav b{background: url(images/recent-charges-gray.png) no-repeat center;}
.prepaid-offer-recharge {width:100%;}
#service-detail-container #credit-card-payment-details.prepaid-recharge-form{margin-top:0px;}
.prepaid-recharge .error-container-top .warning{margin-bottom:0px;}
.prepaid-offer-recharge .left-amount{float:left; width:150px; padding-left:20px;}
.prepaid-offer-recharge .recharge-amount .small-font{font-size:12px; vertical-align:top; line-height:25px;}
.prepaid-offer-recharge .recharge-amount .amount-text{margin-left:-6px;}
.prepaid-offer-recharge .left-amount .recharge-amount-parallel{float:left; width:73px;}
.prepaid-offer-recharge .left-amount .recharge-amount-parallel-right {float:left; width:73px; margin-left:4px;}
.prepaid-offer-recharge .left-amount .recharge-amount-parallel .recharge-amount-narrow{padding:7px 6px 4px 5px; background:#f4f4f4; margin-top:4px; text-align:center; font-size:24px; color: #004C9D;}
.prepaid-offer-recharge .left-amount .recharge-amount-narrow .small-font{font-size:12px; vertical-align:top; line-height:25px}
.prepaid-offer-recharge .left-amount .recharge-amount-narrow .amount-text{margin-left:-6px;}
.prepaid-offer-recharge .left-amount .recharge-amount-parallel-right .recharge-amount-narrow{padding:7px 6px 4px 5px; background:#f4f4f4; margin-top:4px; text-align:center; font-size:24px; color: #004C9D;}
.prepaid-offer-recharge .left-amount .recharge-amount{padding:7px 6px 4px 5px; background:#f4f4f4; margin-top:4px; text-align:center; font-size:24px; color: #004C9D;}
.prepaid-offer-recharge .left-amount .recharge-amount:hover, .prepaid-offer-recharge .left-amount .recharge-amount-narrow:hover{color:#333333;background:#ddf1fc;border-left:5px #00b1eb solid;padding:7px 6px 4px 0px;cursor:pointer;}
.prepaid-offer-recharge .left-amount .recharge-amount.prepaid-blue-bg, .prepaid-offer-recharge .left-amount .recharge-amount-narrow.prepaid-blue-bg{color:#333333;background:#ddf1fc;border-left:5px #00b1eb solid;padding:7px 6px 4px 0px;}
.prepaid-offer-recharge .prepaid-recharge-details.display-none{display:none;}
.prepaid-offer-recharge .right-details {float:left; width:530px; background:#FFFFFF; padding: 0px 0px 0px 28px !important; font-color:#333333; }
.right-details .prepaid-offer-name{float:left; margin-top:10px; font-size:14px; font-weight:bold; line-height:1em; width:100%}
.right-details .prepaid-recharge-details{float:left;}
.right-details .prepaid-recharge-details dd{margin-top:10px; line-height:22px;}
.right-details .prepaid-recharge-details dt{font-size:14px; line-height:15px; margin-top:20px;}
.prepaid-recharge-details .you-will-pay dt{float:none; font-weight:bold;}
.prepaid-recharge-details .you-will-pay dd{float:left; padding-left:0; font-size:30px;}
.prepaid-recharge-details .you-will-pay dd .small-font{float:left; font-size:18px; margin-top:-6px;}
.prepaid-recharge-details .you-will-pay dd .amount-text{float:left;font-size:36px;}
.prepaid-recharge-details .expires-in dt{float:none; font-weight:bold;}
.prepaid-recharge-details .expires-in dd{float:left; padding-left:0; font-size:14px; width:100%;}
.prepaid-offer-recharge .prepaid-recharge-details .recharge-features{float:left; width:100%;}
.prepaid-recharge-details .telstra-text{float:left; width:100%; margin-top:15px;}
.prepaid-recharge-details .telstra-text .recharge-telstra-text{float:left; width:100%; font-size:12px; margin-top:5px; line-height:15px;}
.prepaid-recharge-details .recharge-msg{float:left; width:100%;padding: 2px 10px 0px 0px !important; font-size:12px;}
.prepaid-recharge-details .recharge-features {margin-top:0px;}
.prepaid-recharge-details .recharge-features .recharge-special-type{float:left;padding-left:0;}
.prepaid-recharge-details .recharge-features .recharge-special-type dt{width:auto; clear:left; float:left; font-weight:bold;}
.prepaid-recharge-details .recharge-features .recharge-special-type dd{clear:left; float:left; padding-left:0; font-size:14px;}
.recharge-special-type dd .small-font{font-size:12px;}
.prepaid-recharge-details .recharge-features .plus-separator{float:left; padding: 38px 30px 0px 30px; font-size:14px; line-height:28px;}
.prepaid-recharge-notes{padding:10px 10px 10px 15px;font-size:12px;}
.prepaid-recharge-notes .note{float:left;}
.prepaid-recharge-payment .payment-methods .edit-credit-info {margin-left: 20px;}
#recharge-description{float:left;}
#recharge-description .error-container .error{background:none; padding-left:0px;}
.prepaid-recharge-payment .payment-methods .saved-methods-select span {margin-left:0px; vertical-align:0px;}
.prepaid-recharge-payment #saved-method-type{width:auto;}
.prepaid-recharge-payment-details{float:left; padding:0px; width:740px;}
#service-detail-container .new-page-content .prepaid-recharge-payment{float:left; width:728px; margin-top:30px; margin-right:0px; border: 1px #dbdbdb solid; font-color:#333333; display:block; padding: 10px 10px 10px 0px;}
.prepaid-recharge-payment .new-credit-card{margin-left:20px;}
.prepaid-recharge-payment .new-credit-card .payment-methods{margin-left:30px;}
.prepaid-recharge-payment .payment-methods {margin-left:20px; }
.prepaid-recharge-payment .payment-methods .save-method-label {display: inline-block; margin:0px 0px 2px 8px; position: relative; top:-4px;}
.prepaid-recharge-payment .payment-methods label{display:block;}
.prepaid-recharge-payment .payment-methods span{display:inline; margin-left:8px; vertical-align:4px;}
#service-detail-container .new-page-content .prepaid-recharge-payment .saved-payment-methods dt{width:210px;}
#service-detail-container .new-page-content .prepaid-recharge-payment .no-saved-payment dt{width:180px;}
.prepaid-recharge-payment #credit-card-type-icons {padding-left:205px;}
.prepaid-recharge-payment .no-saved-payment #credit-card-type-icons {padding-left:176px;}
.prepaid-recharge-payment .payment-methods .edit-credit-info dl dd{width:450px;}
#service-detail-container .prepaid-recharge-payment .payment-methods .edit-credit-info .error-container .error{background: url(images/ico_sprites1.png) no-repeat scroll -253px -136px transparent;}
#service-detail-container .prepaid-recharge-payment .payment-methods .edit-credit-info .error-container span{margin-left: 10px; display:block;}
.prepaid-recharge-payment.payment-details .edit-credit-info .credit-card-number-error.error-container{width:290px; margin-top:-3px;}
.prepaid-recharge-payment.payment-details .edit-credit-info .expiry-date-error.error-container{width:340px; margin-top:-3px;}
.prepaid-recharge-payment.payment-details .edit-credit-info .verify-code-error.error-container{width:250px; margin-top:-3px;}
.prepaid-recharge-payment.payment-details .edit-credit-info .pin-number-error.error-container{width:340px; margin-top:-3px;}
.prepaid-recharge-payment.payment-details .edit-credit-info .confirm-pin-number-error.error-container{width:340px; margin-top:-2px;}
.prepaid-recharge-payment .saved-payment-methods-ul li .saved-details-content{clear:both; margin-left: 21px; margin-bottom: 4px;}
.prepaid-recharge-payment .saved-payment-methods-ul li .saved-details-content .saved-methods-select{float:left;}
.prepaid-recharge-payment .saved-payment-methods-ul li a.selectBox{ padding:6px 3px;}
.prepaid-recharge-payment .saved-payment-methods-ul li .saved-details-content a.selectBox{ float:left;}
.page-container .details-container .prepaid-recharge-receipt .details-section{padding-bottom:0px;}
.page-container .details-container .prepaid-recharge-receipt h2{padding-bottom:0px;}
.prepaid-recharge-receipt #printPdfImg{margin-left:-5px;}
.prepaid-recharge-receipt #savePdfImg{margin-left:-4px;}
 #service-detail-container .barred-tooltip {float:none; display:inline-block; margin-top:0px; margin-bottom:2px; margin-left:2px; padding:0px;}
.recharge-btn{float:right; margin-top:20px; margin-right:10px;}
.recharge-action{float:left; width:100%; margin-top:20px;}
.recharge-btn.processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
.print-receipt-content.prepaid-print-receipt .right .blue-spectrum {width:60%; padding-bottom:30px;padding-top: 44px;}
.print-receipt-content.prepaid-print-receipt .right .receipt-holder {margin-top:203px; margin-left:80px;}
.print-receipt-content.prepaid-print-receipt .right{float:left;width:100%;}
.prepaid-recharge-payment .payment-methods .barred{position: relative; margin-left:2px; font-size:12px; font-weight:bold; display:inline-block; top:-1px;}
#pin-section #pinNumber{width:60px; padding: 4px 5px;}
#pin-section #confirmPinNumber{width:60px; padding: 4px 5px;}
#pin-section .pin-number-tooltip{margin-top: 5px}
.payment-details dd.checkbox-dd .save-credit-card-tooltip{margin-top: 1px !important;}
.prepaid-recharge-payment .payment-methods .saved-payments-dropdown-error{width:388px; float:left; margin-top: -5px;}
#service-detail-container .prepaid-recharge-payment .payment-methods .saved-payments-dropdown-error span.error{padding:3px 0 0 20px; display:block; margin-left:10px;}

.recharge-voucher-details {border: 1px #dbdbdb solid; padding: 20px 20px 10px; margin-top: 10px; margin-bottom:20px;}
.recharge-voucher-details .form-desc {padding-bottom: 20px;}
.recharge-voucher-details dl .error-container {float: left;}
.page-container .details-container .recharge-voucher-details dt {width: 160px; padding-top:6px; margin-bottom:10px; line-height:17px;}
.page-container .details-container .recharge-voucher-details dd {padding-left: 0px;}
.voucher-recharge-button.processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
#recharge-voucher-form .error-container .error {background: url(images/ico_sprites1.png) no-repeat scroll -253px -136px transparent;}

.confirm-details-waiting{padding:75px 0 100px 0; height: 30px; text-align: center; font-size: 18px;}
.confirm-details-waiting span{ position: relative;top: -7px;left:5px;}
.confirm-details-waiting div{margin-top: 10px; display:inline-block; background: url("../images/spin_wheel.gif") no-repeat;width: 32px;height: 30px;}
.small-device .confirm-details-waiting span{top: 8px;font-size:14px;display:block;line-height: 20px;}
.small-device .confirm-details-waiting div{margin-top: -3px;background: url("../images/spin_wheel.gif") no-repeat center;display: inline-block;}

@media print{
    .print-receipt-content {display:block;}
 }

.default-select-day {height:28px;width:57px;font-size: 14px;padding-left: 7px;padding-right:6px;}
.default-select-month {height:28px;width:98px;font-size: 14px;padding-left: 7px;padding-right:6px;}
.default-select-year {height:28px;width:61px;font-size: 14px;padding-left: 7px;padding-right:6px;}

.etc-unauth-privacy h4 {font-size: 18px;}

.cancel-direct-debit{color: #004C9D !important; cursor: pointer; display: inline-block;text-decoration: underline !important;}
.add-extra-bottom-padding{padding-bottom:5px}
.remove-extra-bottom-padding{padding-bottom:0px !important;}
.dd-overlay-title{background:none !important; padding:0 0 0 !important;text-align:center;}
.dd-overlay-content{text-align:center;}
.dd-no{border-left: none !important;padding:0 50px 0 0 !important;margin: 0 0 0 0 !important;color:black !important;}
.dd-yes{height: 100%;padding:8px 5px 0 45px !important;color:black !important;}
.dd-overlay-footer{padding:0 0 0 !important;font-size:15px !important;}
#cancel-direct-debit .overlay-footer{border-top-style:solid;border-width:1px;color: #333333;}
#cancel-direct-debit .overlay-footer a.cancel{border-left: 1px solid #333333;}


@-moz-document url-prefix() {
  .megabill-form .form-row select {padding-top:.3em;padding-bottom:.3em;}
}

@-moz-document url-prefix() {
  .etc-unauth-form .form-row select {padding-top:.3em;padding-bottom:.3em;}
}

.ptp-email-address {margin-left: 10px; }

.user-profile-source {display:none;}

#ptpOfferDetailsContainer .add-margin-top{margin-top: 10px;}
#ptpOfferDetailsContainer h3#ptp-second-offer-message{margin-bottom: 38px;}

.thanks-movies-container { font-size: 14px; padding-left: 7px; width: 753px; }
.loyalty-movie-home-element { margin-left: 17px; margin-top: 10px; margin-bottom: 10px; }
/*.thanks-movies-container ul { margin-left: 10px !important; }*/
.thanks-movies-container #loyaltyOffersForm #movie-tab .loyalty-tabs{ padding: 0 0 0 0;}
.thanks-movies-container .loyalty-movie-home-element { display: none }
.thanks-movies-container a:focus { outline: 0px !important;}
.thanks-movies-container #all-selections {padding: 20px;}
.thanks-movies-container #all-selections .special-left{padding-left: 0px;}
.thanks-movies-container #all-selections .details-container {padding: 0 0 0 0;}
.thanks-movies-container #all-selections .movie-scroller-content {padding-bottom: 0 !important;}
.thanks-movies-container .movie-scroller-content .disclaimer-common {position: relative;}


.thanks-thursdays-button {
    padding-top:45px;
    padding-left: 20px;
    position: relative;
}
#all-thursday .details-container {padding:0px;}
#thanks-thursdays-container {padding-top:20px;}
#thanks-thursdays-container img {padding-left:0px; padding-right:20px}
#thanks-thursdays-container p {padding-right:20px; padding-bottom:10px; }
#mobile-header {display:none;}

#movie-tabs .privacy-width {
    width:670px !important;
    bottom: 5px !important
}

#all-thursday .details-container{padding-bottom: 240px !important;}

.btn-red {
    background: url(images/bg_red_button.png) repeat-x scroll 0 50% transparent;
    text-align: center;
    display: inline-block;
    border-radius: 0px 0px 0px 0px;
    color: #FFFFFF !important;
    font-size: 14px;
    width: 75px !important;
    font-weight: 700;
    text-shadow: -1px -1px 0 #0061A1;
    text-decoration: none;
    height: 22px;
    padding: 4px 15px !important;
    font-size: 14px !important;
}

.btn-red:hover, .btn-red:active {
background: url("images/bg_red_button_hover.png") repeat-x scroll 0 50% transparent;
color: #FFFFFF !important;
text-decoration: none !important;
}

.thanks-movies-container #loyaltyOffersForm .subheading-text{
    float: left;
    font-size: 8pt;
    font-family: Arial,Verdana,sans-serif;
    font-weight: bold;
    padding-bottom: 0px;
    line-height: 20px;
    !important;
}

.thanks-movies-container #loyaltyOffersForm .tabheader-text{
float: left\9;
}

ul.ui-tabs-nav li.ui-state-default.ui-corner-top {width:25%}

#thanks-thursday p {text-align: justify !important;}

#thanks-thursday a:link, #thanks-thursday a:visited {color: #004C9D;text-decoration: none;}

#thanks-thursday a:hover{color: #004C9D;}

.dd-payment-details {border: 1px solid #DBDBDB; padding: 10px; font-size: 14px;margin-right: 6px; margin-bottom: 20px;}
.dd-payment-details h3{font-size: 20px; padding: 0 0 12px;}
#service-detail-container .dd-payment-details dd {float: none; padding: 0px 0px 10px 0px;}
#service-detail-container .dd-payment-details a {border-left:none; font-size: 14px;margin-left: 0px; padding-left: 5px;}
#service-detail-container .dd-payment-details a.click-direct-debit-fancy-link{float:left; margin: 2px 0 0 3px;}
#service-detail-container .dd-payment-details label a {padding-left: 0px;}
#service-detail-container .dd-payment-details label{position: relative; width: auto; margin:0; vertical-align: middle;}
#payment-method .error-container .error {float: left;}
#payment-method .saved-methods-select {width:185px;float:left;}
#payment-method .dd-unavailable-text a.click-direct-debit-fancy-link {padding-left: 0px; float: none;}
#service-detail-container .dd-setup-message-box { margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}
#direct-debit-submit:focus{outline:0;}
.recharge-history-list{font-size: 14px;padding: 0px 10px 0px 25px;}
.recharge-history-list .heading{font-size: 14px;font-weight: bold;border-bottom: 1px solid #DADADA;float: left;padding:0px;width:100%}
.recharge-history-list ul.heading li{width:100px}
.recharge-history-list ul li,.recharge-history-list ul.recharge-history li{float:left;padding: 5px 0px;}
.recharge-history-list ul.recharge-history li{overflow:hidden;height:20px}
.recharge-history-list ul li:first-child{width:160px;padding-left:5px}
.recharge-history-list ul li:first-child + li{width:120px}
.recharge-history-list ul li:first-child + li + li{width:140px}
.recharge-history-list ul li:first-child + li + li + li{width:90px}
.recharge-history-list ul li:first-child + li + li + li+li{width:180px}
.recharge-history{padding-left:0px;float:left;width:100%;}
.recharge-history.odd{background-color:#f2f2f2}
.bottom-caption{color:#393939;font-size:12px;padding-top: 10px;float: left;width:100%;border-top: 1px solid #DADADA;}
.bottom-line{border-bottom: 1px solid #DADADA;width:100%;float:left;height:30px}
.no-recharges-made{float:left;padding:20px 0px 20px 10px;font-weight: bold}
#prepaid-recharge-history .warning{margin: 20px 0px 0px 0px;}
#tax-statement-error-container .warning{margin: 5px 0px 20px 0px;}
#prepaid-recharge-settings h2,#prepaid-auto-recharge-section h2 {padding-bottom:0}
.page-container .details-container h2 a#recharge-settings-link{border:medium none;color:#393939;font-size:18px;margin-left:0;padding:0;}
.page-container .details-container .recharge-settings h2 {padding-bottom:0;}
#prepaid-recharge-settings .data-packs,#prepaid-auto-recharge-section .data-packs{margin: 20px 0 20px 0;}
#prepaid-recharge-settings .details-section-content, #prepaid-auto-recharge-section .details-section-content{margin-bottom:16px; margin-top:16px; padding-left:44px;}
#prepaid-recharge-settings .new-page-content,#prepaid-auto-recharge-section .new-page-content{padding:0px;}



#prepaid-recharge-settings .expandable .data-packs-header b,#prepaid-auto-recharge-section .expandable .data-packs-header b {left:700px;top:26px;}
#prepaid-recharge-settings .collapsed .data-packs-header b,#prepaid-auto-recharge-section .collapsed .data-packs-header b {left:700px;top:26px;}
#prepaid-recharge-settings .data-packs-header,#prepaid-auto-recharge-section .data-packs-header{padding: 9px 10px 9px 43px;}
.data-packs-body.recharge-settings-body{padding: 0px 10px 20px 42px;}
.page-container .recharge-settings{background: url(images/pre-paid.png) no-repeat 20px 19px;}
.dd-add-payment{border-left:none !important; font-size: 14px !important; padding: 0px !important; margin-left: 0px !important;}
.dd-select-payment{width: 185px !important; margin-left: 0px !important; margin-right: 10px !important;}
.dd-payment-text {padding: 4px 0px 10px !important; float: none !important;}
.dd-payment-text label {padding-left: 10px !important;}
.dd-payment-details { border: 1px solid #DBDBDB; padding: 10px;}
.save-payment-steps .credit-card-holder-name-error.error-container {width: 265px;}
.error-container span.error[for='saved-method-type']{float:right; margin-top: 0;}


.saved-methods-select#saved-method-type
{
    width : 268px !important;

}

.low-credit-alert{margin-top:30px; padding-top:24px; border-top: 1px #DADADA solid;}
.alert-content{margin-top:25px; margin-left:43px;margin-bottom:50px;}
.alert-exist{margin-top:15px; margin-left:43px;margin-bottom:50px;}
.alert-exist a.edit-btn{margin-left:60px; margin-right:10px;}
.alert-input .enter-amount-label{float:left; width:120px; margin-top:5px;}
.alert-amt-input{width:320px; float:left; height:40px;}
.alert-amt-input .error-container{width:180px; float:left; margin-top:0px;}
.alert-amt-input .error-container .error{background:url(images/ico_sprites1.png) no-repeat scroll -253px -136px transparent;}
.alert-amt-input .error-container span{margin-left:10px;}
#alertAmt{width:100px;padding:6px 5px; float:left;}
.alert-input .alert-btn{float:right; margin-right:20px; height:40px; margin-top: 5px;}
.alert-input .alert-btn .delete-link{font-size:14px;}
.alert-input .alert-btn .cancel-link{margin-right:30px}
.alert-input .alert-btn .save-btn, .alert-input .alert-btn .modify-btn{margin-left:40px;}
.alert-input .alert-btn .save-btn.processing-status-btn, .alert-input .alert-btn .modify-btn.processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
.alert-note{float:left; font-size:12px;color:#757575; margin-top:10px; line-height:18px;}
.alert-input{padding:10px 0px 41px 0px;border-top: 1px #DADADA solid;border-bottom: 1px #DADADA solid; margin-top:25px;}
#low-credit-alert-lightbox-wrapper{width: 600px;}
#low-credit-alert-lightbox-wrapper .low-credit-alert-delete-message{font-size: 14px;margin-top:20px;}
#low-credit-alert-lightbox-wrapper .overlay-footer{text-align:left;float:left;padding:30px 0px 0px 0px;}
#low-credit-alert-lightbox-wrapper .overlay-footer .alert-cancel-link{float:left;border-left:none; padding:0px; margin:8px 25px 0px 0px;}

.alert-retrieval-error{margin-top: 15px;}
#low-credit-alert-lightbox-wrapper .overlay-title {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 10px 0 15px;
border-bottom:1px #ccc solid;
}

.low-credit-lightbox-wrapper-bg-top {
position: absolute;
left: 0px;
top: 60px;
z-index: 1000000;
width: 100%;
border-bottom: 0px #ccc solid;
}

form#DirectDebitDetail .form-row {margin: 10px 0 5px 5px;float:none; display: inline-block;}
#service-detail-container div#dd-type-msg{margin-bottom:20px}
#service-detail-container div#dd-type-msg a.billsettings{padding:0;}
#fixed-dd-details{margin:0 0 0 20px; display: none;}
.setup-dd-form .form-row input[type="text"],#fixed-dd-details input[type="tel"] {border: 1px solid #CCCCCC;height: 22px;line-height: 22px;padding: 3px;width: 150px; margin-left: 5px; float:left}
.setup-dd-form input.dd-radio {margin-right:5px;}
.setup-dd-form strong{font-weight: bold;}
.setup-dd-form input#startDate{margin: 0 10px 0 0; width:165px;}
.dd-dollar-sign{float:left;}

/* DatePicker Container */
.ui-datepicker {font-size:14px;width: 182px;height: auto;margin: 0 auto 0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); padding:0 10px 10px 10px; background-color: #FFF;border: 1px solid #E6E6E6;}
.ui-datepicker a {text-decoration: none; font-size: 14px;}
.ui-datepicker table {width: 100%;}
.ui-datepicker tbody {border:1px solid #BBBBBB;}
.ui-datepicker-header {background-color: #FFF;color: #393939;line-height: 25px;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-prev, .ui-datepicker-next {display: inline-block;width: 30px;height: 30px;text-align: center;cursor: pointer;overflow: hidden; color:#B4B3B3}
.ui-datepicker-prev {float: left;background-position: center -30px;}
.ui-datepicker-next {float: right;background-position: center 0px;}
.ui-datepicker thead {border-bottom: 1px solid #bbb;}
.ui-datepicker th {text-transform: uppercase;font-size: 14px;padding: 4px 0;color: #666666;text-align: center;font-weight: 700;}
.ui-datepicker tbody td {padding: 0;border: 1px solid #bbb;}
.ui-datepicker tbody tr {border: 1px solid #bbb;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block;font-weight: bold;text-align: center;width: 25px;height: 25px;line-height: 25px;color: #666666;}
.ui-datepicker-calendar .ui-state-default {background-color: #FFFFFF;}
.ui-datepicker-calendar .ui-state-hover {background: #bceffa;color:#393939;height:25px;}
.ui-datepicker-calendar .ui-state-active {background: #bceffa;color: #393939;;border: 1px solid #bbbbbb;height:25px;border-bottom:0;position: relative;margin: -1px; border-top:0;}
.ui-datepicker-unselectable .ui-state-default {background: #d6d6d6;color: #555;font-size: 14px; height:auto;}
.ui-datepicker-calendar td:first-child .ui-state-active {width: 25px;margin-left: 0;}
.ui-datepicker-calendar td:last-child .ui-state-active {width: 25px;margin-right: 0;border-right:0;}
.ui-datepicker-calendar tr:last-child .ui-state-active {margin-bottom: 0;}
.ui-icon.ui-icon-circle-triangle-e,.ui-icon.ui-icon-circle-triangle-w{background-size: inherit}
img.ui-datepicker-trigger{float:left;}



#buy-add-ons {font-size: 14px; padding-left:10px;}
#data-pack-add-on span {padding-right:10px;}
.save-marketing-details .error-container{color:#B21F33;}
#data-packs {padding: 10px 0;}
.save-marketing-details .update-in-progress {background: url("images/animated-button-blue.gif") repeat-x center !important;}
.page-container .details-container > li.add-ons.mobile-data-packs .line { position: relative; top: -14px; display: block; }
.page-container #personal-detail-container > li.add-ons.mobile-data-packs { border-top: medium none;}

#datapack-accordion.ui-accordion .ui-accordion-header .ui-icon.defaultIcon{margin-left:685px !important;}
#datapack-accordion.ui-accordion .ui-accordion-header .ui-icon.defaultIcon, #travel-pass-accordion.ui-accordion .ui-accordion-header .ui-icon.defaultIcon, , #ir-day-pass-accordion.ui-accordion .ui-accordion-header .ui-icon.defaultIcon {height: 26px; font-size: 14px; line-height: 40px; cursor: pointer; padding-left: 40px; background: url(images/alerts-icons.png) no-repeat; background-position: 9px -99px; margin: -14px 0 0 625px;}
#datapack-accordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s, #travel-pass-accordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s, #ir-day-pass-accordion.ui-accordion .ui-accordion-header .ui-icon.ui-icon-triangle-1-s {height: 26px; font-size: 14px; line-height: 40px; cursor: pointer; padding-left: 40px; background: url(images/alerts-icons.png) no-repeat; background-position: 9px 2px;margin: -14px 0 0 670px;}
#datapack-accordion.ui-accordion .ui-accordion-content {padding: 0px 0 0 0px;overflow-y:hidden}
#datapack-accordion h2, #travel-pass-accordion h2, #ir-day-pass-accordion h2 {padding-left: 13px; outline-color: transparent;background: #e5f5fe; padding-bottom: 10px; padding-top: 10px;font-size:14px;}
#datapack-accordion h2.ui-state-active, #travel-pass-accordion h2.ui-state-active, #ir-day-pass-accordion h2.ui-state-active {background: #98d6fb;}
.page-container #personal-detail-container > li.add-ons.mobile-data-packs { border-top: medium none;}
.page-container .details-container > #data-pack-add-ons p.data-pack-info {width: 450px;}
.page-container #personal-detail-container > li.add-ons.non-empty-add-ons {padding-bottom: 0px;}
.page-container .details-container > h2.add-ons-heading {}
.page-container #personal-detail-container > li.add-ons.non-empty-add-ons h2 {padding-bottom: 0px; margin-bottom: 0px;}
.stacked-data-heading{margin-top:12px;}



/* pre-paid change pin lightbox*/
.change-pin-lightbox .overlay-title {background: url("images/divider_665px.jpeg") no-repeat scroll center bottom transparent;margin-top:5px;}
.change-pin-lightbox .change-pin-form .form-row {width: 100%;}
.change-pin-lightbox .change-pin-form .form-row .row-label {width:100%;}
.change-pin-lightbox .change-pin-form .form-row .row-label label {width: 201px;margin-right: 16px;}
.change-pin-lightbox .change-pin-form .form-row input[type=password]{border:1px solid #CCC;padding:3px 5px;padding:2px 5px 3px \0; line-height:22px; height:22px;}
.change-pin-subheading {width: 100%;margin-bottom: 20px;}
#change-payment-pin .error-container .error{background: url(images/ico_sprites1.png) no-repeat scroll -253px -136px transparent;}
.overlay-footer .processing-status-btn-grey{background: url("images/animated-button-grey.gif") repeat-x center !important;}
.overlay-footer .processing-status-btn-grey:hover{background: url("images/animated-button-grey.gif") repeat-x center !important;text-decoration:none}

.stacked-data-heading{margin-top:12px;}

#message-box-container .content span.success-data-pack-name {
	font-weight: bold;
}

#buy-fancy-box > div.overlay-title.new-add-on{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 20px 0px 35px; line-height: 0px;}
#purchase-post-paid-data-pack-box #buy-fancy-box > div.overlay-footer.new-add-on{padding: 0px 0px 0px; text-align: left;}
#purchase-post-paid-data-pack-box #buy-fancy-box > .overlay-footer a.cancel.new-add-on{margin-left: 15px; padding: 0px 0px;}
.page-container .forms.account-settings #subscriptions-container .error {
    background: none;
    float: none;
    padding: 0;
    color: #393939;
    font-size: 1em;
}

.dd-payment-methods { width:800px; height:auto; margin-top: 20px; }
.applied-shared-data-packs-body {padding: 0px 10px 0px 20px; font-size: 14px;}
.applied-shared-data-packs-note-heading { padding: 15px 0px 3px 0px; }
.page-container .details-container .applied-shared-data-details-section {border-top:1px solid #F2F2F2; padding:20px 0px 0px; font-size: 14px;}
.page-container .details-container .shared-data-usage-detail-disclaimer { position: absolute; bottom: 10px; padding: 0 20px 0 0; font-size: 12px;}
.shared-data-loading { height: 225px; margin-top: -40px; margin-left : -20px; position: absolute; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px; }
.remove-beats-no-margin-left{margin-left: 0px;}

.container_18 .grid_14.addons-page{margin: 0px;padding: 0 20px 0px;display: block;position: relative;width: 737px;}
.page-container .details-container > li.beats-music-list-container{padding: 20px 20px 20px;border-top: 1px solid #F2F2F2;}
.beats-music-list-container{border-top: 1px solid #F2F2F2;}
.beats-music-list-container .beats-music-body {padding: 0px 10px 20px 50px;font-size: 14px;}
.beats-music-list-container .beats-music-body .description {font-size: 14px;margin-bottom: 15px;}
.beats-music-list-container .beats-music-inner{margin: 10px 0 20px 0;position: relative;padding-right: 10px;border-radius: 0px;}
.beats-music-list-container h3{color: #393939;font-size: 14px;font-weight: bold;}
.beats-music-list-container .list{margin: 10px 0 20px 0;padding: 0;border: 1px solid #DADADA;border-bottom: none;}
.beats-music-list-container .list > li{border-bottom: 1px solid #DADADA;padding: 6px 10px 6px 10px;}
.beats-music-desc {float: left;line-height: 30px;}
.beats-music-action {float: right;}
.premium-rcs-action {float: right;}
.btn-dark-grey,.btn-dark-grey:hover {background: url("images/bg_dark_grey_button.png") repeat-x scroll center center;padding:6px 33px;border:1px solid #575757;border-radius: 0px 0px 0px 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);cursor: pointer;font-size: 14px;height: 28px;line-height: 28px;min-width: 110px;overflow: visible;}

div.creditCardHolderName input[type="text"] {border: 1px solid #CCCCCC;height: 18px; padding: 4px 5px; width: 230px;}
#service-detail-container > .dd-payment-details div.creditCardHolderName label{font-size: 14px;padding-left: 0px;top: 2px;}
#service-detail-container > .dd-payment-details div.creditCardHolderName dd.cardNameText{padding: 10px 0;}
.page-container .details-container div.creditCardHolderName dt{width: 100px;}
#service-detail-container #creditCardHolderNameSection #paymentDDForm{margin-top: 0px;}
#creditCardHolderNameSection .error-container .error {padding-top: 4px;}
form#paymentDDForm .form-row input#acceptDDSA{margin-top:1px; padding-right:1px;}
#payment-method .error-container span.error[for=acceptDDSA]{margin-top:-4px;  width: 325px;}

#prepaid-credit-remaining .pre-paid-beats-music-container{margin-top: 20px; border-top:1px solid #F2F2F2;}
#prepaid-credit-remaining .pre-paid-beats-music-container ul{padding: 0; margin: 0; border-bottom:none;}
#prepaid-credit-remaining .pre-paid-beats-music-container .beats-music-inner {width: 700px; float: right;}
.pre-paid-beats-music-container h2{padding: 14px 0 20px;}
.pre-paid-beats-music-container .beats-music-inner > li { margin-top: 2px;}
.pre-paid-beats-music-container .beats-music-inner > li .beats-music-title{height: 40px; font-size: 14px; line-height: 40px; cursor: pointer; padding-left: 40px; background: #F9F9F9 url(images/alerts-icons.png) no-repeat; background-position: 9px -92px; }
.pre-paid-beats-music-container .beats-music-inner > li .beats-music-title.expand{background-position: 9px 9px;}
.pre-paid-beats-music-container .beats-music-inner > li .beats-music-title span{font-size: 12px;}
#prepaid-credit-remaining .pre-paid-beats-music-container .beats-music-inner .beats-music-list > li{padding:12px 0 12px 0; border-top: 1px solid #f2f2f2; }
#prepaid-credit-remaining .pre-paid-beats-music-container .beats-music-inner .beats-music-list > li:first-child{ border-top: 0px; }
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li dl,.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li dd, .pre-paid-beats-music-container .beats-music-inner .beats-music-list > li dt{padding: 0; margin: 0; float: none;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl{display: block; float:left; margin-left: 40px; width:540px; position: relative;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dt.beats-music-name{display: block; width: 400px; height: 16px; font-size: 16px; line-height: 16px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-description{display: block;width: 400px;font-size: 12px;line-height: 12px;margin-top: 6px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li dd > a{border: none; margin: 0px;padding: 0px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price{position: absolute; right:-20px; width:130px; height: 42px; top:-3px; background: #ecfbff; text-align: right;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price .price{margin: 13px 10px 0 0px; height:20px; display: inline-block; font-size: 14px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price .currency{vertical-align: top;font-size:12px;line-height: 12px;display: inline;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price .dollars{vertical-align: top;font-size: 25px;line-height:18px;display: inline-block;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price .decimal{width: 1px;position: relative;left: -1px;line-height: 12px; font-size: 12px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li > dl dd.beats-music-price .cents{vertical-align: top; line-height:12px; font-size: 12px; display: inline;   margin: 0 0 0 -2px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list .btn-blue {padding: 4px 10px !important;float:right; margin-top: 3px; min-width: 50px; margin-right: 20px;}
.pre-paid-beats-music-container .beats-music-inner .beats-music-list > li .need-more-link{float:right;margin-right: 20px; margin-top: 5px;line-height: 16px;width:70px;text-align: center;font-size:12px;}

#prepaid-beats-music-add-lightbox-wrapper{width: 600px;}
#prepaid-beats-music-add-lightbox-wrapper .overlay-title {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 10px 0 15px;}
#prepaid-beats-music-add-lightbox-wrapper .overlay-content {margin-top:10px;}
#prepaid-beats-music-add-lightbox-wrapper .overlay-footer{text-align:left;float:left;padding:40px 0px 0px 0px;height:30px;}
#prepaid-beats-music-add-lightbox-wrapper .overlay-footer .cancel{border-left:none; padding:0px; margin:4px 25px 0px 0px;}
#prepaid-beats-music-add-lightbox-wrapper .overlay-footer .prepaid-beats-cancel{border-left:none; padding:0px; margin:4px 25px 0px 0px;color:#004D9D}
#prepaid-beats-music-add-lightbox-wrapper .overlay-footer .prepaid-beats-cancel:hover{text-decoration:underline}
.settings-cancel-direct-debit{width:auto !important; height:auto !important}
#settings-cancel-direct-debit h3 {font-size: 16px; font-weight: bold; margin: 10px 0;}
#settings-cancel-direct-debit .confirm p {font-weight: normal; font-size: 14px; max-width: 640px;}
#settings-cancel-direct-debit .confirm p:first-child {margin-bottom: 8px;}
#settings-cancel-direct-debit .action-cancel {width: 100px;}
#settings-cancel-direct-debit .btn-blue {background:url("images/bluebtn-with-hover.png") repeat-x scroll 0 -13px rgba(0, 0, 0, 0);}
#settings-cancel-direct-debit .overlay-footer a.cancel {border-left: 0;}
#cancel-fancy-box > div.overlay-title{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 20px 0px 35px; line-height: 0px;}
#settings-cancel-direct-debit #cancel-fancy-box > div.overlay-footer{text-align: left;}
#settings-cancel-direct-debit #cancel-fancy-box > .overlay-footer a.cancel{margin-left: 0px; padding: 0px 0px;}
#settings-cancel-direct-debit .debit-details-section dt{float:left; width:150px; clear: both;}
#settings-cancel-direct-debit .debit-details-section dl{font-size:14px;}
#settings-cancel-direct-debit .debit-details-section dd{padding-bottom:1px; float: left;}
#settings-cancel-direct-debit .debit-details-section dd.cancel-suspended {margin-left: 5px;}
#subscriptions-container #direct-debit-details-error-message {margin-left: 18px;}
#subscriptions-container #direct-debit-detail-error {margin-left: 18px;}
.remaining-days-height{min-height: 107px !important;}

#save-payment-methods-content-wrapper .error-container-lightbox .warning {margin: 20px 36px 0 0;}
div.direct-debit-susp-margin{ margin-left: 18px !important;}
.save-payment-lightbox{width:839px !important;}
.save-payment-edit-lightbox{width:777px !important;}

.page-container #personal-details-container {
    padding-bottom: 0;
    padding-left: 0;
}

.new-page-content .payment-content .make-payment-error-box{width: 735px;}

.data-packs .notice .notice-list li:before{ content:"-"; position:relative; left:-5px;}
.data-packs .notice .notice-list li{ text-indent:-5px; }
.data-packs .notice .notice-list { list-style-position: outside; margin-left: 1em; padding-left: 0;}
#creditCardHolderNameSection .form-row{clear: none;}
#creditCardHolderNameSection .credit-card-holder-name-error.error-container {float: right;; width: 325px;}

.page-container .content-title.pay-bill{background: url(images/payment-50px.png)  no-repeat 20px 19px;}
#save-payment-methods-content-wrapper a:hover{text-decoration: underline;}

/* Prepaid friends and family */
.display-inline-block { display: inline-block; }
.friends-and-family-section .privacy h4 { margin-bottom: 0; }
.friends-and-family-section .loading {
	font-size: 13px;
	height: 65px;
	margin-top: 26px;
	position: inherit;
	text-align: center;
}
.friends-and-family-section .content .no-saved-number,
.friends-and-family-section .content .add-one-number,
.friends-and-family-section .content .add-another-number {
	margin-top: 1em;
}

.friends-and-family-section .content .number-content .label {
	width: 150px;
}
.friends-and-family-section .content .number-content .value {
	width: 150px;
}
.friends-and-family-section .content .number-content .input input {
	width: 100px;
	margin-right: 245px;
}
.friends-and-family-section .content .number-content .cancel {
	margin-right: 10px;
}
.friends-and-family-section .content .number-content .save a {
	width: 80px !important;
}
.friends-and-family-section .content .number-content .save .processing-status-btn {
	cursor: wait;
	background: url("images/animated-button-blue.gif") repeat-x center;
}

.friends-and-family-section .content .number-content .error-container {
	margin-left: 155px;
}
.friends-and-family-section .content .number-content hr {
	border-left: none;
	border-top: 1px solid #F2F2F2;
	height: 0;
}
.friends-and-family-section .friends-and-family-description {
	margin-bottom: 15px;
	margin-left: 45px;
}

.friends-and-family-section .section-content { margin-bottom: 15px; }
.friends-and-family-section .info .content,
.friends-and-family-section .warning .content {
	min-height: 25px;
	margin-left: 35px;
	margin-top: 5px;
}

.friends-and-family-section .warning-error-retrieving-numbers {
	margin-left: 45px;
	margin-right: 0;
}

.right-div-holder-no-border-left { border-left : 0px !important; padding-left : 0px !important; }
.right-div-holder-border-left { border-left : 1px #ccc solid }
.right-div-holder-link-top { margin-top: -2px !important; margin-left: 2px; }
.right-div-holder-top { margin-top: 5px !important; }
.right-div-holder-left { margin-left: 6px !important;}
.right-div-holder-right { margin-right: 12px;}
.right-div-holder-font { font-size: 12px;}
.online-plan-change-lightbox-opened-width {width: 800px !important; display: inline-block;text-align: left;vertical-align: middle;}
.online-plan-change-lightbox-opened-height {height: 342px !important;}
.online-plan-change-fancy-inner { width:800px; height:auto; margin-top: 20px; }
#online-plan-change-lightbox-wrapper .online-plan-change-title { color: #393939; font-size: 23px;margin-top: -8px;}
#online-plan-change-lightbox-wrapper .online-plan-change-title-bar {line-height: 48px; }
#online-plan-change-lightbox-wrapper .online-plan-change-container { padding: 0px;position: relative;display: block;font-size: 13px; }
#online-plan-change-lightbox-wrapper .online-plan-change-container h3 { font-size: 20px;padding: 0 0 12px 0; }
#online-plan-change-lightbox-wrapper .online-plan-change-btn1 { width: 137px !important;margin-top: 8px; }
#online-plan-change-lightbox-wrapper .online-plan-change-btn2 { width: 127px !important; margin-left: 5px;}
#online-plan-change-lightbox-wrapper a:link, #online-plan-change-lightbox-wrapper a:visited { color: #004C9D;text-decoration: none; }
#online-plan-change-lightbox-wrapper a:hover {text-decoration: underline;}
#add-data-pack-sub-title-bar { background: url(images/download_30x34px.png) no-repeat 0px 0px; margin-top: 11px; line-height: 35px; color: #393939; font-size: 20px; }
.live-chat-sub-title-bar1 { background: url(images/mobile_22x34px.png) no-repeat 0px 0px; margin-top: 11px; line-height: 35px; color: #393939; font-size: 20px; margin-left: 5px; }
.live-chat-sub-title-bar2 { background: url(images/online_plus.png) no-repeat 0px 0px; margin-left:34px;}
.live-chat-sub-title-bar3 { background: url(images/download_30x34px.png) no-repeat 0px 0px;margin-left:21px; }
#addDataPackText1, #liveChatText1 { margin-top: 22px;margin-right: 6px;}
#liveChatText2 { margin-bottom: 18px;}
#addDataPackText2 { margin-bottom: 14px;}
.online-plan-change-btn-top1 { margin-top: 6px !important; }
.add-data-pack-sub-title { margin-left:40px;}
.live-chat-sub-title { margin-left:39px;}
.online-plan-change-btn-top2 { margin-top: 24px !important; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step1,#online-plan-change-lightbox-wrapper .online-plan-change-container li.step2 { float: left;padding: 10px;border: 1px #dbdbdb solid; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step1 { padding-top:5px;margin-top:10px;margin-right: 12px;width: 247px;height: 234px !important; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step2 { padding: 5px; margin-top:10px; right: 5px; width: 465px; height: 239px !important;}
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step2.block-charge{width: 745px;}

/* Balance automatic recharge styles */

#balance-automatic-recharge label {
	width: 50px;
	text-align: left;
	margin-top: 4px;
	padding-bottom: 2px;
}
#balance-automatic-recharge .auto-balance-recharge-threshold {width: 85px;height: 28px;  color:#757575}
#balance-automatic-recharge input {clear: both;}
#balance-automatic-recharge dt {width: 186px;padding-top: 5px;}
#balance-automatic-recharge dl {padding-top: 8px;}
#balance-automatic-recharge dd {width: 465px;padding-left: 20px;}
#balance-automatic-recharge .auto-balance-recharge-payment-select {width: 263px;height: 28px;}
#balance-automatic-recharge .auto-balance-recharge-select {width: 130px;height: 28px;}
#balance-automatic-recharge .error-container {float: left;	padding-top: 2px;}
#balance-automatic-recharge .message-text {
	float: left;
	font-size: 12px;
	color: #757575;
	margin-top: 10px;
	line-height: 18px;
	clear: both;
}
#balance-automatic-recharge .auto-recharge-links {padding-top: 20px;clear: both;}
#delete-balance-auto-recharge-lightbox-wrapper {width: 600px;}
#delete-balance-auto-recharge-lightbox-wrapper .balance-auto-recharge-delete-message{font-size: 14px;}
#delete-balance-auto-recharge-lightbox-wrapper .overlay-footer {text-align: left;float: left;padding: 20px 0px 0px 0px;}
#delete-balance-auto-recharge-lightbox-wrapper .overlay-footer .cancel-link {float: left;border-left: none;padding: 0px;margin: 8px 25px 0px 0px;}
.auto-recharge-lightbox-wrapper-bg-top {
	position: absolute;
	left: 0px;
	top: 58px;
	z-index: 1000000;
	width: 100%;
	border-bottom: 0px #ccc solid;
}
.auto-recharge-links .modify-balance-auto-recharge {margin-left: 15px; display: none;}
.auto-recharge-links .save-balance-auto-recharge {margin-left: 15px;}
#prepaid-recharge-settings .balance-error-container,#prepaid-auto-recharge-section .balance-error-container {margin-top: 20px;}
#balance-automatic-recharge-loading {width: 55px; display: inline-block; margin-left: 16%; position: inherit;}

.auto-recharge-links .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
#balance-automatic-recharge .error{margin-left: 10px;}

/* Date automatic recharge styles */

#date-automatic-recharge label {
	width: 50px;
	text-align: left;
	margin-top: 4px;
	padding-bottom: 2px;
}

#date-automatic-recharge input {clear: both;}
#date-automatic-recharge dt {width: 180px;padding-top: 5px;}
#date-automatic-recharge dl {padding-top: 8px;}
#date-automatic-recharge dd {width: 465px;}
#date-automatic-recharge .auto-date-recharge-payment-select {width: 252px;height: 28px;}
#date-automatic-recharge .auto-date-recharge-select {width: 130px;height: 28px;}
#date-automatic-recharge .error-container {float: left;	padding-top: 2px;}
#date-automatic-recharge .message-text {
	float: left;
	font-size: 12px;
	color: #757575;
	margin-top: 10px;
	line-height: 18px;
	clear: both;
}
.cancel-date-auto-recharge, #date-automatic-recharge .auto-recharge-links {padding-top: 20px; display: inline-block;}
#delete-date-auto-recharge-lightbox-wrapper {width: 600px;}
#delete-date-auto-recharge-lightbox-wrapper .date-auto-recharge-delete-message {font-size: 14px;}
#delete-date-auto-recharge-lightbox-wrapper .overlay-footer {text-align: left;float: left;padding: 20px 0px 0px 0px;}
#delete-date-auto-recharge-lightbox-wrapper .overlay-footer .cancel-link {float: left;border-left: none;padding: 0px;margin: 8px 25px 0px 0px;}
#delete-date-auto-recharge-lightbox-wrapper .overlay-title {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.auto-recharge-lightbox-wrapper-bg-top {
	position: absolute;
	left: 0px;
	top: 58px;
	z-index: 1000000;
	width: 100%;
	border-bottom: 0px #ccc solid;
}
.auto-recharge-links .delete-auto-recharge,.auto-recharge-links .modify-date-auto-recharge {margin-left: 15px;}
.auto-recharge-links .save-date-auto-recharge {margin-left: 15px;}
#prepaid-recharge-settings .date-error-container,#prepaid-auto-recharge-section .date-error-container {margin-top: 20px;}
#automatic-recharge-loading {width: 55px; display: inline-block; margin-left: 16%;position: inherit;}
.auto-recharge-links .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
#date-automatic-recharge .error{margin-left: 0px;}

.my-account-ui-tabs{margin-left: 0px;padding: 0px;margin-top:30px;margin-right: -15px;width: 730px !important;overflow: hidden;}
.my-account-ui-tabs.ui-tabs .ui-tabs-nav{padding: 0em 0em 0;}
.my-account-ui-tabs.ui-tabs .ui-tabs-panel{padding: 20px 1em 58px 1em;}
.ui-custom-height{height:auto !important;}
.tab-data{margin-top:27px;}
.tab-data ul{margin:0px}
.tab-data .left-div{float:left;display:block}
.tab-data .right-div,.tab-data .middle-div{float:left;margin-left:10px}
.tab-data .left-div select{padding: 5px 10px 5px 5px;line-height: 1em;font-size: 14px;margin: 0px;border:1px solid #ccc}
.my-account-ui-tabs .ui-tabs-nav li a{outline:none}
.my-account-ui-tabs .processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
.recharge-history-self-care .my-account-ui-tabs{margin-top:10px;}
.recharge-history-self-care .my-account-ui-tabs.ui-tabs .ui-tabs-panel {margin-bottom:0px;}
#prepaid-recharge-history .usage-history .warning{margin: 5px 0 20px 0 !important;}

.direct-debit-submit-div .processing-status-btn-blue{background: url("images/animated-button-blue.gif") repeat-x center; float: right !important;}
.direct-debit-submit-div .processing-status-btn-blue:hover{background: url("images/animated-button-blue.gif") repeat-x center; cursor: default;}

#service-detail-container a.link-disabled {color: #004C9D;}
.direct-debit-submit-div .hidden {display: none;}

.overlay-footer .hidden {display: none;}
.overlay-footer .saving-email{color: #393939!important; border-radius: 0px; padding: 5px 30px;}
.overlay-footer a.cancel-saving {border-left: 1px solid #CCCCCC;color: #004C9D;cursor: pointer;display: inline-block;height: 15px;line-height: 15px;margin-left: 15px;margin-top: 4px;padding: 4px 12px;text-decoration: none;}

div#ddAgreementSection {overflow: auto;}
.page-container #plan-detail-cwifi > div > div.buttons {float:right;position:relative;top: 5px;}
.page-container #plan-detail-cwifi div.section-content {margin-bottom: 10px;}
.page-container #plan-detail-cwifi p.margin-bottom {margin-bottom: 10px;}
.page-container #plan-detail-cwifi .info-message-margin {width:70%;}
.page-container #plan-detail-cwifi div.left-div-holder {width: auto;}
.page-container #plan-detail-cwifi div.right-div-holder {margin-left: 10px;}
.page-container #plan-detail-cwifi div.right-div-holder.cwifi-password {margin-left: 14px;}
.page-container #plan-detail-cwifi a.with-left-border{ border-left: 1px #ccc solid; padding-left: 12px; margin-left: 8px;display: inline;}
.page-container #plan-detail-cwifi > div.overseas-info > div > p {margin: 10px 0;}
.page-container #plan-detail-cwifi > div.overseas-info {margin-top: 20px;}
.page-container #plan-detail-cwifi #cwifi-overseas-show-more {margin-left: 15px;}
.page-container #plan-detail-cwifi #cwifi-error-container .warning {margin: 0 0 20px;}
.page-container #plan-detail-cwifi div.right-div-holder span a.tooltips {top: 0;}
.page-container #plan-detail-cwifi div.right-div-holder span a.set-default-account-tooltip.tooltips {margin-left:0px;}
.page-container #plan-detail-cwifi div.cwifi-default-status {margin-left: 5px;}
.page-container #plan-detail-cwifi div.cwifi-default-status-new {margin-left: 0px;margin-top: 20px;}
#telstra-find-more-overseas-description-prepaid{margin-bottom: 20px;margin-top: 20px;}
#telstra-find-more-overseas-description-postpaid{margin-bottom: 20px;margin-top: 20px;}


#activate-cwifi-container .accept-activate-button.processing-status-btn, #deactivate-cwifi-container .accept-deactivate-button.processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
#deactivate-cwifi-container .overlay-title { background:none; padding: 10px 0 15px; }
#deactivate-cwifi-container .overlay-content { margin-top: 10px; }
#deactivate-cwifi-container .overlay-footer {padding-top: 30px;}
#deactivate-cwifi-container .overlay-footer a.cancel { border-left: none; padding: 4px 20px 0 0; margin-left: 15px;}
#deactivate-cwifi-container strong { font-weight: bold; }.page-container #plan-detail-cwifi .accept-activate-button.processing-status-btn {background: url("images/animated-button-blue.gif") repeat-x center;}
.page-container #personal-detail-container div.error-container-top div.message-box { margin: 20px 0 0px;}
#activate-cwifi-container{font:300 95%/1.167em "Helvetica Neue",Helvetica,Arial,sans-serif}
#post-paid-data-packs .stacked-data-packs{padding-bottom:0px !important;}
#activate-cwifi-container .overlay-title { background:none; padding: 10px 0 30px; height: 15px;  font-size: 20px; border-bottom: 1px solid #DADADA;}
#mobile-addons-container li.stacked-data-packs-list{padding-bottom:0px !important;}
#activate-cwifi-container .overlay-content .titletnc {height: 60px; line-height: 60px;font-size: 24px; padding-left: 12px;}
#activate-cwifi-container .overlay-content .subtitletnc {padding-left:12px; font-size:12px; line-height:20px;}
#activate-cwifi-container .overlay-title div{ padding: 10px 15px 15px;}
#activate-cwifi-container .overlay-footer a.cancel { border-left: none; padding: 4px 20px 0 0;margin-left:15px !important;}
#activate-cwifi-container .overlay-content { margin: 10px 0px 20px 15px;}
#activate-cwifi-container li.tncLinkItem { margin: 0 0 0px 0; font-size: 11px; cursor: pointer; position: relative; height: auto; list-style-type: decimal; list-style-position: inside; border-bottom: 1px solid #dadada; line-height: 2.6; padding-left: 22px; }
#activate-cwifi-container #tncLink li.tncLinkItem.selected div {background-image:url(images/TOC-lightbox-sprite.png); width:19px; height:30px; position:absolute; left:0px; top:0px; }
#activate-cwifi-container #tncLink { border-top: 1px solid #dadada; width: 233px; float: left; margin-right: 15px; padding-left:0px;}
#activate-cwifi-container #tncLink li.tncLinkItem.selected { font-weight: bold; }
#activate-cwifi-container #mos {width:675px;height:465px; float:left;border:1px solid #DADADA;}
#activate-cwifi-container .mos-header { font-size: 11px;font-weight: bold; line-height: 30px; height: 30px; text-align: center;}
#activate-cwifi-container .mos-header .mos-header-title { margin: 0 auto; display: inline; }
#activate-cwifi-container .mos-carousel .mos-item {width: 675px; height: 410px;}
#activate-cwifi-container .mos-carousel .mos-item iframe { width: inherit; height: inherit; border: none;}
#activate-cwifi-container #tc-loading .loading-animation { background: url(images/ajax-loader-big.gif) no-repeat scroll center top transparent; height: 32px; text-align: left;}
#activate-cwifi-container .overlay-footer .btn-blue {text-align:center;display:inline-block;border-radius:0px 0px 0px 0px;color:#FFF;font-size:14px;min-width:80px;text-decoration:none;height:22px;padding:7px 15px 0px 0px; font-size:14px !important;margin-left:15px !important;}
#activate-cwifi-container .footer-padding{padding: 20px 0 20px !important}

.right-div-holder-link-right {margin-left: 110px;margin-top: -20px !important;}

#buy-fancy-box .notice h3{width: 630px;}

#tsafe-addon-remove-wrapper .processing-status-btn-blue{background: url("images/animated-button-blue.gif") repeat-x center;}
#tsafe-addon-remove-wrapper .processing-status-btn-blue:hover{background: url("images/animated-button-blue.gif") repeat-x center; cursor: default;}
#tsafe-addon-purchase-wrapper .processing-status-btn-blue{background: url("images/animated-button-blue.gif") repeat-x center; }
#tsafe-addon-purchase-wrapper .processing-status-btn-blue:hover{background: url("images/animated-button-blue.gif") repeat-x center; cursor: default;}

.right-div-holder-no-border-left { border-left : 0px !important; padding-left : 0px !important; }
.right-div-holder-border-left { border-left : 1px #ccc solid }
.right-div-holder-link-top { margin-top: -2px !important; margin-left: 2px; }
.right-div-holder-top { margin-top: 5px !important; }
.right-div-holder-left { margin-left: 6px !important;}
.right-div-holder-right { margin-right: 12px;}
.right-div-holder-font { font-size: 12px;}
.online-plan-change-lightbox-opened-width {width: 800px !important; display: inline-block;text-align: left;vertical-align: middle;}
.online-plan-change-lightbox-opened-height {height: 342px !important;}
.online-plan-change-fancy-inner { width:800px; height:auto; margin-top: 20px; }
#online-plan-change-lightbox-wrapper .online-plan-change-title { color: #393939; font-size: 23px;margin-top: -8px;}
#online-plan-change-lightbox-wrapper .online-plan-change-title-bar {line-height: 48px; }
#online-plan-change-lightbox-wrapper .online-plan-change-container { padding: 0px;position: relative;display: block;font-size: 13px; }
#online-plan-change-lightbox-wrapper .online-plan-change-container h3 { font-size: 20px;padding: 0 0 12px 0; }
#online-plan-change-lightbox-wrapper .online-plan-change-btn1 { width: 137px !important;margin-top: 8px; }
#online-plan-change-lightbox-wrapper .online-plan-change-btn2 { width: 127px !important; margin-left: 5px;}
#online-plan-change-lightbox-wrapper a:link, #online-plan-change-lightbox-wrapper a:visited { color: #004C9D;text-decoration: none; }
#online-plan-change-lightbox-wrapper a:hover {text-decoration: underline;}
#add-data-pack-sub-title-bar { background: url(images/download_30x34px.png) no-repeat 0px 0px; margin-top: 11px; line-height: 35px; color: #393939; font-size: 20px; }
.live-chat-sub-title-bar1 { background: url(images/mobile_22x34px.png) no-repeat 0px 0px; margin-top: 11px; line-height: 35px; color: #393939; font-size: 20px; margin-left: 5px; }
.live-chat-sub-title-bar2 { background: url(images/online_plus.png) no-repeat 0px 0px; margin-left:34px;}
.live-chat-sub-title-bar3 { background: url(images/download_30x34px.png) no-repeat 0px 0px;margin-left:21px; }
#addDataPackText1, #liveChatText1 { margin-top: 22px;margin-right: 6px;}
#liveChatText2 { margin-bottom: 18px;}
#addDataPackText2 { margin-bottom: 14px;}
.online-plan-change-btn-top1 { margin-top: 6px !important; }
.add-data-pack-sub-title { margin-left:40px;}
.live-chat-sub-title { margin-left:39px;}
.online-plan-change-btn-top2 { margin-top: 24px !important; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step1,#online-plan-change-lightbox-wrapper .online-plan-change-container li.step2 { float: left;padding: 10px;border: 1px #dbdbdb solid; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step1 { padding-top:5px;margin-top:10px;margin-right: 12px;width: 247px;height: 234px !important; }
#online-plan-change-lightbox-wrapper .online-plan-change-container li.step2 { padding: 5px; margin-top:10px; right: 5px; width: 465px; height: 239px !important;}

#post-paid-data-packs .stacked-data-packs{padding-bottom:0px !important;}
#mobile-addons-container li.stacked-data-packs-list{padding-bottom:0px !important;}

.right-div-holder-link-right {margin-left: 110px;margin-top: -20px !important;}

#buy-fancy-box .notice h3{width: 630px;}.right-div-holder-link-right {margin-left: 110px;margin-top: -20px !important;}
#activate{width: 145px !important; margin-left: 200px;}
.activate-disable{width: 160px ; text-decoration: none !important; color: #666 !important; cursor: default !important; disabled: true; margin-left: 100px !important;}
#activate-roaming-container{ width: 566px !important;}

#activate-roaming-container .overlay-title {
    line-height: 20px !important;
}



.deactivatelink{
    border-left: 1px solid #CCC;
    padding-left: 12px;
    margin-right: 10px;
    margin-left: 10px !important;
}

#roaming_error {
    margin-left:0px !important;
    font-color:red;
}
#activate-roaming .btn-grey {background:url(images/bg_dark_grey_button.png); text-align:center;color:#FFF;font-size:14px;font-weight:700;border:none;text-decoration:none;width:8em;height:22px;padding:4px 10px !important; font-size:14px !important;margin-left:30px;margin-right:-25px;box-shadow: none;}

#broadband-status {width: 700px !important;}
.tdi-2fa-status{padding-left:12px; font-size:14px; border-left: 1px #ccc solid; position: relative; display:inline-block; top:-2px; margin-left: 8px; margin-top: -2px;}
.tdi-2fa-status-label{font-size:14px;margin-left:5px;position: relative; display:inline-block; top:-2px; }
.tdi-turn-off-heading{font-weight:bold; margin-top:10px;}
.tdi-turn-off-text{margin-top:15px;}
#show-turn-off-2fa-wrapper .turn-off-confirm-btn{text-decoration:none;min-width:90px;display:inline-block;font-family:inherit;}
#show-turn-off-2fa-wrapper .overlay-title {padding-top:2px;}
#show-turn-off-2fa-wrapper .loading{background: url("images/loading-spinner-small.gif") no-repeat scroll 55% 50% transparen; height:32px;}

.complexAddress {max-width: 500px;}
.complex-address-improvement, .change-bundle-improvement, .contract-end-date-improvement{width: 100%;}
.complexAddress span {display:inline;}
.complex-address-improvement span {display: inline-block;}
.complexAddress .sub-margin {margin-right: 8px;}
.complex-address-improvement .sub-margin {margin-right: 0; width: 90%;}
.contract-end-date-improvement .end-date-sub-margin{width: 84%; margin-right: 0; overflow: hidden;}
.complex-address-improvement a{width: 8%; margin-right: 0;}
.contract-end-date-improvement a{width: 16%; margin-right: 0; text-decoration: none !important;}
.change-bundle-improvement .moc-bundle-name-new {display: inline-block; margin-right: 0; width: 89%;}
.change-bundle-improvement .serviceLink-change-bundle{width: 94%}
.change-bundle-improvement .change-bundle-link {width: auto; border-left:0; padding-left: 0; margin-right: 0}
.contract-end-date-improvement .change-bundle-link {width: auto; border-left:0px; padding-left: 0px; margin-right: 0}
.bundle-services-links .change-bundle-link {width: auto; border-left:0; padding-left: 0; margin-right: 0}

.complexAddress-intwthbdl {width: 100%}
.sub-margin-intwthbdl { width: 89%}


.cwifi-global-container {
padding: 23px 20px 50px 20px;
color: #414141;
}

.cwifi-global-container .inner-content {
padding: 0 20px 0;
}

.cwifi-global-container .normal-text {
font-size: 14px;
}

.cwifi-global-container #title-container.with-border {
border-bottom: 1px solid #e6e6e6;
}
.cwifi-global-container #title-container div {
font-size: 24px;
float: left;
margin-top: 5px;
width: 80%;
}

.cwifi-global-container #title-container {
padding: 0px 0 65px 0;
line-height: 2em;
}
.cwifi-global-container #error-message {
margin: 30px 0px;
line-height: 150%;
}
.cwifi-global-container .clear-both-class {
clear: both;
}
#page-loading-indicator {
text-align: center;
position: relative;
}

#page-loading-indicator span.page-loading-img {
 background: url(images/spin_wheel.gif) no-repeat scroll 50% 100% transparent;
 height: 150px;
 display: block;
 width: 100%;
 top: 50%;
 left: 0;
}

#page-loading-indicator div.page-loading-content {
margin-top: 10px;
}
.new-button.do-business {
color: #FFF !important;
background-color: #004d9d;
display: inline-block;
text-decoration: none;
line-height: normal !important;
padding: 14px 25px 14px 25px !important;
border-radius: 0px;
margin: 0 45px 0 0;
height: 16px;
font-size: 14px;
font-weight: normal;
text-align: center;
cursor: pointer;
position: relative;
outline: none;
white-space: nowrap;
}

.new-button.do-business:after {
content: ' ';
display: block;
width: 44px;
height: 44px;
position: absolute;
right: -45px;
top: 0px;
background: url(images/v2.1-ui-button-sprite.png) 0px -88px no-repeat;
background-color: #004d9d;
}

.new-button.do-business:hover,.new-button.do-business:active {
background-image: none;
}

.new-button.do-business:hover {
background-color:#0099d2;
}

.new-button.do-business:active {
background-color:#000;
}

.new-button.do-business:hover:after {
background-color:#0099d2;
}

.new-button.do-business:active:after {
background-color:#000;
}

.cwifi-global-container #title-container > img {
margin-right: 50px;
float: right;
}

.cwifi-global-container div#button {
clear: both;
}
body.plain-layout {
background-image: none;
background: #FFF;
font-size: 12px;
width: 100%;
min-width:  100%;
}


.loading-indicator {text-align: center; height: 70px; margin-top:-4px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
#plan-detail-cwifi { min-height: 120px; }
#plan-detail-features-section .subsection-seperator{ margin: 20px 0px 20px 45px;border-bottom: 1px #F2F2F2 solid;}
.topups-data-loading { margin-top: -145px; margin-left : 5px; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px; }
#plan-detail-features-section .topups-status-checking-text {margin-top: 168px;margin-left : 340px; padding-bottom: 50px; margin-bottom: -10px;}
#plan-detail-features-section .topup-message-box {margin-left: 45px; margin-top:10px; margin-bottom: 10px;}
#topups-details .topups-btn {top: 57px; width: 120px!important;}
#topups-details #topup-active .info-text{padding-left: 15px}
#personal-detail-container .low-usage-loader {margin-top: 8px; font-size: 20px;}
#topups-section {margin-top: 5px;}
#personal-detail-container .high-usage-loader {height: 65px; margin-top: 56px; position: static; text-align: center; width: 100%;}
#topups-data-loading .loading{ position: static; width: 100%; height: 65px ; text-align: center; margin-top: 100px;}
#personal-detail-container .topup-usage-section{margin-bottom: 20px !important; margin-left: 25px !important; margin-top: 45px !important; width: 93%;}
#topups-section .high-usage-remaining-txt{border-left: 1px solid #CCCCCC; font-weight: normal; margin-left: 13px; padding-left: 13px;}
#topups-section .high-usage-desc{margin-top: 10px;}
#topups-error-container{margin-left: 45px;}
.topups-lightbox-title{font-weight:bold; font-size:16px;}
.topups-lightbox-sub-title{padding:15px 0; font-weight:bold; font-size:14px;}
.topups-lightbox-text{font-size:14px; width:600px; margin: 0 0 20px 0;}
.topups-lightbox-container{margin:20px 0 10px;}
.topups-lightbox-wrapper-bg-top {position: absolute; left:0px; top:55px; z-index:1000000; width: 100%; border-bottom:0px #ccc solid;}
.topups-lightbox-cancel-btn{margin:0 15px 0 0; color: #004d9d; font-size:14px;}
.topups-lightbox-cancel-btn:hover{text-decoration: underline;}
.topups-processing:link{cursor:wait;background: url("images/animated-button-blue.gif") repeat-x center; }
#personal-detail-container .topups-unavailable-description{margin-top: 10px;}

.internet-usage-nav-button {
margin-top: -9.5px !important;
}

#broadband-status {width: 700px !important;}
.tdi-2fa-status{padding-left:12px; font-size:14px; border-left: 1px #ccc solid; position: relative; display:inline-block; top:-2px; margin-left: 8px; margin-top: -2px;}
.tdi-2fa-status-label{font-size:14px;margin-left:5px;position: relative; display:inline-block; top:-2px; }
.tdi-turn-off-heading{font-weight:bold; margin-top:10px;}
.tdi-turn-off-text{margin-top:15px;}
#show-turn-off-2fa-wrapper .turn-off-confirm-btn{text-decoration:none;min-width:90px;display:inline-block;font-family:inherit;}
#show-turn-off-2fa-wrapper .overlay-title {padding-top:2px;}
#show-turn-off-2fa-wrapper .loading{background: url("images/loading-spinner-small.gif") no-repeat scroll 55% 50% transparen; height:32px;}
#activate-roaming-processing-btn.processing-status-btn:link{cursor:wait;background: url("images/animated-button-grey.gif") repeat-x center; float: left !important;}
#international_roaming_status { margin-left: 50px; }
#setCwifiPassword > div.overlay-title.bg-880-width.title-padding{padding-top: 3px;}


/* SpeedBoost lightbox */
#add-speedboost-lightbox-wrapper .add-speedboost-overlay-title{font-size: 17px;line-height: 15px;color: #393939;padding: 0px 0px 40px;font-weight: 600;font-family: "Helvetica Neue",Arial,sans-serif;}
#add-speedboost-lightbox-wrapper .row-main{font-size: 14px;padding: 0px 0px 10px;font-weight: 600;}
#add-speedboost-lightbox-wrapper .row-data{font-size: 14px;line-height: 17px;padding-bottom: 15px;}
#add-speedboost-lightbox-wrapper .row-data a{text-decoration:none; color: #004C9D;}
.fancybox-wrap .add-speedboost-lightbox-wrapper-bg-top{position: absolute;border-bottom: 0px #ccc solid;z-index: 1000000;top: 55px;width: 100%;}
#add-speedboost-lightbox-wrapper .cancel-link{border: none !important;}
//#add-speedboost-lightbox-wrapper .form-row{margin:0px !important;}
#add-speedboost-lightbox-wrapper .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
.speedboost-message-info{margin: 0px 0px 10px;}
.speedboost-line-separator{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 87px;width: 100%;}
#delete-speedboost-lightbox-wrapper .overlay-footer, #add-speedboost-lightbox-wrapper .overlay-footer{text-align:left; padding: 0;}
#delete-speedboost-lightbox-wrapper .cancel-link, #add-speedboost-lightbox-wrapper .cancel-link{margin-left:0; padding-left: 0;}
#speedboost-addon-div{position: relative;}
#speedboost-buy-section a.speed-boost-add-link{top: -28px;}

.speed-boost-add-link{float: right;}
.loading-indicator {text-align: center; height: 70px; margin-top:-4px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
.prepaid-loading-indicator {text-align: center; height: 70px; margin-top:40px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
.postpaid-loading-indicator {text-transform: uppercase;text-align: center; height: 70px; margin-top:40px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
#plan-detail-cwifi { min-height: 120px; }
#postpaid-mobile-telstra-air-section .extra-width {margin-bottom:35px;}
#prepaid-mobile-telstra-air-section .extra-width {margin-bottom:40px;}
.speedboost-loading, .staticip-loading {
height: 60px;
background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent;
}
.speedboost-loading-text, .staticip-loading-text {
display: block;
text-align: center;
font-family: Conv_GraCoRg_;
}
.addon-complete-line{
    border-bottom: 1px solid #f2f2f2;
    clear: both;
    margin-bottom: 20px;
    margin-left: 45px;
    padding-top: 20px;
    top: 17px;
}

.addon-complete-line-improvement{
    padding-top: 20px;
}

/* Added Changes for SpeedBoost lightbox */
#personal-detail-container .clear{margin-top:10px;}
#delete-speedboost-lightbox-wrapper .delete_speedboost-overlay-title,#delete-static-ip-lightbox-wrapper .delete-static-ip-overlay-title{font-size: 16px;line-height: 15px;color: #393939;padding: 0px 0px 40px;font-weight: 600;font-family: "Helvetica Neue",Arial,sans-serif;}
#delete-speedboost-lightbox-wrapper .speedboost-delete-message .row-main,#delete-static-ip-lightbox-wrapper .row-main{font-size: 14px;padding: 0px 0px 10px;font-weight: 600;}
#delete-speedboost-lightbox-wrapper .speedboost-delete-message .row-data,#delete-static-ip-lightbox-wrapper .row-data{font-size: 14px;line-height: 17px;padding-bottom: 15px;}
.fancybox-wrap .delete-speedboost-lightbox-addon{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 55px;width: 100%;}
#delete-speedboost-lightbox-wrapper .cancel-link,#delete-static-ip-lightbox-wrapper .cancel-link, #add-speedboost-lightbox-wrapper .cancel-link{border: none;}
#delete-speedboost-lightbox-wrapper .form-row, #add-speedboost-lightbox-wrapper .form-row{margin:0 0 20px 0;}
#delete-speedboost-lightbox-wrapper .processing-status-btn,#delete-static-ip-lightbox-wrapper .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
.disabled-anchor a{pointer-events: none !important; cursor: default;}
#delete-static-ip-lightbox-wrapper .overlay-footer{text-align:left;}
#delete-static-ip-lightbox-wrapper .cancel-link{margin-left:15px !important;padding-left:0px;}
#static-addons-section-title .status-info{margin-left:44px;}
#speeboost-buy-form .form-row{margin-bottom:40px;}
#speeboost-buy-form .row-main{margin-bottom:20px;margin-top:20px;font-weight:bold;}
#speeboost-buy-form #speedboost-lightbox-content,#speeboost-buy-form #speedboost-email-text,#speeboost-buy-form #speedboost-preferences-text{padding-bottom:10px;}
#speeboost-buy-form #speedboost-terms-text{margin:top:20px;}
#speeboost-buy-form #speedboost-terms-text a{color:#004C9D;text-decoration:none;}
#speeboost-buy-form .overlay-footer .cancel-link{padding-right:20px; margin-left:15px !important;}
#staticip-buy-section a{top: -28px !important;}

/* Static IP */
.fancy-box-padding{padding:35px 20px 30px 20px !important;}
#delete-static-ip-lightbox-wrapper .row-main{font-size: 14px;padding: 20px 0px 20px 0px;font-weight: 600;}
#delete-static-ip-lightbox-wrapper .row-data{font-size: 14px;line-height: 17px;padding-bottom: 40px;}
#delete-static-ip-lightbox-wrapper .form-row{margin:0px;}
#delete-static-ip-lightbox-wrapper .overlay-footer, #static-addon-purchase-wrapper .overlay-footer{text-align: left; padding:0px;}
.static-ip-line-separator{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 70px;width: 100%;}
#delete-static-ip-lightbox-wrapper .delete-static-ip-overlay-title{font-size: 16px;line-height: 15px;color: #393939;padding: 0px 0px 20px;font-weight: 600;font-family: "Helvetica Neue",Arial,sans-serif;}
.staticip-order-fancy{margin-top: 25px;}
#static-addon-purchase-wrapper .add-staticip-overlay-title{font-size: 17px;line-height: 15px;color: #393939;padding: 0px 0px 20px;font-weight: 600;font-family: "Helvetica Neue",Arial,sans-serif;}
#static-addon-purchase-wrapper .row-main{font-size: 14px;padding: 20px 0px 20px;font-weight: 600;}
#static-addon-purchase-wrapper .row-data{font-size: 14px;line-height: 17px;padding-bottom: 20px;}
#static-addon-purchase-wrapper .row-data a{text-decoration:none; color: #004C9D;}
#static-addon-purchase-wrapper .staticip-terms{padding-bottom: 40px;}
.fancybox-wrap .static-addon-purchase-wrapper-bg-top{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 70px;width: 100%;}
#static-addon-purchase-wrapper .cancel-link{border: none; margin-left: 15px;}
#static-addon-purchase-wrapper .form-row{margin:0px;}
#static-addon-purchase-wrapper .overlay-footer{padding: 0px;}
#add-speedboost-lightbox-wrapper .processing-status-btn, #static-addon-purchase-wrapper .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
.staticip-message-info{margin: 8px 0 0;}
.speed-boost-add-link{float: right;}
.loading-indicator {text-align: center; height: 70px; margin-top:-4px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
#static-details{position: relative;}

#speedboost-status, #staticip-status {
    margin-bottom: 10px;
    margin-top: 10px;
}
#delete-speedboost-lightbox-wrapper .delete_speedboost-overlay-title, #add-speedboost-lightbox-wrapper .add-speedboost-overlay-title{font-size: 20px; font-weight: normal; padding-top: 2px;}
.speed-boost-add-link{float: right;}
#add-speedboost-lightbox-wrapper .add-speedboost-overlay-title{margin-bottom:20px;}
.loading-indicator {text-align: center; height: 70px; margin-top:-4px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
.loading-indicator-find-more {text-align: center; height: 70px; margin-top:60px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: none; width: 100%; font-size: 12px;}

/*International roaming - Pay as you go */
.international-roaming-number{font-size: 25px; height:15px; line-height: 30px;}
#international-roaming .grid_5{width:150px;}
#international-roaming .unit{font-size:15px;}
.pay-as-you-go{padding-bottom:30px;}

/*Postpaid mobile control panel border: 1px solid #ccc; */
div.post-paid-mobile-control-panel {margin:5px 0px 0px 0px; padding: 10px 25px; text-decoration: none;}
.post-paid-mobile-control-panel.ui-tabs .ui-tabs-panel {height: auto;}
.post-paid-mobile-control-panel data-packs-tab {border: 1px solid #aaaaaa;}
.post-paid-mobile-control-panel manage-your-alerts-tab {border: 1px solid #aaaaaa;}
.post-paid-mobile-control-panel .processing-status-btn{background: url("images/animated-button-blue.gif") repeat-x center;}
.post-paid-mobile-control-panel .control-panel-header {color: #393939; margin: 12px 0px 24px}
.postpaid-left-div-holder{text-align: left;margin-top:20px;margin-bottom:20px; float:left;  width:350px; +width:121px;clear:both}
.postpaid-left-div-holder span{display: inline-block; +display:inline; +zoom:1;}
#telstra-find-more-overseas-description-default-status-postpaid{margin-top: 0px;}
#telstra-find-more-overseas-description-default-status-prepaid{margin-top: 20px;margin-bottom: 20px;width:350px;}

div#post-paid-mobile-control-panel-id a.btn-disabled,div#post-paid-mobile-control-panel-id a.btn-disabled:hover{width:80px;text-decoration:none;outline-style:none;cursor: default;}
div.post-paid-mobile-control-panel ul.ui-tabs-nav li.ui-state-default.ui-corner-top{width:20% ;background-color: #f0f0f0; box-shadow: 0 14px 3px 1px #f8f8f8 inset; font-weight: bold; text-align: center; width: 156px; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -o-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -o-border-top-right-radius: 8px; border-top-right-radius: 8px; border:1px solid #cbcbcb; border-bottom:none;}

div.post-paid-mobile-control-panel ul.ui-tabs-nav{overflow:visible}
div.post-paid-mobile-control-panel ul.ui-tabs-nav { padding: 0.2em 0 0;}
div.post-paid-mobile-control-panel ul.ui-tabs-nav li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{background-color: #FFFFFF;box-shadow: none;margin-top:-4px;height:33px}
div.post-paid-mobile-control-panel ul.ui-tabs-nav li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a{margin-top:5px;}

div.post-paid-mobile-control-panel ul.ui-tabs-nav li a.ui-tabs-anchor{  padding: 0.5em 0em;}

div.post-paid-mobile-control-panel  div.control-panel-container{  -webkit-border-radius: 0 0px 0px; -moz-border-radius: 0 0px 0px; -o-border-radius: 0 0px 0px; border-radius: 0 0px 0px;border:1px solid #cbcbcb;}

.page-container .details-container .usage-detail-content-redemption {margin-top: 32px;}
.usage-bar-graphs-redemption { margin-right: 25px; margin-bottom: -7px; margin-top: 0px !important;}
.bar-graph .bar-redemption { background-color: #00B3FF; height: 14px; }
.bar-graph .usage-excess-bar {background-color:#F62C2C;}
.bar-graph .payg-bar {background-color:#FF5B26;}
.bar-graph .payg-color,.excess-data-red-color {color:#F62C2C;}
#data-usage-bar-graph .split-stick {color: #cccccc }

.tdi-2fa-status{padding-left:12px; font-size:14px; border-left: 1px #ccc solid; position: relative; display:inline-block; top:-2px; margin-left: 8px; margin-top: -2px;}
.tdi-2fa-status-label{font-size:14px;margin-left:5px;position: relative; display:inline-block; top:-2px; }
.tdi-turn-off-heading{font-weight:bold; margin-top:10px;}
.tdi-turn-off-text{margin-top:15px;}

#show-turn-off-2fa-wrapper .overlay-footer.turn-off-btns{text-align: left;padding: 20px 0 0px;}
#show-turn-off-2fa-wrapper .overlay-footer .cancel-turn-off{margin-left: 0px; padding: 0px 0px;border-left:0}
#show-turn-off-2fa-wrapper .overlay-footer .turn-off-confirm-btn{margin: 0px 0px 0px 15px; height: 27px; width: 100px;line-height: 27px;}

#show-turn-off-2fa-wrapper .overlay-title.turn-off-2fa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 20px 0px 35px;line-height: 0px;}
#show-turn-off-2fa-wrapper .loading{background: url("images/loading-spinner-small.gif") no-repeat scroll 55% 50% transparen; height:32px;}

/* Mailboxes */
.page-container #personal-detail-container #plan-detail {border-top:none;}
.page-container #personal-detail-container #plan-detail .primary{margin:10px 0px 10px 0px;}
.page-container #personal-detail-container #plan-detail .secondary{margin:10px 0px 10px 0px;}
.page-container #personal-detail-container #plan-detail #mail-box-summary-link{border:none !important; font-size:18px; margin-left:0px; padding-left:2px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container{margin:5px 20px 5px 20px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container .data-packs-header b{top:24px}
.page-container #personal-detail-container #plan-detail h2.header-class{padding-bottom:25px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers{margin-left:0px;margin-bottom:0px;width:75%;float:left;}
.page-container #personal-detail-container #plan-detail #mail-box-headers dt{width:auto;}
.page-container #personal-detail-container #plan-detail .mailbox-add-desc a,.page-container #personal-detail-container #plan-detail #mail-box-headers a{font-weight: normal; border-left:1px #cccccc solid; margin-left: 13px; padding-left: 13px; color: #004C9D;text-decoration: none;}
.page-container #personal-detail-container #plan-detail #mail-box-headers a.close-mailbox-link{font-weight: normal; border-left:1px #cccccc solid; margin-left: 0px; padding-left: 13px; color: #004C9D;text-decoration: none;}
.page-container #personal-detail-container #plan-detail #view-mail-box .form-row{margin-left:35px;margin-bottom:14px;}
.page-container #personal-detail-container #plan-detail #mail-box-content{padding-bottom:0px;margin-bottom:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-content #mail-box-headers{margin-left:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-content .form-row dt{width:87px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container .data-packs-header {padding: 0px 10px 0px 27px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container h2{ font-size: 20px; padding-bottom: 0px; -webkit-text-size-adjust: 100%;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container .form-row {clear:left;float:left;margin-bottom:0px; +zoom: 1; +float: none;}
.page-container #personal-detail-container #plan-detail .mail-data-packs {
    position: relative;
    border: 1px solid #DADADA;
    padding-right: 0;
    padding-top:4px;
    padding-bottom:4px;
    border-radius: 0px;
}
#manage-mail{margin-bottom: 15px}
.mailbox-r-side span.mailbox_desc{font-size: 13px; text-transform: uppercase;color: #393939;}
.mailbox-r-side .mailbox_count{font-size: 30px;color: #393939;}
.page-container #personal-detail-container #plan-detail #add-mailbox-success-message-section {margin-left:0px;margin-right:0px;}
.page-container .main-box-inner-container h2 a{top:-4px;}
.page-container .main-box-inner-container h2 a.activate-mailbox-link{top:-19px;}
.add-collapsed-margin{margin-top:10px !important; margin-bottom:10px !important;}
.add-expanded-margin{margin-top:10px !important; margin-bottom:0px !important;}
.arrow-position{position:initial !important;}
.arrow-position-top{top:23px !important;}
.page-container #personal-detail-container #plan-detail #mail-box-close-content .form-row .text{width:75%;}
.page-container #personal-detail-container #plan-detail span#mailbox-manage {padding-right: 12px; border-right: 1px solid #CCC;}
.troubleshooter-header{margin-bottom: 15px;}
.page-container #personal-detail-container #plan-detail .closebtn{text-align:right; width:25%; float:right;}
.page-container #personal-detail-container #plan-detail .closebtn a{margin:0px;}
.page-container #personal-detail-container #plan-detail .mail-box-tooltip{margin-left:0px;padding-left:0px;border:0px;}
.page-container #personal-detail-container #plan-detail #data-pack-id a.tooltips{margin-left:0px;padding-left:0px;}
.page-container #personal-detail-container #plan-detail .primary .data-packs-header .tablink{color:#333333;}
.page-container #personal-detail-container #plan-detail .primary .data-packs-header .tablink-retained{color:#333333;}
.page-container #personal-detail-container #plan-detail .no-mailbox{margin-bottom:25px;}
.page-container #personal-detail-container #plan-detail .no-mailbox dl > dt{width:100%;margin-top:25px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .view-mail-box-link{margin-left:0px;padding-left:0px;border-left:none;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .view-mail-box-span{border-right:1px #ccc solid;margin-right:12px;padding-right:12px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .change-mail-box-password-span{border-right:0px;margin-right:0px;padding-right:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .change-mail-retain-password-span{border-right:0px;margin-right:0px;padding-right:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .close-mail-box-span a{border-left:0px; padding-left: 0px;margin-left:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .change-mail-box-password-link{border:none;margin-left:0px;padding-left:0px;}
.page-container #personal-detail-container #plan-detail #mail-box-headers .close-mail-box{border:none;margin-left:0px;padding-left:0px;}
.page-container #personal-detail-container #plan-detail .internet-plan-name dl > dt{width:100%;margin-left:29px;margin-bottom:20px}
.page-container #personal-detail-container #plan-detail .internet-plan-name .form-row{float:none;}
.page-container .add-mailbox-live-chat-section{padding:0px 20px 0px 0px;margin-top:20px;}
.page-container .add-mailbox-live-chat-section .privacy{padding:20px 20px 20px 20px;width:694px;background:#f1fafe}
.page-container .add-mailbox-live-chat-section h2{padding-bottom:5px;color:#000000;}
.page-container .add-mailbox-live-chat-section p{width:694px;}
.page-container .add-mailbox-live-chat-section a{color:#004C9D;}
.page-container #personal-detail-container li.disclaimer-section{border:0px !important;}
.page-container .add-mailbox-live-chat-section .disclaimer-common{bottom:-110px;margin-top:10px;margin-bottom:14px;}
.page-container .add-mailbox-live-chat-section .close-mail-box-disclaimer{margin-top: 0px;}
.close-mail-box-disclaimer p{margin-top: 0px;color: #333333; font-size: 14px}
.mailbox-details{padding-bottom: 120px !important}
#close-mailbox-new-billing-contact .close-mailbox-error{position:absolute; display:inline-block;}

#mailbox-close{margin-top:2px;}
#close-retain-email{margin-top:10px;}
#mailbox-change-password .mailbox-change-password-overlay-title, #mailbox-close .mailbox-close-overlay-title {font-size: 20px;line-height: 17px;color: #393939;padding: 0px 0px 0px;font-family: "Helvetica Neue",Arial,sans-serif;}
#mailbox-close .mailbox-close-overlay-retain-title {font-size: 20px;line-height: 15px;color: #393939;padding: 0px 0px 0px;font-family: "Helvetica Neue",Arial,sans-serif;}
#mailbox-close #close-mailbox-new-billing-contact label{width:auto;margin-right:35px;}
#mailbox-change-password .overlay-content, #mailbox-close .overlay-content  {padding:0px;margin-top:36px;position:relative;}
#mailbox-change-password .overlay-footer, #mailbox-close .overlay-footer  {text-align:left;padding:20px 0 0;}
#mailbox-change-password .row-data{font-size: 14px;line-height: 17px;padding-bottom: 20px;}
#mailbox-change-password .row-main{font-size: 14px;padding-bottom: 10px;font-weight: 600;}
#mailbox-change-password .cancel-link, #mailbox-close .cancel-link {border: none !important; padding-right:20px; margin-left:15px; padding-left:0px;color: #0645AD;}
#mailbox-change-password .error-container-lightbox-top #generic-error-line , #mailbox-close .error-container-lightbox-top {margin-top:46px;width:756px;}
#mailbox-change-password .disabled-anchor a{pointer-events: none !important; cursor: default; !important;color:#0645AD;}
.mailbox-change-password-line-separator{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 70px;width: 100%;}
.r-side.mailbox-r-side {padding: 11px 20px 0px 80px; text-align: center;}
.r-side.mailbox-r-side .nomail {padding: 0px 40px 0px 50px; text-align: center;}
#mailbox-change-password a:link {color: #0645AD;text-decoration:none;}
#mailbox-change-password a:visited {color: #0645AD;text-decoration:none;}
#mailbox-change-password a:hover {color: #0645AD;text-decoration:underline;}
#mailbox-change-password a:active {color: #0645AD;text-decoration:none;}

#add-mailbox .mailbox-add-mailbox-overlay-title {font-size: 20px;line-height: 15px;color: #393939;padding: 0px 0px 0px;font-family: "Helvetica Neue",Arial,sans-serif;}
#add-mailbox .overlay-content {padding:0px;margin-top:40px;position:relative;}
#add-mailbox .overlay-footer {text-align:left;padding:40px 0 0;}
#add-mailbox .row-data{font-size: 14px;line-height: 17px;padding-bottom: 20px;}
#add-mailbox .row-main{font-size: 14px;padding-bottom: 10px;font-weight: 600;}
#add-mailbox .cancel-link{border: none !important; padding-right:20px; margin-left:15px; padding-left:0px;color: #0645AD;}
#add-mailbox .error-container-lightbox-top #generic-error-line {margin-top:46px;width:756px;}
#add-mailbox .disabled-anchor a{pointer-events: none !important; cursor: default; !important;color:#0645AD;}
.disabled-anchor {pointer-events: none !important; cursor: default; !important;color:grey;}
#add-mailbox a:link {color: #0645AD;text-decoration:none;}
#add-mailbox a:visited {color: #0645AD;text-decoration:none;}
#add-mailbox a:hover {color: #0645AD;text-decoration:underline;}
#add-mailbox a:active {color: #0645AD;text-decoration:none;}
#add-mailbox .mailbox-suffix {text-align: left; padding-left: 10px; width: 80px;}
#add-mailbox label{width:auto;}
#add-mailbox input#userName{margin-left:50px;width:165px;}
#add-mailbox input#password{margin-left:27px;}
#add-mailbox a#check-username-link{margin-left:133px;}
#add-mailbox a.processing-status-btn-mailbox{background: url("images/animate-mobile-button.gif") repeat-x center !important; float: right !important; box-shadow:none !important;}
#add-mailbox a#check-username-btn-processing{color:#FFFFFF;margin-left:133px;padding-top:4px;padding-bottom:4px;}
#add-mailbox #check-username-link{width:80px;float:left;}


.retain-mailbox-label{font-size: 14px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container h2{width:100%;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container .acc-no-div-main-div .account-detail{margin-top: 0px; width: 65px;font-size:14px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container h2 .acc-number{font-size: 14px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container h2 .retain-live-chat{font-size: 14px; position:absolute; right: 0;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container #mail-box-content .acc-no-div-main-div .retain-live-chat a{border-left: none; margin: 0px; padding: 0px; top: 0px;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container #mail-box-content .retain-cis-link a{border-left: none; margin: 0px; padding: 8px 8px 11px 28px; text-decoration: none;}
.page-container #personal-detail-container #plan-detail .main-box-inner-container #mail-box-content .retain-cis-link a:hover{text-decoration: underline;}

.page-container #personal-detail-container #plan-detail .main-box-inner-container .data-packs-header b{left: 20px;}
div.acc-no-div-main-div{width: 566px; position: relative; height: auto; display: inline-block;}
div.acc-no-div-main-div div{height: auto;}
div.retain-cis-link{}
div.acc-no-div-main-div .mail-box-live-chat-note{height:auto; margin-top: -1px; float:right;}
div.mailbox-right-div-holder{font-size: 14px;float: left;}

#check-username-link {margin-left:14em;}
#usage-overview-header-id {background: none repeat scroll 0 0 #F9F9F9; height: auto; overflow:hidden; padding-left: 20px; width:90.5%; margin-top: 20px; margin-left: 25px; padding-top: 16px; padding-bottom: 18px;}
#usage-overview-header-id .overview-heading{padding-bottom: 3px;}
#days-remaining-id .usage-detail-container, #data-remaining-id .usage-detail-container, #total-used-id .usage-detail-container {color:#00B3FF;}
#days-remaining-id .usage-detail-container .day-unit{text-transform: uppercase;}

.info.usage span{ padding: 6px 7px 8px 44px;}

.page-container #personal-detail-container .grid_3 {padding:0 0 7px 13px;margin-left: 0;margin-right: 1px;width: 155px;}
#usage-overview-header-id .usage-plan-grid{width:310px;}
#usage-overview-header-id .usage-allowance-grid{width:111px; margin-left:10px; padding-left: 12px;}
#usage-overview-header-id .usage-plus-grid{width:190px;}
#addons-status-id div.alerts-status{padding-top: 0px;padding-left:0}
#addons-status-id .usage-detail-container{padding-bottom: 1px;}
#overview-extra-data-info.info{width:682px;margin-left:25px;margin-top:20px;margin-bottom:10px}
#.usage-detail-container .alerts-status a span:hover {text-decoration:underline !important;}

.bold{font-weight:bold;}
.excess-data-text{padding-left:0px;}
.usage-detail-text-in-red{color: #f62c2c !important;}
.usage-detail-text-in-grey{color: #cccccc !important;}
.data-packs-list{padding-left:0;}

.page-container #personal-detail-container div.details-section-redemption {padding-bottom:11px;}
.page-container #personal-detail-container .details-column-redemption .usage-detail-container{padding-bottom:5px;}
.page-container #personal-detail-container .details-column-redemption .remaining-redemption{padding-bottom:5px;}
.page-container #personal-detail-container .total-allowance{font-size:18px;}

#days-remaining-id .usage-detail-container-redemption, #data-remaining-id .usage-detail-container-redemption, #total-used-id .usage-detail-container-redemption {color:#00B1EB;}
.page-container .details-container .details-column-redemption .unit {font-size:15px;}
.page-container .details-container .details-column-redemption .number {font-size:30px;}
.page-container .details-section .details-section-content .usage-desc-container-redemption{font-size:12px; padding-right: 7px;}
.page-container .details-section .header-right-select {margin: 4px 25px 0; float: right; min-width: 150px;}
.page-container #personal-detail-container #addons-status-id{font-size:14px; color:#004D9D;}

.overview-notification { float: left; width: 100%;}
.overview-notification .info {margin: 20px 10px 6px 10px;}
.overview-notification .info.with-account-switcher {margin: 20px 10px 6px 10px;}
.overview-notification .info span.ops_notification{ clear:both; }

.overview-notification .warning {margin: 20px 10px 6px 10px;}
.overview-notification .warning.with-account-switcher {margin: 20px 10px 6px 10px;}
.overview-notification .warning span.ops_notification{ clear:both; }
.overview-notification .multiple-notifications{ margin: 4px 10px 6px;}
.overview-notification .info.with-account-switcher.multiple-notifications{ margin: 4px 10px 6px;}
div#manage-your-alerts-tab-id.manage-your-alerts-tab{padding: 10px 20px 0 20px;display:inline-block;height:auto;}
.post-paid-mobile-control-panel .manage-your-alerts-parent-container {padding: 30px 0 15px 0; width: 100%;display:inline-block}
.post-paid-mobile-control-panel .contact-method-panel {float: left; height: 120px; margin: 0 0 20px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding-bottom: 22px;}
.post-paid-mobile-control-panel .contact-method-panel-shared {height: 180px !important;}
.post-paid-mobile-control-panel .contact-method-panel-list {padding:14px 0px 1px 0px;}
div.manage-your-alerts-main-description {color: #393939; font-size: 14px; width:621px; float:left; margin: 17px 0 28px;}
div.manage-your-alerts-header {color: #393939; font-size: 14px; font-weight: bold; float:left; margin: 25px 5px 2px;}

div.manage-your-alerts-sms {color: #393939; font-size: 12px; float:left; margin: -10px -110px 20px}
div.manage-your-alerts-email {color: #393939; font-size: 12px; float:left; margin:20px -110px 20px}
div.alert-types-panel {float: left; margin: -25px 0 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 1px;}
div.manage-your-alerts-types-header {font-size: 14px; font-weight: bold; margin: 30px 5px 7px;}
div.manage-your-alerts-sub-header {float:left; display: block; margin: 9px 5px 20px; font-size: 12px;}
div.alert-types-parent-container {float:left;margin: -12px 25px 20px;}
div.alert-types-container {float:left;margin: 7px -20px; width:350px;}
div.manage-your-alerts-disabled-button-panel {float:left; margin:10px 5px 40px; width: 350px}
div.manage-your-alerts-button-panel {float:left; display: block; margin:10px 5px 40px; width: 350px;}
div.manage-your-alerts-contact-grid{float: left; width: 445px; margin: 15px 25px -6px 0px;}
div.sms-grid{float: left; width: 445px; margin: 15px 25px -2px 0px;}
div.email-grid{float: left; width: 445px; margin: 15px 25px -6px 0px;}
div.manage-your-alerts-contact-sub-panel{float: left; margin: 0px 10px;}
div.manage-your-alerts-contact-sub-panel.manage-your-alerts-email-label{margin-right:5px !important;}
div.manage-your-alerts-contact-sub-panel-text{float: left; margin: 0px 40px;}
div.notifications-settings-info-container div.message-box{margin: 20px 0 0}
div.edit-email-text-sub-panel{float: left; margin: 0px -32px; border-left: 1px solid #ccc; padding-left: 10px;}
div.add-email-error-container{float: left; margin: -6px 0; padding-left: 10px;}
.postpaid-mobile-alerts-select{float: right; height: 30px; width: 144px;}

#email-notification-pref-lightbox-wrapper {width: 590px; !important; height: 40px; !important}
.email-notification-pref-lightbox-wrapper-bg-top {position: absolute; left:0px; top:55px; z-index:1000000; width: 100%; border-bottom:1px #ccc solid;}
div.email-notification-pref-title{float: left; font-size: 20px; width: 390px;}
div.email-notification-pref-main{float: left; margin: 25px -8px 7px; width: 590px;}
div.email-notification-pref-text{float: left; margin: 15px 10px 10px;}
div.email-notification-pref-input{float: left; margin: 10px;}
div.email-notification-pref-input input {width: 280px; padding: 8px 7px 6px 5px;}
div.notification-preferences-error{float: left; margin: 10px; color:#B21F33}
div.email-notification-pref-footer{float: left; margin: -5px -8px 7px; width: 590px;}
div.email-notification-pref-cancel{float: left; margin: 25px 10px 10px;}
div.email-notification-pref-save{float: left; margin: 20px 20px 20px 0;}
div.about-fees-content-auth-paybill-bucs {display: inline; !important;}

.notification-pref-warning-container{float: left; padding: 12px 5px 5px;}
.notification-pref-warning {color: #b32034;}
.notification-pref-warning em{padding-bottom:3015px; margin-bottom:-3015px; width:30px; display: block; background:url('images/native/alert_icon.png') no-repeat 5px 5px;}
.notification-pref-warning span{padding:3px 5px 6px 23px; line-height:18px; display:block;}
.notification-pref-warning-in-panel em{background: url("images/native/alert_icon.png") no-repeat scroll 5px 5px rgba(0, 0, 0, 0); display: block; margin-bottom: -3015px; margin-left: -25px; margin-top: 6px; padding-bottom: 3017px; width: 30px;}
.notification-pref-warning-in-panel {color: #b32034;}
#email-notification-pref-cancel-link{font-size:14px; color: #004c9d; text-decoration: none; cursor: pointer;}
#no-alerts-types-were-chosen em{margin: 3px -5px -10px 3px}
#no-alerts-types-were-chosen span{padding: 6px 8px 6px 0;}

.overview-notification .info span.ops_notification{ clear:both; }

.new-phone-feeling-desc {float: left; width: 70%; margin-bottom: 15px;}
.new-phone-feeling-action {float: right;}

#usage-overview-header-id .shared-service-row {min-height:20px; margin-bottom : 2px;}
#usage-overview-header-id .shared-service-last-row {min-height:10px;}
#usage-overview-header-id .shared-services-list{margin-top: 7px; margin-bottom: 0px;}
.page-container #personal-detail-container .details-column-shared {padding:0 0 7px 15px;margin-left: 0;margin-right: 1px;}
#post-paid-data-packs .data-packs-body #datapack-accordion .ui-accordion-header{border:none;}
#post-paid-data-packs #datapacks-help-para {
    margin: 0px 0px 30px;
    font-size: 14px;
}

/*splash page*/
@font-face {
    font-family:'gravur';
    src:url('/myaccount/static-content/css/font/Gravur-Condensed.eot');
    src:url('/myaccount/static-content/css/font/Gravur-Condensed.eot#iefix') format('embedded-opentype'),
    url('/myaccount/static-content/css/font/Gravur-Condensed.woff') format('woff'),
    url('/myaccount/static-content/css/font/Gravur-Condensed.ttf') format('truetype'),
    url('/myaccount/static-content/css/font/Gravur-Condensed.svg') format('svg');
    font-weight:normal;
    font-style:normal
}
@font-face{font-family:'td-icons';src:url('/myaccount/static-content/css/font/td-original-icons.eot');src:url('/myaccount/static-content/css/font/td-original-icons.eot#iefix') format('embedded-opentype'),url('/myaccount/static-content/css/font/td-original-icons.woff') format('woff'),url('/myaccount/static-content/css/font/td-original-icons.ttf') format('truetype'),url('/myaccount/static-content/css/font/td-original-icons.svg#td-original-icons') format('svg');font-weight:normal;font-style:normal}
@font-face {font-family: 'Akkurat';src: url('/myaccount/static-content/css/font/Akkurat.eot');src: local('☺'), url('/myaccount/static-content/css/font/Akkurat.woff') format('woff'), url('/myaccount/static-content/css/font/Akkurat.ttf') format('truetype'), url('/myaccount/static-content/css/font/Akkurat.svg#Akkurat') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Akkurat-Light';src: url('/myaccount/static-content/css/font/TelstraAkkuratWeb-Light.eot');src: local('☺'), url('/myaccount/static-content/css/font/TelstraAkkuratWeb-Light.woff') format('woff'), url('/myaccount/static-content/css/font/TelstraAkkuratWeb-Light.ttf') format('truetype'), url('/myaccount/static-content/css/font/TelstraAkkuratWeb-Light.svg#TelstraAkkuratWeb-Light') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'helveticaneuesplash';src: url('/myaccount/static-content/css/font/helveticaneue_2-webfont.eot');src: local('☺'), url('/myaccount/static-content/css/font/helveticaneue_2-webfont.woff') format('woff'), url('/myaccount/static-content/css/font/helveticaneue_2-webfont.ttf') format('truetype'), url('/myaccount/static-content/css/font/helveticaneue_2-webfont.svg#helveticaneueregular') format('svg');font-weight: normal;font-style: normal;}
#get-app {position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index:11111;}
#get-app ol{padding:0px}
#get-app a:-webkit-any-link{text-decoration:none}
#copy-wrap {z-index: 2;margin-top: 4.9%;position: relative;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: #000;font-weight:normal;}
#copy-wrap li{margin-bottom:4.9%;text-align:center}
#copy-wrap li.last{margin-bottom:0%}
.last .button-link{text-align:center;color:#004d9d;text-decoration:none}
#copy-wrap h2 {font-family: "Akkurat";font-weight: normal;font-size:2em;line-height: 1.2em;color:#333333;padding: 0 10%;margin-bottom: 0px;margin-top: 0;text-align:center;}
ol, li {list-style: none;}
.phone-background {background: none no-repeat scroll 0 0 transparent;background-image: url("/myaccount/static-content/images/splash-assets/placeholder.png");-webkit-background-size: contain;-moz-background-size:contain;background-size: contain;height: 425px;width: 209px;margin-right: -91px;position: relative;background-position: center;margin: 0px auto;}
.btn1 {
display: inline-block;
color:#fff !important;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
font-size: 14px;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
padding: 14px 25px;
border: none;
text-decoration: none;
display: inline-block;
white-space: nowrap;
margin: 0 44px 0 0;
position: relative;
outline: none;
line-height: normal;
max-width: 100%;
background-color: #0099d2;

}
.btn1:after {
font-family: 'td-icons';
content: "\e6f4";
width: 44px;
height: 100%;
position: absolute;
right: -45px;
top: 0px;
display: inline-block;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: normal;
line-height: 44px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #0099d2;
color:#fff;
}
a.content-link {
display: inline-block;
position: relative;
margin-left: 10px;
}
a.content-link:before {
font-family: 'td-icons';
display: inline-block;
content: "\e6f4";
position: absolute;
margin-left: -1em;
}

.button.button-link span{color: #004d9d;background: none;padding: 0px;}
.innerContent{z-index:111111111;display:table-cell;vertical-align:middle;text-align:center}
.innerContentTable{margin:0 auto;width:100%;}
.outerContent{position:absolute;width:100%;height:100%;display:table}
.wrapper-splash{overflow:hidden;width: 100%;position: fixed;top: 0;left: 0;bottom: 0;right:0;background:#F4F4F4;z-index:111111;}
.innerContentTableDataRow{}
.spacing{width:10%}
.innerContentTableDataRowContent{width:30%;display:table-cell;vertical-align:top;}
.iphone3 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/iphone_320x_nonretina.png");height: 142px;width: 100px;}
.iphone4 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/iphone4.png");height: 195px;width: 118px;}
.iphone5 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/iphone4.png");height: 225px;width: 118px;}
.iphone6 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/iphone6.png");height: 245px;width: 118px;}
.iphone6plus .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/iphone6plus.png");height: 314px;width: 221px;}
.ipad .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/ipad_v1.png");height: 291px;width: 360px;}
.ipadDefault .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/ipad_v1_@2.png");height: 284px;width: 360px;}
.ipadRetina .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/ipad_v1_@2.png");height: 284px;width: 350px;}
.samsungNote .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/s4_320x.png");height: 254px;width: 200px;}
.samsung2 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/s4_320x.png");height: 254px;width: 192px;}
.samsung4 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/s4_320x.png");height: 254px;width: 271px;}
.samsungDefault .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/s4_320x.png");height: 254px;width: 181px;}
.samsungs5 .phone-background{background-repeat:no-repeat;background-image: url("/myaccount/static-content/images/splash-assets/s5_360x.png");height: 254px;width: 191px;}
@media only screen and (-webkit-min-device-pixel-ratio : 1)  {
#copy-wrap h2{font-size: 2em;}
.button{font-size: 1em;}
.ipad #copy-wrap h2{font-size: 4em;}
.ipad #copy-wrap {margin-top: 0%;}
.ipad .button{font-size:2.6em;padding: 20px 25px;}
.iphone3 .button.button-link span.arrow{font-size:1em;}
.ipad .btn1:after{font-size: 1.4em;line-height: 2em;right: -64px;width:63px}
#get-app li.last a.content-link,li.last a.content-link{padding:0px}

}
@media only screen and (-webkit-min-device-pixel-ratio : 2) {
#copy-wrap h2{font-size: 2em;}
.button{font-size: 1.2em;}
.iphone5 #copy-wrap h2{font-size:2.2em;}
.iphone5 .button{font-size:1.2em;}
.iphone5 .button-link{font-size: 1.2em;}
.samsungs5 #copy-wrap h2,.samsungNote #copy-wrap h2{font-size:2.2em;}
.samsungs5 .button,.samsungNote .button{font-size:1.2em;}
.ipadRetina #copy-wrap h2,.ipadDefault #copy-wrap h2{font-size:4em;}
.ipadRetina .button,.ipadDefault .button{font-size:2.6em;padding: 20px 25px;}
.ipadRetina .btn1:after,.ipadDefault .btn1:after{font-size: 1.4em;line-height: 2em;right: -64px;width:63px}
.ipadRetina .btn1,.ipadDefault .btn1{margin: 0 63px 0 0;}
.ipadRetina a.content-link:before,.ipadDefault a.content-link:before{}
#get-app li.last a.content-link,li.last a.content-link{padding:0px}
}
@media only screen and (-webkit-min-device-pixel-ratio : 3) {
#copy-wrap h2{font-size: 3em;}
.button{font-size: 2em;}
.iphone6plus #copy-wrap h2{padding: 0 10%;}
.iphone6plus .button{font-size: 1.6em;}

}
@media only screen and  (orientation : portrait) {
.ipadRetina #copy-wrap h2,.ipadDefault #copy-wrap h2{font-size:4em;padding: 0 20%;}
.spacing {width: 100%;height: 100%;display: inline-block;}
.innerContentTableDataRowContent {width: 100%;display: inline-block;}
.innerContentTableDataCell{width: 100%;display: inline-block;}
.innerContentTableDataCell.spacing{width:100%}
.ipad #copy-wrap {margin-top: 4.9%;}
.iphone3 .phone-background{height:142px;}
.iphone4 .phone-background{height:172px;}
.iphone4 #copy-wrap h2,.iphone3 #copy-wrap h2{padding: 0 15%;}

}
@media only screen and (orientation : landscape) {
#copy-wrap li{text-align:left}
#copy-wrap h2{padding:0px;text-align:left}
#copy-wrap{margin-top: 10.9%;}
#copy-wrap li{margin-bottom: 10.9%;}
.iphone4 #copy-wrap,.iphone5 #copy-wrap{margin-top: 5.9%;}
.iphone5 #copy-wrap li{margin-bottom: 8.9%;}
.iphone3 #copy-wrap{margin-top: 0.9%;}
.iphone3 #copy-wrap li {margin-bottom: 5.9%;}
.samsungs5 #copy-wrap h2,.samsungNote #copy-wrap h2,.iphone5 #copy-wrap h2,.iphone6plus #copy-wrap h2,.ipadRetina #copy-wrap h2,.ipadDefault #copy-wrap h2{padding:0px;}
.iphone6plus #copy-wrap{margin-top: 15.9%;}
.ipadRetina #copy-wrap li,.ipadDefault #copy-wrap li,.ipad #copy-wrap li {margin-bottom: 7.9%;}
.ipadRetina #copy-wrap,.ipadDefault #copy-wrap{margin-top: 0%;}
.spacing {width: 5%;height: 100%;display: inline-block;}
.innerContentTableDataRowContent {width: 35%;display: inline-block;}
.innerContentTableDataCell{width: 30%;display: inline-block;}
.innerContentTableDataCell.spacing{width:10%}
.iphone6plus .innerContentTableDataCell { width: 30%;}
.iphone3 .innerContentTableDataCell { width: 25%;}
.iphone3 .innerContentTableDataRowContent{width: 60%;}
.iphone3 .innerContentTableDataCell.spacing{width:3%}
.iphone4 .innerContentTableDataCell,.iphone5 .innerContentTableDataCell{width: 30%;}
.samsungDefault .innerContentTableDataCell{width: 35%;}
.iphone6 .innerContentTableDataCell{width:25%}
.iphone4 .innerContentTableDataRowContent,.iphone5 .innerContentTableDataRowContent,
.iphone6plus .innerContentTableDataRowContent,.samsungDefault .innerContentTableDataRowContent{ width: 50%;}
.iphone6plus .innerContentTableDataCell.spacing,
.iphone4 .innerContentTableDataCell.spacing,.iphone5 .innerContentTableDataCell.spacing,
.iphone6 .innerContentTableDataCell.spacing{width:7%}
.iphone6 .innerContentTableDataRowContent,.ipad .innerContentTableDataCell{width: 40%;}
.samsungNote .innerContentTableDataRowContent,.samsungs5 .innerContentTableDataRowContent {width: 42%;}
.ipad .innerContentTableDataRowContent{width: 48%;}
.ipadRetina .innerContentTableDataRowContent{width: 48%;}
.ipadRetina .innerContentTableDataCell{width: 40%;}
.ipad #copy-wrap{margin-top: 0.9%;}
.ipadRetina #copy-wrap{margin-top: 0%;}
.ipad .innerContentTableDataCell.spacing,.ipad .spacing,.ipadRetina .innerContentTableDataCell.spacing,.ipadRetina .spacing,.samsungDefault .innerContentTableDataCell.spacing{width:5%}
.samsungDefault .spacing{width:5%}
.button.button-link{margin-left:0.8em}
}

/* username Eligible */
#add-mailbox .form-row #userListDiv{margin-left:136px;}
#add-mailbox .form-row #userListDiv a{margin-left:3px;}
#add-mailbox .form-row .loading-text{font-size:12px;margin-left:100px;font-family:Conv_GraCoRg_, Calibri;}
#add-mailbox .form-row #loading-spinner .loading{background:url("images/loading-spinner-small.gif") no-repeat scroll 57% 65% transparent;}
#add-mailbox .form-row .userNameUnavailableText{margin-left:10px;}
#add-mailbox .form-row .userNameAvailableText{margin-left:10px;}
#add-mailbox .error-container-lightbox-top{margin-top:34px;margin-left:1px;}
#add-mailbox .check-user{margin-left:196px;}

/* activate primary mailbox */
#activate-mail-box-div .activate-mailbox-header{font-size:20px;margin-bottom:20px;}
#activate-mail-box-div .form-row{margin-top:20px;margin-bottom:20px;font-size:14px;}
#activate-mail-box-div .overlay-footer{text-align:left;padding-bottom:0px;}
#activate-mail-box-div .overlay-footer .cancel-link{border:none;margin-left:0px;padding-left:0px;padding-right:20px;}
.activate-line-separator{position: absolute;border-bottom: 1px #ccc solid;z-index: 1000000;top: 85px;width: 100%;}
#mailbox_info{margin-top:10px;}

.details-container.settings-section span.empty-payment-method{display:table;width:100%;margin-top: 7px;}
.details-container.settings-section span.empty-payment-method.hidden{display:none}
.details-container.settings-section span.empty-payment-method .save-new-payment-margin{padding-left: 40px;display:table-cell;width:522px;}
.details-container.settings-section span.empty-payment-method .save-new-payment-method-link{display:table-cell;text-align: right;}
.details-container.settings-section span.empty-payment-method .save-new-payment-method-link a.btn-blue{float:none !important;margin-top:0px; width: 158px;}

#data-usage-by-service-section .usage-data-table-redemption {width: 96.6%; margin-bottom:0px;}
#data-usage-by-service-section .usage-data-table-redemption thead td{padding-top: 0px;}
#shared-usage-data-table td.service-name-col {width: 40%; white-space:normal;}
#shared-usage-data-table tbody tr.service-name-col td {border-top: 1px solid #666666;}
#shared-usage-data-table td.data-used-col {width: 11%; white-space:normal;}
#shared-usage-data-table td div.joined_group_txt {color:#A1C73B;}
#shared-usage-data-table td div.excess_usage_txt {color:#F62C2C;}
.page-container .details-section .details-section-content .usage-data-remaining{line-height:110%; padding-top: 3px;}
.page-container .details-container .details-section-share-data{border-top:none;}
.page-container #personal-detail-container .details-column-shared {padding:0 0 7px 15px;margin-left: 0;margin-right: 1px;}

/* mailbox */
.add-mailbox-loading-small{background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent;width:35px; margin-left: 200px;margin-top:-40px;height:45px; }
.addMailboxLink{display: none;}
#loading_text{margin-top:10px;font-size: 10px;}
.mailbox_type{margin-left:2px;}
/*a[id*='mail-box-activate-link-primary']{float:right;margin-left:290px;margin-top:-22px;}*/
.activate-mailbox-link{float:right;margin-left:290px;margin-top:-22px;}
.mailbox-activate-disable{text-decoration: none !important; color: #a9a9a9 !important; cursor: default !important; disabled: true;}
.mailbox-btn-grey{text-decoration: none !important;background-color:#CCC !important;background:url(images/bg_disabled_button.png) repeat-x scroll 0 50% transparent;border:1px solid #CCC !important;border-radius:0px 0px 0px 0px;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.25);text-decoration:none;padding:6px 20px;text-shadow: -1px -1px 0 #CCC !important;}

a.disable-arrow{cursor:default;}
.mobile-data-remaining-previous div.usage-detail-container span{color: #cccccc !important;}

/* TDI+ 1.5 */
.landing-module-row.tdi-plus a {background: url(images/ID+_icon.png) no-repeat 245px center;}
.page-container #tdi-plus-container {padding-bottom: 0; padding-left: 0;}
.page-container .services-sidebar li.tdi-plus-nav b {background: url(images/ID+_icon.png) no-repeat center;}
.page-container .content-title.tdi-plus {background: url(images/tdi-plus-icon.png) no-repeat 20px 19px;}
.page-container #tdi-plus-container {padding-bottom: 0;padding-left: 0;}
#turn-off-2fa-verification-success-msg {margin-left:15px;}
#turn-off-2fa-verification-failure-msg {margin: 20px 18px 0px 15px;}
.page-container .details-container .section-content .tdi-plus-more-info p{font-size: 14px; margin:10px 0px; padding: 0px; width:100%}

#personal-detail-container .unmetered-with-graph{margin: 0 25px 10px 20px !important;}
#personal-detail-container .shared-unmetered-with-graph{margin: 0 25px 20px 20px !important;}

#no-alerts-were-chosen{margin-bottom:-10px;}

/* TDI+ 2.0 */
.tdi-learn-more{margin-bottom:20px;}
#trusted-device-details{padding-top:0px; margin:0px;}
.tdi-trusted-section{border-top: 1px solid #F2F2F2; padding: 20px 0px 20px 0px;}
.page-container .details-container .details-section.trusted-device{0px 0px 0px 43px; border:none;}
.trusted-device-last-updated{padding:5px 0px 20px 0px;}
.trusted-device-row{display:block;float:left;width:100%;}
.trusted-device-header{padding: 20px 0px 20px 0px;}
.trusted-device-app-header{padding: 10px 0px 10px 10px;font-weight:bold;border-bottom: 1px solid #DADADA;}
.trusted-device-app-body{padding: 5px 0px 5px 10px;}
.trusted-device-last-accessed{display:block;float:left;width:172px;color:#999999}
.app-action{display:block;float:left;text-align:right; width:55px; padding-right:20px;}
.app-header-name, .app-name{display:block;float:left; padding:0px 5px 0px 0px;width:272px;}
.app-header-location, .app-location{display:block;float:left;width:105px;}
.app-header-last-accessed, .app-last-accessed{display:block;float:left;width:140px;}
.app-header-expiry, .app-expiry{display:block;float:left;width:95px;}
.app-last-accessed,.app-expiry{color:#999999}
.trusted-device-remove-all{float:right;margin-right:12px;}
#trusted-device-list-loading{width:55px;display:inline-block;margin:20px 0px 0px 298px;position:inherit;background:url("images/loading-spinner-small.gif") no-repeat scroll 29% 60% transparent;font-size:12px;}
.trusted-device-error-container .warning{margin:5px 18px 20px 0px;}
.trusted-device-error-container .info{margin:5px 0px 15px 0px;}
.trusted-device-msg-box .info{margin: 5px 0px 15px 0px;}
.trusted-device-no-device-msg-box{margin-top: 10px;}

.remove-trusted-device-app-wrapper-bg-top {position:absolute;left:0px;top:60px;z-index:1000000;width:100%;border-bottom:1px #ccc solid;}
#remove-trusted-device-app-wrapper {width: 600px;}
#remove-trusted-device-app-wrapper .overlay-title {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);padding: 10px 0 15px;}
#remove-trusted-device-app-wrapper .overlay-content {margin-top:10px;}
#remove-trusted-device-app-wrapper .overlay-footer{text-align:left;float:left;padding:40px 0px 0px 0px;height:30px;}
#remove-trusted-device-app-wrapper .overlay-footer .cancel{float:left;border-left:none; padding:0px; margin:8px 25px 0px 0px;}
.recontract-action {float: right;}
.remove-trusted-device-processing {cursor:wait;background: url("images/animated-button-blue.gif") repeat-x center;}
.trusted-device-msg-box .warning {margin:5px 0px 15px 0px;}

/*** Promise To Pay mobile optimise ***/
#ptpDetailsContainer .forms .form-row.dob-mobile-view{display:none;}
.email-compromised{min-height: 300px;}
.new-phone-tablet-feeling-action {float: right;}

.pso-shared-hyperlink-mobile{display: none;}
.pso-shared-hyperlink{display: block;}
.email-compromised{min-height: 300px; -webkit-box-shadow: none; padding-top: 0px;}
.visa-checkout-tooltips {background: none !important;text-indent: initial !important;float: right!important;margin: 0px 11px -3px 0px !important;background-color:rgb(255, 255, 255);background-color:rgba(255,255,255,0.5);}
.visa_checkout_button {
    /*background: url("https://secure.checkout.visa.com/wallet-services-web/xo/button.png") repeat-x scroll 0px 0px transparent;*/
        min-width: 154px;
        height: 34px;
        padding: 4px 0px !important;
        background-size: 154px 34px;
}
.visa-checkout-help {
    font-size: 12px;
    float: right;
    width: auto;
    padding-top: 2px;
}
.visa-checkout-tooltip-header{color:#004C9D; font-size:16px;text-align:center; margin-top:10px;}
.visa-checkout-tooltip-li{list-style: disc inside; margin-bottom:8px;}
#visa-checkout-tooltip:hover{text-decoration: none !important;}
#visa-checkout-tooltip-small{display:none}
.visa-checkout-unauthenticated-tooltips {float: right!important;margin: 4px 11px -3px 0px !important;background-color:rgb(255, 255, 255);background-color:rgba(255,255,255,0.5);}
.visaMargin{
       margin-top:-10px !important;
}
#prepaid-visa-checkout-tooltip:hover{text-decoration: none !important;}
#prepaid-visa-checkout-tooltip-small{display:none}
.orderedList{font-size: 14px; margin-left: 41px;list-style-type: decimal;}
#foxtel_from_telstra_service_subtitle{color:#004C9D !important;font-size:20px;}
i#foxtel_from_telstra_service_subtitle{vertical-align: top;}

.hardware-link{color: #004C9D;}

/* Added for PREPP-2,5 (Prepaidplus) */
.landing-module-row .r-side .usage-btn{margin:19px 6px 0 10px; font-size: 14px; min-width:100px; padding:4px 0px !important; font-family: "Helvetica Neue",Arial,sans-serif;}
.prepaid-recharge-details .additional-fields dt{float:left; font-size: 14px; font-weight: bold; line-height: 15px; margin-top: 20px; width:100%;}
.prepaid-recharge-details .additional-fields dd{float:left; padding-left:0; font-size:14px; width:100%; margin-top:10px; line-height: 22px;}

.plus-packages-wrapper .plus-packages .packages-list > li > dl dd.plus-price.prepp{position: absolute; right:0px;margin-left: 10px; height: 42px; top:-3px; background: #ecfbff; text-align: right;}
.plus-packages-wrapper .plus-packages .packages-list > li .add-btn.prepp{float:right; margin-top: 3px; min-width: 50px; margin-right: 10px;}
dd.YOU_GET-value, dd.BONUS_DATA-value {font-size: 16px !important;}
.hardware-link{color: #004C9D;}

/* Direct debit enhancements */
#service-detail-container .otherPaymentOptions a{color: #004C9D;}

#login_services li.mobile-version{display: none;}

#postpaid-mobile-telstra-air-section .left-dev-space-name{margin-right: 15px;width:65px}
#postpaid-mobile-telstra-air-section .left-dev-space-password{margin-right: 15px;;width:65px}

@media only screen
and (max-width: 767px){
.landing-module-row .direct-debit-info-box{
    margin-bottom:20px;
}
}

/* Telstra Air Overview Page Direct link*/
.landing-module-row.telstraAir-row.hover{background: url(images/bg-landing-half-hover.jpg) repeat-y 0 0;}
.page-container .content-title.home-service{background: url(images/desktop-icon-smart-home.png) no-repeat 30px 25px;}
.page-container .content-title.telstra-gaming{background: url(images/telstra-gaming.png) no-repeat 30px 25px;}
.telstraAir-row.landing-module-row a {
    display: block;
    padding: 13px 60px 18px 16px;
    background: url(images/air_logo.png) no-repeat 95% 17px;
    width: auto;
}
@media only screen
    and (min-device-width : 320px)
    and (max-device-width : 568px)
    and (device-width : 320px)
    and (device-height : 568px)and (orientation: portrait) {
    .landing-module-row a.with-two-usage span { width:36% !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
    .landing-module-row a.with-only-usage span{width:277px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
        .inline-show {display:inline !important;}
    }

    @media only screen
        and (min-device-width : 568px)
        and (max-device-width : 320px)
        and (device-width : 568px)
        and (device-height : 320px)and (orientation: landscape) {
        .landing-module-row a.with-two-usage span { width:36% !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
        .landing-module-row a.with-only-usage span{width:277px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
            .inline-show {display:inline !important;}
        }
@media only screen
    and (min-device-width : 375px)
    and (max-device-width : 667px)
    and (device-width : 375px)
    and (device-height : 667px)
    and (orientation: portrait) {
    .landing-module-row a.with-two-usage span { width:52% !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
    .landing-module-row a.with-only-usage span{width:277px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
        .inline-show {display:inline !important;}
    }


@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (device-width : 414px)
    and (device-height : 736px)and (orientation: portrait) {
    .landing-module-row a.with-two-usage span { width:65% !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
    .landing-module-row a.with-only-usage span{width:277px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
    .inline-show {display:inline !important;}
    }

@media only screen
    and (min-device-width : 412px)
    and (max-device-width :732px)
    and (device-width : 412px)
    and (device-height : 732px)and (orientation: portrait) {
    .landing-module-row a.with-two-usage span { width:65% !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
        .landing-module-row a.with-only-usage span{width:277px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
        .inline-show {display:inline !important;}
        }
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (orientation: portrait) {
.landing-module-row a.with-two-usage span { width:150px !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px}
.landing-module-row a.with-only-usage span{width:230px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
.inline-show {display:inline !important;}
}
@media screen
  and (device-width: 640px)
  and (device-height:360px)
  and (orientation: landscape) {
.landing-module-row a.with-two-usage span { width:300px !important; text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px}
.landing-module-row a.with-only-usage span{width:230px !important;text-overflow: ellipsis;overflow: hidden;display: block;white-space: nowrap;margin-right: 10px;}
.inline-show {display:inline !important;}
}
@media only screen
and (max-width: 767px){
.landing-module-row .r-side .prepaid-btn{margin:25px 6px 0 10px; font-size: 14px; min-width:100px; padding:4px 4px 5px 5px !important; font-family: "Helvetica Neue",Arial,sans-serif;}
    #submit-voucher-recharge{
        width: 91% !important;
    }
    .recharge-action a#recharge-button{ margin-right:11px !important; width: 88% !important;}
    .postpaid-wif-loading-indicator {min-width:150px;text-transform: uppercase;text-align: center; height: 70px; margin-top:-30px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
    .page-container .telstra-air{background: url(images/AIR_Service_Icon.png) no-repeat 20px 24px;margin-left: -3%;}
}
div.footer a.header {background-color: initial !important}


@media only screen
and (min-width: 767px){
    .postpaid-wif-loading-indicator {text-transform: uppercase;text-align: center; height: 70px; margin-top:-60px; margin-left: 3%; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}
    .page-container .telstra-air{background: url(images/AIR_Service_Icon.png) no-repeat 20px 24px;}
    .credit-card-next-button {font-size: 14px;height: 28px !important;line-height: 28px !important;overflow: visible;border: 0px !important;cursor: pointer;min-width: 110px;background: url(images/lightbox-btn-bg.png) repeat-x center;padding: 0px 25px !important;color: #fff;border-radius: 0px;box-shadow: 0 1px 3px rgba(0,0,0,0);}
    #payment-summary-section dd {font-weight: bold;font-size: 14px;line-height: 30px;text-align: left;}
    #payment-summary-section dl {/* margin-left: 2%; */}
    #payment-summary-section.payment-details {border: none !important;margin-top: 20px;}
    .edit-details {width: 78px;height: 10px;font-family: Arial;font-size: 14px;line-height: 0.65;text-align: left;color: #004c9d;}
    .payment-method-pci {float: right;margin-right: 71% !important;margin-top: -3% !important;}
    #postpid-recharge-section.payment-details {border: none;padding: 0px;margin-top: 70px;}
    #IFrameTargetid{width: 60%;height: 550px;border: none;}
    .unauthenticated-payment-sorry-page-home-button {font-size: 14px;height: 40px !important;line-height: 28px !important;overflow: visible;border: 0px !important;cursor: pointer;min-width: 110px;background-color: #0099F8;padding: 0px 25px !important;color: #fff;border-radius: 0px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0);width: 140px;margin-top: 5%;}
    #top-error-message.warning{max-width: 100%;}
    .header-mob, .ddc-mobile-view ,.ddc-mobile-view dt, .ddc-mobile-view dd{
        display : none;
    }
     .direct-debit-container{
             background: url(../images/set-up-direct-debit.png) no-repeat 21rem -1rem;
             height: 17.5rem;
             width: 60rem;
             margin: 0 auto;
             background-size: 65%;
             position: relative;
             top: 3rem;
             padding: 2rem 0 0 2rem;
         }

         .direct-debit-container dt{
               font-size: 1.5rem;
               height: 3rem;
               width: 35%;
         }

         .direct-debit-container dd{
             width: 35%;
             font-size: 0.8rem;
              min-height: 4.5rem;
         }

         .sign_up_link{
             font-size: 0.8rem;
             color: rgb(0, 75, 145);
             cursor: pointer;
             text-decoration: underline;
         }
         a.sign_up_link:link, a.sign_up_link:visited{
                 color: #004C9D;
         }
}

.prepaid-wif-loading-indicator {text-transform: uppercase;text-align: center; height: 70px; position:absolute; top:50%; background: url("images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}

.loading.save-payment-method {text-align: center;}
.error-container-iframe {position: absolute; top: 40%; padding-right: 8px;}
#save-credit-card-details .credit-card-info-message { font-size: 12px; }
#save-credit-card-details #iframe-section { height: 503px; }
#save-credit-card-details #iframe-section #bill-pay-iframe-postpaid-saveCC{ height: inherit; }



.payment-summary-heading {
    width: 175px;
    height: 20px;
    font-family: Arial;
    font-size: 20px;
    line-height: 0px;
    text-align: left;
    color: #000000;
}

.payment-summary-box{
    padding: 30px 20px;
    border: 1px #dbdbdb solid;
    height: 175px;
    width: 650px;
}

.next-button{
    height: inherit;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    margin-bottom: 10px;
    margin-top: -40px;
}

.spaceTop{
margin-top: 50px;
}

#email-receipt-details dt{
    width: 138px;
    line-height: 20px;
}

#save-payment-methods-content-wrapper .save-payment-steps li.step1 label.acceptddsa-label{padding-top: 0px;}

.dialog-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
#section-heading-remote{
    width:170%;
}

.telstra_live_person_container {
    font-size: 14px;
}
.setup-direct-debit-header { color: #E5308A !important;}
#manage-direct-debit-link { font-size: 12px; }

/*
.nav-bottom-container {
 top:  185px !important;
 height: 176px !important;
}
*/

#telstra-air-info{
    width: auto;
}
@media only screen and (min-width: 690px){
    .fancybox-wrap.fancybox-type-inline.fancybox-opened {
        margin-bottom: 20px;
    }
}

.removal-bank-payment-info {
	width: 81%;
}

#removal-bank-payment-info-id {
    font-size: 14px;
    background: #fff;
    color: #414141;
    margin: 0px 0px 20px 0px;
}

#removal-bank-payment-imp-info {
	font-weight: bold;
}

#removal-bank-payment-span, #removal-bank-payment-receipt-span {
    font-size: 14px;
}

#ptpOfferDetailsContainer #loading {
     margin-top: 0px;
     position: relative;
}

.warning-container{
    background: url(images/ico_sprites1.png) no-repeat scroll -253px -138px transparent;
    color: #B21F33;
    font-size: 12px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 4px;
    width: auto;
    display: block;
    line-height: 18px;
    margin-top: 45px;
    margin-left: 135px;
}

.edit-title{
    margin-top:2px;
}


.direct-debit-container-mob .dd-per-img-mob .dd-desc-mob{
    display : none;
}

.new-page-content .payment-content .bank-fraud-show-warn, .new-page-content .payment-content .report-payment-message:last-child {
    margin-top: 8px;
}