/****************/
/*   General    */
/****************/
body { background:url(../pix/bodyBg.jpg); font-family:Arial, Helvetica, sans-serif; }
a { color:#ffffff; }
p, ul { color:#ffffff; font-size:12px; line-height:16px; margin:0px; }
p { text-align:justify; }


/****************/
/*    Header    */
/****************/
.header { background:url(../pix/header.png) left top repeat-x; height:44px; }
.logo { background:url(../pix/logo.png) center no-repeat; height:90px; }


/****************/
/*   Content    */
/****************/
.enterMsisdn { background:url(../pix/enterMsisdn/enterMsisdn1.jpg) center top no-repeat; background-size:100%; }
.optin1 { background:url(../pix/optin1/optin1_1.jpg) center top no-repeat; background-size:100%; }
.optin2 { background:url(../pix/optin2/optin2_1.jpg) center top no-repeat; background-size:100%; }
.ageVerification { background:url(../pix/ageVerification/ageVerification1.jpg) center top no-repeat; background-size:100%; }
.popup { background:rgba(0, 0, 0, 0.7); border:2px solid #ffffff; 
		-webkit-border-radius:12px;
		border-radius:12px;
		-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
		box-shadow:0 0 8px rgba(0, 0, 0, 0.6);
}
.button { background:url(../pix/button.png) left top repeat-x; font-size:13px; color:#ffffff; font-weight:bold; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5);
		-webkit-border-radius:6px;
		border-radius:6px;
}
.buttonGrey { background-image:url(../pix/buttonGrey.png); }
.buttonLarge { background:url(../pix/buttonLarge.png) left top repeat-x; font-size:16px; font-weight:bold; border-radius:8px; }
.ageIcon { background:url(../pix/ageIcon.png) left center no-repeat; }
.imgThumbs .item { border:2px solid #ffffff; 
		-webkit-border-radius:5px;
		border-radius:5px; 
}
.box { background:url(../pix/boxBg.png); border:2px solid #000000;
		-webkit-border-radius:10px;
		border-radius:10px;	
}
.boxAnimate { box-shadow:0 0 20px rgba(215, 44, 176, 0.8); border-color:#FE2DCC; }
.boxBottom { background:url(../pix/boxBottom.png) left top repeat-x; height:35px;
		-webkit-border-radius:0 0 10px 10px; 
		border-radius:0 0 10px 10px;
}
.boxBottom p {text-shadow:0 -1px 1px rgba(0, 0, 0, 0.5)}

.box .startButton { background:url(../pix/startButton.png) center no-repeat; }
.te-cover img { -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.te-cover .play { background:url(../pix/playButton.png) center no-repeat; }
.te-cover .toolbar { height:25px; background:url(../pix/playerbar.png) center no-repeat; }
.gratis { height:43px; background:url(../pix/gratis.png) 51% no-repeat no-repeat; }
.highlight { color: #e12a8f; }
.highlight:hover { color: #fff; }


/****************/
/*    Retina    */
/****************/
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.header { background-image:url(../pix/header@2x.png); background-size:10px 39px; }
	.logo { background-image:url(../pix/logo@2x.png); background-size:209px 74px; } 
	.ageIcon { background-image:url(../pix/ageIcon@2x.png); background-size:39px 39px; }
	.box .startButton { background-image:url(../pix/startButton@2x.png); background-size:81px 81px; }
	.te-cover .play { background-image:url(../pix/playButton@2x.png); background-size:122px 140px; }
	.te-cover .toolbar { background-image:url(../pix/playerbar@2x.png); background-size:303px 25px; }
	.gratis { background-image:url(../pix/gratis@2x.png); background-size:168px 43px; }
}