/* T-Mobile masthead stylesheet - 2002 frog design, inc. */

/* the masthead must be positioned at top left corner */
html, body {
	margin:0px;
}
body, td, p {
	font-family:arial,sans-serif;
}
#topNav {
	background-color:#fff;
}
/* text, heading styles */
.banner-header		{ 
	font-family:arial,sans-serif;
	font-size: 14px;
} 
.banner-clientname	{ 
	font-family:arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* link styles */
.menuBox p a {
	font:normal 11px arial,sans-serif;
	color:#333;
}
a.menuHeader {
	font:normal 11px arial,sans-serif;
	color:#333;
}
a.plain {
	font:normal 11px arial,sans-serif;
	color: #333;
	text-decoration:none;
}
a.plain:hover {
	text-decoration:underline;
}
a.topnavstrip, a.topnavstrip:active, a.topnavstrip:visited {
	color:#fff;
	font:bold 11px arial,sans-serif;
	text-decoration:none;
}
a.topnavstrip:hover {
	text-decoration:underline;
}
.menuBox a, .menu a {
	font:normal 11px arial,sans-serif;
}
.masthead-nav a, .menuBox a, .menu a, a.menuHeader {
	font-style:11px;
	font-family:arial,sans-serif;
	color:#333;
	text-decoration:none;
}
.masthead-nav a:hover, .menuBox a:hover, .menu a:hover {
	text-decoration:underline;
}
/* end link styles */
/* list styles */
.menuBox p {
	margin:4px 5px 7px 14px;
}
div.arrowList p, div.arrowList div, p.arrowList {
	margin:1px 5px 2px 14px;
	text-indent:-14px;
}
span.spcr {
	font-size:2px; /* this span fixes Mac IE5 bug on hanging indents. view css classes documentation in styleguide */
}
/* end list styles */
tr.masthead-nav td.selected {
	background-color:#fefeeb;
}
td.masthead-nav, tr.masthead-nav td {
	background-color:#dedede;
}
tr.topnavstrip td {
	background-color:#ed008c;
	color:#fff;
}
td.border, tr.border td, tr.masthead-nav td.border {
	background-color:#333;
}
.banner, .banner-home, .banner-products, .banner-mytmobile, .banner-popup, .banner-coverage, .banner-cart {background-color:#C8CCB2;} /* yellow */
/*.banner-plans, .banner-help {background-color:#b0cbe0;} 
.banner-company, .banner-international {background-color:#ff99a6;} */

/* HIDE Masthead Menus from Netscape */
.masthead-navElement {
	position:absolute;
	visibility:hidden;
}
/* end HIDE Masthead Menus from Netscape */

.zborder {
	BACKGROUND-COLOR: #666666
}
.zmasthead-grey {
	BACKGROUND-COLOR: #666666
}
.zmasthead-grey2 {
	BACKGROUND-COLOR: #cccccc
}
.zmasthead-grey3 {
	BACKGROUND-COLOR: #888888
}
.zmasthead-lite {
	BACKGROUND-COLOR: #eeeeee
}
TD.zmasthead-nav {
	BACKGROUND-COLOR: #999999
}
TR.zmasthead-nav {
	BACKGROUND-COLOR: #999999
}
TR.zmasthead-nav TD.selected {
	BACKGROUND-COLOR: #fefeeb
}
TR.zmasthead-nav-bevel {
	BACKGROUND-COLOR: #cccccc
}
.zmasthead-nav-bevel {
	BORDER-RIGHT: #999999 0px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #999999 0px solid; BORDER-BOTTOM: #666666 0px solid
}
A.zplain {
	FONT: 11px arial,sans-serif; COLOR: #ffffff; TEXT-DECORATION: none
}
A.zplain:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
A.bplain {
	FONT: 11px arial,sans-serif; COLOR: #333; TEXT-DECORATION: none
}
A.bplain:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
TD.zmasthead-grey {
	BACKGROUND-COLOR: #666666
}