/*General rules*/
body
{
    margin:0;
    padding:0;
    font-size:68%;
    font-family: Trebuchet MS,"Trebuchet MS", Verdana,Arial,Sans-Serif;
}
form
{
	margin:0;
	padding:0;
}

/*generalLoading*/
#generalLoading
{
	position:absolute;
	right:10px;
	top:80px;
	visibility:hidden;
}
#generalLoading p
{
	margin:0;
	padding:0 0 0 3px;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#generalLoading img 
{
	float:left;
	margin:2px 5px 2px 2px;
	display:none;
}

img {border:0;display:block;}


/*General scrollbar styles*/
.contentMask
{
	overflow: hidden; 
	position: relative; 
	left: 0px; 
	top: 0px; 
	width: 158px; 
	height: 277px; 
	clip: rect(0pt, 158px, 277px, 0pt); 
	z-index: 7;
}
.contentArea{
	position: absolute;
	left: 0;
	top: 0;
	width:158px;
	z-index: 1;
	height:auto;
}

/*scroll bars styles*/
.scrollBar 
{
	width:16px;
	height:280px;
	float:right;
	margin-top:1px;
}
.scrollBar a 
{
	display:block;
}
.scrollBar a span
{
	position:absolute;
	margin-left:-200000em;
}
.scrollBar .up a
{
	width:16px;
	height:16px;
	background:url(../pix/scroll_btn_up.gif) no-repeat left top;
}
.scrollBar .track
{
	position:relative;
	background:url(../pix/scroll_bg_track.gif) repeat-y left top;
	height:245px;
}
.scrollBar .drag a
{
	width:16px;
	height:20px;
	background:url(../pix/scroll_btn_drag.gif) no-repeat left top;
	position: absolute; 
	z-index: 5;
}
.scrollBar .down a
{
	width:16px;
	height:16px;
	background:url(../pix/scroll_btn_down.gif) no-repeat left top;
}


/*Layout Rules*/

#page
{
	width:959px;
	height:660px;
	float:left;
	background:#fff;
	border-left:#8cc63f 10px solid;
	border-top:#8cc63f 10px solid;
		border-right:#8cc63f 10px solid;
			border-bottom:#8cc63f 10px solid;
}
#header
{
	height:71px;
	width:959px;
	background-image:url(../pix/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:2px;
	float:left;
}
#header h1
{
	margin:0;
	padding:0;
	float:left;
}
#header .mainNav
{
	list-style:none;
	margin:57px 0 0 0px;
	padding:0;
	float:left;
}
#header .mainNav li
{
	list-style:none;
	margin:0px 0 0 180px;
	display:inline;
	font-size:9px;
}
#header .Nav li a,#header .mainNav li a:link,#header .mainNav li a:active,#header .mainNav li a:visited
{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:1.1em;
	line-height:16px;
	text-decoration:none;
	color:#FFF;
}
 

#pagebody
{
	float:left;
}

#contentFirst
{
	width:503px;
	float:left;
}
#contentSecond
{
	width:453px;
	margin-left:3px;
	float:left;
	position:relative;
}

#footer
{
	clear:both;
}
.margine
{
	margin-left:12px;
}

#mediaplayer
{
	float:left;
	width:459px;
	height:402px;
	text-align:center;
	background:#000;
	border:1px solid #175fac;
}
#mediaplayer object, #mediaplayer embed
{
	margin:0 auto;
}
.captionContainer
{
	height:242px;
	width:459px;
	clear:both;
	float:left;

}
.captionContainer .captionAndBanners
{
	width:285px;
	height:242px;
	float:left;

}
#caption
{
	background:#fff;
	width:283px;
	height:101px;
	color:#003399;
	font-size:11px;
	overflow:hidden;
	border:#003399 1px solid;
	border-top:none;
	
}
#caption a
{
	color:#e3001b;	
}
#caption a:hover
{
	color:#e3001b;	
	text-decoration:underline;
}
#caption h3
{
	margin:0;
	padding:10px 0 0 10px;
	font-size:16px;
}
#caption p
{
	margin:0;
	padding:5px 0 0 10px;
}
.captionContainer .captionAndBanners .banner
{
	background:url(../pix/banner.jpg) no-repeat left top;
	height:104px;
	width:285px;
	margin-top:3px;
}

#channelsList
{
	float:left;
	width:171px;
	height:242px;
	margin-left:3px;
	position:relative;
		background: url(../pix/bg_channelList.gif) no-repeat center top;
}
#channelsList h3
{
	font-size:14px;
	font-weight:bold;

	text-align:center;
	line-height:22px;
	margin:0;
	padding:0;
}
#channelsList .contentMask
{
	overflow: hidden; 
	position: absolute; 
	left: 0px; 
	top: 17px; 
	width: 171px; 
	height: 167px; 
	clip: rect(0pt, 171px, 167px, 0pt); 
	z-index: 7;

}
#channelsList .contentArea
{
	position: absolute;
	left: 0;
	top: 0;
	width:171px;
	z-index: 1;
	height:auto;
}

/*scroll bars styles*/
#channelsList .scrollBar 
{
	width:16px;
	height:167px;
	position:absolute;
	right:0;
	top:17px;
	z-index:10;
	margin-top:1px;
}
#channelsList .scrollBar a 
{
	display:block;
}
#channelsList .scrollBar a span
{
	position:absolute;
	margin-left:-200000em;
}
#channelsList .scrollBar .up a
{
	width:16px;
	height:16px;
	background:url(../pix/scroll_btn_up.gif) no-repeat left top;
}
#channelsList .scrollBar .track
{
	position:relative;
	background:url(../pix/scroll_bg_track.gif) repeat-y left top;
	height:135px;
}
#channelsList .scrollBar .drag a
{
	width:16px;
	height:20px;
	background:url(../pix/scroll_btn_drag.gif) no-repeat left top;
	position: absolute; 
	z-index: 5;
}
#channelsList .scrollBar .down a
{
	width:16px;
	height:16px;
	background:url(../pix/scroll_btn_down.gif) no-repeat left top;
}

#channelsList .item
{
    margin:2px 0 0 0;
    padding:0;
    list-style:none;
}
#channelsList .item .lnk
{
    background:url(../pix/button_channelsList_lnk.gif) no-repeat left top;
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding-left:22px;
	line-height:18px;
	display:block;
}
#channelsList .item .lnk.current
{
    background:url(../pix/button_channelsList_lnk_on.gif) no-repeat left top;
}
#channelsList .item .container
{
	margin:2px 0 0 3px;
	padding:7px 0 0 0;
    background:url(../pix/bg_bottom_channelsList_sub.gif) repeat-y left top;
	display:none;
	width:155px;
	line-height:1.3em;
}
#channelsList .item .innerContainer
{
	margin:0 0 0 0;
	padding:0 4px 7px 5px;
    background:url(../pix/bg_bottom_channelsList_sub.gif) no-repeat left bottom;
    min-height:20px;
}
* html #channelsList .item .innerContainer
{
    height:20px;
}
#channelsList .item .container a
{
	text-decoration:none;
	color:#fff;
}
#channelsList .item .container .stileone
{
	border-bottom:1px dashed #fff;
}
#channelsList .item .container .stiletwo
{
	border-bottom:1px dashed #fff;
}

#contentSecond .sectionTabs
{
	list-style:none;
	margin:8px 0 0 0;
	padding:0;
	height:14px;
}
#contentSecond .sectionTabs li
{
	list-style:none;
	margin:0 3px 0 0;
	padding:0;
	display:inline;
	float:left;
}

#contentSecond .sectionTabs li a,#contentSecond .sectionTabs li a:link,#contentSecond .sectionTabs li a:active,#contentSecond .sectionTabs li a:visited
{
	margin:0;
	padding:0;
	line-height:14px;
	display:block;
	float:left;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background:#50bf24 url(../pix/bg_btn_secTabs_left_on.gif) no-repeat left top;
}
#contentSecond .sectionTabs li a span
{
	line-height:14px;
	display:block;
	margin:0 0 0 5px;
	padding:0 15px 0 10px;
	background:#50bf24 url(../pix/bg_btn_secTabs_right_on.gif) no-repeat right top;
}
#contentSecond .sectionTabs li a:hover
{
	background:url(../pix/bg_btn_secTabs_left.gif) no-repeat left top;
}
#contentSecond .sectionTabs li a:hover span
{
	color:#fff;
	background:#003399 url(../pix/bg_btn_secTabs_right.gif) no-repeat right top;
}
#contentSecond .sectionTabs li.current a,#contentSecond .sectionTabs li.current a:link,#contentSecond .sectionTabs li.current a:active,#contentSecond .sectionTabs li.current a:visited
{
	background:#003399 url(../pix/bg_btn_secTabs_left.gif) no-repeat left top;
}
#contentSecond .sectionTabs li.current a span,#contentSecond .sectionTabs li.current a span:link,#contentSecond .sectionTabs li.current a span:active,#contentSecond .sectionTabs li.current a span:visited
{
	color:#fff;
	background:#003399 url(../pix/bg_btn_secTabs_right.gif) no-repeat right top;
}
#contentSecond h3
{
width:429px;
}
#contentSecond .titoloContenuto
{
	margin:0;
	padding:0;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	background:#003399 url(../pix/bg_titoloContenuto.gif) no-repeat right top;
}
#contentSecond .lnkStartPlayList
{
	position:absolute;
	top:22px;
	left:0;
	z-index:1000;
	visibility:hidden;
}

#tabsContentHolder
{
	margin-top:1px;
	position:relative;
	background:url(../pix/bg_rightside.jpg) no-repeat left bottom;
}
#tabsContentHolder .contentMask
{
	left: 0px; 
	top: 0px; 
	width: 412px; 
	height: 548px; 
	clip: rect(0pt, 412px, 548px, 0pt); 
}
#tabsContentHolder .contentArea
{
	left: 0;
	top: 0;
	width:412px;
	height:auto;
}
/*scroll bars styles*/
#tabsContentHolder .scrollBar 
{
	height:548px;
	position:absolute;
	right:22px;
	top:0;
	z-index:10;
}
#tabsContentHolder .scrollBar .track
{
	height:516px;
}

#rightDynamicContent .item
{
	float:left;
	width:412px;
	margin-top:1px;
	background:url(../pix/bg_item.gif) no-repeat left top;
}
#rightDynamicContent .item .details
{
	width:282px;
	height:108px;
	float:left;
}
#rightDynamicContent .item .details .top
{
	width:282px;
	float:left;
}
#rightDynamicContent .item .details .bottomLinks
{
	height:19px;
	width:282px;
	float:left;
}
#rightDynamicContent .item .details .bottomLinks ul
{
	height:19px;
	width:277px;
	list-style:none;
	margin:1px 0 0 4px;
	padding:0;
	background:url(../pix/bg_btn_bottomlinks.gif) no-repeat left top;
}
#rightDynamicContent .item .details .bottomLinks ul li
{
	list-style:none;
	margin:0 0 0 7px;
	padding:0;
	display:inline;
	background:url(../pix/bg_btn_arrow_right.gif) no-repeat left top;
}
#rightDynamicContent .item .details .bottomLinks ul li a
{
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
	padding:0 5px 0 7px;
	text-align:center;
}
#rightDynamicContent .item .details .top .ore
{
	height:19px;
	color:#036;
	font-weight:bold;
	margin-top:3px;
	padding:0 0 0 30px;
	line-height:19px;
}
#rightDynamicContent .item .details .top .ore .rating
{
	float:right;
}
#rightDynamicContent .item .details .top h4
{
	margin:2PX 0 0 15px;
	padding:0;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:14px;
}
#rightDynamicContent .item .details .sottotitolo
{
	margin:0 0 0 15px;
	padding:0;
	color:#fff;
}
#rightDynamicContent .item .details .category
{
	margin:0 0 0 15px;
	padding:0;
	color:#fff;
	font-weight:bold;
}

#rightDynamicContent .item .details .top .topdetails
{
	width:280px;
	float:left;
}
#rightDynamicContent .item .details .top .bottomdetails
{
	width:280px;
	height:61px;
	float:left;
	position:relative;
}
#rightDynamicContent .item .details .top .bottomdetails .category
{
	position:absolute;
	bottom:4px;
	color:#fff;
}
#rightDynamicContent .item .details .top .ora
{
	width:120px;
	height:19px;
	float:left;
	height:19px;
	color:#036;
	font-weight:bold;
	margin-top:3px;
	line-height:19px;
	background:url(../pix/bg_ora.gif) no-repeat 8px 1px;
}

#rightDynamicContent .item .details .top .ora span
{
	padding:0 0 0 30px;
	line-height:19px;
}
#rightDynamicContent .item .details .top .durata
{
	float:left;
	width:130px;
	padding-top:5px;
	background:url(../pix/bg_clessidra.gif) no-repeat 0 4px;
}
#rightDynamicContent .item .details .top .durata span
{
	display:block;
	font-size:10px;
	line-height:5px;
	color:#036;
	padding:0 0 0 30px;
}
#rightDynamicContent .item .details .top .durata strong
{
	color:#036;
	padding:0 0 0 30px;
	white-space:nowrap;
}


#rightDynamicContent .item .image
{
	margin:0;
	padding:0;
	width:126px;
	float:left;
}
#rightDynamicContent .item .image dt
{
	margin:0;
	padding:0;
}
#rightDynamicContent .item .image dt img
{
	margin:3px 0 0 1px;
	padding:0;
	border:#84b818 1px solid;
}
#rightDynamicContent .item .image dd
{
	margin:3px 0 0 2px;
	padding:0;
	width:124px;
	height:17px;
	background:url(../pix/bg_btn_aggiungi.gif) no-repeat left top;
}
#rightDynamicContent .item .image dd a
{
	display:block;
	width:124px;
	height:19px;
}
#rightDynamicContent .item .image dd a span
{
	margin-left:-20000em;
	position:absolute;
}
#rightDynamicContent .item .scheda
{
	float:left;
	width:412px;
	margin-top:0px;
	background:#003399;
	color:#fff;
	font-size:13px;
	display:none;
}
#rightDynamicContent .item .scheda a
{
	color:#fff;
}
#rightDynamicContent .item .scheda p
{
	margin:0;
	padding:0;
}
#rightDynamicContent .item .scheda .top
{
	float:left;
	width:412px;
}
#rightDynamicContent .item .scheda .top p
{
	margin:5px;
}
#rightDynamicContent .item .scheda .trama
{
	float:left;
	width:412px;
}
#rightDynamicContent .item .scheda .trama p
{
	margin:5px;
}

/*PLAYLIST*/
#rightDynamicContent .playList .item
{
	background:url(../pix/bg_item_playlist.gif) no-repeat left top;
}
#rightDynamicContent .playList .item.selected
{
	background:url(../pix/bg_item_playlist_selected.gif) no-repeat left top;
}

#rightDynamicContent .playList .item .image dd
{
	background:none;
}
#rightDynamicContent .playList .item .image dd a
{
	display:inline;
	float:left;
	margin:1px 0px 1px 0;
}
#rightDynamicContent .playList .item .image dd a.rimuovi
{
	width:80px;
	height:17px;
	background:url(../pix/btn_playllist_rimuovi.gif) no-repeat left top;
}
#rightDynamicContent .playList .item .image dd a.moveup
{
	width:21px;
	height:17px;
	background:url(../pix/btn_playllist_moveup.gif) no-repeat left top;
}
#rightDynamicContent .playList .item .image dd a.movedown
{
	width:21px;
	height:17px;
	background:url(../pix/btn_playllist_movedown.gif) no-repeat left top;
}
#rightDynamicContent .playList .item .image dt
{

	height:82px;
}
#rightDynamicContent .playList .item .image dt img
{
	margin:3px 0 0 0;
	padding:0;
	border:none;
}
#rightDynamicContent .playList .item .details .top .topdetails .ora
{
	background:none;
	padding:0;
}
#rightDynamicContent .playList .item .details .top .topdetails .durata
{
	background:none;
	width:80px;
	margin-left:50px;
	margin-top:2px;
	padding:0;
}
#rightDynamicContent .playList .item .details .top .topdetails .durata span
{
	padding-left:0;
	padding-top:3px;
}
#rightDynamicContent .playList .item .details .top .topdetails .durata strong
{
	padding-left:0;
}

#rightDynamicContent .playList .item .details .category
{
	color:#fff!important;
}

/*On Air*/
#rightDynamicContent .onairList .item .details .top .category
{
	color:#fff;
}
/*on demand*/
#rightDynamicContent .ondemandList .item.selected
{
	background:url(../pix/bg_item_selected.gif) no-repeat left top;
}

#rightDynamicContent .noresults
{
	color:#fff;
	background:#003399;
	text-align:center;
	font-weight:bold;
	line-height:30px;
}