body {
	background-color: #FFFFFF;
	color: #000000;
}
/* color was originally #0098e2*/
body,div,p,img,td p,hr {
	margin: 0px;
	padding: 0px;
}

.site-logo {
    background: url("../../global/img/telstra/logos/telstra.png") no-repeat scroll -40px 0;
    display: block;
    height: 40px;
    width: 30px;
}

.site-logo-text{
	font-size:small;
	/* padding-top:15px; */
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}

.site-logo-text a{
	color:#666;
}

.homepage-heading{
	font-family:AkkuratLight,HelveticaNeue,Arial,sans-serif;
	font-size:16pt;
	color:#333333;
	margin-top:15pt;
	padding-left:15px;
	padding-top:15px;
	border-top:1px solid #ddd;
}

input[type="text"], input[type="password"], input[type="number"]{
	border:1px solid #ccc;
	height: 28px;
	width:100px;
	font-size:100%;
	padding:2px;
}

select{
	border:1px solid #ccc;
	height: 28px;
	font-size:100%;
}

p label{
	font-weight: bold !important;
}

p {
	margin: 0px;
	padding: 15px 4%;
	vertical-align: middle;
	/* color: #666; */
	/* font-weight: lighter; */
}

td {
	padding-right: 10px;	
}

table, tr, td {
    border-collapse: collapse;
    border: none;
}

.sitetitle-link {
	float:left;
	width:25%;
}

.sitetitle-link img{
	width: auto;
	height: 10px;
}

.sitetitle {
	background-color: #00b4ff;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 0px 4%;
	line-height: 2.2em;
}
.sitetitle a{
	text-decoration: none;
	color:#ffffff;
	font-family: AkkuratLight;
}

.pagetitle {
	padding: 15px 0px 15px 4%;
	background-color: #e6e6e6;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #002856;
	font-weight:bold;
}

.pagetitle-clear{
	color: #002856;
	font-weight:bold;
}

.subheader{
	padding: 15px 0px 15px 4%;
	background-color: #f4f4f4;
	color: #00aaf3;
	/* font-weight:bold; */
	font-family:AkkuratLight,HelveticaNeue,Arial,sans-serif;
	font-size:14pt;
}

.subtitle {
	background-color: #ffffff;
	text-align: left;
	font-weight: bold;
	color: #333;
	margin: 10px 0px 10px 4%;
}

.history-table { 
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.history-td {
	margin: 0px;
	padding: 5px;
	text-align: left;
	border-collapse;
	
}

.bordered {
	border-bottom-color: #0698c8;	
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.bordered-panel {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-color: #0698c8;	
	border-top-style: solid;
	border-top-width: 1px;
}

.bordered-panel a, a.bordered-panel {
	text-decoration:none;
	color: #0698c8;
}

/* Added this style to make the whole div a link */
a.bordered-panel, span.panel{display:block;}

span.panel{padding-left:0px;}

.vortex-panel a {
	text-decoration:none;
	color: #ffffff;
}

.vortex-panel {
	background-color: #00b4ff;
	padding-left: 5px;
	border-top-color: #ffffff;	
	border-top-style: solid;
	border-top-width: 1px;
}

.overdue {
	color: red;
	font-weight: bold;	
}

.error {
	color: red;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 4%;
	color:#b32034;
	margin:10px 0px;
	width: 92%;
}

.confirm-button {
	margin: 0px 2px 0px 2px;	
}

#bpheader			{ 
	text-align: left; 
	line-height: 0em; 
	padding: 5px 4%;
}
#bpheader .header-td-left img		{ height:auto; width:110px;}
#bpheader .header-td-right img		{ height:auto; width:80px;}


/* bp header - table layout */
.header-table { 
	width:100%;
}
.header-tr { 
	width:100%;
}
.header-td-left { 
	width:48%;
	text-align: left;
	padding:0 4% 0 0; /*need to set to 0 to override generic td values*/
}
.header-td-left img { 
	height:auto;
	width:110px;
}

.header-td-right { 
	width:48%;
	padding:0 0 0 4%; /*need to set to 0 to override generic td values*/
	text-align:right;
}
.header-td-right img { 
	height:auto; 
	width:80px;
}

/* bp header - float layout */
.header-float-left	{ 
	float:left; 
	width:48%;
}
.header-float-right	{ 
	float:right; 
	width:48%; 
	text-align:right;
}

/* T Media logo */
.header-logo {
	border: none; 
	width:100%; 
	height: auto;
}

.main-header{
	/* font-size: 20px; */ /*20px is the largest can go without screens of 240-260 width wrapping the MY PRE-PAID*/
	font-weight: lighter;
	color: #002856;
}

.unmetered{
	float: right;
	text-align: right;
	line-height: 0em;
	margin-right: 4%;
}
.unmetered img{
	height: auto;
	margin-top: 6%;
}

.bpfooter {
	background-color: #f4f4f4;
	text-align: center;
	color: #666;
	padding: 15px 0px 15px 4%;
}
.bpfooter a, a.visited {
	color: #666;
	text-decoration: none;
}

.bpfooter img{height:10px; width:auto;}

.bpfooter-table		{ width:99%;}
.bpfooter-tr		{ width:100%;}
.bpfooter-td-left 	{ width:80%;}
.bpfooter-td-right 	{ width:20%; text-align:right;}

.bpfooter-float-left	{ float:left; width:80%;}
.bpfooter-float-right	{ float:right; width:20%; text-align:right;}

.bpfooter-omniture	{ background-color: #e6e6e6;}


.rightcell{
	width:70%;
	padding-left:10px;
	padding-right:10px;
	float:right;
}

.textmiddle{
	vertical-align:middle;
	padding-left:10px;
}

.links-table {
	width:100%;
}
.links-tr {
	width:100%;
}
.links-td-left {
	width:30%;
	padding-left:10px;
}
.links-td-right {
	width:70%;
}

.row:HOVER{
	cursor: pointer;
}

.row{
	width: 100%;
}

.row-content{
	width: 84%;
	float: left;
	overflow: hidden;
	padding-left:4%;	
}

.row-img {
	float:left;
	width:25%;
}
.row-img img {
	max-width:100%;
}

.row-img-title {
	float:right;
	width:75%;
}

.links-td-right a,
.row-img-title, .row-img-title a,
.row-title, .row-title a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.row-text{
	font-weight: normal;
	color:#666;
}

.row-arrow img{
	height: 15px;
	width: auto;
}
.row-arrow{
	overflow: hidden;
	text-align: right;
	line-height: 2em;
	color:#666;
	padding-right: 4%;
}

.row3em .row-arrow{
	line-height: 3em !important;
}

.plain-row, .plain-row-inline {
	width: 100%;
	display: block;
	border-bottom: 1px solid #ddd;
}

/* used for rows with multiple lines */
.padd-normal {
	padding: 10px 0px;
}

.padd-none {
	padding: 0 !important;
}

/* used for rows with a single line to make big enough for large thumbs to press */
.padd-extra {
	padding:20px 0px;
}

.line{
	border-bottom:1px solid #ddd;
	width: 100%;
	height: 1px;
}

.plain-row-content{
	width: 55%;
	float: left;
	overflow: hidden;	
	padding-left:4%;
}

.plain-row-inline-content{
	width: 96%;
	float: left;
	overflow: hidden;	
	padding-left:4%;
}

.plain-row-title, .plain-row-inline-title{
	color: #333;
	font-weight: bold;
}

.plain-row-inline-title{
	float: left;
}

.plain-row-text, .plain-row-inline-text{
	font-weight: normal;
	color:#666;
}

.plain-row-inline-text{
	padding-left: 4%;
}

.plain-row-body{
	width: 35%;
}

.plain-row-inline-body{
	width: 25%;
}

.plain-row-body, .plain-row-inline-body{
	min-width:80px;
	float: right;
	overflow: hidden;
	text-align: left;
	color: #333;
	text-align: right;
	padding-right: 4%;
	font-weight: bold;
}

.single-line-row-share {
	color:#666;
	font-weight:normal;
}

a { 
	text-decoration:none;
	color: #00b4ff;
}

a.hiddenlink {
	text-decoration:none;
	color:inherit;
}

div.button a, input.button{
	color: #fff;
	text-decoration: none;
	width: 92%;
	text-align: center;
	color: #fff;
	background-color: #00aaf3;
	margin:15px;
	display: inline-block; /* must be inline-block for button like look - center text etc */
}

div.button a{
	padding-top: 10px;
	height:34px; /*Only specifying 34px because padding top of 10px present*/
}

div.button img{float:right;margin-right:20px;margin-top:3px;}

input.button{
	height:44px;
	border: none;
	-webkit-appearance: none; 
	font-size:100%;
	/*background-image: url("../../wsc/images/arrow_white.png");*/
	background-repeat:no-repeat;
	background-position:92% center;
	font-family:HelveticaNeue,Arial,sans-serif;
}

.disabledButton{
	color: #000000;
	text-decoration: none;
	width: 92%;
	text-align: center;
	padding: 15px 0;
	margin: 10px auto;
	background-color: #E6E6E6;
	margin-left:4%;
	display: inline-block; /* must be inline-block for button like look - center text etc */
	border: none;
	-webkit-appearance: none; 
	font-size:100%;
}

.paragraph-heading {
	color: #333;
	margin: 10px 4%;
}

.full-width{
	width: 100% !important;
}

.border-top{
	border-top: 1px solid #ddd;
	border-bottom: none !important;
}

.border-bottom{
	border-bottom: 1px solid #ddd;
	border-top: none !important;
}

.border-all{
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

.border-none{
	border-top: none !important;
	border-bottom: none !important;
}


.font-normal, .font-normal a{
	font-weight: normal !important;
}

.font-double {
	font-size:1.9em;
	/*line-height:1.9em;*/
}

.list{
	background-color: #fff;
	padding: 0 4%;
}

.list .list-item{
	background-color: #f7f7f7;
}

.list .list-item-selected{
	background-color: #00b4ff;
	color: #fff;
}

.list .list-item{
	line-height: 2em;
	width:100%;
}

.list .list-item input {
	margin-right:15px;
}

.blue-border{
	border: solid 1px #00b4ff;
}

.blue-text{
	color: #00b4ff;
}

.uppercase{
	text-transform: uppercase;
}



.pagination{
	margin:10px;
	text-align: center;
}

.pagination a, .pagination span{
	padding-left: 30px;
	text-decoration: none;
	color:#666;
}

.pagination span{
	font-weight: bold;
}

.width90{
	width: 90% !important;
}

.clicked, .clicked .row-text, .clicked .row-title a, .clicked .row-arrow {
	background-color: #00b4ff !important;
	color: #fff !important;
}

.clicked{
	border: #00b4ff solid 1px;
}

.zero-padding-bottom {padding-bottom:0px;}

}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
	-moz-appearance: textfield;
}

.background-grey{
	background-color: #e6e6e6;;
}

#overlay{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color:#fff;
	display: none;
	
	/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

  /* IE 5-7 */
  filter: alpha(opacity=95);

  /* Netscape */
  -moz-opacity: 0.95;

  /* Safari 1.x */
  -khtml-opacity: 0.95;

  /* Good browsers */
  opacity: 0.95;
	
}
#spinner{
	position: fixed;
	margin-top:-70px;
  	top: 50%;
  	left: 10%;
	width: 80%;
	z-index: 99;
}

.visacheckout_table{
	width:100%;
}

.visacheckout_table tr{
	width:100%;
}

.visacheckout_table tr td:nth-child(1){
	width:50%;
}

.visacheckout_table tr td:nth-child(2){
	width:45%;
	padding-left:5%
}

.custom-tooltip-styling{
	margin-left:5%;
	margin-right:5%;
	margin-bottom:5%;
	padding-left:5%;
	padding-right:5%;
	padding-top:1%;
	color:#555555;
	font-size:80%;
	border: 1px solid #B0ACA5;
	background:#ffffff;
	position:relative;
	display:none;
}

.custom-tooltip-styling img{width:104px;height:25px;display:block;}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left:68%;
  margin-left: -25px;
  bottom: 100%;
  
}

.arrow:after {
	background:#ffffff;
	border: 1px solid #B0ACA5;
	content: "";
	position: absolute;
	right: 20px;
 	width: 25px;
	height: 25px;
	top:10px;
	-webkit-transform: rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	 -o-transform:rotate(135deg);
}

.toolTipEnclosure_menu{
	position:absolute;
	top:35%;
	left:35%;
	z-index:100;
	padding-left:5%;padding-right:5%;
}


.toolTipEnclosure_menu a>img{
	position:relative;z-index:100
}

div.toolTipEnclosure_menu div.custom-tooltip-styling{
	margin-left:-60%;margin-right:5%;margin-top:10px;
}

div.toolTipEnclosure_menu div div.arrow{
	left:40%;
	margin-left:-30px;
}

.toolTipEnclosure_pricepoints div.custom-tooltip-styling{position:absolute;bottom:100%;}

.toolTipEnclosure_pricepoints div.arrow{top:100%;bottom:auto}

.toolTipEnclosure_pricepoints div.arrow::after{bottom:10px;top:auto;}

.relative{position:relative;}

.offer-details{padding-left:5px; padding-top:5px;padding-bottom:5px;}

.margin-top{margin: 10px 0;}

.notification{
	margin:10px 15px;
	border:1px solid #2c74d3;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12pt;
	color:#333333;
}

.notification table td:first-child{
	vertical-align:top;
	padding-left:5px; 
	padding-right:5px; 
	
}

.cut_container{margin:4%;border:1px solid #666;}
.cut_container table td:first-child{width:90%;}
#toggle_cut{float:right;padding-left:20px;}

#iframeDiv{
	display:none;
}

#ccPaymentIframe{
	width:90%;
	height:325px;
	border:0; 
	background:#ffffff; 
	display:block; 
	margin:0 auto;
}

.editLink{
	text-decoration:underline;
	padding-left:35%;
}