@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

img{
	border:none;
}

body{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background:#fbfbfb ;
}

h1{
	color:#000;
	font-size:18px;
	margin-bottom:4px;
	margin-top:0;
	font-weight:bold;
}

.left{
	float:left;
}

.right{
	float:right;	
}

/** vertical walkman display **/

#nav {
	background:#0a0a0a;
}
	#nav ul {
		list-style:none;
		padding-top:20px;
	}
	#nav ul li {
		height:26px;
		background:url(../img/mainNavBg.jpg) no-repeat left top;
		display:block;
		text-align:center;
		font-weight:bold;
		padding-top:6px;
	}
	#nav ul li a {
		color:#FFF;
		text-decoration:none;
		font-size:18px;
	}
	#nav ul li a:hover {
		color:#ff5c00;
		text-decoration:none;
		font-size:18px;
	}

	#nav ul li a.active {
		color:#ff5c00;
	}

#backForward{
	width:231px;
	height:30px;
	margin-bottom:5px;
	background-color:#515151
}

a.left {
	position:relative;
	float:left;
	display:block;
	padding:8px 0 8px 10px;
	width:110px;
}

a.right {
	position:relative;
	display:block;
	float:right;
	width:105px;
}

.right img {
	float:right;
	padding:8px 10px 8px 0;
}


/*language page */

.langPage {
	height:100.1%;
	padding-bottom: 33px;
}


#langHeader {

	background-image:url(../img/black_lang_bg.gif);
	width:230px;
	height:49px;
	margin-bottom:15px;
}

#langHeader h3 {
	font-size:18px;
	width:230px;
	padding-top:20px;
	text-align:center;
}

#langNavi ul {
	list-style-type:none;
	margin-left:20px;
}
	#langNavi ul li {
		/*width:100px;*/
		padding-bottom:5px;
		
	}
	#langNavi ul li a{
		display:block;
		width:191px;
		height:50px;
		font-size:18px;
		color:#fff;
		text-decoration:none;
		text-indent:50px;
		line-height:50px;
		vertical-align:center;
		
	}
	
	#langNavi ul li a.eng,
	#langNavi ul li a:link.eng, 
	#langNavi ul li a:active.eng {
		background:url(../img/icons/country_eng_sprite.gif) no-repeat center top;
	}
	
	#langNavi ul li a.deu,
	#langNavi ul li a:link.deu, 
	#langNavi ul li a:active.deu {
		background:url(../img/icons/country_deu_sprite.gif) no-repeat center top;
	}
	
	#langNavi ul li a.fra,
	#langNavi ul li a:link.fra, 
	#langNavi ul li a:active.fra {
		background:url(../img/icons/country_fra_sprite.gif) no-repeat center top;
	}
	
	#langNavi ul li a.esp, 
	#langNavi ul li a:link.esp,  
	#langNavi ul li a:active.esp {
		background:url(../img/icons/country_esp_sprite.gif) no-repeat center top;
	}
	
	#langNavi ul li a.ita,
	#langNavi ul li a:link.ita,
	#langNavi ul li a:active.ita{
		background:url(../img/icons/country_ita_sprite.gif) no-repeat center top;
	}


/**  home **/
#apps{
	clear:both;
	width:230px;
	padding-bottom:7px;
	padding-top:8px;
	margin:0 auto;
}

	#apps ul {
		list-style:none;
		margin:0 auto;
		width:182px;
	}
	#apps ul li {
		list-style:none;
		display:block;
		width:181px;
	}
	#apps a {
		display: block;
		position:relative;
		float:right;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		padding-left:43px;
		padding-top:18px;
		width: 145px;
		height:32px;
		font-size:15px;
		text-align:center;	
	}

	#apps a:hover {
		background-position: bottom left;
	}

#apps #selected {
	background-position: bottom left;
}

	#apps .podcast {
		background:url(../img/apps/podcast.gif) no-repeat top left;
	}

	#apps .internet {
		background:url(../img/apps/internet.gif) no-repeat top left;
	}

	#apps .social {
		background:url(../img/apps/socialnetworking.gif) no-repeat top left;
	}

	#apps .play {
		background:url(../img/apps/play.gif) no-repeat top left;
	}

	#apps .news {
		background:url(../img/apps/news.gif) no-repeat top left;
	}

	#apps .mail {
		background:url(../img/apps/mail.gif) no-repeat top left;
	}

#footerControls {
	clear:both;
	position:relative;
	float:left;
	padding-top:20px;
	padding-left:30px;
	padding-bottom:20px;
	color:#000;
}

#footerControls p, #footerControls p a {
	font-size:3px !important;
	color:#000;
}

#footerControls p a:hover {
	color:#ff5c00;
}

#footerControls p a:link, #footerControls p a:visited, #footerControls p a:active {
	display:block;
	text-decoration:none;
	padding-top:6px;
}


/*** podcasts ***/
	#content h3 {
		position:relative;
		font-size:20px;
		color:#000;
		margin-left:65px;
		width:150px;
		padding-top: 2px;
	}

	#content ul {
		background-color:white;
	}

	#content ul li {
		display:block;
		background:#fbfbfb url(../img/white_shadow_back.gif) no-repeat bottom center;
		min-height:65px;
		height:auto;
		padding-top:5px;
		
	}

	#content ul li a p {
		width:150px;
		padding-bottom:15px;
		font-size: 13px;
		background-image:none;
		margin-left:65px;
		color:#000;
	}


	ul li.music_icon  a, ul li.music_icon  a:link, ul li.music_icon  a:visited, ul li.music_icon  a:active, ul li.internet_icon a, ul li.internet_icon a:link, ul li.internet_icon a:visited, ul li.internet_icon a:active, ul li.social_icon a, ul li.social_icon a:link, ul li.social_icon a:visited, ul li.social_icon a:active, ul li.podcast_icon a, ul li.podcast_icon a :link, ul li.podcast_icon  a:visited, ul li.podcast_icon  a:active, ul li.music_icon a:hover, ul li.podcast_icon a:hover, ul li.internet_icon a:hover, ul li.comunity_icon a:hover, ul li.mail_icon a, ul li.mail_icon a:link, ul li.mail_icon a:visited, ul li.mail_icon:active, ul li.sport_icon a, ul li.sport_icon a:link, ul li.sport_icon a:visited, ul li.sport_icon a:active, ul li.weather_icon a , ul li.weather_icon a:link, ul li.weather_icon a:visited, ul li.weather_icon a:active   {
		display:block;
		text-decoration:none;
	}
	ul li.music_icon  a, ul li.music_icon  a:link, ul li.music_icon  a:visited, ul li.music_icon  a:active {
		background:url(../img/icons/Link_images_music_sprite.gif) no-repeat 5px top;
	}

	ul li.internet_icon a, ul li.internet_icon a:link, ul li.internet_icon a:visited, ul li.internet_icon a:active {
		background:url(../img/icons/Link_images_internet_sprite.gif) no-repeat 5px top;
	}
	ul li.social_icon a, ul li.social_icon a:link, ul li.social_icon a:visited, ul li.social_icon a:active {
		background:url(../img/icons/Link_images_social_sprite.gif) no-repeat 5px top;
	}

	ul li.podcast_icon a , ul li.podcast_icon a :link, ul li.podcast_icon  a:visited, ul li.podcast_icon  a:active {
		background:url(../img/icons/Link_images_podcast_sprite.gif) no-repeat 5px top;
	}

	ul li.mail_icon a, ul li.mail_icon a:link, ul li.mail_icon a:visited, ul li.mail_icon:active {
		background:url(../img/icons/Link_images_mail_sprite.gif) no-repeat 5px top;
	}

	ul li.sport_icon a, ul li.sport_icon a:link, ul li.sport_icon a:visited, ul li.sport_icon:active {
		background:url(../img/icons/Link_images_sport_sprite.gif) no-repeat 5px top;
	}

	ul li.weather_icon a, ul li.weather_icon a:link, ul li.weather_icon a:visited, ul li.weather_icon:active  {
		background: url(../img/icons/Link_images_weather_sprite.gif) no-repeat 5px top;
	}

	ul li.music_icon a:hover, ul li.podcast_icon a:hover, ul li.internet_icon a:hover, ul li.comunity_icon a:hover, ul li.mail_icon a:hover, ul li.sport_icon a:hover, ul li.social_icon a:hover, ul li.sport_icon:hover {
		background-position: 5px -348px;
		background-repeat:none;
	}

/* help */
.copy{
	padding:15px 15px;
	clear:both;
	background: url(../img/white_shadow_back.gif) no-repeat bottom center;
}

	.copy h3 {
		position:relative;
		width:100%;
		font-size:20px;
	}
	
	h3.helpTitle a {
		color:#000 !important;
	}
		.copy h3 a,
		.copy h3 a:link,
		.copy h3 a:visited,
		.copy h3 a:active,
		.copy h3 a:hover {
			text-decoration:none;
			color:#ff5c00;
		}

	.copy p,
	a.goTo {
		color:#000;
		font-size:11px;
	}
	
	.copy ul,
	.copy ul li {
		list-style-type:none;
	}

	.copy ul li a, .copy ul li, copy ul {
		color:#000;
		font-size:11px;
	}
	
		.copy ul li a,
		.copy ul li a:link,
		.copy ul li a:visited,
		.copy ul li a:active,
		.copy p a:link {
			color:#000;
		}

		.copy a:hover,
		.copy ul li a:hover,
		.copy p a,
		.copy p a:visited,
		.copy p a:active,
		.copy p a:hover {
			color:#FF5C00;
		}
		
	ul.quesList {
		margin-top:20px;
		margin-bottom:8px;
	}
		ul.quesList li {
			padding-bottom:15px;
		}
	
	a.goTo  {
		display:block;
		position:relative;
		width:130px;
		margin-top:-10px;
		margin-bottom:25px;
	}
/* landscape styles--------------------------------------------------------- */
/** language page **/
	#landscape #langHeader {
		background-image:url(../img/landscape/lands_lang_bg.gif);
		width:423px;
		height:49px;
	}
	
	#landscape #langHeader h3 {
		font-size:18px;
		width:423px;
		padding-top:20px;
		text-align:center;
	}
	
	#landscape #langNavi ul {
		width:200px;
		margin:0 auto;
		list-style-type:none;
	}
	
	#landscape #langNavi ul li {
		/*width:100px;*/
		padding-bottom:5px;
		
	}
	
	#landscape #langNavi ul li a{
		display:block;
		width:191px;
		height:50px;
		font-size:18px;
		color:#fff;
		text-decoration:none;
		text-indent:50px;
		line-height:50px;
		vertical-align:center;
	}

	
	#langNavi ul li a:hover.eng, 
	#langNavi ul li a:hover.deu, 
	#langNavi ul li a:hover.fra, 
	#langNavi ul li a:hover.esp, 
	#langNavi ul li a:hover.ita {
		background-position: bottom center;
	}

/** home **/
	#landscape #wrapper {
		width:423px;
	}
	
	#landscape #nav {
		width:423px;
		height:49px;
		background:url(../img/landscape/lands_navi_bg.gif) no-repeat left top;
	}
	
	#landscape #nav ul {
		padding-top:0;
	}
	
	#landscape #nav ul li {
		display:block;
		float:left;
		background-image:none;
	}
	
	#landscape li.home, 
	#landscape li.home a {
		display:block;
		float:left;
		width:102px;
		height:45px;
		margin:0 auto;
		vertical-align:middle;
		line-height:45px;
		background-image:none;
	}
	
	#landscape li.podcast, 
	#landscape li.podcast a {
		display:block;
		float:left;
		width:129px;
		height:45px;
		margin:0 auto;
		vertical-align:middle;
		line-height:45px;
		background-image:none;
	}
	
	#landscape li.links, 
	#landscape li.links a, 
	#landscape li.help, 
	#landscape li.help a {
		display:block;
		float:left;
		width:96px;
		height:45px;
		margin:0 auto;
		vertical-align:middle;
		line-height:45px;
		background-image:none;
	}
	
	#landscape #backForward {
		width:423px;
		margin-bottom:0px;
	}
	
	#landscape #apps {
		width:0;
		height:0px;
		margin:0;
		padding-bottom:0px;
	}
	
	#landscape #apps ul {
		width:405px;
		height:160px;
	}
	
	#landscape #apps ul li {
		float:left;
		padding-left:20px;
	}
	
	#landscape #apps a {
		width:150px;
	}


/** podcast **/
	#landscape #content h3, 
	#landscape #content ul li a p {
		width:270px;
		margin-left:90px;
	}
	
	#landscape #content ul li {
		background:url(../img/landscape/lands_white_shadow_back.gif) no-repeat center bottom;
	}
	
	#landscape ul li.music_icon  a, 
	#landscape ul li.music_icon  a:link, 
	#landscape ul li.music_icon  a:visited, 
	#landscape ul li.music_icon  a:active, 
	#landscape ul li.internet_icon a, 
	#landscape ul li.internet_icon a:link, 
	#landscape ul li.internet_icon a:visited, 
	#landscape ul li.internet_icon a:active, 
	#landscape ul li.social_icon a,
	#landscape ul li.social_icon a:link, 
	#landscape ul li.social_icon a:visited, 
	#landscape ul li.social_icon a:active, 
	#landscape ul li.podcast_icon a, 
	#landscape ul li.podcast_icon a :link, 
	#landscape ul li.podcast_icon  a:visited, 
	#landscape ul li.podcast_icon  a:active, 
	#landscape ul li.mail_icon a, 
	#landscape ul li.mail_icon a:link, 
	#landscape ul li.mail_icon a:visited, 
	#landscape ul li.mail_icon a:active, 
	#landscape ul li.sport_icon a, 
	#landscape ul li.sport_icon a:link, 
	#landscape ul li.sport_icon a:visited, 
	#landscape ul li.sport_icon:active,
	#landscape ul li.weather_icon a, 
	#landscape ul li.weather_icon a:link, 
	#landscape ul li.weather_icon a:visited, 
	#landscape ul li.weather_icon:active{
		background-position: 30px top;
		min-height:55px;
	}
	
	#landscape ul li.music_icon a:hover, 
	#landscape ul li.podcast_icon a:hover, 
	#landscape ul li.internet_icon a:hover, 
	#landscape ul li.social_icon a:hover, 
	#landscape ul li.mail_icon a:hover, 
	#landscape ul li.sport_icon a:hover,
	#landscape ul li.weather_icon a:hover{
		background-position: 30px -348px;
		background-repeat:none;
		min-height:55px;
	}


/** help **/
	#landscape .copy {
		background:url(../img/landscape/lands_white_shadow_back.gif) no-repeat center bottom;
	}