@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Kristinia DeBarge MOBILE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		kdb_tour.css
	Date:			July 07, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
				
/*	--------------------------------------------------------------------------------------------------------------------------
	navbar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.navbar li.mobile a {
		background:url(../../images/nav_spritesNew.png) -90px -259px no-repeat;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mobileContent {
		margin:162px 0 0 0;
	}
		.mobileContent h2.mobileMessages {
			margin:0 0 25px 0;
			width:326px; height:48px;
			background:url(../../images/h2_mobileMessages.jpg) 0 0 no-repeat;
		}
		.mobileContent .header {
			margin:0 0 45px 0;
		}
			
			.mobileContent .header .call {
				margin:0 7px 0 0;
				width:230px;
				float:left;
				display:inline;
			}
			.mobileContent .header .text {
				width:185px;
				float:left;
			}
				.mobileContent .smallGray {
					margin:0 0 10px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#727272;
					line-height:14px;
					display:block;
				}
				.mobileContent .smallBlack {
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#000;
					line-height:18px;
				}
				.mobileContent .largeBlack {
					font:bold 20px Arial, Helvetica, sans-serif;
					color:#000;
					line-height:24px;
				}
				.mobileContent .smallPurple {
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#900040;
					line-height:18px;
				}
				.mobileContent .largePurple {
					font:bold 20px Arial, Helvetica, sans-serif;
					color:#900040;
					line-height:24px;
				}
		.mobileContent ul.messageList {
			list-style:none;
		}
			.mobileContent ul.messageList li.mobileEntry {
				margin:0 0 18px 0; padding:0 0 22px 0;
				border-bottom:2px solid #d4d3d3;
			}
				.mobileContent ul.messageList li.mobileEntry .userHolder {
					margin:0 0 0 12px;				
					float:left;
					text-align:center;
					display:inline;
				}	
					.mobileContent ul.messageList li.mobileEntry .userHolder .userImage a {
						padding:2px;
						background:#fff;
						border:2px solid #900040;
						display:inline-block;
					}
						.mobileContent ul.messageList li.mobileEntry .userHolder .userImage a:hover {
							border:2px solid #ff006e;
						}
					.mobileContent ul.messageList li.mobileEntry .userHolder .userName {
						width:58px;
						display:block;
						overflow:hidden;
					}
					.mobileContent ul.messageList li.mobileEntry .userHolder .userName a {
						margin:3px 0 0 0;
						font:bold 11px Arial, Helvetica, sans-serif;
						color:#900040;
					}
						.mobileContent ul.messageList li.mobileEntry .userHolder .userName a:hover {
							color:#ff006e;
						}
				.mobileContent ul.messageList li.mobileEntry .message {
					padding:0 0 0 25px;
					float:left;
				}
					.mobileContent ul.messageList li.mobileEntry .message .messageTitle {
						margin:0 0 7px 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#525151;
						display:block;
					}
					.mobileContent ul.messageList li.mobileEntry .message .messageText {
						font:normal 12px Arial, Helvetica, sans-serif;
						line-height:18px;
						color:#525151;
					}
					.mobileContent ul.messageList li.mobileEntry .message  a.listen {
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#ff006e;
						text-decoration:underline;
					}
						.mobileContent ul.messageList li.mobileEntry .message a.listen:hover {
							color:#fff;
							background:#ff006e;
						}
					.mobileContent ul.messageList li.mobileEntry .message .info {
						margin:15px 0 0 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#828282;
						display:block;
					}
		.mobileContent a.btn_viewMoreMessages {
			margin:0 0 0 340px; padding:0 0 0 7px;
			width:104px; height:14px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#ff006e;
			display:block;
			background:url(../../images/more_arrowLeft.png) 0 4px no-repeat;	
		}	
			.mobileContent a.btn_viewMoreMessages:hover {
				color:#900040;
				background-position:0 -13px;
			}				

/*	--------------------------------------------------------------------------------------------------------------------------
	ringtone table Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mobileContent .ringtoneHolder {
		margin:55px 0 0 0;
	}
		.mobileContent h2.ringtones {
			margin:50px 0 25px 0;
			width:209px; height:47px;
			background:url(../../images/h2_ringtones.jpg) 0 0 no-repeat;
		}
		.mobileContent table {
		}
			.mobileContent col#ringtoneCol {
				width:159px;
			}
			.mobileContent col#albumCol {
				width:204px;
			}
			.mobileContent col#buyCol {
				width:68px;
			}
			.mobileContent thead {
				height:31px;
				text-align:left;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#646464;
			}
				.mobileContent thead th {
				}
					.mobileContent thead th.thRingtone {
					}
					.mobileContent thead th.thAlbum {
					}
					.mobileContent thead th.thBuy {	
					}
			.mobileContent tbody {		
			}
			.mobileContent tbody tr {	
			}
				.mobileContent tbody tr td {
					padding:10px 0 7px 0;
					vertical-align:text-top;
					border-bottom:1px solid #dfdede;
				}
					.mobileContent tbody tr td.ringtone {	
					}
						.mobileContent tbody tr td.ringtone a {
							font:bold 13px  Arial, Helvetica, sans-serif;
							color:#ff006e;
						}
							.mobileContent tbody tr td.ringtone a:hover {
								color:#fff;
								background:#ff006e;
							}
					.mobileContent tbody tr td.album {
						font:normal 13px Arial, Helvetica, sans-serif;
						color:#525151;
					}
					.mobileContent tbody tr td.purchase {
						height:26px;
					}
						.mobileContent tbody tr td.purchase a.buy {
							margin:0 0 0 0; padding:1px 0 0 0;
							width:63px; height:15px;
							background:#ff006e;
							float:left;
							text-align:center;
							font:bold 10px Verdana, Arial, Helvetica, sans-serif;
							color:#fff;
							border-bottom:1px solid #900040;
							border-right:1px solid #900040;
						}	
							.mobileContent tbody tr td.purchase a.buy:hover {
								margin:1px 0 0 1px; padding:1px 0 0 0;
								height:15px;
								border:none;
							}
							
/*	--------------------------------------------------------------------------------------------------------------------------
	termsConditions Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	.mobileContent .termsConditions {
		margin:35px 0 0 0; padding:11px 0 0 45px;
		height:18px;
		background:url(../../images/bg_mobileTerms.png) 0 0 no-repeat;
	}
		.mobileContent .termsConditions a {
			width:158px; height:14px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#ff006e;
			display:block;
			background:url(../../images/more_arrow.png) 137px 4px no-repeat;
		}
			.mobileContent .termsConditions a:hover {
				color:#900040;
				background-position:137px -13px;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	widgets Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mobileContent h2.widgets {
		margin:68px 0 25px 0;
		width:146px; height:45px;
		background:url(../../images/h2_widgets.png) 0 0 no-repeat;
	}