/*

Mobile/ProtoSee specific styles and overrides


*/


/*
optimized 3d transormations to smooth out animations
*/
#contentArea, #playbar, #maximizedPlayer, #momentGrid, .momentTileRow, .ambienceGraphic, #playlistScreen, #adOverlay{
	-webkit-transform: translate3d(0,0,0);	
}

#playlistTileForAd{
	-webkit-transform: translate3d(0,0,5000);	
}

#iphoneHolder{
	width:100%;
	height:100%;
	margin:0px;
	padding:0;
	position:fixed;
	top:0px;
	left:0px;
}

#iphoneBkg{
	display:none;	
}

#demoAreaWindow{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	visibility:visible;
}

#demoArea{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	visibility:visible;
}


#loadingAnimation{
	top:260px;	
}

#sendToText{
	display:none;	
}


/*
------------- font scaling ------------
*/
#playbar{
}

#playbarPlayButton{
}

.maximizeArrow{

}

#playbarTrackName{
	font-size:2.25vh;
}

#playbarArtist{
	font-size:2.25vh;
}

.controlMainMenu{
	
}

#momentTitle{
}

#momentTitle .text{
	font-size:2.25vh;
	letter-spacing:.4vh;
}

#playlistHeader .headerTitle{
	font-size:1.5vh;
	letter-spacing:.3vh;
	line-height:2vh;
	height:2vh;
}

#playlistHeader .playlistTitle{
	font-size:2.1vh;
	line-height:2.5vh;
	height:2.5vh;
}

#playlistHeaderText{
	font-size:2.25vh;
	letter-spacing:.36vh;
}

#trackTitleArtist .title, #advertText .brand{
	font-size:3vh;
	height:3.75vh;
	line-height:3.75vh;
	
}

#trackTitleArtist .artist, #advertText .tagline{
	font-size:2.25vh;
	height:2.7vh;
	line-height:2.7vh;
}


.playlistTrackHeader{
	height:10.5vh;
}

.playlistTrackButton{
	height:9.6vh;
}


.playlistTrackButton .more{
	top:1.5vh;
	
}

.playlistTrackButton .trackTitle{
	top:1.875vh;
	font-size:2.85vh;
}


.playlistTrackButton .artistAlbum{
	top:5.25vh;
	font-size:2.25vh;
}

.playlistTrackHeader .title{
	top:6.3vh;
	font-size:2.25vh;
	letter-spacing:.36vh;
}

#nowPlayingHeader .headerTitle{
	font-size:1.65vh;
	line-height:2.25vh;	
}

#nowPlayingHeader .playlistTitle{
	font-size:1.95vh;
	line-height:3.375vh;	
}

#buttonStartPrototype{
	font-size:3.375vh;
	line-height:10.5vh;
}

.header5{
	font-size:1.95vh;
	letter-spacing:.3vh;
}

.button3{
	font-size:1.95vh;
	line-height:5.5vh;
	letter-spacing:.2vh;
}

.button10, .button11{
	font-size:2.25vh;
	letter-spacing:.27vh;
}

.button12{
	font-size:1.875vh;
}

#slideToUnlock{
	font-size:4.125vh;
}

/*
#videoMaximize{
	width:2.775vh;
	height:2.775vh;
}
*/

#inAppBrowserContent{
	width: 100%;
}

#inAppBrowserHeader .title{
	font-size:1.95vh;
	line-height:2.55vh;	
}

#inAppBrowserHeader .url{
	font-size:1.65vh;
	line-height:1.95vh;
}

#lockScreenSongTitle{
	font-size:3vh;
	height:3.75vh;
	line-height:3.75vh;
}

#lockScreenArtistAlbum{
	font-size: 2.25vh;
	height:2.25vh;
	line-height:3vh;
}

#advertVideoLabelText{
	font-size:2.4vh;
	padding-top:2.4vh;
}

#advertVideoLabelSubText{
	font-size:2.1vh;
	padding-top:6vh;
}

#advertOfferText .offerTitle{
	font-size:4.875vh;
}

#advertOfferText .offerSubTitle{
	font-size:2.625vh;
	padding-top:2vh;
}

#advertOfferText .thankYouMessage{
	font-size:4.8vh;
}

#countdownTimerUnit{
	height:9vh;
}

#countdownTimerUnit .message{
	font-size:2.1vh;
	padding-top:1.875vh;
	line-height:2.625vh;
	letter-spacing:.15vh;
}

#countdownTimer{
	width:9vh;
	height:9vh;
}

#countdownTimerTime{
	font-size:1.875vh;
	padding-top:1.875vh;
	line-height:5.25vh;
	letter-spacing:.15vh;
}

#bottomUtilityArea{
	font-size:1.875vh;
	line-height:3.75vh;
}


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