/* ************************************************************************* */
/* ************************************************************************* */
/* Authentication landing page */

.welcome-text {font-family:"Dosis",arial, sans-serif;text-transform: uppercase; margin-bottom:0px;}
.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: 0px 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: #0078C0;font-size: 60px; line-height: 60px; height:60px; position: relative;left:-4px;}
.section-header .welcome-text a { color: #0078C0;}
.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;color: #333;}
.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 a.logout {float:left;display:inline-block; +display:inline; +zoom:1; position:relative;top:15px; 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; color: #0078BF; text-decoration: none }
.section-header .account.single .logout {top:-6px;}
.section-header .account .logout:hover {text-decoration: underline;}

.section-header .account .account-single{ float:left; padding:0px 10px 7px 0; color:#0078bf; font-family: arial; font-size: 18px; position: relative; top:-4px;}
.section-header .account.single {padding-bottom:26px !important;}

.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: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    +border:1px #ccc solid;
    -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 \/IE9;}

.landing-module-container{padding-top:15px;clear:both;}
.container_18 .grid_6 {width: 304px;}
.landing-module {margin: 0 15px 0 10px;position: relative;padding-bottom: 10px;background: #fff;
    +border:1px #ccc solid;
    +margin: 0 16px 0 7px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -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{
    .landing-module{border:1px #ccc solid;margin: 0 13px 0 9px}
}
:root .landing-module{border:0px \/IE9;margin: 0 15px 0 10px \/IE9;}

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

.landing-module-row { position:relative; width:304px; height:78px; border-top:1px #fff solid; border-bottom: 1px solid #ddd;vertical-align:top;clear:both;}
.landing-module.billing .landing-module-row:hover,
.landing-module.profile-preferences .landing-module-row:hover{background: url(images/bg-landing-hover.png) no-repeat left top;}
.landing-module .landing-module-row.last-bill:hover{background: 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.profile-preferences .landing-module-row a{display: block;padding:13px 60px 13px 16px;}

/* Write For Kevin*/
.landing-module-row a.one-line{padding-top:19px;}
.landing-module-row a i {font-style: normal;display: block;font-size: 14px; color: #004C9D; vertical-align: top; margin-top: -2px; width:195px; white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}


/* ************************************************************************* */
/* Authentication details page */

.detail-body .section-header .account {padding: 8px 0 0 0;}
.details .section-header-nav{padding-top:0px; padding-left:11px;}

.section-header-nav{ margin:8px 0 0 0;background: none;height: 76px;}
.section-header-nav .section-title { margin:7px 21px 0 0px;width:304px;display: block;float: left;border: 1px solid #CCCCCC; border-bottom:0px; background:#f1fafe; white-space: nowrap;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.section-header-nav .section-title.last{margin:7px 22px 0 0px;}
.section-header-nav .section-title a {color: #666;display: block;font-size: 24px;height: 50px;padding: 8px 17px 11px;text-decoration: none;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.section-header-nav .section-title a span.subHeading {clear: both;color: #666666;display: block;font-size: 15px; margin-top: -6px;}
.section-header-nav .section-title.current{margin-top:2px;}
.section-header-nav .section-title.current a{height:55px; font-size: 30px; background: #fff;}
.section-header-nav .section-title.current.hover{background:#f1fafe; border-bottom: 1px #000 solid;}
.section-header-nav .section-title.current.hover a{background:#f1fafe;}
.section-nav-content { position: relative; z-index: 999; margin:0px; clear:both;}
.section-nav-content .landing-module {margin: 0 10px 0 0; display: none; position: absolute; z-index: 99999; border-top: 1px #ddd solid;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    -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{margin-top:1px; color:#666;background: none repeat scroll 0 0 #FFFFFF;padding:5px 0px 0px;overflow: hidden;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    +border:1px #ccc solid;
    +margin-left:-2px;
    -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 1px rgba(0,0,0,0.3);
}
.no-progressbar{
	border-radius: 0 0 10px 10px;
}
@media \0screen{
    .page-container{border:1px #ccc solid;margin-left:-2px;}
}
:root .page-container{border:0px \/IE9; margin-left:0px \/IE9;}
.page_content_heading {float: left;font-size: 2.143em;line-height: 1.3;color:#333333;}
.page-container .grid_14.details-container{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: 3px solid #D2D3D3;margin:0 1px;padding: 8px 10px 10px 82px;}
.page-container .content-title.personal-details{background: url(images/personal-details-icon.png) no-repeat 20px 6px;}
.page-container .content-title.subscriptions{background: url(images/personal-details-subscription-icon.png) no-repeat 20px 6px;}
.page-container .content-title.bill-details{background: url(images/bill-icon.png)  no-repeat 20px 6px;}
.page-container .content-title dl{margin-bottom: 9px;}
.page-container .content-title dl dt{ font-size:24px; }
.page-container .content-title dl dd{ font-size:14px; margin-top: -8px;}

.page-container a:link, .page-container a:visited {color: #004C9D;text-decoration: none;}
.page-container a:hover{text-decoration: underline;}
.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 80px; display: block;}
.page-container .details-container > li{border-bottom:1px solid #F2F2F2; padding:14px 0px 20px; font-size: 14px;clear: both; position: relative;}
.page-container .details-container > li .select-dropdown{position: absolute; right:0px; top:55px; +top: 83px;}
.page-container .details-container > li .select-dropdown a:hover {text-decoration: none;}
.page-container .details-container .details-section{border-bottom:1px solid #F2F2F2; padding:20px 0 30px; font-size: 14px;}
.page-container .details-container h2{ font-size: 20px; padding-bottom: 5px}
.page-container .details-container .usage-detail-title{ display: inline;padding-right:10px;  }
.page-container .details-container h2 a{position: relative; top:-2px; font-size: 12px; border-left:1px #ccc solid; padding-left:8px; margin-left: 8px; margin-top: -2px;}
.page-container .details-container .selectBox .selectBox-label {font-size:12px; padding: 6px; padding-right:13px;}
.page-container .details-container .detailed-usage {border-left: 1px solid #CCCCCC; padding-left: 10px;}

.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 .details-section-content {padding-left: 25px; color: #333333;}
.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-detail-des { line-height:17px;}
.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;}
.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 .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-container dl{margin-left:45px;margin-bottom: 0px; }
.page-container .details-container dt{float:left; clear:both; text-align: left; color: #4C4C52; font-weight: normal; width: 128px; vertical-align: middle;}
.page-container .details-container dd{float:left; padding-left: 26px; margin-top: 0px; vertical-align: middle; display: block;}
.page-container .details-container dt a,.page-container .details-container dd a{position: relative; font-size: 12px; border-left:1px #ccc solid; padding-left:8px; margin-left: 8px; margin-top: -2px;}

.page-container .details-container dt.bold {font-weight: bold;}
.page-container .details-container dd.delivery-dest a{border:none; padding: 0; margin: 0; }

.page-container .details-container .action{margin:20px 0 0 45px; padding:4px 45px !important;}
.page-container .details-container .usage-detail-content .details-column {min-height: 69px;!important;padding:10px 0 15px 20px;}
.page-container .details-container .usage-detail-disclaimer { margin-top: 15px;}
.page-container .details-container .usage-detail-disclaimer div { font-size: 12px;margin-top:-2px;}
.page-container .details-container .details-column {padding: 10px 0 5px 20px; border-left: 1px solid #CCCCCC; min-height: 115px; font-size: 14px; color: #333333; overflow: hidden;}
.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 .number {color: #E5308A; font-size: 40px; line-height: 35px}
.page-container .details-container .details-column .unit {color: #E5308A; font-size: 20px;}
.page-container .details-container .details-column .description {color: #E5308A; font-size: 14px;}
.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 {color: #E5308A;}
.page-container .details-container .amount .dollars {font-size: 40px; line-height: 35px;}
.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 .note{font-size: 12px}

.page-container .services-sidebar{width: 200px;padding: 0;position: absolute;right:0px;top: 91px;background: #f9f9f9;border-left:5px #bce4fa solid; }
.page-container .services-sidebar li {position:relative;height:90px; margin: 0px 1px; text-align: left;border-bottom: 1px #EAEAEA solid; border-top: 1px #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:134px;}
.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}
.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: 132px; line-height: 11px; +line-height: 16px; word-wrap: break-word;}
.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:-20px; top:-4px; width: 146px; height:115px; padding:0px 70px 0px 28px; background: url(images/default-nav-button.png) no-repeat -3px 0px}
.page-container .services-sidebar li.current a b{right:33px;top:36px;}
.page-container .services-sidebar li.current .outer{position: absolute; top:50%; }

.page-container .services-sidebar li.plan-details-nav b{background: url(images/bill-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.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-icon-gray.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.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.one-tab {min-height:100px !important;}

.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 .nav-line{width:5px;height:100%;float:left;
    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 {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; }

.details .section-header .welcome-text b { display:block; width: 17px; height:16px; position:absolute; left:-22px; top:22px; 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 6px;}
.page-container .postpaid-mobile-broadband{background: url(images/mobileBroadband-usage-icon.png)  no-repeat 20px 6px;}

/*plan detail page*/
.page-container .pre-paid{background: url(images/pre-paid.png)  no-repeat 20px 6px;}
.page-container .broadband{background: url(images/mobile_broadband.png)  no-repeat 20px 6px;}
.page-container .postpaid-mobile {background: url(images/post-paid-mobile.png) no-repeat 20px 6px;}
.page-container .fixed-line{background: url(images/fixed-line.png) no-repeat 20px 6px;}
.page-container .internet{background: url(images/internet.png) no-repeat 20px 6px;}
.page-container .foxtel{background: url(images/foxtel.png) no-repeat 20px 6px;}
.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;
    +background: url("../../static-content/images/PDF-icon.png") no-repeat scroll -2px 11px transparent;
    +padding: 9px 8px 11px 29px;}
.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 {background: url("images/ico-tooltip.png") no-repeat;width:16px;height: 18px;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;}
.right-div-holder a.tooltips{border-left:0px;padding-left:0px;margin-left:6px;margin-bottom:-5px;}
.offer-name span {color: #333333; 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-left:60px; border: 1px solid #F4F4F4; clear:both;}
.service-offers-button{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;}
.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:118px; +width:121px;}
.right-div-holder{float:left; margin-top: 7px;padding-left: 3px; font-size: 14px;}
.right-div-holder a{border-left:1px #ccc solid; padding-left:12px; margin-left: 8px; margin-top: -2px; font-size: 14px; display: inline-block; +display:inline; +zoom:1;}
.right-div-holder span{display: inline-block; +display:inline; +zoom:1;}
.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: 347px;}
.section-content {margin-left:45px; margin-bottom:0px}
.error-text{padding-left: 15px}
.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 165px 17px;}
.sidebar-tab-external-link .welcome-text {padding: 7px 5px 0 12px; font-size:20px !important; +letter-spacing: -1px; +font-size:17px !important;}
@media \0screen{
    .sidebar-tab-external-link .welcome-text{ font-size:17px !important; letter-spacing: -1px; }
}
.sidebar-tab-external-link .subtitle {margin-top: -6px; padding-left: 12px; font-size:14px !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: 4px; +margin-top: 7px;}
.right-div-holder.puk-hack a.tooltip{background-position: 0 2px; +background-position: 0 0px;}
/* ************************************************************************* */
/* Unauthenticated Styles */
.unauth-heading {font-family:"Dosis",arial,sans-serif;text-transform: uppercase; line-height:92%; margin:28px 0px 30px 5px; font-size:50px; color: #004C9D;}
.unauth-heading-my-account {font-family:"Dosis",arial,sans-serif;text-transform: uppercase; line-height:80%; margin:28px 0px 30px 5px; font-size:50px; color: #00B1EB;}
.section-header .unauth-heading {color: #46B9F2;font-family: "Arial";font-size: 40px;text-transform: none;}
.section-header .unauth-heading.login-heading{margin:28px 0px 30px 5px; color: #00B1EB;font-size: 50px}
.form {background: none repeat scroll 0 0 #FFFFFF;width:auto;font-size:14px;}
.s1 p, .confirmation {font-size:14px;}
.disclaimer {font-size: 10px !important;}
.s1 h2, .s1 h3 {font-size: 20px;}
.form h2 {font-size: 20px; padding-bottom: 5px; padding-left: 5px;}
.form .hint, form.forgottenPasswordForm h3, #forgotten-username-form h3{font-size:12px;padding-bottom:4px;padding-top:0px;line-height:18px;}
.form-row, .formRow, #captcha_input_field {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,.formRow.no-label {padding-left:150px}
.form-row.no-label.btn_spacing,.formRow.no-label.btn_spacing{margin-top:9px;margin-bottom:0}
.form-row.embeded-label label,.formRow.embeded-label label{position:absolute;color:#6D6D6D;font-size:1.2em;width:auto;padding:3px 6px}
.form-row label, .formRow label, .recaptcha_only_if_image label{float:left;margin-right:16px;margin-top:7px;line-height:16px;width:133px;display:inline;}
.form-row .dob_field, .formRow .dob_field, .formRow .dateInput{float:left;}
.selectBox-dropdown{max-width: 60px;margin-right: 5px;}
.selectBox-dropdown .selectBox-label{font-size:12px; padding: 6px;}
.dob_field-selectBox-dropdown-menu, .selectBox-options LI, .selectBox-options LI A{font-size:12px;}
.wide .form-row.no-label, .wide .formRow.no-label {padding-left:204px}
.wide .form-row label, .wide .formRow label{width:180px}
.form-row label[for="email"]{width:299px}
.form-row label[for="imei"]{width:410px}
.form-row #example{color:#9A9A9A;font-style:italic;font-size:11px;}
.form-row #mandatory{font-style:italic}
#emailField{margin-left:0px; line-height: 7px; float: left; display: block; width: 164px}
.wide .form-row label.text, .wide .formRow label.text{width:auto}
.form-row select, .formRow select{margin-right:9px;position:relative;top:3px;float:left;padding:1px}
.form-row input, .formRow input, #recaptcha_response_field,#captcha-reload-icons,#captcha-logos{float:left}
.form-row input[type=text], .form-row input[type=password], .formRow input[type=text], .formRow input[type=password], #recaptcha_response_field, #recaptcha_image {border:1px solid #CCC;padding:2px 5px 3px 5px; line-height:22px; height:19px; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.06) inset;}
.form-row input[type=text], .formRow input[type=text], .helptext {width:147px;}
.form-row input.long, .formRow input.long, input.long{width:400px}
.form-row input.short, .formRow input.short, input.short{width:50px}
.button-right{margin-left:10px}
#register-form .tdiFormError, #register-form .errorRow, #error-container .error, .formRow label.error, #enter-details-form .form-row label.error, #forgotten-username-form .errorRow{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:15px;float:left;margin-top: 2px;}
.form-row #error-container .error[for="emailAddress"]{margin-left:1px}
.dobError {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:15px;float:left;margin-top: 2px;}
#subscribe-form .errorRow, #register-form .tdiFormError, #register-form .errorRow, .formErrors {font-size:14px;}
#registration .formErrors , #accountVerificationForm .formErrors {margin: 0 0 20px;}

.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 {color:#333333;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"], .formRow input[type="checkbox"] {margin-top:3px;margin-right:5px;}
.form .form-row .error-container, .form .formRow .error-container {padding-left:0;margin-left:0;float:left}
.field-group, form.forgottenPasswordForm fieldset, #forgotten-username-form fieldset {border-top:none;border-right:none;border-left:none;border-bottom:1px solid #F3F3F3;margin-bottom:5px;padding:0 0px 16px}
.no-bottom-line {border-bottom:none !important;margin-bottom:0 !important;padding:0 !important;}
.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,.formRow.embeded-label input[type=text],.formRow.embeded-label input[type=password],.formRow 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-blue {background:url(images/bg_blue_button.png) repeat-x scroll 0 50% transparent;text-align:center;display:inline-block;border-radius:10px 10px 10px 10px;color:#FFF;font-weight:700;text-shadow:-1px -1px 0 #0061A1;text-decoration:none;height:22px;padding:4px 15px !important; font-size:14px;}
.-blue:focus{outline: 0px;}
/* overwrite default color specified in a:link and a:visited */
.btn-blue:link, .btn-blue:visited {color:#FFFFFF}
.btn-blue:hover, .btn-blue:active { background: url("images/bg_blue_button_hover.png") repeat-x scroll 0 50% transparent; }
.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;}
.submit-button-link {border-top: 1px solid #CCCCCC; padding-top: 14px;}


.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;color: #4C4C52;font-size: 30px;padding-left: 52px;}
.message-success {background:url(images/ico_sprites1.png) no-repeat scroll -312px -50px transparent;color:#4C4C52;font-size:30px;padding-left: 52px;}





.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: absolute;top: 120px;}
.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;}


.prepaid-landing-exception-module-row{height: 165px;}
.landing-module-row.last-bill.prepaid-landing-exception-module-row:hover {background: url(images/bg-landing-hover.png) repeat-y 0 0;}


/*Prepaid Landing recharge credit section end */


/* Styles for register and login page */

.icons-register{list-style-type:none}
.icons-register li.monitor-your-calls{background:url(images/ico_sprites1.png) no-repeat scroll -139px -247px transparent;padding:6px 0 14px 40px}
.icons-register li.automate-your-payments{background:url(images/ico_sprites1.png) no-repeat scroll -109px -283px transparent;padding:6px 0 14px 40px}
.icons-register li.manage-your-telstra-services{background:url(images/ico_sprites1.png) no-repeat scroll -80px -312px transparent;padding:6px 0 14px 40px}
.icons-register li.view-and-pay-your-bills{background:url(images/ico_sprites1.png) no-repeat scroll -51px -344px transparent;padding:6px 0 14px 40px}
a.icons-register{padding-left:19px;padding-right:31px;position:relative}
.form-sub-title{font-size: 20px; clear:left;}
.form-sub-title .optional{font-size:15px; font-weight:normal;}
.form-sub-title, .form .hint, form.forgottenPasswordForm h3, #forgotten-username-form h3 {margin:0px 0px 18px 0px;}
#registration-title{margin-left:-10px;}
.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;text-decoration:none;line-height:0.9}
.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;color:#333333}
.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:4px 4px 4px 4px;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{background:url(images/bg-gradient-curve.jpg) no-repeat scroll 50% 100% transparent;margin:-15px 0px 0px;padding-bottom:78px;}
.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;border-left:2px #F9F9F9 solid}
.btn-grey{background:url(images/bg_grey_button.png) repeat-x scroll 0 50% transparent;border:1px solid #CCC;border-radius:10px 10px 10px 10px;box-shadow:1px 1px 3px 0 rgba(0,0,0,0.25);text-decoration:none;padding:6px 20px}
.btn-grey.register.black{margin:0 0 0 20px;padding:5px 14px; color:#333333}
.btn-grey.register:hover{background:url(images/bg_grey_button_hover.png) repeat-x scroll 0 50% transparent;text-decoration:underline;color:#004D9D}
#unauthenticatedLoginServices2 ul{margin-top:-5px;padding:0; height:21px}
.section{border-top:1px solid #CCC;padding-top:20px}
#unauthenticatedLoginServices2 .grid-login-service{display:inline;float:left;position:relative;width:520px}
#unauthenticatedLoginServices2 .vertical-align li{display:block;float:left;text-align:center;margin:0 10px 0 0}
#unauthenticatedLoginServices2 a:link {color: #333333}
#login-heading{width:132px;padding-right:20px}
#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 label{padding-top:0;width:86px;text-align:left; margin-top: 0px;}
#loginForm .form-row.embeded-label {position: relative;}
#loginForm .form-row.embeded-label label{position: absolute;font-size:1.15em;padding:7px 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:5px 0px 0px 4px;padding:0}
#loginForm .form-row #passworderror {margin: 5px 0px 0px 4px;}

#loginForm #rememberMe{margin:2px 5px 2px 0; +margin: 0px 5px 2px 0px; padding:0px;}
#loginForm #rememberMeLbl{margin-right:8px}
#login-box{clear:none;float:left;min-width:400px}
#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;}
#login-outage-message .info { margin: 20px 0px;}

.error_box{background:none repeat scroll 0 0 #B32034;border-radius:5px 5px 5px 5px;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:574px}
.side_title_padding_left_and_right{color:#0078BF;font-size:1.428em;line-height:120%;padding-right:30px;padding-left:25px}
.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}
#login_services .rounded-gradient{padding-bottom: 68px}
.icons li a,.remove_underline li a{text-decoration:none}
.remove_underline li a:hover,.add_underline,.view-all a:hover{text-decoration:underline}
/* FOR CHROME BROWSER ONLY */
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/*.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: 0px;}

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

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





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

.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;color: #FFF;}
.generic-error-button-link {border-top: 1px solid #CCCCCC; padding-top: 20px;}
.generic-error-msg{padding-bottom:70px}
.rounded-gradient.error{margin:0;padding-bottom:25px;}
.error-container-top{display: none;}
.info-container-top{display: none;}
.delivery-detail {margin-bottom: 40px;}
.delivery-detail.warning{margin-left:0px; margin-right:0px; margin-top:0px;margin-bottom: 40px;}
.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; }
#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: #666666; text-align: right;}
#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}
#secretQuestionAnswer {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}
.edit-with-left-line{border-left: 1px solid #CCC; margin-left: 8px; padding-left: 8px; font-size: 14px;}
#secret-question{max-width:860px; width:830px;}
#secret-question .form-row .error{padding-top: 6px;margin-top:-2px; font-size: 12px;}
#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;}


/* Styles for register and login and forgotten password and forgotten username page */

#subscribe-form h2, #register-form h2, form.forgottenPasswordForm h2, #forgotten-username-form h2, #forgotten-form h2, h2 {margin:5px 0px 0px 0px; padding-left: 0px; clear:both;}
#subscribe-form h2, #register-form h2, form.forgottenPasswordForm h2, #forgotten-username-form h2, h2 {padding-bottom: 5px;}

.disclaimers, .s1, #subscribe-form, #register-form, form.forgottenPasswordForm, #forgotten-username-form, #forgotten-form, #forgotten-form-p {margin:5px 15px;clear:both;}

.s1 {margin-bottom: 20px;}
form.forgottenPasswordForm .note, #subscribe-form .note, #register-form .note {font-size: 12px; clear: both; margin-left: 150px;}
form.forgottenPasswordForm .helptext, #subscribe-form .helptext, #register-form .helptext {font-size: 12px; margin-top:10px}
form.forgottenPasswordForm .overlay-footer, #forgotten-username-form .overlay-footer, #subscribe-form .overlay-footer, #register-form .overlay-footer {padding: 0 0 15px;}
form.forgottenPasswordForm .buttons, #forgotten-username-form .buttons, #subscribe-form .buttons, #register-form .buttons {float: left;}
form.forgottenPasswordForm .buttons, #forgotten-username-form .buttons, .s1 .buttons, .seperator, #subscribe-form .buttons, #register-form .buttons {padding: 0 0 15px;text-align: left;clear: both;font-size: 14px;margin: 35px 0 13px 7px;}
.submit, .greyButtonWrapper {background: url("images/lightbox-btn-bg.png") repeat-x scroll center center transparent;border: 0 none;border-radius: 5px 5px 5px 5px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);color: #333333;cursor: pointer;font-size: 14px;height: 27px;line-height: 27px;min-width: 110px;overflow: visible;padding: 0 10px;}
div.telstraCancelLink{display: inline;}
.telstraCancelLink, .s1 .buttons {visibility: hidden;}
.telstraCancelLink a, .s1 .buttons a {visibility: visible;}

.cancelLink, .telstraCancelLink a, #forgotten-username-form .buttons a,#forgotten-username-form .cancel a:link, #forgotten-username-form .cancel a:visited {border-left: 1px solid #CCCCCC;color: #004C9D;cursor: pointer;display: inline-block;height: 15px;line-height: 15px;margin-left: 15px;margin-top: 40px;padding: 4px 12px;text-decoration: none;font-size: 14px;}
.s1 a { color: #333333 !important; text-decoration: none !important; padding: 5px 5px;}

form.forgottenPasswordForm .form-value, #forgotten-username-form .form-value, #subscribe-form .form-value, #register-form .form-value {float: left;margin-top: 5px;}
form.forgottenPasswordForm .reqField, #forgotten-username-form .reqField {display:none;}  

#forgotten-username-form .recaptcha_only_if_image, #forgotten-username-form .recaptcha_only_if_audio,#subscribe-form .recaptcha_only_if_audio, #register-form .recaptcha_only_if_audio {display: inline;}
#forgotten-username-form h3, #subscribe-form h3, #register-form h3{clear: both;}
#forgotten-username-form .form-row label, #forgotten-username-form .formRow label, #forgotten-username-form .recaptcha_only_if_image label, #forgotten-username-form .recaptcha_only_if_audio label{width:250px}
#subscribe-form .formRow label.text, #register-form .form-row label.text, #forgotten-username-form .form-row label.text, #forgotten-username-form .formRow label.text{width:auto}

#forgotten-username-form #forgotten-username-all-fields-required {display:none;}

#forgotten-username-form #forgotten-username-all-fields-required, #recaptcha_image {clear: both; float: left; margin-left: 266px;}
#captcha-logos {margin-left: 1.3em; margin-top: 5px;}

#subscribe-form #recaptcha_response_field, #register-form #recaptcha_response_field,#forgotten-username-form #recaptcha_response_field, #forgotten-username-form #email {width: 300px;}
#subscribe-form #securityCheckHR, #register-form #securityCheckHR, #forgotten-username-form #securityCheckHR {clear: both; color:#f3f3f3; border-color: #f3f3f3; border-style: none none solid; border-width: medium medium 1px; margin-bottom: 10px; padding-top: 16px;}

.form input.error_border,.form-row input.error_border,.formRow input.error_border,.form select.error_border,.form-row select.error_border,.formRow select.error_border{border:1px solid #E8491B}
.form input[type=checkbox].error_border,.form-row input[type=checkbox].error_border,.formRow input[type=checkbox].error_border{outline:1px solid #E8491B}

.privacy-statement {clear:both;font-size: 12px;float:left;margin-top:15px;}
.buttonContext {display: none;}
#global-errors-intro  {display:none;}

.tooltip-content li {margin-bottom: 6px;}

/* story 1403, edit contact details*/
#change-contact-detail .overlay-content .error-container{width:36%;float:right;}
#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;}
#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;}
@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;}

#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 {color: #333333;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: #004C9D;font-size: 22.5pt;margin-bottom: 4px;}
.logout-heading {font-family:"Dosis",arial,sans-serif; line-height:80%; margin:28px 0px 30px 5px; font-size:50px; color: #004C9D;}
.logging-out-container {min-height:250px;}

#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; }
.details-section .details-section-content ul.nav { padding-left: 0; margin: 0 10px; display: inline; }
.details-section .details-section-content ul.nav li { border-left: 1px solid #CCCCCC; margin: 0 -4px 0 0; padding: 0 10px; display: inline; }
.border-left{border-left:1px solid #D9D9D9; font-size:14px; margin-left: 10px; padding-left: 10px;}



/* 404 page not found */
.page-not-found {color:#333333;min-height:383px;}
.page-not-found .content-title { padding: 0px 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;}


/* 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 span.hint{clear:both;font-size:12px;}
.forms .form-row,.forms .formRow{clear:both; padding:0px; margin: 0 0 10px 0px !important;width:100%;}
.forms .form-row dt,.forms .formRow 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;}
.forms .form-row dd,.forms .formRow dd{float:left; padding:0px; margin: 0px;}
.forms .form-row .error,.forms .formRow .error, .error-container .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 .form-row .error-container,.forms .formRow .error-container{padding-left:0;margin-left:0;float:left}
.forms .form-row select,.forms .formRow select{margin-right:6px;position:relative;top:3px;float:left;padding:1px}
.forms .form-row a.selectBox,.forms .formRow a.selectBox{margin-left:0px!important;margin-top:-1px;}
.forms .form-row dd a,.forms .formRow dd a{font-size: 14px !important; margin: 0px !important; padding: 0px !important;}
.forms .form-row input,.forms .formRow input{float:left}
.forms .form-row input,.forms .formRow 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"],.forms .formRow input[type="checkbox"], .formRow input[type="checkbox"]{margin-top:23px;margin-right:5px;}
@-moz-document url-prefix() {
    .forms .form-row dt,.forms .formRow dt { padding-top:4px }
}

.page-container .mandatory-field-description{padding-right:20px; padding-bottom: 0px;}

.check-availability{float:left;padding-top:10px}
.change{padding-left:20px; padding-top:0px}
.check-availability .btn-grey {padding:4px 20px;}
div.choose-email-link-div{float:left;}
a.choose-email-link{text-decoration: underline; padding-top:5px; font-size:12px; float:left}
.checkedUsername{display:none}
#div-username{font-weight: bold; display: inline;}
.checkedUsername .available{float:left; padding-top:4px}
.username-unavailable{clear:both; float:left; padding-left:205px; padding-top:10px}
.username-unavailable .no-bullets{padding-left:0px}
.after-input{padding-left:10px; padding-top:4px; text-align:left; float:left}
.terms-and-conditions{padding-top:5px;font-size:11px;color:#9A9A9A}

#username-unavailable .unavailable {
	text-transform:uppercase;
	font-weight: bold;
	color: #c00;
}

#username-unavailable .available {
	text-transform:uppercase;
	font-weight: bold;
	color: #390;
}

.get-telstra-email{display:none;width:100%;}

.page-container .mandatory-field-description{padding-right:20px; padding-bottom: 0px;}

.formRow.DOB{float:left; clear:none}

.check-availability-btn{font-size: 14px;height:27px; line-height: 27px; color:#333; overflow: visible; border:0px;cursor: pointer;min-width: 110px;background:url(images/lightbox-btn-bg.png) repeat-x center;padding:0px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    +line-height:24px;
    +border:1px #ccc solid;
}
.registration.warning{margin:0 0 18px}

.check-availability-btn:hover{background:url(images/lightbox-btn-hover-bg.png) repeat-x center; text-decoration:none}
.register-availability-div{clear:both;float:left;width:100%;}
.error-password{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;}
#checkUsernameButtonErrors{margin-top:10px;}
.overlay-footer A.cancel{zoom:0}
.overlay-footer .btnLink{padding: 6px 27px;}

.divider{color: #f3f3f3;background-color: #f3f3f3;width:100%;height: 1px; float:left; border: 0; margin-top:18px}

/* registration custom css */

#subscribe-form .formRow label, #register-form .formRow label {
	width: 133px;
}

.register .orImg {
	margin-left: 15px;
	font-size: 13px;
}
.register > p {
	margin-left: 15px;
}

legend {
	font-size: 16px;
	color: #004C9D;
}

.register h3 {
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 5px;
	margin-left: 15px;
}

#register-form .detailsSection p {
	margin-bottom: 5px;
}

#register-form #check-availability-button {
	position: relative;
	float: left;
	right: 175px;
}

#register-form #username_tooltip {
	bottom: 27px;
	left: 492px;
}

#register-form .enterUsername .note {
	position: relative;
	bottom: 19px;
}

#register-form legend h3 {
	margin-left: 0;
	font-size: 16px;
}

/* subscribe flow */
#subscribe-form .formRow {
	margin-left: 15px;
}

#subscribe-form .formRow label {
	width: 120px;
}

#subscribe-form .formRow span {
	position: relative;
	top:5px;
}

#subscribe-form .formRow #contact-email-bp, #subscribe-form .formRow #contact-email-alt {
	position: relative;
	top: 7px;
}
#subscribe-form .formRow label .reqField {
	padding-bottom: 20px;
}

#subscribe-form .rightLabel {
	margin-left: 151px;
}


.detailsSection h2 {
	font-size: 30px;
	font-family: Arial;
}



.div-your-username{
   margin: 10px 0 0 15px;
   font-size: 20px;
}




div.waitingDiv {
    background: url("images/loader.gif") no-repeat scroll 48% 100% transparent;
    color: #555555;
    font-weight: bold;
    padding: 58px 0;
    position: relative;
    text-align: center;
}

.progress_box {
    margin-bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width:1076px;
}


.progress_box ul {
    margin: 0;
    padding: 0;
}


.progress_box ul li {
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    color: #757575;
    display: inline;
    float: left;
    font-size: 12px;
    list-style: none outside none;
    padding: 10px 377px 10px 30px;
    text-decoration: none;
}

.first_step {
    border-left: 1px solid #DADADA;
    border-top-left-radius: 5px;
    padding-left: 20px !important;
}
.active_process {
    background: none repeat scroll 0 0 #DADADA !important;
    color: #5B5B5B;
    position: relative;
}

.first-active {
    background: url("images/progress_current_right_thick1.png") repeat scroll 0 0 transparent;
    bottom: 0;
    height: 38px;
    position: absolute;
    right: -17px;
    width: 17px;
}

.inactive_process {
    background: url("images/inactive.png") no-repeat scroll left center #F4F4F4 !important;
    color: #757575;
}

.last_step {
    border-right: 1px solid #DADADA;
    border-top-right-radius: 5px;
}


.last-active {
    background: url("images/inactive1.png") repeat scroll 0 0 transparent;
    bottom: 0;
    height: 38px;
    left: 0;
    position: absolute;
    width: 17px;
}

.progress_box ul li a {
    color: #757575;
    text-decoration: none;
}

.base-blue #spectrum {
    background-position: 0 0;
}
#spectrum {
    margin-left: -593px;
    margin-top: -28px;
}
#spectrum {
    background: url("images/spectrum.png") no-repeat scroll 0 0 transparent;
    height: 97px;
    left: 50%;
    margin-left: -662px;
    margin-top: -20px;
    position: absolute;
    width: 1000px;
}