﻿body#mobile { background-color: #71188C; }
body#mobile #links { margin-top:17px; }
#pageHeader { margin:0 0 3px 10px; overflow:hidden; padding-top:30px; }
#pageTitle  { float:left; height:35px; margin:0 5px 0 0; }
#pageHeader .tool { float:left; margin:6px 6px 0 0; }
.tool { cursor:pointer; }

/* Main Layout*/
#contentContainer { padding-bottom: 80px; }
#main { float: left; margin: 18px 22px 0 15px; overflow: hidden; width: 602px; }
#tagline { color: #fcf4f8; font-size: 13px; margin-bottom: 10px; }
.mainSection { margin-bottom: 23px; }
.headerImg { float: left; margin: 10px 0 0 15px; }

#phoneApps .phoneHeader {
	background: transparent url('/images/mobile/phone_apps_bg.png') no-repeat 0 0;
	height: 30px;
}

#phoneApps .phoneContent {
	background: transparent url('/images/mobile/phone_apps_bg.png') no-repeat 0 -30px;
	height: 296px;
}

/* Sidebar Layout*/
#sidebar { float: left; margin-top: 46px; width: 296px; }
.sidebarSection { margin-bottom: 21px; }

#mobilePromo {
	background: transparent url('/images/mobile/mobile_promo_bg.png') no-repeat 0 0;
	height: 123px;
}

.storeLink { display: block; margin-bottom: 12px; }

/* Phone Apps Content */
#phoneApp1 { float: left; margin: 38px 31px 0 28px; }

.phoneApp1Phone {
	background: transparent url('/images/mobile/store_loc_app_phone.png') no-repeat 0 0;
	height: 227px;
	width: 114px;
	float: left;
	margin-right: 15px;
}

.phoneApp1Content { float: left; width: 135px; }
.phoneApp1Content p.fans {
	color: #ff66ff;
	font-size: .70em;
	margin: 5px 0;
}
.phoneApp1Content p.desc {
	color: #fcf4f8;
	font-size: .80em;
	line-height: 1.2em;
	margin: 5px 0 25px;
}

#phoneApp2 { float: left; margin: 38px 0 0 0; }

.phoneApp2Phone {
	background: transparent url('/images/mobile/coming_soon_phone.png') no-repeat 0 0;
	height: 227px;
	width: 114px;
	float: left;
	margin-right: 15px;
}

.phoneApp2Content { float: left; width: 128px; }

.phoneApp2Content p.fans {
	color: #ff66ff;
	font-size: .70em;
	margin: 5px 0;
}
.phoneApp2Content p.desc {
	color: #fcf4f8;
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 25px;
}

/* Free Ringtones Content */
#ringtone1 { float:left; margin: 27px 9px 0 14px; }
.ringtone1Content{ width: 287px; }
.ringtone1Content #ringtone1Img { margin-left: -7px; padding-bottom: 30px; }
.ringtone1Content p.desc {
	color: #fcf4f8;
	font-size: .80em;
	line-height: 1.2em;
	margin: 0px 0 23px 0;
	width: 220px;
}
	
#ringtone2 { float: left; margin: 27px 0 0 22px; }
.ringtone2Content{ /*	width: 287px;*/ }
.ringtone2Content p.desc {
	color: #fcf4f8;
	font-size: 13px;
	line-height: 15px;
	margin: 12px 0 23px 0;
	width: 195px;
}
	
#freeRingtones .ringtonesHeader{
	background: transparent url('/images/mobile/free_ringtones_bg.png') no-repeat 0 0;
	height: 30px;
}

#freeRingtones .ringtonesContent{
	background: transparent url('/images/mobile/free_ringtones_bg.png') no-repeat 0 -30px;
	height: 232px;
}

.getRingtone { overflow: hidden; }
.ringtonePlay { height: 32px; width: 32px; }
.labelListen { float: left; margin-top: 5px; }

#ringtone1Play, #ringtone2Play {
	float: left;
}

.dlRingtone { float: left; margin: 10px 0 0 50px; }
	
/* Mobile Promo Content */
/*.mobilePromoContent {
	margin: 19px 0 0 21px;
}*/

.mobilePromoPhone {
	background: transparent url('/images/mobile/mobile_promo_phone.png') no-repeat 0 0;
	height: 83px;
	width: 41px;
	float: left;
	margin: 23px 24px 0 21px;
}

.mobilePromoText {
	float: left;
	width: 190px;
	margin-top: 13px;
}
	.mobilePromoContent p.desc {
		color: #fcf4f8;
		font-size: .80em;
		line-height: 1.2em;
		margin: 5px 0px;
	}
	
/* Mobile Troubleshooting modal */
/* modal instance-specific styles begin */
#mobileTroubleshootModal {
     height: 375px; 
     width: 639px; 
}

#mobileTroubleshootModal .top, #mobileTroubleshootModal .bottom, #mobileTroubleshootModal .content {
	 width: 633px; 
}

#mobileTroubleshootModal .left, #mobileTroubleshootModal .right, #mobileTroubleshootModal .content {
	 height: 369px; 
}
/* modal instance-specific styles end */

	#mobileTroubleshootModal ol, #mobileTroubleshootModal p {
		margin-right: 52px;
	}

	#mobileTroubleshootModal ol li,
	#mobileTroubleshootModal p {
		color: #fcf4f8;
		font-size: 13px;
		line-height: 15px;
	}
	
	#mobileTroubleshootModal p {
		margin-left: 22px;
	}
		
		
	#mobileTroubleshootModal p.bold {
		font-weight: bold;
	}
	
	#mobileTroubleshootModal .modalPrint {
		margin-top: 4px;
	}
