/* CSS Document */


/* Page Structure
---------------------------------------------- */
body {
	background-color:#000;
	color:#000;
}

#page {
	background-color:#FFF;
	margin:0 auto;
	text-align:left;
	width:765px;
}

	#body {
		font:normal 11px/16px Arial, Verdana, Tahoma, sans-serif;
		overflow: auto;
		padding:15px 0;
		width: 765px;
	}
	
	a{
    color:#49166D;
    }

	
		#body.body-whatis {
			background: #fff url(../images/mobile/blend-b.gif) repeat-x 0 bottom;
		}
		
		#body.body-channels {
			background: #fff url(../images/mobile/blend-channels-b.jpg) no-repeat 0 bottom;
			padding:24px 0 48px;
		}
		
		#body.body-screamfest {
			background: #fff url(../images/mobile/blend-screamfest-b.gif) no-repeat 0 bottom;
			padding:17px 0 15px;
		}
	
	#col-main {
		border-right: 1px solid #cccccc;
		display: inline;
		float:left;
		width:507px;
	}

	#col-secondary {
		display: inline;
		float: right;
		width:257px;
	}


/* Global Miscellaneous */
a.action {
	display:block;
	height:12px;
	overflow:hidden;
	text-indent:-10000px;
}



/* Header Billboard Area
---------------------------------------------- */
#header_flash {}

.page-header {
	position:relative;
}

	/* Top subnav */
	#subnav {
		height:37px;
		list-style:none;
		background:url(../images/mobile/nav_bg.jpg) no-repeat right 0;
		padding:0;
		margin:0;
	}
		#subnav li {
			display:inline;
		}
		#subnav li a,
		#subnav li em {
			display:block;
			height:37px;
			float:left;
			text-indent:-5000px;
			overflow:hidden;
		}
			#subnav .home {
				width:50px;
				background:url(../images/mobile/nav-home.gif) no-repeat;
			}
				#subnav a.home:hover {
					background-position:-50px 0;
				}
				#subnav em.home {
					background-position:-100px 0;
				}
			#subnav .whatisxm {
				width:160px;
				background:url(../images/mobile/nav-whatisxm.gif) no-repeat;
			}
				#subnav a.whatisxm:hover {
					background-position:-160px 0;
				}
				#subnav em.whatisxm {
					background-position:-320px 0;
				}
			#subnav .channels {
				width:103px;
				background:url(../images/mobile/nav-channels.gif) no-repeat;
			}
				#subnav a.channels:hover {
					background-position:-103px 0;
				}
				#subnav em.channels {
					background-position:-206px 0;
				}
			#subnav .getxm {
				width:95px;
				background:url(../images/mobile/nav-getxm.gif) no-repeat;
			}
				#subnav a.getxm:hover {
					background-position:-95px 0;
				}
				#subnav em.getxm {
					background-position:-190px 0;
				}

	/* Get XM Radio Mobile Call-to-Action */
	#getxm {
		position:absolute;
		left:494px;
		top:37px;
	}
		#getxm span {
			display:block;
			width:187px;
			height:99px;
			background:url(../images/mobile/cta-panel_bg.png) no-repeat;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
		}
		#getxm ul {
			width:168px;
			overflow:hidden;
			list-style:none;
			padding:0;
			margin:0 0 0 10px;
			position:absolute;
			left:0px;
			top:0;
			z-index:2;
		}
		#getxm h4 {
			height:27px;
			margin:0;
			text-indent:-5000px;
		}
		#getxm a {
			display:block;
			height:29px;
			text-indent:-5000px;
		}
		#getxm a.alltel {
			background:url(../images/mobile/cta-alltel.gif) no-repeat;
		}
		#getxm a.att {
			background:url(../images/mobile/cta-att.gif) no-repeat;
		}
		#getxm a.alltel:hover,
		#getxm a.att:hover {
			background-position:-168px 0;
		}



/* Promos
---------------------------------------------- */
.promos {
	height:281px;
	clear:both;
}	
.promo {
	height:281px;
	position:relative;
	overflow:hidden;
	float:left;
}
	.promo span {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
		.promo a.action {
			display:block;
			position:absolute;
			left:9px;
			top:241px;
			overflow:hidden;
			text-indent:-1000px;
			z-index:2;
		}
		.promo a.hit {
			display:block;
			width:232px;
			height:130px;
			position:absolute;
			left:9px;
			top:38px;
			z-index:2;
		}

	/* GET IT PROMO */
	.finder {
		width:258px;
	}
		.finder p.carriers {
			position:absolute;
			left:16px;
			top:176px;
			z-index:2;
			margin:0;
		}
			.promo .carriers a {
				display:block;
				height:45px;
				overflow:hidden;
				text-indent:-1000px;
				float:left;
			}
			.finder a.alltel {
				width:70px;
				background:url(../images/mobile/3button-alltel.jpg) no-repeat;
			}
			.finder a.alltel:hover {
				background-position:-70px 0;
			}
			.finder a.att {
				width:68px;
				background:url(../images/mobile/3button-att.jpg) no-repeat;
			}
			.finder a.att:hover {
				background-position:-68px 0;
			}
			
			.finder a.blackberry {
				width:95px;
				background:url(../images/mobile/3button-blackberry.jpg) no-repeat;
			}
			.finder a.blackberry:hover {
				background-position:-95px 0;
			}
			
			.finder .noncarriers {
				position:absolute;
				left:16px;
				top:240px;
				z-index:3;
				margin:0;
			}
			.finder .noncarriers input,
			.finder .noncarriers select {
				vertical-align:middle;
			}
			.finder .noncarriers select {
				width:200px;
				color:#524e4b;
				font:10px/16px Verdana, Arial, Helvetica, sans-serif;
				border:1px solid #87abc6;
				margin-right:4px;
			}
		.finder span.bkground {
			background:url(../images/mobile/bb-getit-telus.jpg) no-repeat;
		}
	
	/* CARRIER-NOT-SUPPORTED RESULTS */
	#finder-results {
		position:absolute;
		left:16px;
		top:16px;
		z-index:10;
		display:none;
	}
		#finder-results span {
			display:block;
			width:233px;
			height:235px;
			background:url(../images/mobile/results_bg.png) no-repeat;
		}
		#finder-results a.close {
			display:block;
			width:63px;
			height:21px;
			background:url(../images/mobile/action-close.gif) no-repeat;
			position:absolute;
			left:170px;
			top:0;
			overflow:hidden;
			text-indent:-5000px;
			z-index:10;
		}
			#finder-results a.close:hover {
				background-position:-63px 0;
			}

		#finder-results a.more,
		#finder-results a.freetrial {
			display:block;
			height:12px;
			overflow:hidden;
			text-indent:-5000px;
			position:absolute;
			left:12px;
			z-index:10;
		}
			#finder-results a.more {
				width:87px;
				top:185px;
				background:url(../images/mobile/action-more.gif) no-repeat;
			}
				#finder-results a.more:hover {
					background-position:-87px 0;
				}
				
			#finder-results a.freetrial {
				width:173px;
				top:205px;
				background:url(../images/mobile/action-freetrial.gif) no-repeat;
			}
				#finder-results a.freetrial:hover {
					background-position:-173px 0;
				}
		#carrier-tracker {
			display:none;
		}
			
			
	/* NOW PLAYING PROMO */
	.nowplaying {
		width:250px;
	}
		.nowplaying a.action {
			width:137px;
			height:12px;
			/*background:url(../images/mobile/action-nowplaying.gif) no-repeat;*/
		}
		.nowplaying a.action:hover {
			background-position:-137px 0;
		}
		.nowplaying span {
			background:url(../images/mobile/bb-nowplaying.jpg) no-repeat;
		}
	
	/* SCREAMFEST PROMO */
	.screamfest {
		width:257px;
	}
		.screamfest a.action,
		.screamfest-c a.action {
			width:168px;
			height:12px;
			background:url(../images/mobile/action-winners.gif) no-repeat;
		}
		.screamfest a.action:hover,
		.screamfest-c a.action:hover {
			background-position:-168px 0;
		}
		.screamfest span {
			background:url(../images/mobile/bb-screamfest-winners-r.jpg) no-repeat;
		}
	.screamfest-c {
		width:250px;
	}
		.screamfest-c span {
			background:url(../images/mobile/bb-screamfest-winners-c.jpg) no-repeat;
		}
		
		
	
	/* DEMO PROMO */
	.demo {
		width:257px;
	}
		.demo a.action {
			width:115px;
			height:12px;
			background:url(../images/mobile/promos/action-demo.gif) no-repeat;
		}
		.demo a.action:hover {
			background-position:-115px 0;
		}
		.demo span {
			background:url(../images/mobile/promos/bb-demo.jpg) no-repeat;
		}
		
	/* DEMO PROMO MID SECTION*/
	.demomid {
		width:250px;
	}
		.demomid a.action {
			width:115px;
			height:12px;
			background:url(../images/mobile/promos/action-demo.gif) no-repeat;
		}
		.demomid a.action:hover {
			background-position:-115px 0;
		}
		.demomid span {
			background:url(../images/mobile/promos/bb-demo_mid.jpg) no-repeat;
		}		
		
	/* FAITH PROMO */
	.faith {
		width:257px;
	}
		.faith a.action {
			width:115px;
			height:12px;
			background:url(../images/mobile/promos/action-faith.gif) no-repeat;
		}
		.faith a.action:hover {
			background-position:-115px 0;
		}
		.faith span {
			background:url(../images/mobile/promos/bb-faith.jpg) no-repeat;
		}		
		
	/* HOLIDAY PROMO */
	.holiday {
		width:257px;
	}
		.holiday a.action {
			width:115px;
			height:12px;
			background:url(../images/mobile/promos/action-holiday.gif) no-repeat;
		}
		.holiday a.action:hover {
			background-position:-115px 0;
		}
		.holiday span {
			background:url(../images/mobile/promos/bb-holiday.jpg) no-repeat;
		}
		
	/* GRAMMY PROMO */
	.grammys {
		width:257px;
	}
		.grammys a.action {
			width:150px;
			height:12px;
			background:url(../images/mobile/promos/action-gwinners.gif) no-repeat;
		}
		.grammys a.action:hover {
			background-position:-150px 0;
		}
		.grammys span {
			background:url(../images/mobile/promos/bb-grammys.jpg) no-repeat;
		}	
		
	/* BLACKBERRY PROMO */
	.blackberry {
		width:257px;
	}
		.blackberry a.action {
			width:136px;
			height:12px;
			
		}
		.blackberry a.action:hover {
			background-position:-136px 0;
		}
		.blackberry span {
			background:url(../images/mobile/promos/bb-blackberry.jpg) no-repeat;
		}			
						
	
	/* XMRO PROMO */
	.xmro {
		width:257px;
	}
		.xmro a.action {
			width:136px;
			height:12px;
			
		}
		.xmro a.action:hover {
			background-position:-136px 0;
		}
		.xmro span {
			background:url(../images/mobile/bb-xmro.jpg) no-repeat;
		}			
						
		



/* Individual Pages
---------------------------------------------- */

/* Global Elements */
.sidebar-module,
.sidebar-module-tfade,
.sidebar-module-bfade {
	padding-left:9px;
	padding-right:15px;
}

	.sidebar-module-tfade {
		background:url(../images/mobile/blend-sidebar-t.jpg) no-repeat;
		padding-top:2px;
		margin-top:15px;
	}

	.sidebar-module-bfade {
		
		padding-bottom:17px;
		margin-bottom:15px;
	}


/* What is XM Mobile */
.whatis-header {
	height:186px;
	position:relative;
	overflow:hidden;
}
	.whatis-header span {
		position:absolute;
		left:0;
		top:0;
		display:block;
		width:507px;
		height:100%;
		background:url(../images/mobile/whatis_header.gif) no-repeat;
	}
	.body-whatis #col-main p{
		margin:20px 17px;
	}
	.body-whatis #col-main h2 {
		margin:20px;
	}
	
	 .body-whatis #col-main li{
	     margin-left:20px;
	 }


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

	ul.carriers li {
		list-style: none;
		margin-bottom: 10px;
	}

	ul.carriers li a {
		background-position: 0 0;
		display:block;
		height:46px;
		overflow:hidden;
		text-indent: 0;
		width:233px;
	}

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

	ul.offers li {
		list-style: none;
		margin-bottom: 10px;
	}


/* Screamfest */
.screamfest-sidebar {
	position:relative;
	width:100%;
	height:389px;
	overflow:hidden;
}
	.screamfest-sidebar span {
		display:block;
		width:100%;
		height:100%;
		background:url(../i/headers/screamfest-sidebar.gif) no-repeat;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}

.list {
	color:#a3a3a3;
	font-size:10px;
	font-weight:bold;
	line-height:13px;
	list-style-type:square;
	padding-left:17px;
}
	.list li {
		margin-bottom:12px;
	}

	.act-listen {
		width:221px;
		background:url(../images/mobile/promos/action-listen.gif) no-repeat;
		position:absolute;
		left:9px;
		top:128px;
		z-index:2;
	}
		.act-listen:hover {
			background-position:-221px 0;
		}
		
	#ticker_flash {
		margin-left:10px;
	}
	
	#ticker_legal {
		margin-left:10px;
		padding-top:4px;
	}
	
	#ticker_legal a {
		color:#6a744e;
		font-weight:bold;
	}
	
	#ticker_legal a:hover {
		color:#a3a3a3;
	}


/* Channel Lineups */
.channels-table {
	background:url(../images/mobile/trow_bg-left.jpg) repeat-y;
}
	.channels-table p {
		position:relative;
		height:25px;
		color:#292929;
		font:normal 10px/25px Verdana, Arial, Helvetica, sans-serif;
		background:url(../images/mobile/trow_bg-right.jpg) no-repeat right 0;
		margin:0;
	}
		.channels-table p.nlast {
			background:url(../images/mobile/trow_bg-nlast.jpg) no-repeat;
		}
		
	/* Header */
	.channels-table .header {
		position:relative;
		background:url(../images/mobile/theader_bg-left.jpg) no-repeat;
	}
		.channels-table .header h3 {
			height:25px;
			background:url(../images/mobile/theader_bg-right.jpg) no-repeat right 0;
			padding-left:16px;
			margin:0;
			font-size:14px;
		}
		.channels-table .availability {
			position:absolute;
			left:425px;
			top:3px;
		}
		.channels-table a.tickets {
			position:absolute;
			left:382px;
			top:2px;
			display:block;
			width:97px;
			height:12px;
			background:url(../images/mobile/promos/action-tickets.gif) no-repeat;
			text-indent:-5000px;
			overflow:hidden;
		}
			.channels-table a.tickets:hover {
				background-position:-97px 0;
			}
	
	/* Rows */
	.channels-table .channel {
		position:absolute;
		left:16px;
	}
	
	.channels-table .channel a {
		color:#6a744e;
		font-weight:bold;
		text-decoration:none;
	}
	.channels-table .channel a:hover {
		color:#a3a3a3;
	}
	
	.channels-table .genre {
		position:absolute;
		left:160px;
	}
	.channels-table .track {
		position:absolute;
		left:380px;
	}
	.channels-table .alltel {
		position:absolute;
		left:699px;
		margin-top:8px;
	}
	.channels-table .att {
		position:absolute;
		left:715px;
		margin-top:8px;
	}
	.channels-table .bberry {
		position:absolute;
		left:731px;
		margin-top:8px;
	}	
	.channels-table .date {
		position:absolute;
		left:16px;
	}
	.channels-table .time {
		position:absolute;
		left:130px;
	}
	.channels-table .venue {
		position:absolute;
		left:198px;
	}
	.channels-table .city {
		position:absolute;
		left:300px;
	}

	/* Footer */
	.channels-table .footer {
		background:url(../images/mobile/tfooter_bg-left.jpg) no-repeat;
	}
		.channels-table .footer span {
			display:block;
			height:100%;
			background:url(../images/mobile/tfooter_bg-right.jpg) no-repeat right 0;
		}