/* Style Sheets for T-Mobile website

	1. Reset
	2. Structure
	3. Homepage 
	4. Entreprise
	5. Produit
	6. Category

Notes
*/
 
/* -------------- 1. Reset --------------------------- */
* { margin:0; padding:0; }

body { font:12px Arial, Helvetica, sans-serif; text-align:left; color:#333; line-height: 1.3em; }

a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a img { border:0;}

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; padding:0; }

/* -------------- 2. Structure -------------------------- */
#wrapper {width:862px; margin:0 auto; padding:30px 0 120px 0;}

/* Logo */
#header h1 a{width:310px; height:75px; background:url(/images/t-mobile-logo.gif) no-repeat left top;  float:left; }
#header h1{margin-bottom:0; text-indent:-999em;}

/* Top Links */
#header #top-links {float:right; text-align:center; margin-top:10px;}
#header #top-links a {display:block; width:35px; float:left; margin-right:20px; font-size:10px; color:#bfbfbf; padding-top:35px;}
#header #top-links a.ask {background:url(/images/icon-ask.gif) no-repeat center top;}
#header #top-links a.ask:hover {background:url(/images/icon-ask.gif) no-repeat center -64px;}
#header #top-links a.apply {background:url(/images/icon-apply.gif) no-repeat center top;}
#header #top-links a.apply:hover {background:url(/images/icon-apply.gif) no-repeat center -64px;}
#header #top-links a.meet {background:url(/images/icon-meet.gif) no-repeat center top;}
#header #top-links a.meet:hover {background:url(/images/icon-meet.gif) no-repeat center -64px;}


/* All Theme Navigation */
#nav-area {border-top:4px solid #e20074; padding-top:2px; height:256px;}
#navigation { width:287px; height:266px; float:left; line-height:11px }
#navigation { padding:20px 0 23px 22px; } /*padding:43px 0 0 22px; */


.short-nav {height:211px !important;}
#navigation ul {padding-left:22px; width:195px;}
#navigation ul li, #navigation ul li a {color:#fff; text-transform: uppercase; font-size:11px;}
 #navigation ul li a {display:block; margin:0 0 9px 0}
.sup {font-size:9px; position:relative; top:-5px; left:1px}
hr {border:0; border-bottom:1px solid #fff; margin:0 0 10px 5px; width:175px;}


/* Blue Theme Navigation */
.nav-blue {background-color:#007c92;}
.nav-blue li {list-style-image: url(/images/bullet-white.png);}
.nav-blue li.active, .nav-blue li:hover {list-style-image: url(/images/bullet-nav-blue.gif);}
.nav-blue li.active a, .nav-blue li a:hover {color:#96d7e2 !important;}

/* Purple Theme Navigation */
#jobs .nav-purple {background-color:#662046;}
.nav-purple {background-color:#830051;}
.nav-purple li {list-style-image: url(/images/bullet-white.png);}
.nav-purple li.active, .nav-purple li:hover, .nav-purple li.span-active {list-style-image: url(/images/bullet-purple.gif);}
.nav-purple .active a, .nav-purple li a:hover {color:#bf5295 !important;}
#jobs .nav-purple .active a, #jobs  .nav-purple li a:hover {color:#a56086!important;}
.nav-purple ul ul {padding-left:0 !important;}
.nav-purple ul ul li, .nav-purple ul ul li:hover, .nav-purple ul ul li.active {list-style-image:none;}
.nav-purple ul ul li a {font-size:12px !important; text-transform:none !important;}

/* Green Theme Navigation */
.nav-green {background-color:#58a618;} 
.nav-green li {list-style-image: url(/images/bullet-white.png);}
.nav-green li.active, .nav-green li:hover {list-style-image: url(/images/bullet-green.gif);}
.nav-green li.active a, .nav-green li a:hover {color:#a6d867 !important;}

/* Dark Blue Theme Navigation */
.nav-dark-blue {background-color:#003f72;}
.nav-dark-blue li {list-style-image: url(/images/bullet-white.png);}
.nav-dark-blue li.active, .nav-dark-blue li:hover {list-style-image: url(/images/bullet-dark-blue.gif);}
.nav-dark-blue li.active a, .nav-dark-blue li a:hover {color:#36779c !important;}

/* Orange Theme Navigation */
.nav-orange {background-color:#ec7a08;}
.nav-orange li {list-style-image: url(/images/bullet-white.png);}
.nav-orange li.active, .nav-orange li:hover {list-style-image: url(/images/bullet-orange.gif);}
.nav-orange li.active a, .nav-orange li a:hover {color:#fbaf73 !important;}

/* Light Green Theme Navigation */
.nav-light-green {background-color:#c2b000;}
.nav-light-green li {list-style-image: url(/images/bullet-white.png);}
.nav-light-green li.active, .nav-light-green li:hover {list-style-image: url(/images/bullet-light-green.gif);}
.nav-light-green li.active a, .nav-light-green li a:hover {color:#d6e342 !important;}

/* Dark Green Theme Navigation */
.nav-dark-green {background-color:#427730;}
.nav-dark-green li {list-style-image: url(/images/bullet-white.png);}
.nav-dark-green li.active, .nav-dark-green li:hover, .nav-dark-green li.span-active {list-style-image: url(/images/bullet-dark-green.gif);}
.nav-dark-green .active a, .nav-dark-green li a:hover {color:#a6d867 !important;}
.nav-dark-green ul ul {padding-left:0 !important;}
.nav-dark-green ul ul li, .nav-dark-green ul ul li:hover, .nav-dark-green ul ul li.active {list-style-image:none;}
.nav-dark-green ul ul li a {font-size:12px !important; text-transform:none !important;}

/* Navy Theme Navigation */
.nav-navy {background-color:#002a42;}
.nav-navy li {list-style-image: url(/images/bullet-white.png);}
.nav-navy li.active, .nav-navy li:hover {list-style-image: url(/images/bullet-navy.gif);}
.nav-navy li.active a, .nav-navy li a:hover {color:#93b1cc !important;}


/* Stick Together */
#stick {width:93px; height:93px; position:relative; z-index:5; top:126px; *top:-180px; left:262px; *float:left;}
#stick img {position:absolute; top:0; left:0;}

/* Content */
#main-img {width:552px; float:right;}
#main-img img { display: block; }
#content {clear:both; padding:11px 0 120px 0; margin-top:-93px;}
html>body #content {margin-top:0;}
*:first-child+html #content {margin-top:83px;}

/* Side Menu */
.side-menu {width:284px; float:left; padding-right:15px; color:#5c5c5c;}
.side-menu ul li {margin-bottom:13px;}
.side-menu ul li a {color:#5c5c5c; font-weight:bold;}
.side-menu ul li a.menu-watch,
.side-menu ul li a.menu-learn,
.side-menu ul li a.menu-apply {display:block; float:left; width:39px; height:84px; margin-right:10px; text-indent:-999em;}
.side-menu ul li a.menu-watch {background:url(/images/tag-watch.gif) no-repeat left top;}
.side-menu ul li a.menu-learn {background:url(/images/tag-learn.gif) no-repeat left top;}
.side-menu ul li a.menu-apply {background:url(/images/tag-apply.gif) no-repeat left top;}
.side-menu ul li p {padding-top:35px;padding-bottom:4px;}


/* mtg - added for left-nav rollovers */
.side-menu ul li p {margin-left:44px; background: transparent url(/images/tmo_gray_fade.jpg) no-repeat -1000px -1000px; }
.side-menu ul li.over p { /*background-color: #E7E8E9;*/ background: transparent url(/images/tmo_gray_fade.jpg) no-repeat top left; }
.side-menu ul #mnu-watch.over p a { color: #790A4D; }
.side-menu ul #mnu-learn.over p a { color: #C27127; }
.side-menu ul #mnu-apply.over p a { color: #D0BD00; }

/* Main Content */
.main-content, .main-content-gallery { min-height:262px; padding:12px 14px 20px 28px; float:right; width:508px; border:1px solid #d5d4d5; border-top:0; border-bottom:0; margin-top:20px;}
.main-content h2, .main-content-gallery h2 {height:25px; text-indent:-999em; margin-bottom:10px; }
.main-content p, .main-content-gallery p {padding-bottom:15px;}

.next {float:right; padding:0 20px 0 0; text-align:right; clear:right;}
.next a {display:block; background:url(/images/btn-next.gif) no-repeat left top; width:41px; height:15px;}
.next a span {display:none;}

/* Footer */
#footer {
	width:862px; 
	height:79px; 
	margin:-120px auto 0 auto; 
	border-top:1px solid #d4d3d4; 
	color:#6a6a6a; 
	padding:20px 0; 
	font-size:11px;
}
#footer p.legal { font-size:11px;} 
#footer p {padding-bottom:14px;}
#footer a {font-size:10px; text-transform:uppercase; color:#6a6a6a;}
#footer a:hover { text-decoration: underline; }

.btn-wrapper {overflow:hidden; width:552px; float:right;}
/* -------------- 3. Homepage -------------------------- */
.h2-home {background:url(/images/own-business.gif) no-repeat left top; width:430px;}
.h3-home {color:#007c92; font-size:12px; margin-bottom:15px;}
.ul-home {list-style-image:url(/images/bullet-blue.gif); margin-left:34px;}


/* -------------- 4. Find a Job -------------------------- */
.h2-job {background:url(/images/h2-find-job.gif) no-repeat left top; width:102px;}
.purple {font-size:12px; font-weight:bold; color:#662046; text-decoration:underline;}

/* -------------- 5. Refer a Retailer -------------------------- */
.h2-refer {background:url(/images/h2-refer.gif) no-repeat left top; width:150px;}
.get-started, .get-started-orange, .get-started-purple {
	display:block; 
	width:124px; 
	height:17px; 
	padding-top:2px;
	text-transform:uppercase; 
	color:#fff; 
	background:url(/images/bg-get-started.gif) repeat-x center center; 
	font-size:11px; 
	text-align: center; 
	margin-top:10px;
}
.get-started-purple-es {
	display:block; 
	width:131px; 
	height:17px; 
	padding-top:2px;
	text-transform:uppercase; 
	color:#fff; 
	background:url(/images/bg-get-started-es.gif) repeat-x center center; 
	font-size:11px; 
	text-align: center; 
	margin-top:10px;
}
/* -------------- 6.a Attend an Event -------------------------- */
.h2-attend {background:url(/images/h2-live-events.gif) no-repeat left top; width:150px;}
.h2-upcoming-events {background:url(/images/h2-upcoming-events.gif) no-repeat left top; width:175px;}
.h2-online-events {background:url(/images/h2-online-events.gif) no-repeat left top; width:175px;}
h2.space { margin-top: 30px;}
p.bottom-rule { border-bottom: solid 1px #CCCCCC; margin-bottom: 10px; padding-left: 5px; } 
div.events-watch-box {background: #f2f2f2; width: 501px; margin: 10px 0 40px; }
div.events-watch-box p { color: #323232; font-size: 1.2em; font-weight: bold; line-height: 1.3em; padding: 12px 35px; }
div.events-watch-box p a { color: #b32668; font-size: 1.2em; }
.bold {font-weight:bold;}
p.event-title { font-size: 1.2em; padding: 0; }

p.attend-radio {  margin: 6px 0 15px 30px; padding: 3px; padding-bottom: 10px; position: relative; }
p.attend-radio input { cursor: pointer; position: absolute; top: 5px; left: -25px; }

.row p.grey { background: #F2F2F2; cursor: pointer; margin: 6px 0 15px 30px; padding: 3px; padding-bottom: 6px; position: relative; }
.row p.grey input { cursor: pointer; position: absolute; top: 5px; left: -25px; }

/* -- removed by mtg per client revision
.date-events {margin-bottom:30px;}
.event-box {width:138px; float:left; background-color:#efefef; padding:5px 10px 1px 10px; min-height:268px; margin-right:10px; z-index:1}
.event-box .event-info {padding-bottom:10px;}
.event-box p {padding-bottom:12px;}
.event-box a {background:url(/images/btn-register.png) no-repeat center top; color:#fff; width:123px; height:18px; padding:3px 0 0 0; display:block; text-align:center; font:bold 10px Arial, Helvetica, sans-serif}
.big-blue {font-size:18px; font-weight:bold; color:#003f72; line-height:1.2em;}
.big-blue a {color:#ec008c; text-decoration:underline;}
*/
h5.reg-info { color: #b32668;margin-top: 20px; }
#form-attend-event ul { width: 98%; }
#form-attend-event ul li { float: left; margin-top: 10px; height: 50px; }
#form-attend-event ul li label { width: 100%; font-weight: bold; clear: both; }
#form-attend-event ul li input, #form-attend-event ul li select,#form-attend-event ul li textarea { width: 100%; }
#form-attend-event ul li input.phone3 { width: 20%; } 
#form-attend-event ul li input.phone4 { width: 30%; } 
#form-attend-event ul li.small { width: 30%; } 
#form-attend-event ul li.med { width: 45%; }
#form-attend-event ul li.large { width: 100%; } 
#form-attend-event ul li.tall { height: 200px; margin-top: 15px; }
#form-attend-event ul li button { float: right; }

input[type=text], input[type=password], select, textarea {padding: 3px;}

/* -------------- 6.b Internal -------------------------- */
.dark_blue{color:#003f72; font-weight:bold; margin:10px 0; text-indent:10px;}
.internal_entry{text-indent:-100000px; background:url(/images/h2-internal_ent.gif) no-repeat; height:19px; width:126px; margin-top:40px}

/* -------------- 7. Suggest a Real Estate -------------------------- */
.h2-suggest {background:url(/images/h2-suggest-real-estate.gif) no-repeat left top; width:auto;}
.get-started-orange {background:url(/images/bg-get-started-orange.gif) repeat-x center center;}
.orange {color:#ec7a08; font-weight:bold;}
.orange-list {list-style-image:url(/images/bullet-content-orange.gif); margin:0 0 15px 25px;}

/* -------------- 8. Photo Gallery -------------------------- */
.main-content-gallery {margin-top:0; padding-top:0;}
.h2-gallery {background:url(/images/h2-photo-gallery.gif) no-repeat left top; width:auto; text-indent:-999em;}
.gallery-pages {width:552px; height:19px; margin:-2px 0 20px 310px; *position:relative; top:-90px;}
html>body .gallery-pages {*margin-top:-52px; *margin-bottom:10px; *top:0;} /* IE7 */
.gallery-pages ul, .success-pages ul {height:19px; background-color:#f3f3f3; padding-left:12px; margin-top:0; }
.gallery-pages li, .success-pages li {display:block; float:left; width:18px; height:18px;padding-right:9px; text-align:center; margin-top:0;} 
html>body .gallery-pages ul, html>body .success-pages ul,
html>body .gallery-pages li, html>body .success-pages li {*margin-top:-3px;}
/*\ Safari and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.gallery-pages li, .success-pages li {margin-top:0;}
} 
/**/

.gallery-pages li a, .success-pages li a {display:block; float:left; width:18px; height:16px; padding-top:3px; color:#6a6a6a; font-size:11px;}
.gallery-pages li.active a {background:url(/images/bg-photo-active.gif) no-repeat center top; color:#fff;}
.back a { display:block; width:41px; height:15px; background:url(/images/btn-back.gif) no-repeat left top; clear:right; margin-left:10px; float:left;}
html>body .back a {margin-left:30px;}
.back a span {display:none;}

/* -------------- 9. FAQs -------------------------- */
.h2-faqs {background:url(/images/h2-faqs.gif) no-repeat left top; width:auto; text-indent:-999em;}

/* -------------- 10. Non-Retail Opportunities -------------------------- */
.h2-non-retail {background:url(/images/h2-non-retail.gif) no-repeat left top; width:auto; text-indent:-999em;}
.non-retail-content {margin:5px 0 20px 0;}
.text-purple {color:#830051; font-weight:bold;}
.text-gray {color:#cecfce; font-weight:bold;}
h3.text-purple, h3.text-gray {font-size:12px; margin:10px 0 15px 0;}
.get-started-purple {background:url(/images/bg-get-started-purple.gif) repeat-x center center;}
.purple-list {list-style-image:url(/images/bullet-content-purple.gif); margin:0 0 15px 25px;}

/* -------------- 11. T-Mobile Estamos Juntos -------------------------- */
.h2-estamos {background:url(/images/h2-estamos.gif) no-repeat left top; width:auto; text-indent:-999em;}

/* -------------- 11. T-Mobile Estamos Juntos Espanol -------------------------- */
.h2-estamos-es {background:url(/images/h2-estamos-es.gif) no-repeat left top; width:auto; text-indent:-999em;}

/* -------------- 12. T-Mobile Limited -------------------------- */
.h2-limited {background:url(/images/h2-limited.gif) no-repeat left top; width:auto; text-indent:-999em;}

/* -------------- 13. Retailer Opportunities -------------------------- */
.h2-retail {background:url(/images/h2-retail.gif) no-repeat left top; width:auto; text-indent:-999em;}
.italic {font-style:italic;}

/* -------------- 14. Success Stories -------------------------- */
.clear {overflow:hidden; margin-bottom:10px;}
.h2-success {background:url(/images/h2-success.gif) no-repeat left top; width:164px; text-indent:-999em; float:left;}
.success-pages {float:left; margin-top:3px; }
.success-pages ul, .success-pages li {margin-top:0;}
.success-pages li.active a {background:url(/images/page-green.gif) no-repeat center top; color:#fff;}
.main-content-gallery p {*clear:left;}

/* -------------- 15. Retailer Revenue -------------------------- */
.h2-revenue {background:url(/images/h2-revenue.gif) no-repeat left top; width:auto; text-indent:-999em;}
.dark-green {color:#427730; font-weight:bold; margin-top:10px;}
.dark-green-list {list-style-image:url(/images/bullet-content-dark-green.gif); margin:0 0 15px 25px;}

/* -------------- 16. Customer Experience -------------------------- */
.h2-customer {background:url(/images/h2-customer.gif) no-repeat left top; width:auto;}

/* -------------- 17. Our Brand -------------------------- */
.h2-brand {background:url(/images/h2-brand.gif) no-repeat left top; width:auto;}
.logo-container {background-color:#dbdadb; padding:10px 5px 0 5px;}
.logo-container li {float:left; padding:0 5px 5px 5px;}

/* -------------- 18. Working with T-Mobile  -------------------------- */
.h2-working {background:url(/images/h2-working.gif) no-repeat left top; width:auto;}

/* -------------- 19. The Wireless Industry  -------------------------- */
.h2-wireless {background:url(/images/h2-wireless.gif) no-repeat left top; width:auto;}
.navy-list {list-style-image:url(/images/bullet-content-navy.gif); margin:0 0 15px 25px;}
.light-grey {color:#6a6a6a;}

/*- 20. forms -*/

/* -------------- 20.a pop up -------------------------------------------*/
.pop_up_event{position:absolute; display:none; top:350px; z-index:100; color:#fff; background:url(/images/bg_blue_popup.png); height:500px; width:326px; padding:23px 6px 0 29px}
.pop_up_event .header{text-indent:-10000px; background:url(/images/bg_sem_reg_form.gif) no-repeat; height:19px; width:262; margin-bottom:6px;}
.pop_up_event div{ padding:0 0 8px 0}
*:first-child+html .pop_up_event div{padding:0 0 5px 0}
.pop_up_event input{width:303px}
.pop_up_event input.checkbox{width:auto; float:left; margin:0 5px 10px 0}
.pop_up_event input.state{width:50px}
.pop_up_event input.zip{width:100px}
.pop_up_event select{width:150px}
.pop_up_event label{display:block}
.pop_up_event button {margin-top:20px;}

.pop_up_event .left{ margin-right:20px}

/* -------------- 20.b single row -------------------------------------------*/
.padding{border-left:1px solid #d5d4d5; border-right:1px solid #d5d4d5; padding:0 20px;}
.padding p{margin-bottom:12px}
.padding a{ text-decoration:underline; color:#000}

.single_row .left{width:243px; text-align:right; font-weight:bold}
.single_row .left span{font-weight:normal; margin-right:0}
.single_row .right{width:553px}
.single_row .grey {background-color:#f2f2f3}
.single_row div.clearfix{padding:10px 0}
.single_row button {float:right; margin-top:20px;}
.single_row textarea{width:400px; height:70px}
.single_row select{width:170px}
.single_row .small input{width:40px}
.single_row .small input.xx{width:60px}
.single_row span{margin-right:10px}
.single_row .text-grey{color:#b1b3b6}

/* -------------- 20.c referal form -------------------------------------------*/
h2.thank_you{background:url(/images/h2-thank_you.gif) no-repeat; height:19px; width:196px; text-indent:-100000px; margin-top:40px;}
h2.refer-a-r{background:url(/images/h2-refer-a-r.gif) no-repeat; height:16px; width:148px; text-indent:-100000px; margin-top:40px;}
#terms h2, #popup-nav-area-terms h2{background:url(/images/h2-terms.gif) no-repeat; height:27px; width:347px; text-indent:-100000px; margin:40px auto;}
#terms p{margin-bottom:20px;}
#terms strong{text-decoration:underline}
#terms .indent{margin-left:39px; margin-bottom:20px;}
#terms .padding{border-left:none; border-right:none;}
#terms #nav-area{height:110px}

p.tech_diff{color:#b1b1b1; text-transform:uppercase; position:relative; top:110px; font-size: 11px;}
p.tech_diff strong{color:#ec008b}
.terms_cond{position:relative; top:24px; left:320px; width:420px;}
*:first-child+html .terms_cond{top:20px; left:30px; }
.terms_cond span{white-space:nowrap;}
.terms_cond, .terms_cond a{color:#b1b1b1; font:bold 13px  Helvetica, sans-serif;}
.or{color:#B1B1B1; float:right; margin:23px 11px 0}
.note{ width:310px; position:absolute; right:30px; top:-5px; float:right}

.left{float:left}
.right{float:right}
 button {background:url(/images/btn-register.png) no-repeat center top; width:123px; height:20px; border:0; font: bold 11px Helvetica, sans-serif; cursor:pointer; color:#fff; }
 
/* --------------  20.d get started -----------------------------*/
 h2.personal {background:url(/images/h2-personal-info.gif) no-repeat; height:16px; width:197px; text-indent:-100000px; margin:40px 0 20px;}
 h2.get_started{background:url(/images/h2-get-started.gif) no-repeat; height:16px; width:109px; text-indent:-100000px; margin:40px 0 20px;}
 h2.thank-you{    background:url(/images/h2-thank-you.gif) no-repeat; height:19px; width:114px; text-indent:-100000px; margin:40px 0 20px;}
 h2.business{      background:url(/images/h2-bis-info.gif) no-repeat; height:16px; width:199px; text-indent:-100000px; margin:40px 0 20px;}
 h2.program{        background:url(/images/h2-program.gif) no-repeat; height:19px; width:290px; text-indent:-100000px; margin:40px 0 20px;}
 h2.site{background:url(/images/h2-site.gif) no-repeat; height:19px; width:406px; text-indent:-100000px; margin:40px 0 20px;}
 .text_green, .text_green a{color:#007c92; font-weight:bold}
 button.btn_grey{ background:url(/images/btn_reg-bw.gif) no-repeat; float:left;}
 .mr_17{margin-left:14px}
 .small_pad{padding:4px 0}
 .radio_box{ cursor: pointer; float:left; font-weight:bold; margin:0 40px 0 15px}
  .radio_box span{font-weight:normal}
  
   /* mtg added for 'are you registered' */ 
 .radio_box input[type="radio"] { margin: 0 5px; }
 .nice-radio { float: left; cursor: pointer; width: 60px; height: 20px; }
 .nice-radio div { background: transparent url(/images/radio-off.gif) no-repeat center center; float: left; margin: 2px; height: 14px; width: 14px; border: solid 0px #007C92; } 
 .nice-radio div.selected { background: transparent url(/images/radio-on.gif) no-repeat center center; }
 .nice-radio label { float: left; margin: 3px 3px 0; }
 
 .pop_up_prog{/*display:none;*/ background:url(/images/pop_up_box.png) no-repeat; width:176px; height:145px; position:absolute; color:#fff; padding:22px 17px 0 15px;}
 .pop_up_prog h4 {}
.pop_up_prog p a{color:#fff; font-weight: bold; text-decoration: underline; font-size: 1.1em; }
.x{text-indent:-100000px; position:absolute; top:8px; right:13px; background:url(/images/x.gif) no-repeat; height:11px; width:11px}
 
 .validation { clear: both; color: red; font-weight: bold; display: none; }
 .validation-failed .validation  { display: block; }
 
 #val-area { color: red; font-weight: bold; }
 #tellus-length { font-size: .8em; float: right; width: 135px; height: 60px; } 
 
#getstarted-terms-area { margin-top: 20px; }
#getstarted-terms-area h4 { margin-bottom: 15px; text-indent: -9999px; }
#getstarted-terms-area h4#geninfo-cert { background: transparent url(/images/h4-geninfo_cert.jpg) no-repeat top left; }
#getstarted-terms-area h4#geninfo-tmobile { background: transparent url(/images/h4-authretailrequirements.jpg) no-repeat top left; }
#getstarted-terms-area p { color: #4b4b4b; margin-bottom: 15px; line-height:18px; }
#getstarted-terms-area p input {  }
#getstarted-terms-area p input[type=checkbox] { margin: 2px 5px 0 0; }
#getstarted-terms-area p input[type=radio] { margin: 2px 0 0 10px; }
#getstarted-terms-area p label { color: #000; font-weight: bold; margin: 2px 0 0 3px; }
 
 /* ---------------- */
 
.form-result-win { border: solid 2px black; background: #fff; width: 500px; height: 450px; overflow: auto; padding: 5px; }
.form-result-win .test-table { display: block; }
.form-result-win .test-table li { display: block; float: left; } 
.form-result-win .test-table li.short { width: 20%; }
.form-result-win .test-table li.long { width: 60%; } 
.form-result-win .test-table li p.label { text-align: left; font-weight: bold; text-decoration: underline; }
.form-result-win .test-table li p.value { text-align: center; margin-bottom: 5px; border-bottom: solid 1px #666; }

 
/* -------------- Notes --------------------------------- */
.clearfix:after {content: ".";	display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}


/* -------------- Modal Vid Popup ----------------------- */
#home-vid-container { background: #000; padding: 15px; width: 420px; height: 320px; }
#home-vid-container a.close { color: #fff; font-weight: bold; font-size: 1.3em; position: relative; top: -10px; float:right; }


/* ---------------- */


/* -------------- Error Pages ----------------------- */

#error-message { border: solid 1px #E7E8E9; border-width: 0 2px 0 2px; margin-left: 300px; padding-left: 30px; padding-right: 30px; } 
#error-message h2 { font-size: 2em; }
#error-message p { color: #5C5C5C; }
#error-message p a { color: #5C5C5C; font-weight: bold; }


/* ---------------- */


/* -------------- Popup Pages -------------------------*/
.popup-page { background: #fff; width: 600px; height: 500px; overflow-y: auto; padding: 30px; }
#popup-nav-area-terms{ border-bottom: solid 2px #666; height: 20px; background: transparent url(/images/logo-small.gif) no-repeat center center; padding: 20px 0 30px; }
#popup-nav-area-terms a.close-popup { float: right; text-indent: -9999px; background: transparent url(/images/close.gif) no-repeat top left; height:20px; width: 38px;  }
.popup-page .popup-content { padding: 20px 0 0; } 
.popup-page .popup-content h4 { padding-bottom: 20px; }
.popup-page .popup-content p { margin-bottom: 20px; }
/* ---------------- */


/* -------------- Press Page -------------------------*/
h2.h2-pressreleases {background:url(/images/h2-in-the-news.gif) no-repeat; }
div.press-release-row { clear: both; margin-bottom: 15px; }
div.press-release-row .date { font-weight: bold; float: left; width: 80px; height: 40px; }  
div.press-release-row p { margin-left: 4px; font-size: 1.1em; padding-bottom: 3px;}
div.press-release-row .title a{ color: #8C004C; font-weight: bold; }
div.press-release-row .site, div.press-release-row .site a{ color: #636466; }
div.press-release-row .title a:hover, div.press-release-row .site a:hover { text-decoration: underline; }