/* AVNET START */

/* *********************************************************************************************************************
 * Self-Care Login Pages
 */ 

 
 main {
    font-size: 1.1em;
	}
 
.tmi-login {
	text-align: center;
}
.tmi-login .tmi-login-wrap {
	width: 407px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

.tmi-login .tmi-login-wrap-x {
}
div.tmi-block div.tmi-block-wrap-x header {
	margin-bottom: 21px;
	padding-left: 70px;
	min-height: 59px;
	background-position: 0 0;

	background-repeat: no-repeat;
}
div.tmi-block div.tmi-block-wrap-x header.tmi-icon-lrg-d {
	background-image: url(../images/self-care/icon-lrg-d.png);
}
div.tmi-block div.tmi-block-wrap-x header.tmi-icon-lrg-e {
	background-image: url(../images/self-care/icon-lrg-e.png);
}
div.tmi-block div.tmi-block-wrap-x header h2 {
	color: #0084c2;
	font-size: 1.6em;
	margin: 0 0 10px 0;
	padding: 0;
}
div.tmi-block div.tmi-block-wrap-x header p {
	margin: 0;
	padding: 0;
	color: #9b9b9b;
	font-size: .9em;
}

.tmi-login div.tmi-form-row {
	margin-bottom: 10px;
}
.tmi-login div.tmi-form-row label {
	float: left;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: .8em;
}
.tmi-login div.tmi-form-row input {
	float: right;
	width: 220px;
	border-color: #e4e4e4;
	color:#999;
}

.tmi-login div.tmi-form-btn {
	text-align: right;
	padding-top: 3px;
	margin-bottom: 12px;
}
.tmi-login div.tmi-form-btn input.tmi-form-btn {
	color: #fff;
    background-color: #00AEEF; /* Tesco Mobile blue */
    border: 3px solid  #00AEEF; /* Tesco Mobile blue */
    border-radius: 2px;

	display: inline-block;	
	float: right;
	height: 34px;
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	width: 200px;
	/*line-height: 34px;*/
	/*text-shadow: 1px 1px 1px #999;*/
	/*border: 1px solid #347d9b;*/
	/*border-bottom-width: 4px;*/
	
}

.tmi-login div.tmi-password input.tmi-form-btn {
	width: 130px;
	float: left;
	margin-left: 170px;
}

.tmi-login div.tmi-form-btn input.tmi-form-btn:hover {
    color: #fff;
    background-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
    border-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
    text-decoration: none;
}

.tmi-login div.tmi-form-btn input.tmi-form-btn:active {
	border-bottom-width: 1px;
}

.tmi-login div.tmi-form-btn a.tmi-form-btn-grey {
	display: inline-block;
	background: #d1d1d1;
	float: right;
	height: 34px;
	line-height: 30px;
	font-size: .8em;
	font-weight: normal;
	color: #FFF;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #999;
	text-align: center;
	border: 1px solid #a2a2a2;
	border-bottom-width: 4px;
	padding: 0 10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tmi-login div.tmi-form-btn a.tmi-form-btn-grey:active {
	border-bottom-width: 1px;
}

.tmi-login footer {
	font-size: .7em;
}
.tmi-login footer p {
	min-height: 32px;
	height:auto;
	line-height: 18px;
	padding: 5px 0 0 40px;
	word-wrap:break-word;
	margin: 0 0 8px 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.tmi-login footer p.tmi-login-icon-a {
	background-image: url(../images/self-care/icon-login-a.png);
}
.tmi-login footer p.tmi-login-icon-b {
	background-image: url(../images/self-care/icon-login-b.png);
}

.tmi-clubcard-success,
.tmi-clubcard-error,
.tmi-password-success,
.tmi-password-error,
.tmi-login-error {
	text-align: center;
	padding: 17px;
	border: 1px dashed #e00712;
	font-size: .8em;
	margin-bottom: 14px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tmi-clubcard-success,
.tmi-password-success {
	border-color: #86c43d;
	background-color: #e7f4da;
	color: #86c43d;
}
.tmi-clubcard-success p,
.tmi-clubcard-error p,
.tmi-password-success p,
.tmi-password-error p,
.tmi-login-error p {
	margin: 0;
	padding: 0;
}
.tmi-clubcard-error,
.tmi-clubcard-success {
	margin-bottom: -40px;
}

/* register page : start */
.tmi-register-step1  input.tmi-form-btn{float:right!important;clear:none;margin-left:10px!important;width:100px!important;font-size:0.7em!important;}



.tmi-password  input.tmi-form-btn{float:right!important;clear:none;margin-left:10px!important;width:120px!important;font-size:0.7em!important;}
.tmiSeqQuestion{line-height:44px;display:block;}
.tmi-short-input{width:120px!important;}
.tmi-form-required{color:red;margin: -2px 0 0 5px;}
#tmi-reg-step3 .tmi-form-row input {float:left!important;}
#tmi-reg-step3 .tmi-form-row label{width:160px!important;}
#tmi-reg-step3 .tmi-form-row label.tmi-short-label{width:100px!important;}

#tmi-reg-step4 .tmi-form-row input {float:left!important;}
#tmi-reg-step4 .tmi-form-row label{width:160px!important;}
#tmi-reg-step4 .tmi-form-row label.tmi-short-label{width:100px!important;}
#tmi-reg-step4 .tmi-form-row span.tmi-long-label{width:300px!important;display:inline-block;vertical-align:bottom}

.tmi-small-span{font-size:0.8em;line-height:32px;}
#tmi-reg-step3 .tmi-form-row input.tmi-long-input{width:390px;}

#tmi-reg-step4 .tmi-form-row input.tmi-long-input{width:390px;}

.tmi-reg-confirm{word-wrap:break-word; font-size:0.8em;line-height: 1.3em;}
#tmi-reg-step5 .button{width:100px; float:right;font-size: 1em; }
#tmi-reg-step1 a.tmi-form-btn-grey, #tmi-reg-step2 a.tmi-form-btn-grey, #tmi-reg-step3 a.tmi-form-btn-grey, #tmi-reg-step4 a.tmi-form-btn-grey, #tmi-reg-step5 a.tmi-form-btn-grey{font-weight:bold!important;width:100px!important;font-size:0.7em;}
#tmi-pgRegister .tmi-login-wrap{width:520px;}
#tmi-pgRegister .tmi-form-row input{width:330px;}

#tmi-reg-step5 .tmi-form-row input {float:left!important;}
#tmi-reg-step5 .tmi-form-row label{width:160px!important;}
#tmi-reg-step5 .tmi-form-row label.tmi-short-label{width:100px!important;}
#tmi-reg-step5 .tmi-form-row span.tmi-long-label{width:300px!important;display:inline-block;vertical-align:bottom}

/* register page : end */

/* *********************************************************************************************************************
 * Self-Care Page Menu
 */ 

.tmi-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tmi-menu ul li:first-child a {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	
	border-top: none !important;
}
.tmi-menu ul li:last-child a {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	border-bottom: none !important;
}
.tmi-menu ul li a {
	display: block;
	height: 46px;
	background: #00aeef;
	color: #FFF;
	text-shadow: 1px 1px 1px #777;
	font-size: 1em;
	
	border-top: 1px solid #66cef5;
	border-bottom: 1px solid #00739e;
	
	-moz-transition: background .25s linear;
	-webkit-transition: background .25s linear;
	-o-transition: background .25s linear;
	-ms-transition: background .25s linear;
	-khtml-transition: background .25s linear;
	transition: background .25s linear;
}
.tmi-menu ul li.tmi-active a,
.tmi-menu ul li:hover a {
	background: #0079a7;
	background: -webkit-linear-gradient(top, #0079a7, #0092c8);
	background: -moz-linear-gradient(top, #0079a7, #0092c8);
	background: -ms-linear-gradient(top, #0079a7, #0092c8);
	background: -o-linear-gradient(top, #0079a7, #0092c8);
	
	border-top-color: #0092c8;
}

.tmi-menu ul li span.tmi-icon {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 43px;
	margin: 7px 7px;
}

.tmi-menu ul li span.tmi-icon-homepage {
	background: url(../images/self-care/menu-a.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-homepage,
.tmi-menu ul li:hover span.tmi-icon-homepage {
	background-image: url(../images/self-care/menu-a-active.png);
}

.tmi-menu ul li span.tmi-icon-details {
	background: url(../images/self-care/menu-b.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-details,
.tmi-menu ul li:hover span.tmi-icon-details {
	background-image: url(../images/self-care/menu-b-active.png);
}

.tmi-menu ul li span.tmi-icon-billing {
	background: url(../images/self-care/menu-c.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-billing,
.tmi-menu ul li:hover span.tmi-icon-billing {
	background-image: url(../images/self-care/menu-c-active.png);
}

.tmi-menu ul li span.tmi-icon-usage {
	background: url(../images/self-care/menu-d.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-usage,
.tmi-menu ul li:hover span.tmi-icon-usage {
	background-image: url(../images/self-care/menu-d-active.png);
}

.tmi-menu ul li span.tmi-icon-addons {
	background: url(../images/self-care/menu-e.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-addons,
.tmi-menu ul li:hover span.tmi-icon-addons {
	background-image: url(../images/self-care/menu-e-active.png);
}

.tmi-menu ul li span.tmi-icon-clubcard {
	background: url(../images/self-care/menu-f.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-clubcard,
.tmi-menu ul li:hover span.tmi-icon-clubcard {
	background-image: url(../images/self-care/menu-f-active.png);
}

.tmi-menu ul li span.tmi-icon-topup {
	background: url(../images/self-care/menu-g.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-topup,
.tmi-menu ul li:hover span.tmi-icon-topup {
	background-image: url(../images/self-care/menu-g-active.png);
}

.tmi-menu ul li span.tmi-icon-webtext {
	background: url(../images/self-care/menu-h.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-webtext,
.tmi-menu ul li:hover span.tmi-icon-webtext {
	background-image: url(../images/self-care/menu-h-active.png);
}
.tmi-menu ul li span.tmi-icon-portin {
	background: url(../images/self-care/menu-portin.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-portin,
.tmi-menu ul li:hover span.tmi-icon-portin {
	background-image: url(../images/self-care/menu-portin-active.png);
}

.tmi-menu ul li span.tmi-icon-managecontacts {
	background: url(../images/self-care/menu-managecontacts.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-managecontacts,
.tmi-menu ul li:hover span.tmi-icon-managecontacts {
	background-image: url(../images/self-care/menu-managecontacts-active.png);
}

.tmi-menu ul li span.tmi-icon-webtexthistory {
	background: url(../images/self-care/menu-webtexthistory.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-webtexthistory,
.tmi-menu ul li:hover span.tmi-icon-webtexthistory {
	background-image: url(../images/self-care/menu-webtexthistory-active.png);
}

.tmi-menu ul li span.tmi-icon-upgrade {
	background: url(../images/self-care/menu-upgrade.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-upgrade,
.tmi-menu ul li:hover span.tmi-icon-upgrade {
	background-image: url(../images/self-care/menu-upgrade-active.png);
}

.tmi-menu ul li span.tmi-icon-topuphistory {
	background: url(../images/self-care/menu-topuphistory.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-topuphistory,
.tmi-menu ul li:hover span.tmi-icon-topuphistory {
	background-image: url(../images/self-care/menu-topuphistory-active.png);
}

.tmi-menu ul li span.tmi-icon-topuprecurring {
	background: url(../images/self-care/menu-topuprecurring.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-topuprecurring,
.tmi-menu ul li:hover span.tmi-icon-topuprecurring {
	background-image: url(../images/self-care/menu-topuprecurring-active.png);
}

.tmi-menu ul li span.tmi-icon-topupboost {
	background: url(../images/self-care/menu-topupboost.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-topupboost,
.tmi-menu ul li:hover span.tmi-icon-topupboost {
	background-image: url(../images/self-care/menu-topupboost-active.png);
}

.tmi-menu ul li span.tmi-icon-billpayment {
	background: url(../images/self-care/menu-billpayment.png) 0% 0% no-repeat;
}
.tmi-menu ul li.tmi-active span.tmi-icon-billpayment,
.tmi-menu ul li:hover span.tmi-icon-billpayment {
	background-image: url(../images/self-care/menu-billpayment-active.png);
}


/* *********************************************************************************************************************
 * Self-Care Page Content
 */ 


.tmi-intro {
	padding: 0;
	margin: 0 12px 19px 12px;
	background: #00aeef;
	color: #FFF;
	text-shadow: 1px 1px 1px #777;
	font-size: 1.4em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


div.tmi-block {
	padding: 11px 11px 60px 11px;
	border: 1px solid #ededed;
	background: #FFF url(../images/self-care/block-tile.png) bottom center repeat-x;
	margin-bottom: 19px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.tmi-block:last-child {
	margin-bottom: 0;
}

div.tmi-block div.tmi-block-wrap {
	min-height: 75px;
	
}
div.tmi-block div.tmi-block-wrap header {
	font-size: 1.6em;
	color: #0084c2;	
	margin-bottom: 60px;
    padding-left: 70px;
    padding-top: 18px;
}

div.tmi-block div.tmi-block-wrap.top-up-header header{
	margin-bottom: 40px;
}

div.tmi-block div.tmi-block-wrap header span {
	color: #424242;
}

div.tmi-block div.tmi-icon-lrg-a {
	background: url(../images/self-care/icon-lrg-a.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-b {
	background: url(../images/self-care/icon-lrg-b.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-c {
	background: url(../images/self-care/icon-lrg-c.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-f {
	background: url(../images/self-care/icon-lrg-f.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-g {
	background: url(../images/self-care/icon-lrg-g.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-h {
	background: url(../images/self-care/icon-lrg-h.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-i {
	background: url(../images/self-care/icon-lrg-i.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-j {
	background: url(../images/self-care/icon-lrg-j.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-k {
	background: url(../images/self-care/icon-lrg-k.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-l {
	background: url(../images/self-care/icon-lrg-l.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-p {
	background: url(../images/self-care/icon-lrg-p.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-q {
	background: url(../images/self-care/icon-lrg-q.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-r {
	background: url(../images/self-care/icon-lrg-r.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-s {
	background: url(../images/self-care/icon-lrg-s.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-t {
	background: url(../images/self-care/icon-lrg-t.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-u {
	background: url(../images/self-care/icon-lrg-u.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-upgrade {
	background: url(../images/self-care/icon-lrg-upgrade.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-topuphistory {
	background: url(../images/self-care/icon-lrg-topuphistory.png) top left no-repeat;
}

div.tmi-block div.tmi-icon-topuprecurring {
	background: url(../images/self-care/icon-lrg-topuprecurring.png) top left no-repeat;
}


div.tmi-left {
	float: left;
}
div.tmi-right {
	float: right;
}

div.tmi-columns div.tmi-left,
div.tmi-columns div.tmi-right {
	width: 350px;
}

div.tmi-columns {
	margin-bottom: 20px;
}
div.tmi-columns:last-child {
	margin-bottom: 0;
}

/*
div.tmi-acc-details, div.tmi-acc-natdir, div.tmi-acc-summary {
	padding-left: 20px;
}*/
div.tmi-acc-details div.tmi-acc-details-row {
	margin-bottom: 20px;
}
div.tmi-acc-details div.tmi-acc-details-row:last-child {
	margin-bottom: 0;
}
div.tmi-acc-details div.tmi-acc-details-row p {
	padding: 0;
	margin: 0;
	min-height: 22px;
	line-height: 22px;
	clear:both;
}
div.tmi-details-wrap{padding-left:50px;display:block;height:auto;}
div.tmi-acc-details div.tmi-acc-details-row p span {
	display: inline-block;
	height: 26px;
	font-size: .8em;
	width: 150px;
}
div.tmi-acc-details div.tmi-acc-details-row p strong {
	color: #9cc119;
}

.tmi-acc-natdir p {
	font-size: .8em;
	line-height: 1.4em !important;
}
.tmi-acc-natdir .tmi-acc-natdir-toggle {
	text-align: left;
}
.tmi-acc-roam span.tmi-toggle,
.tmi-acc-natdir .tmi-acc-natdir-toggle span, #tmi-reg-step3 .tmi-reg-toggle, #tmi-reg-step4 .tmi-reg-toggle {
	display: inline-block;
	cursor: pointer;
	width: 76px;
	height: 32px;
	background-image: url(../images/self-care/onoff-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#tmi-reg-step3 .tmi-reg-toggle, #tmi-reg-step4 .tmi-reg-toggle{float:right;}

.tmi-reg-natdir-toggle span {
	display: inline-block;
	cursor: pointer;
	width: 179px;
	height: 38px;
	background-image: url(../images/self-care/regunreg-button.png);
	background-position: 0 -35px;
	background-repeat: no-repeat;
}
.tmi-reg-toggle-off{
background-position:0 0!important;
}

.tmi-acc-roam span.tmi-toggle-off,
.tmi-acc-natdir .tmi-acc-natdir-toggle span .tmi-toggle-off, #tmi-reg-step3 .tmi-reg-natdir-toggle-off, #tmi-reg-step4 .tmi-reg-natdir-toggle-off {
	background-position: 0 -32px;
}


.tmi-acc-roam {
	padding-top: 5px;
}
.tmi-acc-roam span.tmi-toggle {
	float: right;
	margin-right: 22px;
}
.tmi-acc-roam span.tmi-label {
	display: inline-block;
	font-size: .8em;
	height: 32px;
	line-height: 32px;
}


form .tmi-clubcard-add  {
	margin-top: 60px;
}
.tmi-clubcard-remove {margin-top:24px;}
.tmi-clubcard-remove .tmi-form-row,
.tmi-clubcard-add .tmi-form-row {
	position: relative;
}
.tmi-clubcard-remove  .tmi-form-row label,
form .tmi-clubcard-add  .tmi-form-row label {
	float: left;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	font-size: 1em;
	
}
.tmi-clubcard-remove  .tmi-form-row .tmi-form-text,
form .tmi-clubcard-add  .tmi-form-row .tmi-form-text {
	
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
	border-color: #e4e4e4;
}
.tmi-clubcard-remove  .tmi-form-row .tmi-form-btn,
form .tmi-clubcard-add  .tmi-form-row .tmi-form-btn {
	margin-left: 20px;
	display: inline-block;
	background: #00aaeb;


	height: 34px;
	line-height: 34px;
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #999;
	text-align: center;
	border: 1px solid #347d9b;
	border-bottom-width: 4px;
	width: 150px;
	position: absolute;
	right: 0;
}
.tmi-clubcard-remove  .tmi-form-row .tmi-clubcard-num {
	display: inline-block;
	height: 34px;
	line-height: 34px;
}


.tmi-acc-psswrd div.tmi-form-row {
	margin-bottom: 10px;
}
.tmi-acc-psswrd div.tmi-form-row label {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: .8em;
}
.tmi-acc-psswrd div.tmi-form-row input {
	border-color: #e4e4e4;
}

.tmi-acc-psswrd div.tmi-form-btn {
	text-align: right;
	padding-top: 3px;
	margin-bottom: 12px;
}
.tmi-acc-psswrd div.tmi-form-btn input.tmi-form-btn {
	display: inline-block;
	background: #00aaeb;
	float: right;
	height: 34px;
	line-height: 34px;
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #999;
	text-align: center;
	border: 1px solid #347d9b;
	border-bottom-width: 4px;
	width: 150px;
}
.tmi-acc-psswrd div.tmi-form-btn input.tmi-form-btn:hover {
	background: #00aaeb;
}
.tmi-acc-psswrd div.tmi-form-btn input.tmi-form-btn:active {
	border-bottom-width: 1px;
}


div.tmi-grad-wrapper {
	background: #d3d3d3;
	background: -webkit-linear-gradient(top, #a7a7a7, #ffffff);
	background: -moz-linear-gradient(top, #a7a7a7, #ffffff);
	background: -ms-linear-gradient(top, #a7a7a7, #ffffff);
	background: -o-linear-gradient(top, #a7a7a7, #ffffff);
	
	padding: 1px;
	margin-bottom: 11px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.tmi-grad-wrapper:last-child {
	margin-bottom: 0;
}
div.tmi-grad-inner {
	min-height: 30px;
	background: #e3e3e3;
	padding: 3px;
	position: relative;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
div.tmi-grad-inner-morepad {
	padding: 11px !important;
}

div.tmi-grad-inner-overlay {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	min-height: 30px;
	background: #e3e3e3 url(../images/self-care/ajax-loader.gif) 70% 50% no-repeat;
	opacity: 0.8;
	height: 36px;
	text-align: center;
	line-height: 38px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	display: none;
}


div.showing{
	position: relative;
	display: block;
}

ul.tmi-addon-item {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 32px;
	overflow: hidden;	
}
ul.tmi-addon-item li {
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 0.8em;
	float:left;
	font-weight: bold;
}
ul.tmi-addon-item li.tmi-addon {
	float: left;
	padding-left: 10px;
}
ul.tmi-addon-item li.tmi-divider,
ul.tmi-addon-item li.tmi-type,
ul.tmi-addon-item li.tmi-cost,
ul.tmi-addon-item li.tmi-expiry,
ul.tmi-addon-item li.tmi-btn-onoff {
	float: right;
}

li.tmi-type,
li.tmi-cost,  
li.tmi-expiry {
	width: 75px;
}

ul.tmi-addon-item li.tmi-divider span {
	display: block;
	width: 0px;
	height: 12px;
	border-left: 1px solid #C9C9C9;
	border-RIGHT: 1px solid #FFFFFF;
	margin: 10px 15px 0 0;
}

li.tmi-btn-onoff span.tmi-btn {
	display: block;
	cursor: pointer;
	width: 76px;
	height: 32px;
	background-image: url(../images/self-care/onoff-button.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li.tmi-btn-onoff span.tmi-btn-off {
	background-position: 0 -32px;
}


div.tmi-acc-summary div.tmi-left {
	width: 45%;
	padding-right: 21px;
	border-right: 1px solid #dbdbdb;
}
div.tmi-acc-summary-item {
	color: #424242;
	padding: 4px 0;
}
div.tmi-acc-summary-item span {
	font-size: .8em;
	display: inline-block;
	width: 118px;
	color: #606060;
}

div.tmi-bonus-balance-expiry-date {
	font-size: .8em !important;
	margin-top: 20px !important;
	padding: 0 !important;
}

div .tmi-callhist-th ul li {
	float: left;
	display: block;
	height: 21px;
	line-height: 21px;
	font-size: .8em;
}
div .tmi-callhist-th ul li:first-child {
	font-size: .8em;
	margin-left: 10px;
	width: 52px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-b,
div .tmi-callhist-th ul li.tmi-callhist-th-d,
div .tmi-callhist-th ul li.tmi-callhist-th-f,
div .tmi-callhist-th ul li.tmi-callhist-th-f1,
div .tmi-callhist-th ul li.tmi-callhist-th-h,
div .tmi-callhist-th ul li.tmi-callhist-th-j {
	margin-right: 8px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-c {
	width: 120px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-e {
	width: 135px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-g {
	width: 75px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-i {
	width: 45px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-g1 {
	width: 50px;
}
div .tmi-callhist-th ul li.tmi-callhist-th-k {
	width: 53px;
}


div .tmi-callhist-th ul li span.tmi-divider {
	display: block;
	width: 0px;
	height: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #FFF;
	margin-top: 6px;
}


.tmi-callhist-options {
	font-size: .8em;
	margin-bottom: 17px;
	text-align: right;	
}

.tmi-callhist-options > div {
	display: inline-block;
}

.tmi-callhist-options .tmi-callhist-options-show {
	width: 90px;
	position: relative;
	margin-left: 20px;
	top: 2px;
}
.tmi-callhist-options .tmi-callhist-options-show select {
	float: right;
	height: 21px;
	width: 50px;
	position: absolute;
	top: -4px;
	right: 0;
	border-color: #777;
}
.tmi-callhist-options .tmi-callhist-options-show span {
	float: left;
}

.tmi-callhist-options span.tmi-callhist-options-paging {
	margin-left: 20px;
}
.tmi-callhist-options span.tmi-callhist-options-paging span:first-child {
	margin-right: 7px;
}
.tmi-callhist-options span.tmi-callhist-options-paging span a {
	display: inline-block;
	
}
.tmi-callhist-options span.tmi-callhist-options-paging span a.tmi-active {
	color: #333;
}

.tmi-callhist-options-export {
	float: left;
	margin-left: 25px;
}
.tmi-callhist-options-export a {
	display: inline-block;
	margin-left: 7px;
}


div.tmi-th {
	margin-bottom: 15px;
}
div .tmi-callhist-th ul,
div.tmi-th ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.tmi-th ul li.tmi-left {
	float: left;
}
div.tmi-th ul li.tmi-right {
	float: right;
}
div.tmi-th ul li.tmi-th-c {
	width: 155px;
	font-size: .8em;
}
div.tmi-th ul li.tmi-th-b {
	width: 92px;
	font-size: .8em;
}


div.tmi-acc-summary div.tmi-right {
	width: 50%;
}
div.tmi-acc-summary-addr span {
	float: left;
	font-size: .8em;
	display: inline-block;
	width: 65px;
	color: #606060;
	line-height: 1.6em;
}
div.tmi-acc-summary-addr p {
	color: #919191;
	font-size: .8em;
	overflow: hidden;
	padding: 0;
	margin: 0;
	line-height: 1.6em;
}


div .tmi-clubcard-th ul li {
	float: left;
	display: block;
	height: 21px;
	line-height: 21px;
	font-size: .8em;
}
div .tmi-clubcard-th ul li:first-child {
	font-size: .8em;
	margin-left: 10px;
	width: 105px;
}
div .tmi-clubcard-th ul li.tmi-clubcard-th-b,
div .tmi-clubcard-th ul li.tmi-clubcard-th-d,
div .tmi-clubcard-th ul li.tmi-clubcard-th-f,
div .tmi-clubcard-th ul li.tmi-clubcard-th-j, {
	margin-right: 8px;
}
div .tmi-clubcard-th ul li.tmi-clubcard-th-c {
	width: 50px;
}
div .tmi-clubcard-th ul li.tmi-clubcard-th-e {
	width: 60px;
}
div .tmi-clubcard-th ul li.tmi-clubcard-th-g {
}
div .tmi-clubcard-th ul li.tmi-clubcard-th-h {
	width: 150px;
}

div .tmi-clubcard-th ul li span.tmi-divider {
	display: block;
	width: 0px;
	height: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #FFF;
	margin-top: 6px;
}


div.tmi-clubcard-table ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div.tmi-clubcard-table ul li {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #FFF;
	font-size: 0.8em;
}
div.tmi-clubcard-table ul li.tmi-alt {
	background-color: #F1F1F1 !important;
}
div.tmi-clubcard-table ul li:first-child {
	/*padding-top: 0;*/
	border-top: none;
}
div.tmi-clubcard-table ul li:last-child {
	/*padding-bottom: 0;*/
	border-bottom: none;
}

div.tmi-clubcard-table ul li span {
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
}
div.tmi-clubcard-table ul li span.tmi-date {
	width: 150px;
	padding-left: 10px;
}
div.tmi-clubcard-table ul li span.tmi-points {
	width: 50px;
}
div.tmi-clubcard-table ul li span.tmi-amount {
	width: 90px;
}
div.tmi-clubcard-table ul li span.tmi-channel {
}


div.tmi-progress-bar {
	width: 100%;
	height: 95px;
	margin-bottom: 11px;
}
div.tmi-progress-bar:last-child {
	margin-bottom: 0px;
}

div.tmi-progress-bar header {
	font-size: 1em !important;
	padding: 5px 0 5px 7px !important;
	margin-bottom: 0 !important;
}
div.tmi-progress-bar .tmi-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
div.tmi-progress-bar .tmi-list ul li {
	float: left;
	margin-left: 7px;
}
div.tmi-progress-bar .tmi-list ul li.tmi-divider span {
	display: block;
	width: 0px;
	height: 10px;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #FFF;
}

.progressBar, .progressBarCalls, .progressBarData, .progressBarTexts {
		margin-top: 36px;
		margin-left: 10px;
		margin-right: 10px;
		height: 11px;
		border-top: 1px solid #929292;
		border-bottom: 1px solid #fff;
		background-color: #C0C3C7;
}

.progressBar div,.progressBarCalls div, .progressBarData div, .progressBarTexts div {
		height: 100%;
		color: #fff;
		text-align: right;
		line-height: 22px; /* same as #progressBar height if we want text middle aligned */
		width: 0;
		background-color: #C0C3C7;
}
.tiny-green {
    position: relative;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

.tiny-green div {

	font-family: arial;
	font-size: 3px;
	color: white;
	text-align: right;
	text-shadow: 0px 0px 2px #000;
	text-indent: 9999px;
	overflow: hidden;

	background: rgb(174,201,10); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlYzkwYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MmExMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(174,201,10) 0%, rgb(130,161,51) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(174,201,10)), color-stop(100%,rgb(130,161,51))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(174,201,10) 0%,rgb(130,161,51) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(174,201,10) 0%,rgb(130,161,51) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(174,201,10) 0%,rgb(130,161,51) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(174,201,10) 0%,rgb(130,161,51) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aec90a', endColorstr='#82a133',GradientType=0 ); /* IE6-8 */

	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
	max-width: 100% !important;
	
}
.tiny-blue {
    position: relative;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

.tiny-blue div {

	font-family: arial;
	font-size: 3px;
	color: white;
	text-align: right;
	text-shadow: 0px 0px 2px #000;
	text-indent: 9999px;
	overflow: hidden;

	background: rgb(45,182,228); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYzkyY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(45,182,228) 0%, rgb(12,146,205) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(45,182,228)), color-stop(100%,rgb(12,146,205))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,182,228) 0%,rgb(12,146,205) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,182,228) 0%,rgb(12,146,205) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,182,228) 0%,rgb(12,146,205) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,182,228) 0%,rgb(12,146,205) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db6e4', endColorstr='#0c92cd',GradientType=0 ); /* IE6-8 */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}
.tiny-pink {
    position: relative;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

.tiny-pink div {

	font-family: arial;
	font-size: 3px;
	color: white;
	text-align: right;
	text-shadow: 0px 0px 2px #000;
	text-indent: 9999px;
	overflow: hidden;

	background: rgb(240,60,139); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2YwM2M4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjJlNzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(240,60,139) 1%, rgb(166,46,118) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(240,60,139)), color-stop(100%,rgb(166,46,118))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(240,60,139) 1%,rgb(166,46,118) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(240,60,139) 1%,rgb(166,46,118) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(240,60,139) 1%,rgb(166,46,118) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(240,60,139) 1%,rgb(166,46,118) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03c8b', endColorstr='#a62e76',GradientType=0 ); /* IE6-8 */


	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

.tiny-yellow {
    position: relative;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

.tiny-yellow div {
	font-family: arial;
	font-size: 3px;
	color: white;
	text-align: right;
	text-shadow: 0px 0px 2px #000;
	text-indent: 9999px;
	overflow: hidden;

	background: rgb(253,195,0); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWRhMzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgb(253,195,0) 0%, rgb(242,140,26) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(253,195,0)), color-stop(100%,rgb(242,140,26))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(253,195,0) 0%,rgb(242,140,26) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(253,195,0) 0%,rgb(242,140,26) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(253,195,0) 0%,rgb(242,140,26) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(253,195,0) 0%,rgb(242,140,26) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */


	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}
span.tooltip {
      position: absolute;
	  background-image:url("../images/tooltip.png");
	  background-size: 31px 23px;
	  width:31px;
	  background-repeat:no-repeat;
	  height:25px;
      line-height: 18px;
     

	  padding-top:7px;
      font-size: 10px;
      text-align: center;
      color: #000;
	  font-weight:bold;
	  margin-top:2px;
	  margin-left:-15px;
	  *height:25px;
	  *padding-top:4px;
	  *padding-bottom:2px;
	  *margin-top:2px;
	  opacity: 100;
}

/* Button override : start */
.button {	
	margin-top: 10px;
	height: 34px!important;
	line-height: 34px!important;
	cursor:pointer;
	}
/* Button override : end */

div.tmi-1{
    background-image: url(../images/self-care/progressbar/icon-voice.png);
    background-position:top 10px right;
    background-repeat:  no-repeat;
    position:relative;
    background-color: #E8E8E8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #A8A8A8;

}
div.tmi-2{
    background-image: url(../images/self-care/progressbar/icon-data.png);
    background-position:top 10px right;
    background-repeat:  no-repeat;
    position:relative;
    background-color: #E8E8E8;
    border-radius: 5px;
    border: 1px solid #A8A8A8;
}
div.tmi-3{
    background-image: url(../images/self-care/progressbar/icon-texts.png);
    background-position:top 10px right;
    background-repeat:  no-repeat;
    position:relative;
    background-color: #E8E8E8;
    border-radius: 5px;
    border: 1px solid #A8A8A8;
}
div.tmi-4{
    background-image: url(../images/self-care/progressbar/icon-other.png);
    background-position:top 10px right;
    background-repeat:  no-repeat;
    position:relative;
    background-color: #E8E8E8;
    border-radius: 5px;
    border: 1px solid #A8A8A8;
}

div.tmi-calls header, li.tmi-addon{
	color: #db2f6d !important;
}
.tmi-calls-heading{color: #db2f6d !important;}

div.tmi-data header, li.tmi-addon {
	color: #0085c5 !important;
}
.tmi-data-heading{color: #0085c5 !important;}

div.tmi-texts header, li.tmi-addon{
	color: #99c11b !important;
}
.tmi-texts-heading{color: #99c11b !important;}

div.tmi-texts-inbound header, li.tmi-addon{
	color: #99c11b !important;
}
.tmi-texts-inbound-heading{color: #99c11b !important;}

div.tmi-others header, li.tmi-addon{
	color: rgb(253,195,0) !important;
}
.tmi-others-heading{color: rgb(253,195,0) !important;}

div.tmi-callhist-table ul {
	list-style: none;
	padding: 0;
	margin: 0;
	min-width: 580px;
}
div.tmi-callhist-table ul li {
	display: block;
	padding: 7px 0;
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #FFF;
	font-size: 0.8em;
}
div.tmi-callhist-table ul li.tmi-alt {
	background-color: #F1F1F1 !important;
}
div.tmi-callhist-table ul li:first-child {
	/*padding-top: 0;*/
	border-top: none;
}
div.tmi-callhist-table ul li:last-child {
	/*padding-bottom: 0;*/
	border-bottom: none;
}
div.tmi-callhist-table{font-size:0.9em; overflow-x: auto;}

div.tmi-callhist-table ul li span {
	display: block;
	float: left;
	min-height: 15px;
	line-height: 15px;
}
div.tmi-callhist-table ul li span.tmi-texts {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/text-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}
div.tmi-callhist-table ul li span.tmi-texts-inbound {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/text-inbound-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}
div.tmi-callhist-table ul li span.tmi-data {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/data-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}
div.tmi-callhist-table ul li span.tmi-calls {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/calls-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}

div.tmi-callhist-table ul li span.tmi-picture {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/picture-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}

div.tmi-callhist-table ul li span.tmi-other {
	padding-left: 24px;
	width: 60px;
	background: url(../images/self-care/callhist/other-icon.png) 20% 50% no-repeat;
	cursor:pointer;
}

div.tmi-callhist-table ul li span.tmi-date {
	width: 130px;
}
div.tmi-callhist-table ul li span.tmi-num {
	width: 140px;
}
div.tmi-callhist-table ul li span.tmi-use {
	width: 77px;
	text-align: right;
	margin-right: 20px;
}
div.tmi-callhist-table ul li span.tmi-units {
	width: 55px;
}
div.tmi-callhist-table ul li span.tmi-cost {
	width: 52px;
}
div.tmi-callhist-table ul li span.tmi-roam {
	width: 56px;
}

div.tmi-callhist-table ul li span.tmi-roam i.tmi-roam-on {
	display: inline-block;
	width: 100%;
	height: 16px;
	background-image: url(../images/self-care/roaming-on.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

div.tmi-callhist-table ul li span.tmi-num i.tmi-flag {
	display: inline-block;
	width: 16px;
	height: 11px;
	margin: 0 3px;
	background-image: url(../images/self-care/flags/flags.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#tmi-pgAddons div.tmi-th ul li.tmi-th-c{width:65px;}
#tmi-pgOnceOffAddons div.tmi-th ul li.tmi-th-c{width:75px;}


/* CALL HISTORY FLAGS */
div.tmi-callhist-table ul li span.tmi-num i.tmi-ad {background-position: -16px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ae {background-position: -32px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-af {background-position: -48px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ag {background-position: -64px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ai {background-position: -80px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-al {background-position: -96px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-am {background-position: -112px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-an {background-position: -128px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ao {background-position: -144px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ar {background-position: -160px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-as {background-position: -176px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-at {background-position: -192px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-au {background-position: -208px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-aw {background-position: -224px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-az {background-position: -240px 0}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ba {background-position: 0 -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bb {background-position: -16px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bd {background-position: -32px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-be {background-position: -48px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bf {background-position: -64px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bg {background-position: -80px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bh {background-position: -96px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bi {background-position: -112px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bj {background-position: -128px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bm {background-position: -144px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bn {background-position: -160px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bo {background-position: -176px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-br {background-position: -192px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bs {background-position: -208px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bt {background-position: -224px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bv {background-position: -240px -11px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bw {background-position: 0 -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-by {background-position: -16px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-bz {background-position: -32px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ca {background-position: -48px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-catalonia {background-position: -64px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cd {background-position: -80px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cf {background-position: -96px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cg {background-position: -112px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ch {background-position: -128px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ci {background-position: -144px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ck {background-position: -160px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cl {background-position: -176px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cm {background-position: -192px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cn {background-position: -208px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-co {background-position: -224px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cr {background-position: -240px -22px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cu {background-position: 0 -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cv {background-position: -16px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cw {background-position: -32px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cy {background-position: -48px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-cz {background-position: -64px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-de {background-position: -80px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-dj {background-position: -96px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-dk {background-position: -112px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-dm {background-position: -128px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-do {background-position: -144px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-dz {background-position: -160px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ec {background-position: -176px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ee {background-position: -192px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-eg {background-position: -208px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-eh {background-position: -224px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-england {background-position: -240px -33px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-er {background-position: 0 -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-es {background-position: -16px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-et {background-position: -32px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-eu {background-position: -48px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fi {background-position: -64px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fj {background-position: -80px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fk {background-position: -96px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fm {background-position: -112px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fo {background-position: -128px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-fr {background-position: -144px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ga {background-position: -160px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gb {background-position: -176px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gd {background-position: -192px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ge {background-position: -208px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gf {background-position: -224px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gg {background-position: -240px -44px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gh {background-position: 0 -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gi {background-position: -16px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gl {background-position: -32px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gm {background-position: -48px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gn {background-position: -64px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gp {background-position: -80px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gq {background-position: -96px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gr {background-position: -112px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gs {background-position: -128px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gt {background-position: -144px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gu {background-position: -160px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gw {background-position: -176px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-gy {background-position: -192px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-hk {background-position: -208px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-hm {background-position: -224px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-hn {background-position: -240px -55px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-hr {background-position: 0 -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ht {background-position: -16px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-hu {background-position: -32px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ic {background-position: -48px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-id {background-position: -64px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ie {background-position: -80px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-il {background-position: -96px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-im {background-position: -112px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-in {background-position: -128px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-io {background-position: -144px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-iq {background-position: -160px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ir {background-position: -176px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-is {background-position: -192px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-it {background-position: -208px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-je {background-position: -224px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-jm {background-position: -240px -66px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-jo {background-position: 0 -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-jp {background-position: -16px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ke {background-position: -32px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kg {background-position: -48px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kh {background-position: -64px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ki {background-position: -80px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-km {background-position: -96px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kn {background-position: -112px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kp {background-position: -128px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kr {background-position: -144px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kurdistan {background-position: -160px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kw {background-position: -176px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ky {background-position: -192px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-kz {background-position: -208px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-la {background-position: -224px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lb {background-position: -240px -77px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lc {background-position: 0 -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-li {background-position: -16px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lk {background-position: -32px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lr {background-position: -48px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ls {background-position: -64px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lt {background-position: -80px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lu {background-position: -96px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-lv {background-position: -112px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ly {background-position: -128px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ma {background-position: -144px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mc {background-position: -160px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-md {background-position: -176px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-me {background-position: -192px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mg {background-position: -208px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mh {background-position: -224px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mk {background-position: -240px -88px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ml {background-position: 0 -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mm {background-position: -16px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mn {background-position: -32px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mo {background-position: -48px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mp {background-position: -64px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mq {background-position: -80px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mr {background-position: -96px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ms {background-position: -112px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mt {background-position: -128px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mu {background-position: -144px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mv {background-position: -160px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mw {background-position: -176px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mx {background-position: -192px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-my {background-position: -208px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-mz {background-position: -224px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-na {background-position: -240px -99px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nc {background-position: 0 -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ne {background-position: -16px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nf {background-position: -32px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ng {background-position: -48px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ni {background-position: -64px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nl {background-position: -80px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-no {background-position: -96px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-np {background-position: -112px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nr {background-position: -128px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nu {background-position: -144px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-nz {background-position: -160px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-om {background-position: -176px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pa {background-position: -192px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pe {background-position: -208px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pf {background-position: -224px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pg {background-position: -240px -110px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ph {background-position: 0 -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pk {background-position: -16px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pl {background-position: -32px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pm {background-position: -48px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pn {background-position: -64px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pr {background-position: -80px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ps {background-position: -96px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pt {background-position: -112px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-pw {background-position: -128px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-py {background-position: -144px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-qa {background-position: -160px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-re {background-position: -176px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ro {background-position: -192px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-rs {background-position: -208px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ru {background-position: -224px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-rw {background-position: -240px -121px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sa {background-position: 0 -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sb {background-position: -16px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sc {background-position: -32px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-scotland {background-position: -48px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sd {background-position: -64px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-se {background-position: -80px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sg {background-position: -96px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sh {background-position: -112px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-si {background-position: -128px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sk {background-position: -144px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sl {background-position: -160px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sm {background-position: -176px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sn {background-position: -192px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-so {background-position: -208px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-somaliland {background-position: -224px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sr {background-position: -240px -132px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ss {background-position: 0 -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-st {background-position: -16px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sv {background-position: -32px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sx {background-position: -48px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sy {background-position: -64px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-sz {background-position: -80px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tc {background-position: -96px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-td {background-position: -112px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tf {background-position: -128px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tg {background-position: -144px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-th {background-position: -160px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tj {background-position: -176px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tk {background-position: -192px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tl {background-position: -208px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tm {background-position: -224px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tn {background-position: -240px -143px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-to {background-position: 0 -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tr {background-position: -16px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tt {background-position: -32px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tv {background-position: -48px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tw {background-position: -64px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-tz {background-position: -80px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ua {background-position: -96px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ug {background-position: -112px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-um {background-position: -128px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-us {background-position: -144px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-uy {background-position: -160px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-uz {background-position: -176px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-va {background-position: -192px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-vc {background-position: -208px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ve {background-position: -224px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-vg {background-position: -240px -154px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-vi {background-position: 0 -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-vn {background-position: -16px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-vu {background-position: -32px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-wales {background-position: -48px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-wf {background-position: -64px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ws {background-position: -80px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-ye {background-position: -96px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-yt {background-position: -112px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-za {background-position: -128px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-zanzibar {background-position: -144px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-zm {background-position: -160px -165px}
div.tmi-callhist-table ul li span.tmi-num i.tmi-zw {background-position: -176px -165px}
/* END CALL HISTORY FLAGS*/


/* CALLS PROGRESS BARS */
/* moved to IE6_progressbars.css
/* END PROGRESS BARS */


/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after {
  clear: both; }
.clearfix {
  zoom: 1; }


/* AVNET END */


/* TMI CUSTOM CSS CODE : START */
/* *********************************************************************************************************************
 * Loader
 */
.spinner{position:absolute;background-color:rgba(0, 0, 0, 0.1);top:0;left:0;text-align:center;z-index:9998;overflow:auto;height:100%;width:100%}
.spinner img{z-index:9999;margin-left:-10px;margin-top:-10px;width:auto;height:auto;position:relative;top:30%;opacity:1 !important}
/*custom select dropdown style:begin*/
.tmi-select{
	width:200px;
}
.selectbox {
  position: relative; 
  display: inline-block;
  *display: inline; 
  zoom: 1;
  border: 1px solid #E2E2E2;
  border-bottom:none;
  background: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: 0 1px 1px #d2d2d2;
}

.selectbox select {
  z-index: 10; 
  position: relative;
  border: none; 
  background: none; 
  outline: none; 
  opacity: 0;
  height: 30px;
  -webkit-appearance: none; 
  filter: alpha(opacity=0);
}

.selecttext {
  z-index: 9;
  position: absolute;
  left: 5px;
  display: inline-block;
  *display: inline; 
  zoom: 1;
  line-height:30px;
  background: transparent;
  color: #919090;
}

.select-arrow {
  background: url(../images/tmi-select-arrow.png) no-repeat 50% 50%;
  position: absolute;
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 100%;
  width: 26px;
  top: 0;
  right: 0;
  border-left: 1px solid #d6d6d6; }
/*custom select dropdown style:end*/

/*custom radio buttons : start */

/* custom radio buttons : end*/

/*topup page icons : begin*/
div.tmi-block div.tmi-icon-lrg-m{
background: url(../images/self-care/icon-lrg-m.png) top left no-repeat;
}
div.tmi-block div.tmi-icon-lrg-n{
background: url(../images/self-care/icon-lrg-n.png) top left no-repeat;
}
/* topup page icons : end*/
/*topup page form elements : start*/
.tmi-pgTopup .tmi-clubcard-remove form, .tmi-pgTopup form .tmi-clubcard-add  { margin-top: 30px;}
input[type=text].tmi-form-text-othernumber{font-size:15px;font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;width:225px;float:left;clear:both;height:30px;line-height:25px;padding:5px;border:1px solid #E2E2E2;-webkit-border-radius:3px; border-radius:3px; -moz-border-radius:3px;}
#tmi-topup-details .tmi-clubcard-add form, .tmi-manage-cards .tmi-clubcard-add form{margin-top: 30px;}
.tmi-manage-cards td{padding:5px 0;color:#000;}
#tmi-topup-details .tmi-clubcard-error, #tmi-topup-details .tmi-clubcard-success{margin-bottom:-20px;}
.tmi-manage-cards .tmi-clubcard-error, .tmi-manage-cards .tmi-clubcard-success{margin-bottom:0!important;}
#tmi-topup-details input[type=radio]{color:#000;margin:5px 10px 5px 0; margin-top:1px;vertical-align: middle;}
.tmi-manage-cards a{text-decoration:underline;}
#radioSection, #paymentSection{color:#000;}
#paymentSection label{color:#6d6e71;}
.tmi-pgTopup .tmi-clubcard-remove form .tmi-form-row label, .tmi-pgTopup  form .tmi-clubcard-add .tmi-form-row label {line-height:2.3em;}
/* .topup-button{margin-left:150px;} */
.tmi-manage-cards td.tmi-manage-cards-inputs{color:#4D4D4D;}
/**/

/* CUSTOM TMI ALERT FIELDS */

.alert {
display:none; }


/*
.alert {
display:none;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.alert-danger, .alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}

.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}

*/
.alert-upgrade {
color: #fff;
background-color: #0184b2;
border-color: #0184b2;
line-height: 35px;
padding-right: 15px;
}

/*
.alert-warning{
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
color: #c09853;
} 

.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}

.alert .close-alert {
position: relative;
line-height: 20px;
}

button.close-alert {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close-alert {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}

*/

/* CUSTOM TMI ALERT FIELDS */

.tmi-input-gray{
color:#A9A9A9; 
border:1px solid #E4E4E4;
padding: 2% 5%;
height: 44px;
line-height: 44px;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* Bills Page : START */
.tmi-pgBills div .tmi-callhist-th ul li:first-child{width:180px;}
.tmi-pgBills div .tmi-callhist-th ul li.tmi-callhist-th-e{width:18%;padding-left:10px;}
div.tmi-callhist-table ul li span.tmi-refnumber {
width: 210px;
}
div.tmi-callhist-table ul li span.tmi-refnumber a{
text-decoration:underline;
float:left;



}
div.tmi-callhist-table ul li span.tmi-totamount {
width: 125px;
}
div.tmi-callhist-table ul li span.tmi-openamount {
width: 18%;
}

div.tmi-callhist-table ul li span.tmi-billdate {
width: 135px;
}
i.tmi-pdf{background:url('../images/pdf.png') no-repeat 100% 100%;width:19px;height:19px;display:inline-block;margin-left:10px;margin-top:-2px;}
.tmi-pgBills div.tmi-callhist-table ul li{border-top:none;border-bottom:none;}
.tmi-pgBills div .tmi-callhist-th ul li.tmi-callhist-th-c,.tmi-pgBills div .tmi-callhist-th ul li.tmi-callhist-th-g{padding-left:10px;}

span#lastBillAmount, span#openBillAmount, span#plan, span#nextBillToDate, span#mainBalance, span#bonusBalance{font-weight:bold;font-size:1em;}
.tmi-pgBills .tmi-grad-wrapper,.tmi-pgBills  div.tmi-grad-inner{border-radius:5px; -moz-border-raduis:5px; -webkit-border-radius:5px;color:#4D4D4D;}
.tmi-pgBills span.tmi-bills-title{font-size:0.9em;width:148px!important;}
.tmi-pgBills div.tmi-acc-summary-item span{width:auto;}
.tmi-pgBills div .tmi-callhist-th ul li.tmi-callhist-th-g{width:135px;}
/* Bills Page : END */

/* Move My Number Page : start */
.tmi-right-button{float:right; overflow:hidden;}
input[type="text"].tmi-input-move-number{border:1px solid #ccc;height:34px;line-height:34px; margin:0 0 30px 0;}
form#tmi-movenumber-options input[type=radio] {margin: 5px 6px 5px 0;margin-top: 1px;vertical-align: middle;}
.tmi-pgMoveMyNumber div.tmi-acc-summary div.tmi-left{border-right:none;}
#tmi-movenumber-step2, #tmi-movenumber-step3,#tmi-movenumber-step4,#tmi-movenumber-step5,#tmi-movenumber-step6,#tmi-movenumber-step7{display:none;}
.tmi-movenumber-progress {text-align:center}
.tmi-movenumber-progress img{padding: 0 10px 10px 10px;margin: 0 0 20px 0;}
#tmi-movenumber-step1, #tmi-movenumber-step2, #tmi-movenumber-step3,#tmi-movenumber-step4,#tmi-movenumber-step5,#tmi-movenumber-step6,#tmi-movenumber-step7{font-size:0.95em;}
#tmi-movenumber-step5 div.tmi-acc-summary div.tmi-left{clear:both;width:60%;margin:15px 0; font-size:0.95em;}
#tmi-movenumber-step5 div.tmi-acc-summary div.tmi-right{font-weight:bold; width:40%;margin:0; font-size:0.95em;}
.tmi-movenumber-buttons{width:100%;margin-top:10px;padding-top:20px;position:relative;min-height:70px; overflow:hidden;display:block;}
.back_button{float:left;min-width:80px;
	margin-top: 10px;
	font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	height: 34px!important;
	line-height: 34px!important;
	text-align: center;
	border: 1px solid #0096cd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	color: #fff;
	background: #CFCFCF;
	border: 1px solid #C8C7C7;
	text-shadow: 1px 0px 1px #999;
    filter: dropshadow(color=#222, offx=1, offy=0);
	-webkit-box-shadow:  0px 3px 0px 0px rgba(162, 161, 161, 0.8);
    box-shadow:  0px 3px 0px 0px rgba(162, 161, 161, 0.8);
	padding:0 5%;	
}
#tmi-movenumber-step6 div.tmi-acc-summary div.tmi-left,#tmi-movenumber-step7 div.tmi-acc-summary div.tmi-left{width:85%;}
#tmi-movenumber-step6 div.tmi-acc-summary div.tmi-right, #tmi-movenumber-step7 div.tmi-acc-summary div.tmi-right{width:15%;}
#tmi-movenumber-step6  input[type="text"].tmi-input-move-number{}
#tmi-movenumber-step6  p{clear:both;width:100%;}
#tmi-movenumber-step7 div.status-title{width:0px;float:left;display:inline-block;}
div.tmi-status-message{margin-bottom:20px;color:#88C23F;display: block;margin-left: 80px;float: left;}
#tmi-movenumber-step6 .button{min-width:80px;margin-top:0px;margin-bottom:10px;float:right;}
.tmi-pgMoveMyNumber .button{min-width:80px;}
#tmi-movenumber-step1 .button{min-width:80px;}
#tmi-movenumber-step6 .back_button{float:right;}
#tmi-movenumber-step6 h2{margin-bottom:15px;}
#tmi-movenumber-step4 .tmi-left span{height:34px; line-height:34px;}
#tmi-movenumber-step7 div.cancel-move{margin-top:20px;display:inline-block;}
input[type=text]#tmi-move-number-datepicker{background-image:url('../images/tmi-date-time.png');background-position:97% center;background-repeat:no-repeat;width:280px;font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;background-size: 45px 20px;
}}
#tmi-movenumber-step1 #tmi-movenumber-options{margin-bottom:20px;}
.tmi-pgMoveMyNumber div.tmi-block{min-height:352px;}


/* Move My Number Page : end */

/* Custom Datepicker : start */
.ui-widget-content a{color:#444!important;border: none!important;background: transparent !important; font-weight:normal;}
.ui-datepicker-calendar thead, .ui-widget-header{background:#E8E8E8!important;font-weight:normal!important;border:none!important;}
.ui-datepicker th{font-weight:normal!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{font-weight:normal!important;}
#ui-datepicker-div{color:#737373;font-size:0.9em;padding:0!important;background:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}



.ui-datepicker .ui-datepicker-header{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;}
.ui-timepicker-div{padding:0.5em;}
.ui-datepicker .ui-datepicker-buttonpane button {background: #00b8f3;color: #fff;}
.ui-datepicker{width:280px!important;}
.ui-widget-header .ui-icon{background-image: url('../images/datepicker-arrows.png')!important;}
.ui-icon-circle-triangle-w {background-position: 5px 0px!important;}
.ui-icon-circle-triangle-e {background-position: -8px -0px!important;}
.ui-datepicker .ui-datepicker-title{margin-bottom:1em;}
/*a.ui-state-default:hover{font-weight:bold!important;}*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{color:#fff!important;background: #00aeef!important;text-align: center;border-radius: 2px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{text-align:center;}
.ui-datepicker-month, .ui-datepicker-year{color:#737373;}
#datetimepicker{background-image:url('../images/tmi-date-time.png');background-position:97% center; background-repeat:no-repeat;max-width: 280px;float:right;font-family: "myriad-pro-n4", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}
.ui_tpicker_time_label{float:left; margin-right:10px;min-width:74px;}
/* Custom Datepicker : end */

/* Navigation dropdown : start */
ul.webtext-subnav li:first-child a, ul.webtext-subnav li:last-child a{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
ul.webtext-subnav li a{background:#33C5F6;}
ul.webtext-subnav li:hover a, ul.webtext-subnav li.tmi-active a{
background: #0383AE;
background: -webkit-linear-gradient(top, #0383AE, #20A1CC);
background: -moz-linear-gradient(top, #0383AE, #20A1CC);
background: -ms-linear-gradient(top, #0383AE, #20A1CC);
background: -o-linear-gradient(top, #0383AE, #20A1CC);
border-top-color: #20A1CC;
}
.tmi-small{background-size:26px 26px!important;background-position: 10px 3px!important;}
.tmi-submenu-icon{display:inline-block;float:right; margin-right:10px; height:46px; width:10px; background-image:url('../images/tmi-menu-down.png');background-position:right center; background-repeat:no-repeat;}
.tmi-submenu-icon-closed{display:inline-block;float:right; margin-right:10px; height:46px; width:10px; background-image:url('../images/tmi-menu-right.png');background-position:right center; background-repeat:no-repeat;}
ul.webtext-subnav li a{font-size:0.85em;}
.ui-timepicker-select{width: auto;
height: 22px;
line-height: 22px;
padding: 0;margin-top: 10px;border: 1px solid #ccc;}
.ui_tpicker_hour_label, .ui_tpicker_minute_label{float:left;margin-right:10px;min-width: 72px;margin-top: 10px;
clear: both;}
/* Navigation dropdpwn : end */


/* Webtext page : start */
#webTextMainDiv div .tmi-callhist-th ul li:first-child{width:120px;}
#webTextMainDiv .tmi-callhist-th-zx{width:130px;}

div.tmi-block div.tmi-icon-lrg-cc {
	background: url(../images/self-care/icon-lrg-cc.png) top left no-repeat;
} 

div.tmi-block div.tmi-icon-lrg-cd {
	background: url(../images/self-care/icon-lrg-g.png) top left no-repeat;	/* IMAGE NEEDS REPLACING WITH CORRECT ICON */
} 

.tim-fifty-percent-fieldset {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.tim-fifty-percent-fieldset label {
	margin-bottom: 10px;
	display: block;
}

.tim-fifty-percent-fieldset input {
	margin-bottom: 10px;
	}


.revertBlueBorder {
	border-color: #E4E4E4 !important; 
}

.tmi-textarea {
	border: 6px solid #e4e4e4;
	height: 250px;
	resize: none;
	padding-bottom: 40px;
	line-height: 1.4em;
	color: #8e8e8e;
	font-family: "myriad-pro-n4","myriad-pro","Myriad Pro","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;

}
.tmi-textarea:focus {
border: 6px solid #e4e4e4!important;
}
#tim-remaining-characters {
	height: 40px;
	width: 100%;
	position: relative;
	
	left: 0px;
	
}

#tim-remaining-characters p {
	margin: 12px 10px 0px 10px;
	float: left;
}

#tim-remaining-characters .ui-progressbar {
	margin-top: 12px;
	width: 210px;
	height: 14px;
}


.tmi-height-auto {
	height: auto;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.tmi-unstyled-list {
	margin: 0px;
	padding: 0px;
	

}

#tmi-text-action-set {
	margin: 40px 0px 0px 0px;
	padding: none;
}

#tmi-text-action-set p {
	margin: 8px 0px 0px 10px;
	font-size:0.85em;
	}





#tmi-text-action-set li {
	
	list-style: none;
	margin-right:0px;
}

.tmi-float-right
{
float: right !important;
margin-right: 10px !important;
} 

/*
#tmi-text-action-set li button {
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #00AAEB;
    border-color: #0096CD;
 	color: #fff;
    border-style: solid;
    border-width: 1px 1px 4px 0px;
    font-size: 0.7em;
    font-weight: bold;
    height: 34px;
    line-height: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #999999;
    text-transform: uppercase;
    cursor: pointer;
	margin-top:0;
  }
  
  */

 #tmi-text-action-set li b {
 	color: #00AEEF;
 	font-weight: normal;
 }

 .tmi-dark-header {
 	color: #424242 !important;
 }

 .tmi-dark-header b {
 	color: #89b716 !important;
 }

 .tmi-balance-box {
 	width: 100%;
 	height: auto;
 	min-height: 50px;
 	display: block;
 	margin-bottom: 20px;
 }

 .tmi-balance-header {
 	width: 70%;
 	height: 25px;
 	border: solid 1px #aeaeae;
 	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	font-weight: bold;
	font-size: 0.9em;
	background: #e1e1e1;
	border-bottom: solid 1px #e1e1e1;
	z-index: 5555;
	position: relative;
 }

  .tmi-balance-header p {
  	padding: 6px 0px 0px 10px;
  }

 .tmi-balance-header p b {
 	color: #99C11B;	
 }

 .tmi-balance-body {
 	width: 100%;
 	height: auto;
 	min-height: 80px;
 	border: solid 1px #aeaeae;
 	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
	margin-top: -1px;
	background: #e1e1e1;
	
 }

 .tmi-balance-bar-wrap {
 	background: #e1e1e1;
	background: -webkit-linear-gradient(top, #fff, #a7a7a7);
	background: -moz-linear-gradient(top, #fff, #a7a7a7);
	background: -ms-linear-gradient(top, #fff, #a7a7a7);
	background: -o-linear-gradient(top, #fff, #a7a7a7);
	width: 100%;
	padding: 1px;
	height: 30px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 98%;
	margin-left: 1%;
	margin-top: 10px;
 }

 .tmi-balance-bar {
 	width: 100%;
 	margin-top: 0px;
 	height: 28px;
 	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #cdcdcd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-8 */
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
 }

  .tmi-balance-bar p {
  	float: right;
  	margin: 8px 10px 0px 0px;
  	font-size: 0.8em;
  }

 #tmi-national-progress {
 	width: 80%;
 	display: inline-block;
 	margin: 10px 0px 0px 10px;
 	height: 10px;
 }

 #tmi-national-progress .ui-progressbar {
 	width: 100%;
 	height: 10px;
 	float: left;
 }

 .tmi-green-indicator {
 	background: url('../images/green-circle-icon-medium.png') no-repeat;
 	width: 25px;
 	height: 25px;
 	float: left;
 	margin: 2px 0px 0px 10px;
 } 

#tmi-remain-progress {
	width: 55% !important;
	position: absolute;
    right: 10px;
	margin-top: 14px !important;
}

.tmi-manage-body {
	padding: 11px 11px 20px 11px;
	border: 1px solid #dddddd;
	background: #FFF;
	margin-bottom: 19px;
	-webkit-border-radius: 0px 3px 3px 3px ;
	-moz-border-radius: 0px 3px 3px 3px;
	border-radius: 0px 3px 3px 3px;
	border-top:0px;
}


.tmi-manage-table-holder {
	width: 100%;
	height: auto;
}

.tmi-manage-table-holder table {
	width: 100%;
}

.tmi-manage-table-holder table tr td{
	margin-bottom: 10px !important;
	}

.tmi-table-delete {
	/*width: 17px;
	height: 17px;
	display: block;
	background: url('../images/tmi-close-icon.png') no-repeat;
	background-position:0px center;
	text-indent: -9999px;
	outline: hidden;
	margin-bottom: 20px;*/	
	color:#E7002D;
}




.tmi-tab-jp {
	height: 39px;
	width: 50%;




	float: left;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	border-top: solid 1px #ededed;
	border-right: solid 1px #ededed;
	position: relative;
	bottom: -1px;
}

.tmi-tab-jp ul {
margin: 5px 0px 0px 0px;
padding: 0px;

	}


.tmi-tab-jp ul li {
	float: left;
	list-style: none;
	width: 49%;
}

.jp-text {
	margin: 11px 0px 0px 10%;
	float: left;
	color: #4e4e4e;
}

.jp-plus-icon {
	width: 35px;
	height: 30px;
	border: solid 1px #d9d9d9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	margin: 3px 10px 0px 0px;
	float: right;
	text-indent: -9999px;
	background: url('../images/plus-icon.png') no-repeat 10px 7px;
}

.jp-switch {
	background: url('../images/plus-icon-grey.png') no-repeat 10px 7px !important;
}

.jp-inactive{
	background-color: #ededed !important;
	border-right: none !important;
	-webkit-border-radius: 3px 3px 3px 0px;
	-moz-border-radius: 3px 3px 3px 0px;
	border-radius: 3px 3px 0px 3px;
	border-bottom: solid 1px #e1e1e1;

	}

.tmi-tab-container-contacts {
	width: 40%;
	height: 40px;
	display: block;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #ededed;
	margin-bottom: -2px;
	border-bottom: solid 1px #fff;
	position: relative;
	z-index: 5555;
	border-top: none;
}

/* hover with arrow styles 
span.tmi-jp-tooltip {
      position: absolute;
      width: 350px;
      height: 20px;
      line-height: 20px;
      padding: 0px; 
      
     
      color: #ededed;
      background: #ffffff; 



      border: 1px solid #fff;
      border-radius: 3px;
      text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px 0px;
      z-index: 9999;
}

span.tmi-jp-tooltip:after {
      content: "";
      position: relative;
      width: 0;
      height: 0;
      border-width: 20px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
     text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px 0px;
      top: 35px;
      left: 150px;
}*/

span.tmi-jp-tooltip {
	position: absolute;
	width: 300px;
	height: 150px;
	-webkit-box-shadow:  0px 1px 1px 3px rgba(138, 138, 138, 0.4);
    z-index: 9999;
        box-shadow:  0px 1px 1px 3px rgba(138, 138, 138, 0.4);
	

		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;

}

.tmi-callhist-th-z {
	width: 60px;
	margin-right: 10px;
}

.tmi-callhist-th-zx {
	width: 120px;
	margin-right: 10px;
}

.tmi-callhist-th-zxx {
	width: 270px;
	margin-right: 10px;
	overflow: hidden;
}

.tmi-callhist-th-zxxx {
	width: 20px;
}

.webtexthistorycontainer {
	width: 100%;
	height: 100%;	
	font-size: 0.8em;
	padding-bottom: 0;
	display: inline-block;
	



}

.tmi-jp-sent {
	color: #86c23e;
	padding-left: 15px;
}

.web-text-history-row {
	width: 100%;
	//min-height: 20px;
	//padding: 5px 0px 5px 0px;
	float: left;
	//margin-bottom: 10px;
	

}
.web-text-history-row.tmi-alt   {
	background-color: #F1F1F1 !important;
}





.tmi-web-history-cell {
	float: left;
	margin-right: 10px;
	padding-bottom:20px;
	}


.jp-a {width: 130px;} 

.jp-b {width: 70px;}

.jp-c {
	width: 130px;
}

.jp-d {
	width: 280px;
	margin-right: 5px !important;
}

.jp-e {
	width: 20px;
	margin-right: 0px !important;
}

.expand-history-elem {
	width: 9px;
	height: 13px;
	display: block;
	text-indent: -9999px;
	outline: hidden;
	background: url('../images/right-arrow-jp.png') no-repeat;
}

.collapse-history-elem {
	width: 15px;
	height: 9px;
	
	text-indent: -9999px;
	outline: hidden;
	background: url('../images/down-arrow-jp.png') no-repeat;
	display: none;
}

.history-expanded {
	width: 90%;
	margin-left: 5%;
	background: #fff;
	min-height: 100px;
	float: left;
	border: 1px solid #949494;
	//margin-top: 10px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: none;
	padding: 10px 10px 5px 10px;
}

.history-expanded p {
	font-size: 1em;
	line-height: 1.4em;
	padding: 0px;
	margin-bottom: 10px;
	}

@media all and (max-width: 768px) {
	.tim-fifty-percent-fieldset {
		width: 100%;
		margin-right: 0%;
	}
}

@media all and (max-width: 321px) {
	.tim-fifty-percent-fieldset {
		width: 100%;
		margin-right: 2%;
	}
}

@media all and (min-width: 600px) and (max-width: 900px) {


	.tim-fifty-percent-fieldset {
		width: 100%;
		margin-right: 2%;
	}
}
/* Webtext page : end */


/* ClubCard page : start */
.tmi-pgClubcard input[type="text"]{border:1px solid #E2E2E2;height:44px;}
.tmi-pgClubcard .button{margin-top:-2px;}
.tmi-pgClubcard div.tmi-clubcard-table ul li{border:none;}
div.tmi-clubcard-table ul li span.tmi-clubcardno {width: 180px;}
div .tmi-clubcard-th ul li{padding-left:20px;}
.tmi-clubcard-remove .tmi-form-btn{padding:0;}
/* clubCard page : end */

.smallText {
	line-height: 1em;
	height:auto;
	font-size:0.7em;
}


/* Details Page : start */
div.p-address{padding: 0;margin: 0;min-height: 22px;line-height: 22px;clear: both;}
.tmi-address{font-size:1em!important;height: auto!important;word-wrap: normal;width: auto!important;margin-left: 153px;}
span.address-title{display: inline-block;height: 26px;font-size: .8em;width: 150px;float:left;}

input[type=text].tmi-details-inputs{border:1px solid #ccc; background:#fff; width:auto;height:34px; line-height:34px; width: 100%; padding-right: 0px; padding-left: 0px;}
input[type=text].tmi-details-inputs:disabled{border:none!important;}
/* Details Page : end */

/* clubcard fixes : start */
.tmi-clubcard-num{width:220px;}
.tmi-pgClubcard .tmi-clubcard-remove .button, .tmi-pgClubcard .tmi-clubcard-add .button{width:220px;}
/* clubcard fixes : end */

/* Forgotten password page : start */
.tmi-loginsection-desc{font-size: .8em;margin-bottom:2em;display:block;width:100%;}
/* Forgotten password page : end */

 #tmi-global-alert li {margin-left:20px}
 
 /* Webtext custom dropdopwn div : start */
 .tmi-wt-contacts-dropdown{display:none;margin-top:-5px;width: 299px;; height:150px;border: 1px solid #E4E4E4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow-y:scroll;position:absolute;
 transition: all 0.5s ease; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -o-transition: all 0.5s ease; background: #fff;
 -moz-box-shadow: 0 0 4px 2px #ccc;
-webkit-box-shadow: 0 0 4px 2px #ccc;
box-shadow: 0 0 4px 2px #ccc;
z-index:999;
 }
 .tmi-wt-contacts-dropdown ul {list-style-type:none; padding:0}
 .tmi-wt-contacts-dropdown ul li{color:#000;text-indent:20px;padding:4px 0;font-size:0.9em;}
 .tmi-wt-contacts-dropdown ul li:hover{background:#E2F3FC;}
.tmi-contacts-sub-title{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0;display:block;line-height: 22px;padding: 5px 0 0 12px;
background:url('../images/tmi-arrow-down.png');background-position:97% 13px;background-repeat:no-repeat;
}
.tmi-contacts-sub-title-off{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0;display:block;line-height: 22px;padding: 5px 0 0 12px;
background:url('../images/tmi-arrow-right.png');background-position:96% 7px;background-repeat:no-repeat;
}

span.add-contact{background-image:url('../images/tmi-add-contact.png');background-position:97% 13px;background-repeat:no-repeat;float:right; 
	position: absolute;
    top: -2px;
    right: 10px; 
    border-left: 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    width: 33px;
	height:44px;
}
.tmi-input-wrapper{
    position: relative;
} 
 /* Webtext custom dropdopwn div : end */
 
 /* Webtext custom recipients list : start */
 
  .tmi-wt-recipients-list{height:200px;border: 1px solid #E4E4E4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;overflow-y:scroll;
 background: #fff;
 }
 .tmi-wt-recipients-list ul {list-style-type:none; padding-left: 5px;}
 .tmi-wt-recipients-list ul li{color:#000;text-indent:7px;padding:4px 3px;font-size:0.9em;}
 .tmi-recipients-sub-title{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0;display:block;line-height: 22px;padding: 5px 0 0 12px;}
.tmi-recipients-sub-title-off{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0;display:block;line-height: 22px;padding: 5px 0 0 12px;}
.add-contact-link{float:right;margin-right:15px;text-decoration:underline;cursor:pointer;color: #00aeef;}
/* div.tmi-delete-contact{background: url('../images/tmi-close-icon.png') no-repeat;background-position:0 0;width:15px;height:15px;float:left;} */


#tmi-add-contact-dialog {display:none;width:500px;border:1px solid #A5A5A5; position:absolute;background: rgb(255,255,255);padding:10px; margin-top:-150px;z-index:999;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 );
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#tmi-add-contact-dialog  span.tmi-addc-title{margin-bottom:10px;display:block;color:#4D4D4D; margin-top:6px;}
#tmi-add-contact-dialog input[type=text].revertBlueBorder{width:40%;float:left;margin-right:15px;}
#tmi-add-contact-dialog  .button{width:50px;float:left;margin-top:3px;cursor:pointer;}
.tmi-add-contact-dialog-bottom{position:absolute; bottom:-22px; height:22px; width:45px; left:50%;background:url('../images/tmi-dialog-bottom.png');}
.tmi-custom-dialog-close {cursor:pointer;
position: absolute;
top: -1px;
right: -10px;
color: #666;
line-height: 34px;
height: 34px;
width: 34px;
font-size: 26px;
}
 /* Webtext custom recipients list : end */
 
 /* Manage Contacts page : start */

/*  #tmi-add-contact-large-dialog {display:none;width:500px;border:1px solid #A5A5A5; position:absolute;background: rgb(255,255,255);padding:10px; margin-top:-150px;z-index:9999;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 );
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
} */
/* #tmi-add-contact-large-dialog  span.tmi-addc-title{margin-bottom:10px;display:block;color:#4D4D4D; margin-top:6px;} */
/* #tmi-add-contact-large-dialog input[type=text].revertBlueBorder{width:40%;float:left;margin-right:15px;}
.tmi-add-contact-wrapper .button{width:50px;float:left;margin-top:3px;} */
./* tmi-add-contact-dialog-bottom{position:absolute; bottom:-22px; height:22px; width:45px; left:50%;background:url('../images/tmi-dialog-bottom.png');} */
.browse-wrapper .button{width:auto;float:right;}
 label.tmi-addc-title{margin-bottom:10px;display:block;color:#4D4D4D; margin-top:6px;}
 .browse-wrapper{display:block; width:100%; position:relative;height:auto;overflow:hidden;}
 .browse-wrapper form{min-height:75px;width:380px;}
 #uploadMask {
    width:160px;
    display: block;
    float:left;
    overflow: hidden;
    height:50px;
    margin-right: 5px;
    position: relative;
}

#uploadMask input {
    position: absolute;
    top:0;
    bottom: 0;
    right:0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

#uploadMask .button {
	margin-top:0;
    font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	height: 34px!important;
	line-height: 34px!important;
	color: #fff;
	text-align: center;
	border: 1px solid #0096cd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-shadow: 1px 0px 1px #118dbe;
    filter: dropshadow(color=#118dbe, offx=1, offy=0);
	-webkit-box-shadow:  0px 3px 0px 0px rgba(0, 143, 196, 1.0);
    box-shadow:  0px 3px 0px 0px rgba(0, 143, 196, 1.0);
	background: #00b8f3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00b8f3 0%, #00aae7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b8f3), color-stop(100%,#00aae7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b8f3 0%,#00aae7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b8f3 0%,#00aae7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b8f3 0%,#00aae7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00b8f3 0%,#00aae7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8f3', endColorstr='#00aae7',GradientType=0 ); /* IE6-8 */}

.tmi-apply-link{margin-left:10px;display:inline-block;}
.tmi-apply-groups-link{margin-left:10px;display:inline-block;text-decoration:underline;font-weight: normal;}
.tmi-apply-groups-link a{text-decoration:underline;font-weight:normal;}
.tmi-manage-table-holder a {text-decoration:underline;}
 /* Manage Contacts page : end */
 
 
 /* Logout button : start */
 .tmi-logout-button {	
	font-family: "myriad-pro-n7","myriad-pro",sans-serif; 
	font-style: normal; font-weight: 500;
	border:none;
	font-size: 14px;
	
	margin-right:-11px;
	*margin-right:0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	letter-spacing: 1.2px;
	height: 53px;
	line-height: 44px!important;
	color: #fff;
	text-align: center;
	//display: inline-block;
	
	text-shadow: 1px 1px 1px #777;
	background: #26B8EB;
	padding:0px 7px;
	border-left:1px solid #1E91BA;
	-webkit-box-shadow: -2px 0px 1px -1px #7DD4F3;
	-moz-box-shadow: -2px 0px 1px -1px #7DD4F3;
	box-shadow: -2px 0px 1px -1px #7DD4F3;
}

.tmi-logout-button:hover {	
	background: rgb(27,131,169);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiODNhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDlhYzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(27,131,169,1) 0%, rgba(32,154,197,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,131,169,1)), color-stop(100%,rgba(32,154,197,1)));
	background: -webkit-linear-gradient(top,  rgba(27,131,169,1) 0%,rgba(32,154,197,1) 100%);
	background: -o-linear-gradient(top,  rgba(27,131,169,1) 0%,rgba(32,154,197,1) 100%);
	background: -ms-linear-gradient(top,  rgba(27,131,169,1) 0%,rgba(32,154,197,1) 100%);
	background: linear-gradient(to bottom,  rgba(27,131,169,1) 0%,rgba(32,154,197,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b83a9', endColorstr='#209ac5',GradientType=0 );
	cursor:pointer;
 }
	
 /* Logout button : end */
 
 /* Manage groups button : start */
 
 /*.tmi-manage-groups-button {	
	background-image: url('../images/tmi-arrow-right.png');
	background-position: 97% 8px;
	background-repeat: no-repeat;
	font-family: "myriad-pro-n7","myriad-pro",sans-serif; font-style: normal; font-weight: 700;
	font-size: 12px;
	margin-top:-7px;
	margin-right:-7px;
	letter-spacing: 1px;
	height: 34px!important;
	line-height: 34px!important;
	color: #6d6e71;
	text-align: center;	
	display: inline-block;
	padding-right:20px;
}*/

a.tmi-manage-groups-button a:hover {	
	color: #222!important;
}

/*
.tmi-manage-groups-button-expanded{
	background-image: url('../images/tmi-arrow-down.png')!important;
	background-position: 97% 12px!important;
	color:#222;
}
*/
.tmi-manage-groups-section{display:none;}
/*.tmi-manage-contacts-name input[type=text].tmi-manage-contacts-inputs{width:240px;} */
.tmi-manage-groups-cb-wrapper {padding-left:0px; min-height:36px;}
.tmi-manage-groups-cb-wrapper  ul{margin-bottom:0px;}
.tmi-manage-groups-cb-wrapper  li {padding:5px 0}
.tmi-manage-groups-cb-wrapper label {margin-left:15px}

input[type=text].tmi-manage-contacts-inputs{border:1px solid #ccc; background:#fff; width:auto;height:34px;line-height:34px;}
input[type=text].tmi-manage-contacts-inputs:disabled{border:none!important;}
 /* Manage groups button : end */
 
/*  Manage groups accordion div div : start */
 .manage-groups-wrapper{background: #fff; display:none;}
 .manage-groups-wrapper ul {list-style-type:none;max-height:135px;overflow-y:auto;overflow-x:hidden; padding-left: 0;}
 .manage-groups-wrapper ul li{color:#000;text-indent:20px;padding:7px 0;font-size:0.9em;padding-left:25px;}
 .manage-groups-wrapper ul li:hover{background:#E2F3FC;}
.tmi-mga-sub-title{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0; height: 50px;padding: 0px; 
}
.tmi-mga-wrapper .tmi-mga-sub-title input[type=text] {font-weight: bold;
color: #808080;
border: 1px solid #ccc;
height: 34px;
line-height: 34px;
margin: 0;
width: auto;
margin-top: -12px;
padding-bottom: 0;
padding-left: 2px;
padding-top: 0;
margin-left: -2px;
font-size: 0.95em;}
.tmi-mga-sub-title input[type="text"]:disabled {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none !important;
    font-size: 0.95em;
    height: 34px;
    line-height: 34px;
    margin: -12px 0 0;
    padding-bottom: 0;
    padding-left: 2px;
    padding-top: 0;
    width: auto;
}

.tmi-manage-groups-cb-wrapper ul li{list-style-type:none;}

.tmi-mga-wrapper .tmi-mga-sub-title input[type=text] {font-weight:bold;color:#808080;}
.tmi-mga-sub-title-off{font-weight:bold;color:#808080;width:100%;border-bottom:1px solid #E0E0E0;display:block;line-height: 22px;padding: 5px 0 0 0px;
background:url('../images/tmi-arrow-right.png');background-position:96% 7px;background-repeat:no-repeat;
}

span.add-contact{background-image:url('../images/tmi-add-contact.png');background-position:97% 13px;background-repeat:no-repeat;float:right; 
	position: absolute;
    top: -2px;
    right: 10px; 
    border-left: 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    width: 33px;
	height:44px;
}
.tmi-input-wrapper{
    position: relative;
} 
div.tmi-delete-group{ /*background: url('../images/tmi-close-icon.png') no-repeat;background-position:0 0;width:15px;height:15px; */ float:left;}
div.tmi-delete-contact{ /*background: url('../images/tmi-close-icon.png') no-repeat;background-position:0 0;width:15px;height:15px; */float:left;}


.tmi-delete-contact  .glyphicon-remove,
.tmi-delete-group .glyphicon-remove {color: #E7002D; margin-right:10px;}

 /* Manage groups accordion div : end */
 
 /* Manage contacts group dialog : start  */
 /*#tmi-add-group-dialog {display:none;width:340px;border:1px solid #A5A5A5; position:absolute;background: rgb(255,255,255);padding:10px; margin-top:-150px;z-index:9999;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 );
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
} */

/* #tmi-add-group-dialog  span.tmi-addc-title{margin-bottom:10px;display:block;color:#4D4D4D; margin-top:6px;} */
/* #tmi-add-group-dialog input[type=text].revertBlueBorder{width:230px;float:left;margin-right:15px;}
#tmi-add-group-dialog .button {width: 50px; float: left; margin-top: 3px;} */
/* .tmi-edit-group-span{cursor:pointer;float:right;margin-right:20px;color: #00aeef;text-decoration:underline;font-weight:normal;} */
/*.tmi-edit-group-arrow{cursor:pointer;float:right;margin-right:5px;background: url('../images/tmi-arrow-right.png');background-position: center;background-repeat: no-repeat;height:20px; width:20px;} */
/* .tmi-edit-group-arrow-expanded{cursor:pointer;float:right;margin-right:5px;background: url('../images/tmi-arrow-down.png');background-position: center;background-repeat: no-repeat;height:20px; width:20px;} */


/*
 #tmi-import-csv-dialog{display:none;width:430px;border:1px solid #A5A5A5; position:absolute;background: rgb(255,255,255);padding:10px; margin-top:-150px;z-index:9999;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 );
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
} */

/*

#tmi-import-csv-dialog  span.tmi-addc-title{margin-bottom:10px;display:block;color:#4D4D4D; margin-top:6px;}
#tmi-import-csv-dialog input[type=text].revertBlueBorder{width:230px;float:left;margin-right:15px;}
#tmi-import-csv-dialog.button {width: 50px; float: left; margin-top: 3px;}
#tmi-import-csv-dialog .tmi-add-contact-dialog-bottom{left:300px;}
.import-cvs-wrapper .button{float:right;margin:10px 0;}
.import-cvs-wrapper{float:right;cursor:pointer;}
.tmi-csv-import{display:block; min-width:140px;}
*/

/* Manage contacts group dialog : end  */

/*
 .file-wrapper {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
min-height:55px;
}
.file-wrapper input {
cursor: pointer;
font-size: 100px;
height: 100%;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
opacity: 0.01;
position: absolute;
right: 0;
top: 0;
}
.file-wrapper .buttonChooser {
padding: 0px 18px;
}
.file-holder{padding-top:20px;float:right;padding-right:10px;}
*/


/* Pagination fix : start */
.pagination_input{padding:5px!important; width:40px!important; display: inline; overflow: hidden;height:35px!important; line-height:24px!important;margin-left:5px;margin-right:5px;}
.pagination_buttton{cursor:pointer;display: inline!important; border: 0px!important; font-size:70%!important; height:24px!important;line-height:24px!important;width:35px;margin-left:4px;}
.pagination_buttton:hover{border:none!important;}
/* Pagination fix : end */


/* Tmi Jquery UI Modal Dialog - Start */
.tmi-jqueryui-dialog .ui-dialog-titlebar-close{
	display:none;
}

.tmi-jqueryui-dialog .ui-dialog-titlebar{
	background-color: #33CCFF !important;
}
/* Tmi Jquery UI Modal Dialog - End */

/* ELIGABLE FOR UPGRADE */

.upgrade_now_button {
	padding:6px 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #0590c5;
	text-decoration:none;
	color:#0184b2;
	font-size:11px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+45,c6c6c6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 45%, #c6c6c6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#ffffff), color-stop(100%,#c6c6c6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 45%,#c6c6c6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 45%,#c6c6c6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 45%,#c6c6c6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 45%,#c6c6c6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c6',GradientType=0 ); /* IE6-9 */
	
	 }
	 
.upgrade_cheeck_sign {
	background-image: url(../images/self-care/upgrade-message-check.png);
	background-repeat: none;
	background-position: left center;
	background-size:38px 38px;
	width:38px;
	height:38px;
	margin-left:0;
	float:left;
}



/* IE7 and IE8 fix : start */

.tmi-textarea{*padding-left:0!important;*padding-right:0!important;*text-indent:10px;}
#tescoMobileNumber{*margin-left:-10px;*position:relative;}
.tmi-wt-recipients-list{*overflow-x:hidden;}
#manageContacts{*width:200px;}
#messageTextArea{overflow:auto\9!important;}
input[disabled], select[disabled], textarea[disabled] {border:none\9!important;}

.selectbox{border-bottom:1px solid #ccc\9;}
#tmi-pgAddons .tmi-th{*display:inline-block;}
#tmi-move-number, #tmi-move-number-bill-account, #datetimepicker{padding:0;text-indent:10px;}
#tmi-move-number, #tmi-move-number-code, #datetimepicker{line-height:24px;}

input[type=text],input[type=password]{line-height:24px\9;*height:24px;}
input[type=text].tmi-form-text-othernumber{height:34px\9;*height:24px;}
input[type=text].tmi-input-move-number, input[type=text].tmi-move-number-verification-code{line-height:24px\9;*height:24px;}


#tmi-add-contact-dialog .button, #addContactToList, #addGroupToListButton{color:#fff\9;padding:0px\9;}
.tmi-add-contact-dialog-bottom{z-index:9999\9;}
input[type=text].tmi-manage-contacts-inputs{line-height:24px\9;  width: 100%;}

.tmi-add-contact-dialog-bottom{zoom:1\9;display:inline-block\9;z-index:9999\9;bottom:-24px\9;}
input[type=text]#tmi-move-number-code{padding-top:0px;padding-bottom:0px;}
input[type=text]#tmi-move-number-code{padding-top:5px\9;padding-bottom:5px\9;}
 
.lt-ie8 .upgrade_cheeck_sign {
	background-image: url(../images/self-care/upgrade-message-check-38.png);
	background-repeat: none;	
	width:38px;
	height:38px;
	margin-left:0;
	float:left;
}


/* IE7 and IE8 fix : end*/

/* TMI CUSTOM CSS CODE : END */

/* 2016-01-20 */

.spacerMobile {height:20px; width:100%; clear:both;}

 html {   overflow-x: hidden; }

input[type="text"], 
input[type="password"], 
input.text, 
textarea, 
select {
	width: 100%;
	padding: 10px;
	height: 44px;
	
	background: #FFFFFF;
	color: #6d6e71;
	border: 1px solid #b7dded;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }

input[type="text"]:focus, 
input[type="password"]:focus, 
input.text:focus, 
textarea:focus, 
select:focus {
	
	outline: none;
	border: 1px solid #EBEBEB;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }

@media(max-width:767px){.fullWidth-xs {width:100%} }

.btn-primary, .btn-default, .btn-primary:hover, .btn-default:hover , .btn-primary-green, .btn-primary-green:hover,
.btn-edit-upgrade, .btn-edit-upgrade:hover  {
    
    text-decoration: none !important;
}
.btn-danger {
    border: 3px solid #d43f3a !important;
    border-radius: 2px !important;
	}

.btn-edit-upgrade {padding: 2px 15px;}

span.tmi-bold {
    font-weight: bold;
    display: block;
}

.usersTableGroups {background:#ededed}

.tmi-recipients-drop {
    background: #ededed;
}

.ui-dialog-buttonset button{
	color: #fff;
    background-color: #00AEEF; /* Tesco Mobile blue */
    border: 3px solid  #00AEEF; /* Tesco Mobile blue */
    border-radius: 2px;
}
.ui-dialog-buttonset button:hover {
    color: #fff;
    background-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
    border-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
    text-decoration: none;
}

.ui-dialog-buttonset button:active,
.ui-dialog-buttonset button:focus,
.ui-dialog-buttonset button:focus:active {
    color: #fff;
    background-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
    border-color: #0095D6;  /* this should be 10% darker - need to get confirm colour */
}

#cardsTable td {vertical-align:middle;}
#cardsTable #defaultCard {margin-right:10px}

/* TABLE RESPONISIVE FIX */

.tmi-clubcard-th,
.tmi-callhist-th {
	overflow-x: auto;
    margin: 7px;
	}

#mainList	{min-width: 600px;}

.manage-groups-wrapper-second,
.tmi-manage-table-holder-second,
.tmi-clubcard-table {overflow-x: auto;}

.paginationClass ,
.paginationGroups {margin-top:10px}

#cardsTable {min-width:600px}
.borderRightGray {border-right: 1px solid #dbdbdb;}

.submitButtonDisabled, .submitButtonDisabled:hover, .submitButtonDisabled:active {
    background: #ccc !important;   
    cursor: not-allowed !important;	
	border-color: #ccc !important;
	color:#fff !important; 
}

label[for] {
    cursor: default !important;	
	}

label {   
    font-weight: bold !important;	
	}
	
.close {   
    margin-left: 5px;
	}

.alert {
overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

input:-webkit-autofill {	
	 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
	
#mainList .tmi-remove .btn {position:relative; top:-3px;}

/* Small Devices, Tablets */

    @media only screen and (max-width : 768px) {
	
		.margin-bottom-xs {margin-bottom:10px}
		.tmi-upgradewizard-progress img {width:100%;}
		.tmi-movenumber-progress img {width:100%; margin:0; padding:0 10px; margin-bottom:20px;}
	/*	div.tmi-acc-details, div.tmi-acc-natdir, div.tmi-acc-summary {
			padding-left: 0;
		}
	*/
		.borderRightGray {border-right: 0px;}

    }
    
    
/* Vertical spacing classes */
.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top25 { margin-top:25px; }
.top30 { margin-top:30px; }