/*reset html tags*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset{ border:0;}img,button {background:none;border:0 none;vertical-align:middle;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}ol,ul,li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym { border:0;}

/* global used */
body {margin: 0;font: 62.5%/1.5 "Helvetica Neue",Arial,sans-serif;color: #333;background: #F4F4F4 no-repeat 50% 0;}
img {border: none;}
input, select, textarea, button {font-family: inherit;font-size: 1em;color: #6C6C6C;}
a{outline: 0px;}
a:focus, select:focus, textarea:focus, button:focus { outline:1px dotted #00B1EB;}
input[type=text]:focus,input[type=password]:focus{ border:1px solid #333 !important; outline: 0px;}
input[type=checkbox]{padding:0px;}
a:link, a:visited {color: #333;}
a:hover, a:active {color: #004D9D; outline:none !important;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin: 0 0 10px;font-size: 1em;font-weight: normal;}
ul, ol {padding-left: 1.3em;list-style: none;}
::selection {background: #00B1EB;color: #fff;}
/* For modern browsers */
.cf:before,
.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.font50{ font-size: 50px !important;}
.font30{ font-size: 30px !important;}
.font20{ font-size: 20px !important;}
.font18{ font-size: 18px !important;}
.font14{ font-size: 14px !important;}
.bold{ font-weight: bold;}
.blueText{ color: #004C9D;}
.no-border{ border: 0px !important;}
.no-border-bottom{ border-bottom: 0px !important;}
.no-margin{margin:0px !important;}
.no-padding{ padding: 0px !important;}
.height-auto{height:auto !important;}
.display-none {display: none; }
.no-margin-bottom{margin-bottom: 0px !important;}
.corner5{-webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}
.corner9{-webkit-border-radius: 9px;-moz-border-radius: 9px;-o-border-radius: 9px;border-radius: 9px;}
/* common border radius & box shadow */
.border-radius{-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}
.box-shadow{-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);+border:1px #ccc solid;}
/* IE8*/
@media \0screen{.box-shadow{border:1px #ccc solid;}}
:root .box-shadow{border:0px \/IE9;} /* IE9 */

.no-margin-top{margin-top: 0px !important;}
.margin-bottom12 {margin-bottom: 12px !important;}

.fl{float:left; display: inline;}
.fr{float:right; display: inline;}


/* body{background-image: url(images/background-image-landing.png); background-position: 30% top;} */

body.detail-body{background-image: url(/images/background-image-details.png);}
body.no-bg {background-image: none;}
body.no-menu {background-position: center -107px}
/* body.unauthenticated{background-image: url(images/bg-page-your-account-unauthenticated.png);} */
@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    src: url(font/dosis.eot);
    src: url('font/dosis.eot?#iefix') format('embedded-opentype'),
         url(font/Dosis.woff) format('woff');
}
.container_18,.container_18 .grid_18{width:982px;}
.offscreen{position: absolute;left:-999999px;top:-9999999px;}

/* common btn style */
.btn{padding:4px 10px;}


/* Global header */
.header {position: relative;width: 982px;height: 36px;margin: 19px auto;background: #CDEBFB;font-size: 1.3em; border-radius: 9px;border: 1px solid #72CBF4; z-index: 5000;}
.detail-body .header{margin: 19px auto 16px;}
.header.white{border:0px;background: #FFF;
    +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{
    .header.white{border:1px #ccc solid;}
}
:root .header.white{border:0px \/IE9;} /* IE9 */
.header .skip-nav {position: absolute;top: 0;left: 0;z-index: 32768;}
.header .skip-nav a {position: absolute;left: -9999px; width:230px; height: 26px;overflow: hidden;padding: 7px 10px;background: #fff;font-size: 1.4em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.header .skip-nav a:focus {left: 0;}
.header .header-logo a {display:block; width:24px; height:28px;padding:5px 0 0 2px; margin-left: 7px}
.header #telstra-home-nav {position: absolute;top: 0.69231em;left: 41px;}
.header #global-nav {position: absolute;top:6px;right: 176px;}
.header.white .no-search#global-nav{ right:0px;}
.header.expanded-search #global-nav {right: 290px;}

.header .nav ul {margin: 0;padding: 0; z-index:100; }
.header .nav ul li {display: inline-block;  margin: 0 6px 0 0;padding: 1px; position: relative; +display:inline; +zoom:1 }
.header .nav ul li.no-children a{border:1px #fff solid; padding: 0px 8px 7px;+position: relative;+top:-2px}
@-moz-document url-prefix() {
  .header .nav ul li.no-children a{ padding: 0px 8px 6px;}
}
.header .nav ul li.no-children a:hover{text-decoration: none;background-color: #e8e8e8; border: 1px solid #E5E5E5;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    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%);
}
.header .nav ul li#global-nav-account-services {position: relative;}
.header #telstra-home-nav ul li {position: relative; margin-left: 0;}
.header .nav ul li.hover {position: relative; padding: 0;border: 1px solid #E5E5E5;border-bottom: none;border-radius: 4px 4px 0 0;background-color: #e8e8e8;
    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%);}
.header .nav ul li.hover ul {display: block;}
.header .nav ul li.hover li {padding: 0;border: none;border-top: 1px solid #DADADA;border-radius: 0;background: none;}


.header .nav ul li a {display: block; padding: 2px 8px 10px;}
.header .nav a:link, .header .nav a:visited {text-decoration: none;color: #6C6C6C;}
.header .nav a:hover, .header .nav a:active {text-decoration: none;}
.header .nav ul li.current a {}
.header .nav ul li.current li a {font-weight: normal;}
.header .nav .current a:link, .header .nav .current a:visited {color: #6C6C6C;}
.header .nav .current li a:link, .header .nav .current li a:visited {color: #6C6C6C;}
.header .nav .has-children a {padding-right: 23px;background: url(images/sprites.png) no-repeat 100% -90px;}

.header .nav ul ul {position: absolute;display: none;width: 230px; left:-1px; top:28px; background: #fff;border: 1px solid #DADADA;border-top: none;border-radius: 0 0 5px 5px;z-index: 32768;}
.header .nav ul ul li { display: block; margin:0;padding: 4px; vertical-align:top;}
.header .nav ul .has-children ul li a:link,
.header .nav ul .has-children ul li a:visited {padding: 5px 5px 5px 20px;background: #E9E9E9 url(images/sprites.png) no-repeat;background-position: -986px -290px !important;}
.header .nav ul .has-children ul li a:hover,
.header .nav ul .has-children ul li a:active {background-color: #fff;}
.header .nav ul .has-children ul li.last a {border-radius: 0 0 5px 5px;}
.header .nav ul li.hover-no-search ul {left:auto; right:-1px;}

.header #header-search {position: absolute;top: 6px;right: 13px;font-size: 0.92308em;}
.header #header-search .search-keywords {width: 125px;height: 20px;padding: 2px 0 0 25px;border: 1px solid #DADADA;border-radius: 5px;background:#fff url(images/sprites.png) no-repeat -966px -308px;}

.header .expanded-search #header-search .search-keywords {width: 153px;}
.header #header-search .button {height: 25px;vertical-align: middle; display: none;}
.header #header-search label {position: absolute; width:145px; height: 26px; background: url(/images/powered-by-google.png) no-repeat 24px 4px;;}
.header .nav ul .has-children .arrow {width:100%;height: 12px;position: absolute;left: 0;bottom: -9px;z-index: 50;background: url(/images/gr-hdr-name-arrow.png) no-repeat 50% 100%;}
@-moz-document url-prefix() {
    .header .nav ul .has-children .arrow{ bottom:-8px;}
}

/* ************************************************************************* */
/* Global footer */
.footer {padding: 25px 0 20px 0; width: 982px;font-size: 1.2em; bottom: 0px;}
.footer #footer-nav {float: left;clear: none; margin-left: 8px;}
.footer #social-media-links {float: right;clear: none; margin-right: 10px;}
.footer .nav ul{padding-left: 0px;}
.footer .nav ul li {display: inline-block;+display:inline; +zoom:1; margin: 0 -4px 0 0;padding: 0 10px;background: url(images/sprites.png) no-repeat -963px -340px;}
.footer .nav ul li.first {padding-left: 0;background: none;}
.footer .nav ul li.last {padding-right: 0;}
.footer .nav a:link, .footer .nav a:visited {text-decoration: none;}
.footer .nav a:hover, .footer .nav a:active {text-decoration: underline;}
.footer .nav .bigpond a {padding-left: 17px;background: url(images/sprites.png) no-repeat -951px -355px;}
.footer .nav .facebook a {padding-left: 17px;background: url(images/sprites.png) no-repeat -939px -369px;}
.footer .nav .twitter a {padding-left: 17px;background: url(images/sprites.png) no-repeat -927px -381px;}
.footer .nav .wholesale a {padding-left: 17px;background: url(images/sprites.png) no-repeat -412px -355px;}
.footer .nav .international a {padding-left: 17px;background: url(images/sprites.png) no-repeat -400px -369px;}

.footer .advertisement{padding:0 7px 20px 7px;clear:both;}
.footer .advertisement li{width:310px;}
.footer .advertisement li a{ background-color: #fff; overflow: hidden; color: #4C4C52;display: block; min-height: 94px; padding: 0px 10px 2px 0px; +text-decoration: none; border:1px #ccc solid;
    border-radius: 8px 8px 8px 8px; text-decoration: none;
}

.footer .advertisement li a b{float:left; display: block; width:57px; padding-bottom:1000px; margin-bottom: -1000px; border-right:1px #dbdbdb solid; background: #f9f9f9;}
.footer .advertisement li a b img{margin:9px 0 0 9px;}
.footer .advertisement li a dl{float:right; display: block; width:230px;}
.footer .advertisement li a dt{clear: both;display: block;font-size: 1.66667em;padding: 16px 0 8px; line-height: 22px;}
.footer .advertisement li.l{margin-left: 0px;}
.footer .advertisement li.c{margin-left:14px;}
.footer .advertisement li.r{margin-left:14px;}
.footer .advertisement li a:hover{text-decoration: none; cursor: pointer;}
.footer .advertisement li a:hover dt{text-decoration: underline;}
/* ************************************************************************* */
/* Global content */

.footnote  {margin: 30px 0; color: #666666;}
.footnote p {font-size: 12px; line-height: 16px;}

/* common error style*/
.warning,.info,.info-grey,.formErrors{border: 2px #b32034 solid; margin:20px 18px;font-size:14px; color:#333;overflow: hidden; background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.formErrors {margin: 15px 0px 20px; background:#b32034 url("images/exclamation-mark-icon.png") no-repeat 5px 5px;}
.formErrors .formError {background: none repeat scroll 0 0 #FFFFFF;margin-left: 30px;padding: 5px 10px;}
.warning em,.info em, .info-grey em{ float:left; padding-bottom:3000px; margin-bottom:-3000px; width:30px; display: block; background:#b32034 url(/images/exclamation-mark-icon.png) no-repeat 5px 5px;}
.warning>span,.info>span, .info-grey>span{float:left; padding:5px 8px 7px 40px; +padding:5px 8px 7px 10px; line-height:18px; display:block;}
.warning span a, .info span a, .info-grey span a {color:#004D9D; text-decoration:none;}
.warning span a:hover, .info span a:hover, .info-grey span a:hover, .warning span a:active, .info span a:active, .info-grey span a:active {text-decoration:underline;}
 
.info{border: 2px #A31781 solid;}
.info em{background:#A31781 url(/images/i-notification-icon.png) no-repeat 5px 5px;}

.info-grey{margin-left:0px; border: 2px #dddddd solid;}
.info-grey em{background:#F9F9F9 url(/images/i_icon_info_gray.png) no-repeat 6px 6px; border-right: 2px solid #dddddd }


.centre-container { text-align: center; position: relative;}
.loading { color:#333333; height: 60px; margin-top:-24px; position:absolute; top:50%; left: 0; background: url("/images/loading-spinner-small.gif") no-repeat scroll 50% 50% transparent; display: block; width: 100%; font-size: 12px;}

/* vertical bar chart */
.vertical-bar-table { width: 100%; border: none; background: none;}
.vertical-bar-table td { text-align: center; font-size: 14px; color: #666666; }

.vertical-bar-table tr.positive td.vertical-bar-cell { border-bottom: 1px solid #999999; vertical-align: bottom; padding-bottom: 0; padding-top: auto;}
.vertical-bar-table tr.negative td.vertical-bar-cell { vertical-align: top; padding-top: 0; padding-bottom: auto;}
.vertical-bar-table .vertical-bar { background-color: #CCCCCC; width: 30px; margin-left: auto; margin-right: auto;}
.vertical-bar-table td.last .vertical-bar { background-color: #004C9D;	}
.vertical-bar-table td.last .bar-label{ color: #004C9D; padding-bottom: 6px; line-height: 100%;}
.vertical-bar-table tfoot td { height: 20px; vertical-align: bottom; font-size: 12px;}
.vertical-bar-table tfoot td.last { color: #333333; }
.vertical-bar-table tr.year td {font-size: 12px; line-height: 100%; vertical-align: top;}
.vertical-bar-table td.year-divider {border-left: 1px solid #999999;}
.vertical-bar-table .vertical-bar{ position: relative;}
.vertical-bar-table .vertical-bar a {display: block; padding: 0; height: 100%; width: 100%; position: absolute; left:0px; top:-5px;}
.vertical-bar-table .vertical-bar a:hover { text-decoration:none;}
.vertical-bar-table .vertical-bar a.allowHover:hover .bar-bubble { display: block;}
.vertical-bar-table .vertical-bar a.allowHover:hover .small-bar-bubble { display: block;}
.bar-bubble { font-size: 12px; line-height: 160%; color: #333333; background-image: url(/images/download-bubble.png) ; background-repeat: no-repeat;display: none; border: 0;height: 50px; left: -24px; bottom: 70px; position: relative; width: 75px; padding: 12px 0 13px; text-align:center; }
.bar-bubble img {padding: 0 7px 0 0; vertical-align: middle;}
.small-bar-bubble { font-size: 12px; line-height: 160%; color: #333333; background-image: url(/images/download_bubble_sml.png) ; background-repeat: no-repeat;display: none; border: 0;height: 50px; left: -24px; bottom: 42px; position: relative; width: 75px; padding: 10px 0; text-align:center; }
.small-bar-bubble img {padding: 0 7px 0 0; vertical-align: middle;}

td.horizontal-dash-line { background-image: url(/images/bg-horizontal-dash-line.png); background-repeat: repeat-x; background-position: -1px -1px;}
td.horizontal-grid { background-image: url(/images/bg-chart-grid.png); background-repeat: repeat; background-position: -1px -1px;}

.mandatory-field {color: #B32034; margin-left: 2px;}
.mandatory-field-description {color: #B32034; float: right; font-size: 14px; padding-bottom: 4px;}

/*common button and links for form*/
.common-box{ clear:both;padding: 30px 0px;}
.common-box .btn{font-size: 14px;height:28px; line-height: 28px; color:#333; overflow: visible; border:0px;cursor: pointer;min-width: 110px;background:url(/images/lightbox-btn-bg.png) repeat-x center;padding:0px 10px;
    -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;
}
@media \0screen{.common-box .btn{border:1px #ccc solid}}
.common-box .btn:hover{background:url(/images/lightbox-btn-hover-bg.png) repeat-x center;}
.common-box a.cancel{height:15px; line-height:15px; margin-top:4px;margin-left:15px; border-left:1px #ccc solid; padding:4px 12px; cursor: pointer;
    display: inline-block;text-decoration: none;
    +padding:0px 12px;+display: inline; +zoom:1;+height:20px;+line-height: 20px;+margin-top:5px;
}
.common-box a.cancel:hover{text-decoration: underline;}
#spectrum-wrapper {
    left: 51%;
    position: absolute;
    top: 0;
    width: 982px;
}
#spectrum-wrapper:after {
    clear: both;
}
#spectrum-wrapper:before, #spectrum-wrapper:after {
    content: "";
    display: table;
}

.header-logo a {
	background: url('../images/logo-blue.png') no-repeat;
	width: 24px;
	height: 28px;
	margin: 4px;	
}

.phone_text {
	white-space: nowrap;
}