/*
 * (c) T-Mobile USA, 2002-2011
 * Smartphone Mobile Hotspot
 * Rules exclusive to desktop browser
 *
 * @author Peter.Sylwester@T-Mobile.com
 * @version 1.00, 2011/10/26
 * @requires reset.css (or equivalent)
 *
 */


@font-face
{
	/*
	DISABLED
	font-family: "Swiss721-Light";
	src: url(../fonts/Swiss721/Swiss721_Light.TTF) format("truetype");
	font-weight: normal;
	font-style: normal;
	*/
}

html
{
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

body
{
	font-family: "Lucida Grande", "Trebuchet MS", Lucida, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	border-top: 5px solid rgb(235,10,142);
}

.mbody
{
	font-family: "Lucida Grande", "Trebuchet MS", Lucida, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	border-top: 5px solid  #F9702A;
}

/*	FUNDAMENTALS */

#content
{
	position: relative;
	max-width: 720px;
	min-width: 480px;
	margin: 0 auto;
}

#header
{
	text-align: left;
}

#header h1,
#header h2
{
	font-size: 0;
	line-height: -1;
	white-space: nowrap;
	font-weight: normal;
	color: rgba(0,0,0,0);
	margin: 24px;
	display: inline-block;
	overflow: hidden;
}

#header h1
{
	position: relative;
	width: 222px;
	height: 38px;
	background-image: url(../assets/TMO_logo_181x38.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#header h2
{
	position: absolute;
	top: 4px;
	right: 0;
	width: 38px;
	height: 38px;
	background-image: url(../assets/HotSpot_icon_38x38.png);
	background-repeat: no-repeat;
	background-position: top left;

	top: 0;
	right: 0;
	width: 108px;
	height: 108px;
	background-image: url(../assets/HotSpot_icon_108x108.png);
	z-index: 999;
}

/* metro style starts */

#mpcs h1,
#mpcs h2
{
	font-size: 0;
	text-align: left;
	line-height: -1;
	white-space: nowrap;
	font-weight: normal;
	color: rgba(0,0,0,0);
	margin: 24px;
	display: inline-block;
	overflow: hidden;
}

#mpcs h1
{
	position: relative;
	width: 222px;
	height: 38px;
	background-image: url(../assets/MetroPCS-logo.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#mpcs h2
{
	position: absolute;
	top: 4px;
	right: 0;
	width: 38px;
	height: 38px;
	background-image: url(../assets/mpcs_icon_48x58.png);
	background-repeat: no-repeat;
	background-position: top left;

	top: 0;
	right: 0;
	width: 108px;
	height: 108px;
	background-image: url(../assets/mpcs_icon_96x96.png);
	z-index: 999;
}

/* metro style ends */

#article
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid silver;
}

#article .title
{
	background-color: #008CA8;
	background: -moz-linear-gradient(top, #42AFC4, #00778C);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#42AFC4), to(#00778C));
	background: linear-gradient(top, #42AFC4, #00778C);
	padding: 12px 24px;
}

#article .mtitle
{
	background-color: #008CA8;
	background: -moz-linear-gradient(top, #151449, #151449);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#151449), to(#151449));
	background: linear-gradient(top, #151449, #151449);
	padding: 12px 24px;
}

#article .title > h1
{
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-family: "Lucida Grande","Trebuchet MS", Lucida, sans-serif;
	color: #FFF;

/*	IMAGE SUBSTITUTION */
	font-size: 0;
	color: rgba(0,0,0,0);
	top: 0;
	right: 0;
	width: 540px;
	height: 45px;
	background-image: url(../assets/HotSpot_type1.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#article .mtitle > h1
{
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-family: "Lucida Grande","Trebuchet MS", Lucida, sans-serif;
	color: #FFF;

/*	IMAGE SUBSTITUTION */
	font-size: 0;
	color: rgba(0,0,0,0);
	top: 0;
	right: 0;
	width: 540px;
	height: 45px;
	background-image: url(../assets/4GMobile-Hotspot-logo.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#article .section
{
	padding: 1em 2em 0 2em;
	color: #689;
	display: none;
}

#article .section.show
{
	display: block;
}

#article .section h2
{
	font-size: 1.2em;
	font-weight: bold;
}

#article .section p
{
	margin: 1em 0;
}

#article p.tail
{
	font-size: smaller;
	color: #9C0058;
	margin: 2em;
	text-align: center;
}

#footer p
{
	padding: 5em;
	font-size: 10px;
	text-align: justfy;
	margin: 0 auto;
	color: #888;
}

/*	DISCLAIMERS */

#footer p.disclaimer
{
	display: block;
}

body.static #footer p.disclaimer.static,
body.faq #footer p.disclaimer.faq,
body.qualified #footer p.disclaimer.qualified,
body.unqualified #footer p.disclaimer.unqualified,
body.prepaid #footer p.disclaimer.prepaid,
body.flexpay #footer p.disclaimer.flexpay,
body.restricted #footer p.disclaimer.restricted
{
	display: block;
}


/*	LEDGER-BOX */

fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

.ledger-box
{
	position: relative;
	border: 1px solid silver;
	padding: 24px;
	margin: 24px auto;
	width: 460px;
	background: -moz-linear-gradient(top, #EBF0F5, #FCFEFD, #FCFEFD, #FCFEFD, #FCFEFD, #EBF0F5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBF0F5), color-stop(0.15, #FCFEFD), color-stop(0.85, #FCFEFD), to(#EBF0F5));
	/* text-align: center; button et al */
}

.ledger-box h3 {
    background-color: #484848;
    color: #FFFFFF;
    font-size: 1.2em;
    padding: 0.2em 0 0.2em 18px
}

.ledger-box table
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid silver;
	position: relative;
}
.ledger-box td
{
	text-align: left;
	vertical-align: top;
	color: #689;
}
.ledger-box tr.spacer
{
	font-size: 4px;
}
.ledger-box tr.heading
{
	background-color: #EEF3F7;
	background: -moz-linear-gradient(top, #FFFFFF, #EBF0F5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EBF0F5));
}
.ledger-box tr.heading td
{
	border-top: 1px solid silver;
}
.ledger-box .detail
{
	font-size: smaller;
	line-height: 1;
	padding-left: 1em;
}
.detail-box
{
	float: right;
	border: 1px solid silver;
	padding: 24px;
	margin: 12px 24px 12px 36px;
	min-width: 220px;
	max-width: 260px; /* IE */
	background: -moz-linear-gradient(top, #EBF0F5, #FCFEFD, #FCFEFD, #FCFEFD, #FCFEFD, #EBF0F5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBF0F5), color-stop(0.15, #FCFEFD), color-stop(0.85, #FCFEFD), to(#EBF0F5));
	text-align: center; /* for button */
}
.detail-box h4,
.ledger-box h4
{
	font-size: 24px;
	font-weight: normal;
	font-family: "Swiss721-Light","Lucida Grande","Trebuchet MS",Lucida,sans-serif;
}
.ledger-box ul,
.detail-box ul
{
	font-size: 80%;
	margin: 18px 0;
	padding: 18px 0;
	list-style: none;
	list-style-type: none;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
.ledger-box ul li,
.detail-box ul li
{
	white-space: nowrap;
	text-align: left;
	text-indent: 18px;
}
.ledger-box blockquote
{
	text-align: left;
	margin: 18px 0;
	padding: 24px 18px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
.clause
{
	font-size: smaller;
	color: #689;
}
.clause .hidden
{
	height: 0;
	overflow: hidden;
}
.ledger-box .price,
.detail-box .price
{
	font-family: "Swiss721-Light","Lucida Grande","Trebuchet MS",Lucida,sans-serif;
	font-size: 18px;
}
.ledger-box td .price
{
	font-size: 100%;
}
.ledger-box .normaltext,
.detail-box .normaltext
{
	font-family: "Swiss721-Light","Lucida Grande","Trebuchet MS",Lucida,sans-serif;
	font-size: 15px;
	color: #777777;
}
.ledger-box td .normaltext
{
	font-size: 100%;
	color: #777777;
}
.tail-right
{
	clear: right;
	text-align: right;
	padding: 24px 24px 0 0;
	margin: 0;
	font-size: small;
}

/*	INPUT ELEMENTS */

input[type="checkbox"]
{
	display: inline-block;
/*	vertical-align: super; */ /* commenting this for solving the double click*/
}

input[type="checkbox"]+label
{
	text-align: left;
/*	display: inline-block; */ /* commenting this for solving the double click*/
	padding-left: 1em;
	font-size: smaller;
}

input[type="checkbox"]:checked+label
{

}

input[type="button"]
{
	display: inline-block;
	position: relative;
	padding: 8px 120px;
	margin: 12px auto;
	font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

input[type="button"].submitor
{
	color: white;
	background-color: #75B948;
	background: -moz-linear-gradient(top, #86D252, #75B948, #6AA741);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86D252), color-stop(0.5, #75B948), to(#6AA741));
}

/* adding this section for solving the double click */
input[type="button"].submitor:active 
{
	background: #558634; 
	color: #AAA;
}
/* */

input[type="submit"]
{
	display: inline-block;
	position: relative;
	padding: 8px 120px;
	margin: 12px auto;
	font-weight: bold;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

input[type="submit"].submit-button
{
	color: white;
	background-color: #75B948;
	background: -moz-linear-gradient(top, #86D252, #75B948, #6AA741);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86D252), color-stop(0.5, #75B948), to(#6AA741));
	margin-left: 72px;
    margin-top: 10px;
}
input[type="submit"].submit-button1
{
	color: white;
	background-color: #75B948;
	background: -moz-linear-gradient(top, #86D252, #75B948, #6AA741);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#86D252), color-stop(0.5, #75B948), to(#6AA741));
	margin-left: 35px;
    margin-top: 10px;
}
}
}


span.termslink:after
{
	content: " above.";
}

a.tel
{
	color: inherit !important;
	text-decoration: none !important;
	cursor: default !important;
}

/* 	FAQ */

#faq dl
{
	margin: 0 0 3em 0;
	padding: 0;
	cursor: pointer;
}

#faq dt
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#faq dd
{
	margin: 1em;
	padding: 0;
}


/*	UTILITY RULES */

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.normal { font-weight: normal; }
.none { /* display: none; */ }
.price
{
	font-size: larger;
	color: rgb(235,10,142) !important;
}

.normaltext
{
	font-size: larger;
	color: #EB0A8E;
}

.hot
{
	color: #9C0058;
}

hr.divider
{
	color: #FFF;
	background-color: #FFF;
	border: 2px dotted #DDD;
	border-style: none none dotted;
	margin: 2em 0;
}

.shadowed
{
	-moz-box-shadow: 0px 4px 8px rgba(64, 96, 128, 0.3);
	-webkit-box-shadow: 0px 4px 8px rgba(64, 96, 128, 0.3);
	box-shadow: 0px 4px 8px rgba(64, 96, 128, 0.3);
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	width: 100%;
	clear: both;
	float: none;
	visibility: hidden;
}

.nobr
{
	white-space: nowrap;
}

/*	DEFAULT T-MOBILE STYLES */

a, a:link, a:visited
{
	cursor: pointer;
	background-color: transparent;
	text-decoration: underline;
	color: #008CA8;
}
a:hover, a:active
{
	text-decoration: underline;
	color: #444;
}
a img
{
	border: none;
}
.ledger-box.list-item,
{
	display: block; 
	margin: 0;
	padding: 0.5em 0 0.5em 18px;
	min-height: 1.3em;
	line-height: 1.3em;
	font-size: 1.3em;
	position: relative;
	vertical-align: middle; 
	border-width: 0 0 1px 0;
	border-color: #dae2e7;
	border-style: solid;
	background-color: #fcfcfc; 
}
.list-item a:after
{
	content: url(../assets/arrow_right.gif);
	float: right;
	position: relative;
	right: 18px;
	top: 0;
}

.ledger-box..list-item a:after,
.ledger-box..list-item li a:after 
{
	top: 7px;
}
.list-item a
{
	color: #000000;
	text-decoration: none; 
	position: relative;
	font-size: 1.5em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	 display:block; width:100%; height:100%;
}