@import "/common/css/phone_features.css";

/* styles for form in the table with hidden fields
--------------------------------------------- */
#content form .display-none{
	display:none;
	}
/* faq_menu
--------------------------------------------- */
#faq-menu li {	
	margin:10px 0 10px 10px;
	font-weight:bold;	
	color:#e20074;	
	cursor:pointer; 	
	}
#faq-menu li li{	
	font-weight:normal;	
	color:#666;
	font-size:1em;
	}
#faq-menu ol li div {	
	display:none;	
	font-weight:normal;	
	color:#666;
	}
#faq-menu td, #faq-menu th {
	font-size:1em;
	}
#faq-menu li p {	
	font-size:1em;
	}
/* Left promo for MTM Login page
--------------------------------------------- */
.left-promo { padding-left:8px; }
#sub-nav-container .no-right-margin { margin-right:0; }

/* Common questions list
--------------------------------------------- */
#common-questions li {
	font-weight:bold;
	color:#e20074;
	cursor:pointer;
	}
#common-questions li div {
	font-weight:normal;
	color:#666;
	cursor:auto;
	}
#common-questions li li {
	font-weight:normal;
	font-size:1em;
	color:#666;
	cursor:auto;
	}
#content ol li ol li {
	font-size:1em;
	list-style:lower-roman;
	}
#content li dl {
	font-size:1em;
	}
/* Account info
--------------------------------------------- */
#content .account-info ul{
	margin-left:0;
	}
.account-info {
	margin-bottom:9px;
	}
#content .account-info ul li {
	float:left;
	padding:0 0 4px 0;
	background-image:none;
	list-style:none;
	}
#content .account-info .info-left,
#content .account-info .info-right {
	margin-left:0;
	}
.account-info .info-left {
	float:left;
	}
.account-info .info-right {
	float:right;
	}
#content .info-right.nodecor li{
	background:none;
	}
.account-info .info-left,
#content .account-info.select-right .info-right {
	width:284px;
	}
.account-info .info-right,
.account-info.select-right .info-left {
	width:148px;
	}
#two-columns .account-info .info-left,
#two-columns #content .account-info.select-right .info-right {
	width:302px;
	}
#two-columns .account-info .info-right,
#two-columns .account-info.select-right .info-left {
	width:290px;
	}
.account-info ul li { width:100%; }
.account-info .info-right li {
	text-align:right;
	}
.account-info .info-right.text-left li,
.account-info .info-right li.text-left  {
	text-align:left;
	}
.account-info .info-right.text-left li label,
.account-info .info-right.text-left li strong,
.account-info .info-right li.text-left label,
.account-info .info-right li.text-left strong {
	text-align:right;
	}
.account-info label,
.account-info select,
.account-info strong,
.account-info input,
.account-info .btn,
.account-info .btn-arrow{
	float:left;
	}
.account-info label,
.account-info select,
.form .account-info input,
.account-info .btn,
.account-info .btn-arrow  {
	font-size:1em;
	}
.account-info .btn input,
.account-info .btn-arrow input{
	width:auto;
	margin:0;
	}
.account-info label {
	margin:3px 4px 0 0;
	font-weight:bold;
	}
.account-info strong {
	margin-right:4px;
	}
.account-info label,
.account-info strong {
	width:96px;
	}
.account-info select {
	margin-right:4px;
	width:114px;
	}
.account-info input{
	margin-right:4px;
	width:130px;
	}
#content .account-info .no-field-text{
	float:left;
	margin-right:4px;
	width:135px;
	}
#content .form .row .no-field-text{
	float:left;
	margin-right:4px;
	width:100px;
	font-size:.7em;
	}
#two-columns .account-info select {
	width:136px;
	}
/* Panels
--------------------------------------------- */
#delivery-details.panel .content{
	position:relative;
	min-height:1px;
	}
	* html #delivery-details.panel .content{		
		height:1px;
		he\ight:1px;
		}
/*Fix for lists in panels for IE (bullets didn't show sometimes)
--------------------------------------------- */
* html .panel .content ul li{
	position:relative;
	}
/* specific width
--------------------------------------------- */
.panel.specific-width126px {
	width:124px;
	}
	* html .panel.specific-width126px {
		width:126px;
		w\idth:124px;
		}
/* Table width correction
--------------------------------------------- */
.panel.specific-width432px table {width:412px;}

/* horizontal list of links
--------------------------------------------- */
.panel .panel-actions {
	width:190px;
	}
.panel.specific-width432px .panel-actions {
	width:412px;
	}
#content .panel .panel-actions li {
	float:left;
	padding-bottom:9px;
	width:190px;
	}
	* html #content .panel .panel-actions li {
		width:201px;
		w\idth:190px;
		}
/* phone details
--------------------------------------------- */
.panel .phone-details {
	margin-bottom:9px;
	}
.panel .phone-details img {
	float:left;
	margin-right:10px;
	width:40px;
	height:95px;
	}
.panel .phone-details p {
	float:left;
	width:140px;
	}
/* phones list
--------------------------------------------- */
#handsets-list form.phone {
	float:left;
	width:105px;
	margin:0 12px 8px 0;
	text-align:center;
	}
#handsets-list form.phone p {
	margin-top:4px;
	}
.panel .content form.phone {
	float:left;
	width:105px;
	margin:0 12px 8px 0;
	text-align:center;
	}
.panel .content form.phone p {
	margin-top:4px;
	}
/* Service
--------------------------------------------- */
.service .block.contact {
	padding-right:52px;
	background:url(/eservice/content/img/email.gif) no-repeat 96% 60%;
	}
.service .simple-block {
	position:relative;
	clear:both;
	padding:0;
	}
/* Tables
--------------------------------------------- */
.no-padding td,
.no-padding th,
td.no-padding,
th.no-padding {
	padding-left:0;
	padding-right:0;
	}
#content .subheader.no-padding td {
	padding-left:0;
	padding-right:0;
	}
.table-main.border-bottom {
	border-bottom:1px solid #BDBDBD;
	}
#content table.no-bottom-margin {
	margin-bottom:0;
	}
#content .table-main td ul.no-bottom-margin{
	margin-bottom:0;
	}
#content table.no-bottom-margin {
	margin-bottom:0;
	}
#content .divider em{
	color:#e20074;
	font-style:normal;
	}
/* Correction of expand-list font sizes for tables
--------------------------------------------- */
#content table .expand-list {
	font-size:1em;
	}
#content .expand-list div table {
	margin-top:10px;
	}
#content .expand-list div table td {
	padding-left:10px;
	font-size:1em;
	}
#content table th.text-right {text-align:right;}
/* Font-size correction for different elements in tables !!! must be moved to tables.css after CSS split !!!
--------------------------------------------- */
#content table td p,
#content table td h2,
#content table td ul,
#content table td li,
#content table td label,
#content table td select,
#content table td .changelink-l,
#content table td .changelink-r,
#content table td .deletelink-l,
#content table td .deletelink-r {
	font-size:1em;
	}
#content table td .btn.float-left,
#content table td .btn-arrow.float-left {
	float:left;
	}
/* Paging
--------------------------------------------- */
.paging.no-background {
	background:none;
	border:none;
	margin:0;
	}
/* Forms
--------------------------------------------- */
.form .row .address-select {
	margin-right:0;
	width:432px;
	height:100px;
	}
#one-column .form .row .select-customer-address {
	margin-right:0;
	width:525px;
	height:100px;
	}
#two-columns .form .row .select-customer-address{
	margin-right:0;
	width:380px;
	height:100px;
	}
#one-column .form .row .address-select {
	width:719px;
	}
#one-column .form .solid .row .address-select {
	width:701px;
	}
#two-columns .form .row .address-select {
	width:594px;
	}
.form .row .message-note.hide-block{
	display:none;
	}
.form .row .message-note.psw-message{
	float:none;	
	width:auto;	
	}
#content .form fieldset.label-bold .normal {
	font-weight:normal;
	}
#content .form fieldset.label-bold .width-auto {
	font-weight:bold;
	}	
.form .row .error-row  input{
	border:2px solid #E20074;
	color:#E20074;
	}
.form .row .error-row  select{
	border:2px solid #E20074;
	color:#E20074;
	}
* html .form .row .error-row  select{
	background:#ffe3f1;
	}
.form .row .action-link,
.form .row .btn a,
.form .row .btn-arrow a {
	text-decoration:none;
	}
.form .row p {
	position:relative;
	float:left;
	top:3px;
	}
.form textarea {height:10em;}
.form .row.one-column textarea {width:180px;}
#two-columns .form .row .btn input.small,
#two-columns .form .row .btn-arrow input.small {
	width:60px;
	}
#content .form fieldset.no-bottom-margin {margin-bottom:0;}
.form .row .float-right {
	float:right;
	}
#content .form fieldset.sort{
	background:#E7E7E7 url(/eservice/content/img/bg_diagonal.gif) repeat-x;
	padding:14px 0pt 6px 9px;
	margin-bottom:18px;
	}
/* .row one-column - top
--------------------------------------------- */
.form .row.one-column div.top label {
	width:280px;
	padding-bottom:3px;
	}
.form .row.one-column div.top input {
	width:280px;
	}
.form .row.one-column div.top textarea {
	width:280px;
	}
/* #two-columns .row one-column - top
--------------------------------------------- */
#two-columns .form .row.one-column div.top label {
	width:375px;
	padding-bottom:3px;
	}
#two-columns .form .row.one-column div.top input {
	width:375px;
	}
#two-columns .form .row.one-column div.top textarea {
	width:375px;
	}
/* Form with card
--------------------------------------------- */
.card-front {
	float:left;
	width:394px;	
	background:url(/eservice/content/img/card_front.gif) repeat-x;
	}
.card-front-bottom {
	width:394px;
	height:19px;
	background:#fff url(/eservice/content/img/card_front_bottom.gif) 0 0 no-repeat; 
	}
.card-content {
	min-height:180px;
	padding:0 15px;
	}
* html .card-content {
	height:180px;
	he\ight:180px;
	}
.card-logo {
	width:358px;
	border-bottom:1px solid #ccc;
	margin:9px 0 12px;
	padding-bottom:4px;
	}
.card-logo img {
	display:block;
	width:188px;
	height:25px;
	}
.card-back {
	float:left;
	width:271px;
	min-height:151px;
	background:url(/eservice/content/img/card_back.gif) no-repeat;
	}
* html .card-back {
	height:151px;
	he\ight:151px;	
	}
	.card-back.amex{
		background:url(/eservice/content/img/card_back_amex.gif) no-repeat;
		}
.card-code {
	padding:43px 0 0 45px;
	}
.card-back .note {
	padding:15px 15px 0 25px;
	font-size:0.8em;
	color:#999;
	}
.card-code label {
	width:165px;
	font-size:0.8em;
	font-weight:bold;
	color:#000;
	}
.card-code span {
	padding-left:20px;
	font-style:italic;
	color:#999;
	}
/* Special case for Edit Group
--------------------------------------------- */
.form .row.group-edit div {
	width:150px;
	}
	#two-columns .form .row.group-edit div {
		width:235px;
		}
#content .form .row.group-edit div.middle {
	padding-top:20px;
	width:120px;
	}
	#two-columns #content .form .row.group-edit div.middle {
		margin-right:16px;
		width:104px;
		}
.form .row.group-edit div.middle p {
	width:100%;
	}
.form .row.group-edit div select {
	width:200px;
	height:120px;
	}
	#two-columns .form .row.group-edit div select {
		width:232px;
		}
.form .row.group-edit div.middle .btn-arrow {
	float:right;
	margin-bottom:9px;
	}

/* Disabled elements
--------------------------------------------- */
.disabled,
#content .disabled strong {
	color:#999;
	}
input.disabled,
select.disabled {
	background-color:#e7e7e7;
	}
/* .form-panel
--------------------------------------------- */
#sidebar .form-panel select,
#content .form-panel select {
	float:left;
	margin:0 4px 4px 0;
	font-family:Arial, Verdana, sans-serif;
	color:#666;
	border:1px solid #b8b8b8;
	}
#sidebar .form-panel select {
	width:122px;
	font-size:0.7em;
	}
#content .form-panel select {
	font-size:1em;
	}

/* Content navigation for 2-column layout
--------------------------------------------- */
#two-columns .content-nav {
	width:594px;
	}
/* Confirmation
--------------------------------------------- */
div.confirm {
	background:url(/eservice/content/img/confirm.gif) no-repeat 12px 6px;
	border:1px solid #78aa51;
	padding:8px 12px 10px 50px;
	font-size:0.8em;
	color:#78aa51;
	margin-bottom:24px;
	}
.warning.notice {
	border:1px solid #5ba4db;
	background-image:url(/eservice/content/img/notice.gif);	
	color:#5BA4DB;
	}
/* Expand list
--------------------------------------------- */
.expand-list {
	font-size:.7em;
	}
#content .expand-list li, .expand-list label {
	font-size:1em;
	}
.show {
	display:block;
	}
.hide, .off {
	display:none;
	}
.show, .level {
	margin-top:9px;
	}
/* Checks list
--------------------------------------------- */
/* universal part */
.check-list li {
	position:relative;
	list-style:none;
	}
.check-list li input {
	position:absolute;
	border:none;
	}
/* sidebar */
#sidebar ul.check-list {
	margin:0;
	padding:0;
	}
#sidebar .check-list li {
	padding:6px 9px 0 31px;
	width:102px;
	background-image:none;
	}
	* html #sidebar .check-list li {
		width:142px;
		w\idth:102px;
		}
#sidebar .check-list.borders li {
	padding-bottom:6px;
	border-bottom:1px solid #e7e7e7;
	}
#sidebar .check-list li input {
	top:9px;
	left:9px;
	}
	* html #sidebar .check-list li input {
		top:5px;
		left:5px;
		}
#sidebar .check-list label {
	font-size:1em;
	color:#666;
	}
/* content
--------------------------------------------- */
#content ul.check-list {
	margin:0;
	padding:0 9px 0 31px;
	}
#content .check-list li {
	padding:6px 0 0 0;
	width:100%;
	background-image:none;
	}
#content .check-list li input {
	top:5px;
	left:-23px;
	}
#content .check-list label {
	float:left;
	font-weight:normal;
	}
#content .check-list.label-bold label {
	font-weight:bold;
	}
#content .check-list li div {
	float:right;
	width:5em;
	}
/* Panel
--------------------------------------------- */
#content .panel .check-list {
	padding-left:15px;
	}
	* html #content .panel .check-list {
		padding-right:0;
		width:auto;
		w\idth:165px;
		}
#content .panel .check-list li input {
	left:-15px;
	}
#content .panel .check-list p {
	clear:both;
	font-size:1em;
	}
/* Graphs
--------------------------------------------- */
.graph-container {
	position:relative;
	overflow:hidden;
	width:100%;
	}
.panel-special .graph-table {
	overflow:hidden;
	float:left;
	width:300px;
	}
#two-columns .panel-special .graph-table {width:160px;}
.panel-special .graph-table table {
	width:290px;
	margin:15px 5px 5px 0;
	}
#two-columns .panel-special .graph-table table {width:160px;}
.panel-special .table-main td {vertical-align:bottom;}
.graphs {
	position:relative;
	float:right;
	width:105px;
	min-height:150px;
	}
	* html .graphs { height:150px; }
.graphs .table-main {
	float:right;
	width:100px!important;
	margin:0 5px 5px 0;
	}
* html .graphs .table-main { display:inline; } /* Double margin bug fix for IE */
.graphs .graph {
	display:inline-block; /* Horizontal align for Opera */
	width:40px;
	height:100px;
	border:1px solid #B8B8B8;
	}
:root .graphs .graph { display:-moz-inline-box; } /* Horizontal align for FF */
.graphs .graph-cell {
	padding-bottom:0;
	vertical-align:bottom;
	text-align:center; /* Horizontal align for IE */
	}
.graphs .graph.light {
	background:#F2F2F2;
	}
.graphs .graph.dark {
	background:#CCC;
	}
#two-columns #content .panel.graph-width {
	width:290px!important;
	min-height:270px;
	margin-right:9px;
	}
* html #two-columns #content .panel.graph-width { height:270px; }
#two-columns #content .panel.graph-width.no-right-margin {
	margin-right:0;
	}
/* Login input fields
--------------------------------------------- */
.service input.loginfield {
	width:118px;
	font-size:0.8em;
	}
/* Common button with left arrow
--------------------------------------------- */
.btn.left,
.btn-arrow.left {
	background:#E0E4E7 url(/eservice/content/img/btn_comm_l.gif) no-repeat;
	}
.btn-arrow.left {background-position:left top;}
#content .btn-arrow.left a,
#content .btn-arrow.left input {
	padding-left:20px;
	padding-right:5px;
	background:url(/eservice/content/img/arrow_l.gif) 0% 50% no-repeat;
	}
/* Two-columns content
--------------------------------------------- */
.left-content.no-bottom-margin,
.right-content.no-bottom-margin {
	margin-bottom:0;
	}
/* Warning-large
--------------------------------------------- */
.warning-large .content {
	width:200px;
	}
	* html .warning-large .content {
		width:227px;
		w\idth:200px;
		}
/* Panel > Phones listing page
--------------------------------------------- */
.panel .digit {
	position:absolute;
	top:-9px;
	right:9px;
	width:72px;
	height:72px;
	background:#e20074;
	}
.panel .digit img {
	width:72px;
	height:72px;
	}
.panel .digit a {
	display:block;
	width:72px;
	height:72px;
	}
.panel .snippet {
	float:right;
	margin-top:50px;
	width:85px;
	}
.panel .phones {
	position:relative;
	float:left;
	width:161px;
	} 
.panel .phones img {
	display:block;
	width:161px;
	height:132px;
	}
.phones .accessory {
	position:absolute;
	top:70px;
	left:0;
	}
.phones .accessory img{
	width:55px;
	height:62px;
	}
#content .panel p.accessory-title {
	font-size:.9em;
	font-weight:bold;
	}
/* Loyalty
--------------------------------------------- */
.banner-info {
	position:relative;
	margin:0 0 18px 0;
	width:432px;
	min-height:63px;
	}
	* html .banner-info {
		height:63px;
		}
.banner-info .content {
	padding:25px 11px 0 11px;
	}
.form fieldset.sort{
	background:#E7E7E7 url(/eservice/content/img/bg_diagonal.gif) repeat-x;
	padding:14px 0pt 6px 9px;
	margin-bottom:18px;
	}
	* html .form fieldset.sort {
		padding:14px 0 11px 9px;
		}
.form fieldset.sort select {
	margin-right:20px;
	}
	
/* Phone features list
--------------------------------------------- */
#content .panel .phone-features {
	float:right;
	margin:0;
	}
#content .panel .phone-features {
	margin:0;
	padding:0;
	}
#content .panel .phone-features li {
	margin:0;
	padding:5px 0 5px 0;
	width:27px;
	overflow:hidden;
	}
.panel .content .promo-info {
	margin:0 0 9px 0;
	color:#e20074;
	font-size:2em;
	font-weight:bold;
	text-align:right;
	line-height:80%;
	}
.panel .content .promo-info span {
	font-size:.5em;
	}	
.panel .content .phone-info {
	margin-bottom:9px;
	min-height:145px;
	}
	* html .panel .content .phone-info {
		height:154px;
		he\ight:145px;
		}
#content .panel .content p.out-of-stock {
	font-size:.85em;
	}
	
.panel .specific-height270px { min-height:270px; }
* html .panel .specific-height270px { height:270px; }	
	
/* Device-detail-header
---------------------------------------------- */
.device-detail-header {
	position:relative;
	width:432px;
	min-height:175px;
	}
.device-detail-header .digit {
	position:absolute;
	top:0;
	left:324px;
	width:108px;
	height:108px;
	background:#e20074;
	}
.device-detail-header .digit img{
	width:108px;
	height:108px;
	}
.device-detail-header .phone-title,
.device-detail-header .phone-detail {
	width:324px;
	}
.device-detail-header .additional-info {
	position:absolute;
	left:324px;
	bottom:0;
	width:108px;
	float:right;
	text-align:right;
	}	
#content .device-detail-header .phone-detail .promo-info {
	margin:9px 0 3px 0;
	font-size:2em;
	font-weight:bold;
	}
.device-detail-header .phone-detail .promo-info span {
	font-size:.5em;
	}
	
#content .table-main.phone-features tr.bgr th,
#content .table-main.phone-features tr th {
	background-color:#F2F2F2;
	border:0;
	text-align:left;
	}
#content .table-main.phone-features tr th {
	background-color:#fff;
	}
/* line-text 
---------------------------------------------- */
.line-text {
	margin:18px 0;
	}
	
/* rewards-phones
---------------------------------------------- */
.container-rewards-phones {
	margin-bottom:18px;
	}
.rewards-phone {
	padding:5px 18px;
	background:#F2F2F2;
	border-bottom:1px solid #B8B8B8;
	}
.rewards-phone .phone {
	float:left;
	margin:0 18px 0 0;
	width:44px;
	}
.rewards-phone .description {
	float:left;
	padding:18px 0 0 0;
	width:330px;
	}

/* MiniBasket + table data
----------------------------------------------- */
#basket {
	min-width:145px;
	margin-bottom:18px;
	}
#basket h2 {
	color:#fff;
	font-weight:bold;
	font-size:0.7em;
	padding:2px 9px 2px 32px;
	background:#78AA51 url(/common/img/icons/i_basket.gif) no-repeat 9px 5px;
	}
#basket .content {
	padding:0 9px;
	border:1px solid #B8B8B8;
	border-top:none;
	background-color:#fff;
	}
#basket .package {
	position:relative;
	}
#basket .package p {
	font-size:.7em;
	padding:3px 0 0 4px;
	}
#basket .img-basket {
	float:left;
	margin:5px 3px 0 0;	
	}
* html #basket .img-basket {
	margin:5px 0 0 0;
	}
#basket .package h2 {
	color:#333;
	font-weight:bold;
	font-size:0.7em;
	padding:6px 9px 1px 2px;
	background:none;
	}
#basket .package h2.current {
	color:#5CA5DC;
	}
#basket .package .summary {
	padding:0 0 10px 4px;
	border-bottom:1px solid #e7e7e7;
	}
#basket .package .summary.last {
	border-bottom:none;
	}
#basket .block {
	position:relative;
	clear:both;
	padding:10px 0 10px 4px;
	border-bottom:1px solid #e7e7e7;
	}
#basket .block.total {
	border-top:double 3px #78AA51;
	border-bottom:none;
	}
#basket .block.delivery {
	border-top:double 3px #e7e7e7;
	border-bottom:none;
	}
#basket .block.last {
	border-bottom:none;
	}
#basket .block h3,
#basket .block.current h3 {
	font-weight:bold;
	font-size:0.7em;
	color:#666;
	}
#basket .block.current h3 {
	color:#78AA51;
	}
#basket .block h4 {
	font-weight:bold;
	font-size:1.2em;
	color:#333;
	}
#basket .block p {
	font-size:.7em;
	}
#basket table {
	width:100%;
	border-collapse:collapse;
	}
#basket td {
	font-size:0.7em;
	padding:2px 0;
	}
#basket td span.image {
	float:left;
	padding:0 5px 0 0;
	}
#basket .package tr.total td.caption,
#basket .package tr.total td.cost {
	font-weight:bold;
	vertical-align:bottom;
	text-align:right;
	color:#666;
	}
#basket td.caption,
#basket td.description,
#basket td.cost,
#basket tr.total td.caption,
#basket tr.total td.cost {
	font-weight:bold;
	vertical-align:bottom;
	color:#333;
	}
#basket td.cost,
#basket tr.total td.cost {
	text-align:right;
	width:20%;
	}
#basket tr.total td.cost,
#basket tr.total td.caption {
	color:#999;
	}
#basket td.description {
	color:#666;
	}
#basket .buttons-foot {
	padding:3px 0 5px 0;
	}
	* html #basket .buttons-foot {
		padding:3px 0 2px 0;
		}
.form .row .message-note {
	width:99%;	
	}
#meta .links {
	float:right; 
	margin:5px 9px 0 0;
	font-size:.7em;
	}
/* Block with top and bottom lines*/
.lined-block{
	border:solid #eee;
	border-width:1px 0 0 0;
	padding:6px 0 3px 0;
	}
.lined-block em.highlight{
	font-weight:normal;
	}
.lined-block .table-main{
	margin-bottom:9px;
	}	
/* plan-expanded
---------------------------------------------- */	
#content .plan-expanded {
	margin:0 0 18px 0;
	padding:0;
	}
#content .plan-expanded li {
	margin:10px 0 10px 0;
	padding:0;	
	line-height:1em;
	background:none;
	}
#content .plan-expanded  h3 {
	font-size:1.15em;
	color:#e20074;
	font-weight:bold;
	}	
#content .plan-expanded li p {
	font-size:1em;
	}

#content .plan-expanded li DIV li {
	padding:0 9px;
	background:url(/common/img/navigation/left_nav_current.gif) no-repeat 0 0.5em;
	font-size:1em;
	line-height:normal;
	}	
.plan-expanded li div {
	display:none;
	margin:9px 0 18px 0;
	}
.plan-expanded td, .plan-expanded th {
	font-size:1em;
	}	
.plan-expanded ul{
	position:relative;
	}
a.sort-link, a.sort-link-a {
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	padding-right:13px;
	}
a.sort-link {
	background:url(/common/img/links/dsc.gif) right 80% no-repeat;
	}
a.sort-link-a {
	background:url(/common/img/links/asc.gif) right 80% no-repeat;
	}
	a.sort-link span, a.sort-link-a span {
		text-decoration:underline;
		}
	a.sort-link-a:hover, a.sort-link:hover {
		background-position:right 15%;
		}
/* Sort links for Display Tag library */
th.sort-link a, th.sort-link-a a {
	font-size:1em;
	font-weight:bold;
	line-height:1em;
	text-decoration:none;
	padding-right:13px;
	text-decoration:underline;
	}
th.sort-link a {
	background:url(/common/img/links/dsc.gif) right 80% no-repeat;
	}
th.sort-link-a a{
	background:url(/common/img/links/asc.gif) right 80% no-repeat;
	}
	th.sort-link-a a:hover, th.sort-link a:hover {
		background-position:right 15%;
		}
/* My Faves action-link and white highlight*/
#content .panel#welcome-myfaves{
	background:#597e0a;
	}
	#content .panel#welcome-myfaves a.action-link, 
	#content .panel#welcome-myfaves a.action-link a:hover, 
	#content .panel#welcome-myfaves p{
		color:#fff;
		}
	#content .panel#welcome-myfaves a.action-link span, #content .panel#welcome-myfaves a.action-link a:hover span{
		padding-right:7px;
		background:url(/eservice/content/img/arrow_r_white.gif) 100% no-repeat;
		}
/* CR 4123 - a phone manual iframe within MTM
------------------------------------------------*/
#pnone_manual_content {
	position:absolute;
	top:3em;
	left:60px;
	display:none;
	z-index:1000;
	padding:9px;
	width:590px;
	min-height:500px;
	background-color:#fff;
	border:1px solid #ccc;
	}
	* html #pnone_manual_content {
		height:500px;
		}
	#pnone_manual_content a.close-link {
		margin:0 9px 9px 0;
		}
#pnone_manual_content iframe {z-index:1001;}
		
.order-status {
	padding:9px;
	background:#F2F2F2;
	}
/* Print order
---------------------------------------------- */
.print-order {
	font-size:.7em;
	margin-bottom:20px;
	}
#content .print-order #content-action-print span {
	float:left;
	width:2em;
	margin-top:-3px;
	background:url(/common/img/icons/i_print.gif) 50% 0 no-repeat;
	}
#content .print-order a#content-action-print:hover span{
	background:url(/common/img/icons/i_print_highlight.gif) 50% 0 no-repeat;
	}
	
/* Disclaimer
----------------------------------------------- */
.disclaimer {
	margin-top:18px;
	}

/* Tips
---------------------------------------------- */
.tool-tip {
	color:#333;
	width:90px;
	border:1px solid #C4A63C;
	z-index:13000;
	}
.tool-text {
	font-size:.7em;
	padding:4px;
	background:#FDFFC9;
	}
big{
	font-size:1em;
	}
/* Loyalty 2a pop up window
---------------------------------------------- */
#t-overlay { 
	background-color:#333; 
	cursor:wait;
	}
#t-overlay-container { 
	top:40%;
	left:50%; 
	margin-left:-110px; 
	width:208px; 
	height:auto; 
	min-height:100px;  
	border:3px solid #333; 
	background:#fff url(/common/img/corner-panel/bgr_panel.gif) bottom repeat-x;	 
	text-align:left; 
	}
* html #t-overlay-container {
	top:expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(40 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	}

.panel.confirmilr { 
	display:none;
	margin:0;
	border:none;  
	}
.panel.confirmilr h3.highlight { 
	margin-bottom:6px;
	font-size:.9em;  
	}
.panel.confirmilr .content { 
	padding-right:0; 
	}
.panel.confirmilr .content p.confirm-msg {
	margin:20px 0;
	padding-right:9px;   
	}
.panel.confirmilr .row-group.right { 
	margin-right:38px;
	}
* html .panel.confirmilr .row-group.right { 
 	margin-right:0;
	padding-right:38px;
	}
/* New MTM Homepage css (created by Statyan and will be corrected)
---------------------------------------------- */
#mtm-container {
	background:url(/eservice/content/img/mtm-bgr.gif) top repeat-x;
	margin-bottom:14px;
	}
#mtm-container .content {
	padding:18px 9px 8px 9px;
	}
#mtm-container h3.mtm-usage-details {
	background-color:#eaeaea;
	padding:3px 9px;
	margin:0 -9px 10px -9px;
	}
#mtm-container table.table-horiz-border {
	width:408px;
	}
#mtm-container table tfoot tr {
	color:#78AA51;
	font-weight:bold;
	}
#mtm-container table tbody tr {
	background-color:#fff;
	}
#mtm-container .content .line-text {
	margin: 0px -10px;
	}
.usage-chart {
	margin-bottom:23px;
	}
	* html .usage-chart {
		margin-bottom:0;
		}
.usage-chart .chart-id {
	float:left;
	min-height:25px;	
	height:1.6em;
	width:15%;	
	background:url(/eservice/content/img/chart-id-top.gif) top no-repeat;  
	}
	* html .usage-chart .chart-id{
		ov\erflow: hidden;
		}
.chart-id-btm {
	background:url(/eservice/content/img/chart-id-btm.gif) bottom no-repeat; 
	margin-top:10px;
	}
#content .usage-chart p {
	position:relative;
	top:-4px;
	margin-top:0; 
	padding-top:0;		
	padding-bottom:1px; 
	font-weight:bold;
	}	
.usage-chart .chart-id p{ 
	color:#fff; 
	text-align:right; 
	padding-right:7px;
	}
.usage-chart .usage-container{ 
	width:85%;  
	float:left; 
	}
.chart-available { 
	background: url(/eservice/content/img/chart-available-top.gif) top repeat-x;
	min-height:25px; 
	height:1.6em;
	float:left; 
	}
.chart-available-btm {
	background:url(/eservice/content/img/chart-available-btm.gif) bottom repeat-x; 
	margin-top:10px;
	}
.usage-chart .chart-available p{ 
	color:#333;  
	text-align:right; 
	padding-right:10px;
	}
.chart-available span { 
	float:right; 
	font-size:.7em; 
	margin-top:-3px; 
	margin-right:7px;
	}
.chart-used {
	background:url(/eservice/content/img/chart-used-top.gif) top right no-repeat; 
	height:25px; 
	float:left;  
	}
.chart-used-btm {
	background:url(/eservice/content/img/chart-used-btm.gif) bottom right no-repeat; 
	margin-top:10px;
	}
.usage-chart .chart-used p{ 
	color:#fff;  
	text-align:left; 
	font-size:1em; 
	font-weight:bold; 
	padding:6px 0 0 10px;
	}
.chart-used span { 
	float:left; 
	font-size:.7em; 
	margin-top:-3px; 
	margin-left:7px; 
	color:#e20074;
	}
.mtm-quick-links img {
	behavior: url(js/iepngfix.htc);
	}
.mtm-quick-links {
	float:left;
	margin-right:4px;
	height:6.5em;
	width:105px;
	}
.mtm-quick-links.last-link {
	margin-right:0;
	}	
.mtm-quick-links img { 
	margin-top:10px;
	}
#content .mtm-quick-links h4 { 
	padding-top:0px; 
	padding-left:10px; 
	margin-top:5px;
	overflow:hidden;
	width:94px;
	}
.mtm-quick-links.mtm-active {
	background:url(/eservice/content/img/mtm-quick-links-grn.gif) no-repeat;
	
	}
#content .mtm-quick-links.mtm-active h4 {
	color: #fff;
	}
.mtm-quick-links.mtm-inactive {
	background:url(/eservice/content/img/mtm-quick-links-off.gif) no-repeat;
	}
#content .mtm-quick-links.mtm-inactive h4 {
	color:#cc6;
	}
.quick-links-text { 
 	width:432px; 
	min-height:1.3em;
	background:url(/eservice/content/img/mtm-quick-links-footer.gif) no-repeat bottom; 
	float:left; 
	margin-bottom:18px; 
	}
	* html .quick-links-text{
		he\ight:1.3em;
		height:1.3em;
		}
	#content .quick-links-text p { 
	color:#fff; 
	padding:2px 0 0 10px; 
	min-height:1.3em;
	margin-bottom:3px;		
	}
/* createaccount-step
---------------------------------------------- */
.createaccount-step {
	margin:0 0 18px 0;
	width:275px;
	height:50px;
	}
	.createaccount-step span {
		position: absolute;
		left: -9000px;
		display: none;
		}
span.tooltip-link {
	cursor:pointer;
	}
#tooltip {
	position:absolute;
	z-index:199;
	padding-top:2px;
	width:250px;
	text-align:left;
	}
	#tooltip span {
		padding:9px;
		border: 1px solid #78aa51;
		background:#fff;
		font-size:0.7em;
		float:left;
		}

/* Web Group text
---------------------------------------------- */
#emoticons  {
	float:right;
	width:216px;
	}
#emoticons td {
	width:36px;
	height:36px;
	padding:0;
	}
#add-contact .row {
	padding:4px 0 0 0;
	border-bottom:1px #b8b8b8 solid;
	}
* html #add-contact .row {
	padding:4px 0 10px 0;
	border-bottom:1px #b8b8b8 solid;
	}
#recipients{
	width:227px;
	}
#possibleContactsID{
	width:235px;	
	}
/*Styles for sugested contacts field for WGT - to do - change names of classes!!!
*****************************************/
.ac_results {
	position:absolute;
	overflow:hidden;
	z-index:3000;
	padding:0;
	border:solid #b8b8b8;
	border-width:0 1px 1px 1px;
	background:#fff;
	}
.ac_results ul {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	list-style-position:outside;
	}
.ac_results iframe {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	height:3000px;
	border:0;
	}
.ac_results li {
	display:block;
	overflow:hidden;
	margin:0;
	padding:2px 5px;
	width:100%;
	font-size:.7em;
	cursor:pointer;
	text-align:left;
	}
.ac_loading {
	background:url(./indicator.gif) no-repeat 100% 50%;
    }
.ac_over {
	color:#000;
	background:#e7e7e7;
	}
/*Tooltip 
*****************************************/
#tooltip {
	position:absolute;
	z-index:3000;
	border:1px solid #78aa51;
    background:#fff;
	padding:5px;
	font-size:.7em;
	opacity:0.85;
	}
#tooltip h3, #tooltip div {
	margin:0;
	text-align:left;
	}
#tooltip h3{
	font-size:1em;
	}
.icon-info{
	float:left;
	margin:16px 0 0 6px;
	background: url(/eservice/content/img/createaccount/icon_createaccount_info.gif) no-repeat;
	width:18px;
	height:19px;
	}
.icon-info.nomargin{
	margin:0;
	}
/* Upgrade offers styles :: offer-15MRC-discount
---------------------------------------------- */
#mastercard-gift .content {
	padding-top:50px;
	padding-right:125px;
	}
#content #mastercard-gift .content h3 {
	color:#333;
	font-size:1em;
	font-weight:bold;	
	}
#content #mastercard-gift .content .promo-link {
	float:right;
	line-height:80%;
	padding:3px 0 3px 0;
	font-size:1.3em;
	}
/* CR 5644 - change h4's color on better billing login page
---------------------------------------------- */
#content h4.highlight {
	color:#e20074;
	}
/* top in panel for TnC page 
---------------------------------------------- */
#together-rewards-tnc.panel {
	margin:0;
	}
	#together-rewards-tnc.panel .panel {
		width:240px;
		background-image:none;
		background-color:#fff;
		}
	#together-rewards-tnc .corner-lt {
		padding:1px 3px 5px 0;
		background:url(/eservice/content/img/inliferewards/bg_pnl_tnc_corner_lt.gif) no-repeat 0% 0%;
		}
	#together-rewards-tnc .corner-rt {
		background:url(/eservice/content/img/inliferewards/bg_pnl_tnc_corner_round.gif) no-repeat 100% 0%;
		}
	#together-rewards-tnc .corner-lb {
		background:url(/eservice/content/img/inliferewards/bg_pnl_tnc_corner_round.gif) no-repeat 0% 100%;
		}
	#together-rewards-tnc .corner-rb {
		background:url(/eservice/content/img/inliferewards/bg_pnl_tnc_corner_rb.gif) no-repeat 100% 100%;
		}
/* top in panel for TnC page 
---------------------------------------------- */
#thanks-for-opting-in.banner {
	margin-top:0;
	height:165px;
	}
a.icon-listen, a.icon-listen:hover{	
	color:#333;
	background:url(/eservice/content/img/createaccount/icon_listen.gif) 0% 0% no-repeat;
	}
.form .row a.icon-listen{
	text-decoration:none;
	}
a.icon-listen span{
	margin:0 15px;
	text-decoration:underline;
	}
/* inliferewards T'n'C
---------------------------------------------- */
#inliferewards-t-n-c {
	float:none;
	margin-right:18px;
	margin-left:0;
	width:auto;
	background-color:#fff;
	text-align:left;
	}
	* html #inliferewards-t-n-c {
		overflow-y:scroll;
		}
	
/* Process track ::Steps
---------------------------------------------- */
/* Process track ::Steps
---------------------------------------------- */
.process-track-wrap {
	float:left;
	background:#ebebeb url(/eservice/content/img/createaccount/bg_steps.gif) repeat-x scroll center top;
	}
	.process-track-wrap .corner-lt {padding:1px 3px 5px 0px; background:url(/common/img/corner-panel/corner_shadow_lt.gif) 0 0 no-repeat}
	.process-track-wrap .corner-rt {position:relative;background:url(/common/img/corner-panel/corner_round.gif) 100% 0 no-repeat}
	.process-track-wrap .corner-lb {background:url(/common/img/corner-panel/corner_round.gif) 0 100% no-repeat}
	.process-track-wrap .corner-rb {background:url(/common/img/corner-panel/corner_shadow_rb.gif) 100% 100% no-repeat}
	
.process-track {
	/*overflow:hidden;*/
	padding:0 9px 2px;
	color:#333;
	}
	.process-track .clear {
		width:1px;
		}
	#content .process-track ul {
		float:left;
		margin:0;
		padding:6px 0;
		list-style:none;
		border-bottom:3px solid #ccc;
		}
		#content .process-track ul li {
			float:left;
			margin:0;
			padding:0;
			width:102px;
			background:none;
			}
			.process-track ul li .marker {
				float:left;
				margin-right:-100%;
				padding:1px;
				width:1.45em; /*20px*/
				height:1.45em; 
				font-size:1.3em;
				line-height:1.45em;/* like width*/
				text-align:center;
				font-weight:bold;
				color:#000;
				}
				* html .process-track ul li .marker {
					display:inline;
					}
			.process-track ul li .step {
				float:left;
				margin-left:1.9em;
				margin-right:-0.5em;
				padding:0.36em 0 0 6px;
				font-size:1em;
				}
	.process-track .progress-track {
		position:relative;
		clear:left;
		overflow:hidden;
		top:-4px;
		height:3px;
		background-color:#60a5dc;
		}
		@media all and (-webkit-min-device-pixel-ratio:0) {/*this line readable only for safari and opera*/
			.progress-track {
			float:left; /*this lines remove safari float bug, but not affect opera*/
			}
		}

/* Steps ES 
---------------------------------------------- */
/* font color for done and to do steps */
.eservices-steps .current-step1 .step1,
.eservices-steps .current-step2 .step1, .eservices-steps .current-step2 .step2,
.eservices-steps .current-step3 .step1, .eservices-steps .current-step3 .step2, .eservices-steps .current-step3 .step3,
.eservices-steps .current-step4 .step1, .eservices-steps .current-step4 .step2, .eservices-steps .current-step4 .step3, .eservices-steps .current-step4 .step4 {
	color:#719e4d;
	}
/* markers for done and to do steps */
.eservices-steps .current-step1 .step1 .marker,
.eservices-steps .current-step2 .step1 .marker, .eservices-steps .current-step2 .step2 .marker,
.eservices-steps .current-step3 .step1 .marker, .eservices-steps .current-step3 .step2 .marker, .eservices-steps .current-step3 .step3 .marker,
.eservices-steps .current-step4 .step1 .marker, .eservices-steps .current-step4 .step2 .marker, .eservices-steps .current-step4 .step3 .marker, .eservices-steps .current-step4 .step4 .marker {
	background:#719e4d;
	border-color:#719e4d;
	color:#fff;
	}	
/* progress track color*/
.eservices-steps .process-track .progress-track {
	background-color:#719e4d;
	}

/* Progress tracking */
.current-step1 .progress-track {width:0;}
.current-step2 .progress-track {width:102px;}
.current-step3 .progress-track {width:204px;}
.current-step4 .progress-track {width:306px;}
.current-step4 .progress-track {width:408px;}

/* CR5578: 5 FREE Credit refreshing 
---------------------------------------------- */
#free-credit-mtm-login-page.panel {
	border:none;
	}
#free-credit-mtm-login-page .panel-medium {
	min-height:155px;
	}
	* html #free-credit-mtm-login-page .panel-medium {
		height:155px;
		}
#free-credit-mtm-login-page .eye-catchers {
	right:199px;
	top:4px;
	}
	#free-credit-mtm-login-page .eye-catchers img {
		width:68px;
		height:68px;
		}
#free-credit-mtm-login-page .content {
	padding:25px 9px 0 0;
	}
#content #free-credit-mtm-login-page .content p {
	color:#fff;
	}
#content #free-credit-mtm-login-page ul li {
	color:#fff;
	background:url(/content/services/free-credit-promo/left_nav_current_white.gif) no-repeat 0 0.5em;
	}
	
/* Hero offer
---------------------------------------------- */
.hero-offers {
	width:430px;
	}
	* html .hero-offers {
		width:430px;
		}
.panel.hero-offers{
	margin:0;
	border:none;
	}
.hero-offers .corner-lt {padding:2px 2px; background:url(/content/homepage/hero-offer/corner_hero_lt.gif) 0 0 no-repeat}
.hero-offers .corner-rt {position:relative;background:url(/content/homepage/hero-offer/corner_hero_round.gif) 100% 0 no-repeat}
.hero-offers .corner-lb {background:url(/content/homepage/hero-offer/corner_hero_round.gif) 0 100% no-repeat}
.hero-offers .corner-rb {background:url(/content/homepage/hero-offer/corner_hero_rb.gif) 100% 100% no-repeat}

.hero-offers .min-height {
	min-height:230px;
	}
	* html .hero-offers .min-height {
		height:230px;
		}
.jsenabled .hero-offers .content {
	display:none;
	padding:9px 9px 0 9px;
	}
.jsenabled .panel.hero-offers .controls {
	display:block;
	padding:0 0 0 6px;
	background:#d8d8d8 url(/content/homepage/hero-offer/bg_controls.gif) 0 0 repeat-x;
	}
	* html .jsenabled .panel.hero-offers .controls {
		padding:2px 0 0 6px; 
		height:28px;
		}
.controls-corner {
	position:relative;
	background: url(/content/homepage/hero-offer/controls_corner_lb.gif) 0 0 no-repeat;
	}	
	.controls-corner div {
		position:relative;
		height:2px;
		background:url(/content/homepage/hero-offer/controls_corner_rb.gif) 100% 0 no-repeat;
		overflow:hidden;
		}
	#content .controls ul {
		/*position:relative;*/ 
		margin:0;
		}	
		#content .panel .controls li {
			display:inline;
			float:left;
			margin:4px 9px 0 0;
			padding:0;
			width:22px;
			height:22px;
			text-align:center;
			background:none;
			}	
			.controls li a:link, .controls li a:visited {
				display:block;
				margin:4px 0 0 0;
				font-size:1.3em;
				font-weight:bold;
				color:#333;
				text-decoration:none;
				}		
		#content .controls li.prev {
			margin:1px 139px 0 0;
			width:28px;
			height:27px;	
			background:url(/content/homepage/hero-offer/btn_control_prev.gif) 0 0 no-repeat;
			}		
			#content .controls li.next {
				margin:1px 0 0 0;
				width:28px;
				height:27px;
				background:url(/content/homepage/hero-offer/btn_control_next.gif) 0 0 no-repeat;
				}
			#content .controls li.prev a,
			#content .controls li.next a {
				display:block;
				margin:0;
				width:28px;
				height:27px;
				}	
		.controls li span {
			display:none;
			}		

	
/* Hero offer Buttons
---------------------------------------------- */		
#content .hero-offers.offer01 li.offer01,
#content .hero-offers.offer02 li.offer02,
#content .hero-offers.offer03 li.offer03, 
#content .hero-offers.offer04 li.offer04 {background:url(/content/homepage/hero-offer/bg_controls_item.gif) 0 0 no-repeat;}

#content .hero-offers.offer01 li.offer01 a,
#content .hero-offers.offer02 li.offer02 a,
#content .hero-offers.offer03 li.offer03 a,
#content .hero-offers.offer04 li.offer04 a {color:#e20074;}

#content .hero-offers li.end {
	margin-right:167px; /* 134px - 3 offers; 167px - 2 offers*/
	}
 
/* Hero offer items
---------------------------------------------- */
/* Offer 01 */
	/* This selectors are using  for preloading images and viewing slider without javascript, do not delete */
.panel.hero-offers.offer01,.panel.hero-offers .content.item01,.hero-offers-preloader .offer01 {
	background:url(/eservice/content/img/login/hero-offer/offer01/bg_hero_5_free_credit.jpg) 0 0 no-repeat;
	}
	 .jsenabled .panel.hero-offers.offer01 .content.item01 {
		display:block;
		background:none;
		}
	.panel.hero-offers .content.item01 h1 {
		color:#fff;
		font-size:1.9em;
		}
	#content .panel.hero-offers .content.item01 h2 {
		margin-bottom:18px;
		color:#fff;
		font-size:1.05em;
		}
	#content .panel.hero-offers .content.item01 ul {
		margin-bottom:9px;
		}
	#content .panel.hero-offers .content.item01 ul li {
		background:url(/common/img/bullet_list_white.gif) 0pt 0.5em no-repeat;
		color:#fff;
		}
		
/* Offer 02 */
	/* This selectors are using  for preloading images and viewing slider without javascript, do not delete */
.panel.hero-offers.offer02,
.panel.hero-offers .content.item02,
.hero-offers-preloader .offer02 {
	background:url(/eservice/content/img/login/hero-offer/offer02/bg_hero_hello_to_online_bill.jpg) 2px 2px no-repeat;
	}
	.jsenabled .panel.hero-offers.offer02 .content.item02 {
		display:block;
		background:none;
		}
		.jsenabled .hero-offers.offer02 .content .content {
			display:block;
			padding:9px 9px 0 9px;
			}

.hero-offers .content.item02 .panel {
	float:right;
	margin:0;
	width:300px;
	background:#fff;	
	}
.hero-offers .content.item02 .corner-lt {
	background:transparent url(/eservice/content/img/login/hero-offer/offer02/bg_pnl_onlinebill_lt.gif) no-repeat 0 0;
	padding:0;
	}
.hero-offers .content.item02 .corner-rt {
	background:transparent url(/eservice/content/img/login/hero-offer/offer02/bg_pnl_onlinebill_round.gif) no-repeat 100% 0;
	}
.hero-offers .content.item02 .corner-lb {
	background:transparent url(/eservice/content/img/login/hero-offer/offer02/bg_pnl_onlinebill_round.gif) no-repeat 0 100%;
	}
.hero-offers .content.item02 .corner-rb {
	background:transparent url(/eservice/content/img/login/hero-offer/offer02/bg_pnl_onlinebill_rb.gif) no-repeat 100% 100%;
	}

.panel.hero-offers .content.item02 h1 {
	font-size:1.2em;
	color:#e20074;
	}
#content .panel.hero-offers .content.item02 ul {
	margin-bottom:7px;
	}
 
/* Javascript disabled
---------------------------------------------- */
.hero-offers .content {
	display:block;
	}
.hero-offers .controls {
	display:none;
	}	
/* Offer01, Offer01, Offer02 */
.panel.hero-offers .content.item01, .panel.hero-offers .content.item01, .panel.hero-offers .content.item02{
	background-position: 0 0;
	}
			
/* BSS
---------------------------------------------- */
.message-note-signup1-wide {
	margin-left:192px;
	width:auto;
	color:#e20074;
	font-size:0.7em;
	}
.mtm-bg-webtext-sidebar {
	background:url(/eservice/content/img/bg_sidebar_webtext.jpg) no-repeat 0 0;
	display:block;
	height:295px;
	margin-top:-5px;
	}		
	.mtm-bg-webtext-sidebar .content {
		padding:9px 5px 0 5px;
		}
	.mtm-bg-webtext-sidebar .content p.header {
		margin:7px 0 0 10px;	
		font-size:.9em;
		font-weight:bold;
		color:#fff;
		}		
	.mtm-bg-webtext-sidebar .content p.webtext-data {
		margin:153px 0 2px 0;	
		font-size:.7em;		
		}		
	.mtm-bg-webtext-sidebar .newbtn .padding {margin:0 0 0 7px;}
	
/* PAYG Upgrade offer
---------------------------------------------- */	

#mtm-bg-payg-upgrade {
	margin:-30px 0 0 18px;
	}	
	* html #mtm-bg-payg-upgrade {
		margin:-10px 0 0 18px;
		}	
	*+ html #mtm-bg-payg-upgrade {
		margin:-10px 0 0 18px;
		}			
#mtm-bg-white {
	background:#fff;
	}	
#bg-mtm-upgrade-phones {
	background:url(/eservice/content/img/upgrade/bg_upgrade_phone_text1.gif) no-repeat 75% 95%;	
	}	
ul.mtm-upgrade-phones li {
	background:none;	
	float:left;
	display:inline;
	width:82px;
	min-height:150px;
	text-align:center;
	padding:0 5px 0px;
	}
	* html ul.mtm-upgrade-phones li {height:150px;}
	
	ul.mtm-upgrade-phones li a.caption{
		display:block;
		height:35px;
		}


#how-to-upgrade a.link-white:link,
#how-to-upgrade a.link-white:visited,
#how-to-upgrade a.link-white:hover,
#how-to-upgrade a.link-white:active {
	color:#fff;
	font-weight:bold;
	}
#content #how-to-upgrade a.closed-plus:link,
#content #how-to-upgrade a.closed-plus:visited,
#content #how-to-upgrade a.closed-plus:hover,
#content #how-to-upgrade a.closed-plus:active,
#content #how-to-upgrade a.opened-minus:link,
#content #how-to-upgrade a.opened-minus:visited,
#content #how-to-upgrade a.opened-minus:hover,
#content #how-to-upgrade a.opened-minus:active
	{
	color:#fff;
	}
#how-to-upgrade  a.opened-minus span {
	background:url(/content/services/uk/upgrade/opened_minus.gif) 0 50% no-repeat;
	}
#how-to-upgrade  a.closed-plus span,
#how-to-upgrade a.closed-plus-default span {
	background:url(/content/services/uk/upgrade/closed_plus.gif) 0 50% no-repeat;
	}
#content .expandable-items p {
	color:#fff;
	}
.img-promo {
	min-height:310px;
	background:transparent url(/content/services/uk/upgrade/bg_upgrdepage.jpg) 100% 0 no-repeat;
	}
* html .img-promo {
		height:310px;	
	}

/* NAB (Network Address Book) QC16281 vrathod
---------------------------------------------- */
hr.divider {
	border:none;
	height:1px;
	background-color:#eee;
	margin:0 0 5px 0;
	padding:0;
	color:#eee;
	*margin-bottom:0;
}
.label-for-checkbox {
	font-size:0.7em;
	display:block;
	float:left;
	margin-left:17px;
	*margin-left:21px;
	position:relative;
	top:-15px;
	*top:-17px;
	display:inline;
	width:auto;
	margin-right:-15px;
	*margin-right:-17px;
}
.nab-terms-link {
	float:left;
	font-size:0.7em;
	margin:-15px 0 10px 17px;
	*margin:-17px 0 10px 21px;
}/* Generic Widths
---------------------------------------------- */
.width3col-middle {width:369px !important;}


/* CR6214 saltaf 130509 */

/* registration pages */
.mtm-reg h2 { margin-bottom:10px; }
#content .mtm-reg ul.steps { height:76px; margin:22px 0; padding:0 0 0 256px; background:url(/eservice/content/img/createaccount/steps_bg.gif) repeat-x 0 16px; }
#content .mtm-reg ul.steps li { width:72px; margin:0; padding:43px 0 0 0; float:left; list-style:none; background:none; color:#ccc; text-align:center; }
#content .mtm-reg ul.steps #step1 { color:#000; background:url(/eservice/content/img/createaccount/step1_bg_done.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step1.current { color:#e20074; background:url(/eservice/content/img/createaccount/step1_bg_current.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step1.done { color:#000; background:url(/eservice/content/img/createaccount/step1_bg_done.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step2 { background:url(/eservice/content/img/createaccount/step2_bg.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step2.current { color:#e20074; background:url(/eservice/content/img/createaccount/step2_bg_current.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step2.done { color:#000; background:url(/eservice/content/img/createaccount/step2_bg_done.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step3 { background:url(/eservice/content/img/createaccount/step3_bg.gif) no-repeat 18px 0; }
#content .mtm-reg ul.steps #step3.current { color:#e20074; background:url(/eservice/content/img/createaccount/step3_bg_current.gif) no-repeat 18px 0; }
#content .mtm-reg .header-wrap h4 { float:left; margin-right:18px; }
.mtm-reg .header-wrap p { float:left; margin:18px 0 6px; }
.mtm-reg p.tip { color:#16bb00; }
#one-column .mtm-reg .form fieldset.password-block .row.two-columns div { width:auto; }
.mtm-reg .buttons input { cursor:pointer; color:#fff; font-weight:bold; border:0; }
.mtm-reg .buttons .right-button { float:right; padding-right:3px; background:url(/eservice/content/img/createaccount/button_right_bg2.gif) no-repeat 100% 0; }
.mtm-reg .buttons .right-button input { padding:1px 2px 2px 10px; background:#b0bb66 url(/eservice/content/img/createaccount/button_right_bg.gif) no-repeat 0 0; }
.mtm-reg .buttons .left-button { float:left; padding-right:3px; background:url(/eservice/content/img/createaccount/button_left_bg2.gif) no-repeat 100% 0; }
.mtm-reg .buttons .left-button input { padding:1px 2px 2px 10px; background:#767676 url(/eservice/content/img/createaccount/button_left_bg.gif) no-repeat 0 0; }
.mtm-reg .buttons .left-button a { padding:2px 6px 4px 14px; display:block; color:#fff; font-size:.7em; font-weight:bold; text-decoration:none;  background:url(/eservice/content/img/createaccount/button_left_bg.gif) no-repeat 0 0; }
.mtm-reg .mtm-btn-pin { float:left; margin-bottom:8px; padding-right:3px; background:url(/eservice/content/img/createaccount/button_right_bg2.gif) no-repeat 100% 0; }
.mtm-reg .mtm-btn-pin input { padding:1px 2px 2px 10px; cursor:pointer; color:#fff; font-weight:bold; border:0; background:#b0bb66 url(/eservice/content/img/createaccount/button_right_bg.gif) no-repeat 0 0; }
.mtm-reg .form fieldset.step3_bg_img { background:#F2F2F2 url(/eservice/content/img/createaccount/step3_bg_img.jpg) no-repeat 100% 0; }
#content .mtm-reg .form fieldset.step3_bg_img h3 { margin:0; font-size:.7em; font-weight:bold; }
.mtm-reg .form fieldset.step3_bg_img dl { width:440px; margin:0; padding:0; line-height:1.3em; }
.mtm-reg .form fieldset.step3_bg_img dl dt { width:220px; float:left; font-weight:normal; }
.mtm-reg .form fieldset.step3_bg_img dl dd { width:220px; float:left; margin:0; }

/* mtm carousel */
#content ul.carousel { width:428px; height:225px; margin:0; position:relative; border:medium solid none;  }
#content ul.carousel li { width:428px; float:left; padding:0; background:none; }
#content ul.carousel li .tab { margin:0 0 4px 313px; padding:8px 0px 8px 8px; color:#fff; border:1px solid #e4e4e4; cursor:pointer; background:#6e6e6e url(/eservice/content/img/login/mtm_bg_tab.gif) repeat-x 0 0; }
#content ul.carousel li .tab h2 { font-size:1em; }
#content ul.carousel li .tab p { margin:0; font-size:1em; line-height:1.2em; font-weight:normal; }
#content ul.carousel li.current .tab { background:#f7f7f7 url(/eservice/content/img/login/mtm_bg_tab2.gif) repeat-x 0 0; }
#content ul.carousel li.current .tab h2 { color:#e20074; }
#content ul.carousel li.current .tab p { color:#000; }
#content ul.carousel li .img { width:309px; height:225px; position:absolute; top:0; left:0; overflow:hidden; display:none; }
#content ul.carousel li.biz .img { background:url(/eservice/content/img/login/mtm_biz.jpg) no-repeat 0 0; }
#content ul.carousel li.one .img { background:url(/eservice/content/img/login/mtm_offer1.jpg) no-repeat 0 0; }
#content ul.carousel li.two .img { background:url(/eservice/content/img/login/mtm_offer2.jpg) no-repeat 0 0; }
#content ul.carousel li.two .img p { font-size:1em;margin:120px 0 0 135px;}
#content ul.carousel li.three .img { background:url(/eservice/content/img/login/mtm_offer3.jpg) no-repeat 0 0; }


.biz-text {
position:relative;top:190px;left:20px;
}
/* link inside carousel */
.biz-reg-link {padding:14px 0 18px; position:relative;top:190px;left:20px;}
.biz-reg-link strong {margin:4px 8px 0 0; }
img.bizreg {margin-top:5px;position:relative;top:195px;left:20px;}

/* link under carousel */
p.reg-link { height:21px; padding:14px 0 18px; }
p.reg-link strong { float:left; margin:4px 8px 0 0; }
p.reg-link a { float:left; }

/* login/register box */
.login-panels { margin-top:30px; width:144px; overflow:hidden; background:url(/eservice/content/img/login/bg_login_panels.gif) no-repeat 0 100%; }
.login-panels .inner { padding:2px 4px 8px 6px }
.jsenabled .login-panels .register { display:none; }
.login-panels h3 { width:144px; height:29px; overflow:hidden; }
.login-panels h3 span { position:absolute; left:-9999px; }
.login-panels .login h3 { background:url(/eservice/content/img/login/bg_h3_login.gif) no-repeat 0 0; }
.login-panels .login h3 a { width:70px; height:20px; margin:4px 0 0 71px; display:block; cursor:pointer; }
.login-panels .register h3 { background:url(/eservice/content/img/login/bg_h3_register.gif) no-repeat 0 0; }
.login-panels .register h3 a { width:71px; height:20px; margin-top:4px;  display:block; cursor:pointer; }
#sidebar .login-panels .register ul { margin:4px 4px 12px 0; }
.login-panels p { margin-bottom:6px; font-size:0.7em; font-weight:bold; }
.login-panels label { font-size:0.7em; }
.jsenabled .login-panels label.labels { position:absolute; left:-9999px; }
.login-panels input.textfield { width:118px; margin-bottom:8px; padding:3px; border:1px solid #b8b8b8; font-size:0.7em; }
.login-panels .button { height:20px; margin:6px 6px 6px 0; }
.login-panels .button-inner { float:right; padding-right:3px; background:url(/eservice/content/img/createaccount/button_right_bg2.gif) no-repeat 100% 0; }
.login-panels .button input { float:right; padding:1px 0 3px 10px; color:#fff; font-size:0.7em; font-weight:bold; border:0; cursor:pointer; background:url(/eservice/content/img/createaccount/button_right_bg.gif) no-repeat 0 0; }  
.login-panels a.forgot-details { text-decoration:none; }
.jsenabled .login-panels .forgot-details-links { display:none; }
.login-panels .forgot-details-links p { font-weight:normal; }

/* CR6214 saltaf 130509 */





/* Family Project
---------------------------------------------- */

#family-tandc #termsAndConditionsFrame.terms.family {
	margin: 0 0 18px 0;
	width:592px;
	_width:590px;
	border:1px #b8b8b8 solid;
	}

#family-maintenance h3 {
	display:inline-block!important;
	margin-top:0;
	font-size:.7em;
	font-weight:bold;
	}

#family-maintenance h2.sub-title {
	margin:0px;
	}

#tile-id .panel.specific-width594px {
	margin-right:0;
	}

#tile-id h3.recent-activity-h3 {
	margin-bottom:10px;
	font-weight:bold;

	}

.extra-entries {
	height:23em;
	overflow-x:hidden;
	overflow-y:scroll;
	}
.offscreen-label {
	position:absolute!important;
	left:-9000px!important;;
	}

.hide-block {
	display:none;
	}

.show-block {
	display:block!important;
	}

.toggle-terms,
.open-terms {
	display:block !important;
	*display:inline!important;
	padding-left:15px !important;
	text-decoration:none;
	}

.toggle-terms {
	background:url(/common/img/links/closed_plus_stacked.gif) top left no-repeat !important;
	}

.open-terms {
	background:url(/common/img/links/opened_minus_stacked.gif) top left no-repeat !important;
	}

.toggle-terms:hover,
.open-terms:hover {
	background-position:bottom left !important;
	}

.js-fouc .expandable-block {
	display:none;
	}
.pink{color:#E20074;}

/* Paging
---------------------------------------------- */
.paging-container {
	background:#BA005F url(/eshop/content/common/bg_paging.gif) 100% 0 no-repeat;
	}
.paging-container .corner-lt {padding:0;background:url(/common/img/corner-panel/corner_shadow_lt.gif) 0 0 no-repeat}
.paging-container .corner-rt {background:url(/common/img/corner-panel/corner_round.gif) 100% 0 no-repeat}
.paging-container .corner-lb {background:url(/common/img/corner-panel/corner_round.gif) 0 100% no-repeat}
.paging-container .corner-rb {background:url(/common/img/corner-panel/corner_shadow_rb.gif) 100% 100% no-repeat}	

.paging-eshop {
	padding-top:10px;
	padding-left:10px;
	min-height:35px;
	color:#fff;
	}
	* html .paging-eshop {
		height:32px;
		he\ight:23px;
		}
#content .paging-eshop a:link, 
#content .paging-eshop a:visited {
	color:#fff;
	}
	#content .paging-eshop a:active,
	#content .paging-eshop a:hover {
		color:#fff;
		}	
.paging-eshop .all-pages {
	float:left;
	font-size:.7em;
	}
#content .paging-eshop .pages {
	float:right;
	margin:0;
	padding:0;
	}
	#content .paging-eshop .pages li {
		display:inline;
		float:left;
		background:none;
		margin:0 6px 0 0;
		padding:0;
		}
		#content .paging-eshop .pages li.page {
			margin:0;
			}
			#content .paging-eshop .pages li.page span {
				display:inline;
				float:left;
				margin:0 6px 0 0;
				font-weight:bold;
				}
			#content .paging-eshop .pages li.page ul {
				float:left;
				margin:0;
				}					
		#content .paging-eshop .pages li.previous {
			padding-right:7px;
			background:url(/eshop/content/common/bg_paging_split.gif) 100% 50% no-repeat;
			}
		#content .paging-eshop .pages li.next {
			padding-left:7px;
			background:url(/eshop/content/common/bg_paging_split.gif) 0 50% no-repeat;
			}		
	#content .paging-eshop .pages li ul li a {
		text-decoration:none;
		}

#sidebar big {
	font-size:1.2em;
	}
/* Process track ::Steps
---------------------------------------------- */
/* Extras
---------------------------------------------- */
/* autocler */
.nclear:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	font-size:0;
	}
.nclear {
	display:inline-block;
	display: block;
	}
* html .nclear {
	height:1px;
	}
.nclear {
	display: block;
	}
#content .process-track { color:#999;padding:0;margin:0;}
#content .process-track .back{ float:left; width:75px; margin-right:-4px}
#content .process-track .back span.l{background:url(/eshop/content/common/bg_steps.gif) no-repeat; width:3px; height:27px; float:left}
#content .process-track .back span.m{ background: url(/eshop/content/common/bg_steps_gradient.gif) repeat-x;  width:60px; height:20px;float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:63px; font-size:70%; text-decoration:underline; text-align:center; padding-top:5px}
#content .process-track .back span.r{background:url(/eshop/content/common/bg_steps.gif) -3px  no-repeat; width:3px; height:27px; float:left}
#content .process-track .side-l {background:url(/eshop/content/common/bg_steps.gif) no-repeat; width:3px; height:27px; float:left;}
#content .process-track .side-r {background:url(/eshop/content/common/bg_steps.gif) -3px  no-repeat;width:3px; height:27px; float:left}
#content .process-track ul{ float:left; /*used em here for a more graceful ie6 growth*/ width:423px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0;padding:0;  background:#f3f3f3 url(/eshop/content/common/bg_steps_gradient.gif) repeat-x; height:25px;}
#content .process-track ul li {float:left;  background:  url(/eshop/content/common/bg_steps.gif)  no-repeat -6px 0; padding:6px 0 0px 25px; xpadding:6px 0 5px 25px; min-height:19px; height:auto !important; height:19px;}
#content .process-track ul li.step1 {background:none;padding-left:10px;width:110px;}
#content .process-track ul li.step2 {width:150px;}
#content .process-track ul li.step3 {width:80px;}

#content .current-step1_5 .step1_5,
#content .current-step1 .step1,
#content .current-step2 .step2,
#content .current-step3 .step3,
#content .current-step4 .step4,
#content .current-step5 .step5{color: #cc0066}

#content .panel-mtm .button .btn { padding:2px 8px 4px 13px;  background:url(/eservice/content/img/mtm/submit_btn_green_bg.gif) no-repeat 0 0;border:0; }
#content .panel-mtm .button span{ padding:2px 0 6px 3px;  background:url(/eservice/content/img/mtm/submit_btn_green_bg.gif) no-repeat 100% 100%;border:0; }
#content .panel-mtm .sub-btn { margin:10px 0;}
.content.mtm-discount{ text-align:center;width:80px;min-height:80px; height:auto !important; height:80px; background:url(/eservice/content/img/upgrade/offers/pink_bubble.png) no-repeat 0 0; }
#content .mtm-discount h3.save{color:#fff;margin:0;padding:0;}
#content .panel-mtm .specific-width270px {margin-right:18px;width:270px;}
#content .completed {width:100%; background:url(/eservice/content/img/upgrade/bg_completd.jpg) no-repeat 100% 50%;}
.upgrade-status-msg {
	color:#78aa51;
	font-weight:bold;
	}
.closelb{background:url(/common/img/btn_close_lb.gif) no-repeat top left; width:30px; height:30px; position:absolute; top:-15px; right:-15px; overflow:hidden; text-indent:-9999px;}
.margin-left30px {margin-left:30px;}