/* 	Life-Player Style CSS v1.0
	Last-update 17/04/08 Andrea */

/* Reset Styles */

* { vertical-align:baseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; border:0; outline:0; padding:0; margin:0;}

/* Core */

html {height:100%; background:url(images/bg_body.jpg) top repeat-x;}
	body {height:100%; margin:0; padding:0; text-align:center; background:url(images/bg_body.gif) center repeat-y; font:normal 12px Helvetica, Verdana, Arial, sans-serif; line-height:1.5; color:#4D4D4D;}

#wrap-main {position:relative; min-height:100%; text-align:left; margin:0 auto; width:1000px;}
* html #wrap-main {height:100%;}

a {text-decoration:none;}

p {margin-bottom:1.5em;}


/* List */
ul.list li {background:url(images/bg_list_arrow.gif) 0 2px no-repeat; margin-left:10px;}


/* LAYOUT */


/* Header */
#header { height:90px; width:940px; padding:0 30px; background:url(images/bg_header.jpg) no-repeat; position:relative;}
	#header #logo img {margin:15px 0 0 20px; border:0; float:left;}
	#header #slogan_logo img  {float:left;}
	
	/* Nav */
	#header #nav { list-style:none; position:absolute; left:330px; top:30px;}
		#header #nav li {list-style:none; float:left;}
			#header #nav li a {display:block; width:124px; height:40px; margin-right:6px; font:normal 10px Arial, Verdana, sans-serif; text-decoration:none; color:#18a4e1; padding:20px 0 0 0;}
			#header #nav li a:hover { background:url(images/bg_li_nav_roll.gif) 92px 0 no-repeat; color:#B0EAFE;}
				#header #nav li.download a:hover { background:url(images/bg_li_nav_roll.gif) 92px -60px no-repeat;}
			#header #nav li a img {border:0;}
	/* Top Forms */
	#header #lang { position:absolute; width:100px; left:830px; top:8px;}
	#header #search { position:absolute; width:200px; left:620px; top:7px;}


/* Content */
#content {padding:0 10px 80px 10px; width:940px; margin:0 auto; background: url(images/bg_content_shadow.gif) top repeat-x;}
	#content #screen {height:290px; background:#1a1a1a;}


/* Footer */
#wrap-footer { position: relative; margin-top: -60px; background:url(images/bg_footer.gif) bottom repeat-x; width:100%;}
	#footer {height:59px; border-top:1px solid #E3E3E3; background:#FFF; width:940px; padding:0 10px; text-align:left; margin:0 auto; font-size:10px; text-transform:uppercase}
		#footer ul {list-style:none; margin-top:20px;}
			#footer ul li {list-style:none; float:left;}
			#footer ul li.ad { padding:0px 0px 0px 0px; margin:-5px 0px 0px 0px; text-transform:uppercase; float:right;}
			#footer ul li.mail { background: url(images/ico_mail.gif) right no-repeat; padding-right:28px; float:right;}
			#footer ul li.mail a {margin:0; border:0; padding:0;}
			#footer ul li a {color:#7f7f7f; margin:0px; padding:0px;}
			#footer ul li.last a {margin:0; padding:0; border:0;}
			#footer ul li.logo {margin:0px 50px 0px 0px;}			
			#footer b { color:#CCCCCC; margin:0px 5px 0px 5px;}
			
.radiotime {
	display:block;
	float:right;
	margin-right:15px;
}

/* Content Elements */
.wrap-three-box { background:#FFF url(images/bg_wrap_box_shadow.jpg) top repeat-x; margin-top:10px; border-top:1px solid #E3E3E3; padding:10px;}
	.wrap-three-box .box { width:290px; float:left; margin-right:20px;}
	.wrap-three-box .last {width:290px; float:right; margin:0;}
	
.wrap-two-box { margin-top:10px; padding:10px 0;}
	.wrap-two-box .box { width:600px; float:left; margin-right:10px;}
	.wrap-two-box .last {width:300px; float:right; margin:0;}
	
/* Boxes */

	/* Generic Box */
.box ul { list-style:none;}
.box ul li {line-height:1.75em; padding:0 10px;}
.box ul li a {color:#909090;}
.box h3 {font:normal 15px Helvetica, sans-serif; margin-bottom:5px;}

.box p.desc {padding-bottom:10px; border-bottom:1px solid #E3E3E3; margin-bottom:10px;} 

	/* TV Box */
.tv-box ul li {line-height:2.5em; border-bottom:1px solid #a4e5ff; font-size:11px;}
.tv-box a {color:#00a7ea;}
.tv-box h3 {color:#00a7ea;}

	/* Radio Box */
.radio-box ul li {line-height:2.5em; border-bottom:1px solid #fbcbe7; font-size:11px;}
.radio-box a {color:#ff0097;}
.radio-box h3 {color:#ff0097;}


/* Categories (mootools) */

.box-categories {position:relative; width:620px; height:260px; float:left; background:url(images/bg_home_catbox.png) 0 30px no-repeat;}
	.box-categories h3 {margin-left:20px;}
	/* Tv */
	.box-categories .box-tvlist { position:absolute; height:101px; top:70px; left:25px; background:url(images/bg_box_tvlist.png) top left repeat-x;}
		.box-categories .box-tvlist #tvlist {position: relative;}
			.box-categories .box-tvlist #tvlist .kwick {float: left; display: block; width: 141px; height: 101px; border-right:4px solid #efefef;}
			.box-categories .box-tvlist #tvlist .kwick strong {color:#FFF; font:normal 12px Helvetica, sans-serif; text-transform: uppercase;}
			.box-categories .box-tvlist #tvlist .kwick a {display:block; width:95px; height:81px; padding:8px; color:#B0EAFE;}
			.box-categories .box-tvlist #tvlist .kwick a em { font-style:normal; color:#FFCC00;}
			.box-categories .box-tvlist #tvlist .kwick a span { display:none; font-size:11px; line-height:1.1em;}
			.box-categories .box-tvlist #tvlist .kwick a:hover { width: auto;}
			.box-categories .box-tvlist #tvlist .kwick a:hover span { display:inline;}
			
			.box-categories .box-tvlist #tvlist #tv02 {background:url(../images/tvcat/01.jpg) bottom no-repeat;}
			
			.box-categories .box-tvlist #tvlist .first {background:url(images/bg_box_tvlist_left.png) top left no-repeat; }
			.box-categories .box-tvlist #tvlist .last {background:url(images/bg_box_tvlist_right.png) top right no-repeat; }		
	/* Radio */
	.box-categories .box-radiolist {position:absolute; height:30px; top:199px; left:70px;}
		.box-categories .box-radiolist #radiolist {position: relative;}
			.box-categories .box-radiolist #radiolist .kwick {float: left; display: block; width: 141px; height: 30px; border-right:4px solid #efefef; overflow:hidden; white-space:nowrap;}
			.box-categories .box-radiolist #radiolist .kwick strong {color:#B71A8B; font:bold 12px Helvetica, sans-serif;}
			.box-categories .box-radiolist #radiolist .kwick a {display:block; width:135px; height:22px; padding:8px 2px 0 4px; color:#FF00FF;}
			.box-categories .box-radiolist #radiolist .kwick a em { font-style:normal; color:#666;}
			.box-categories .box-radiolist #radiolist .kwick a span { display:none; font-size:11px; line-height:1.1em;}
			.box-categories .box-radiolist #radiolist .kwick a:hover { width: auto;}
			.box-categories .box-radiolist #radiolist .kwick a:hover span { display:inline;}



/* Legal Pages Layout */

#popup {overflow:hidden;}
#popup #header { height:90px; padding:0 10px; background-image:none; margin:0 auto; text-align:left; width:auto;}
	#popup #header h1#logo {margin:0; padding:0;}
	#popup #header #logo img {margin:15px 0 0 10px; border:0;}
	#popup #content {padding:20px 10px 10px; width:auto; margin:0 auto; background-image:none; border-top:1px solid #E3E3E3; text-align:left;}
	#popup #content h2 {display:block; font: bold 16px Helvetica, Arial, sans-serif}
	#popup #content p {text-align:justify;}
	#popup #content p.footer {text-align:justify; border-top:1px solid #E3E3E3; padding:10px 0 0; color:#00539b; font-weight:bold; text-align:right;}



/* Utility Classes */
html body .last {margin:0!important; padding:0; border:0;}
.clr {clear:both; margin:0; padding:0; line-height:0; border:0;}
.more { display:block; margin:5px 0 0 0; text-align:right; font-size:11px;}
html body .radio {color:#ff0097!important;}
html body .tv {color:#00a7ea!important;}