/**
 * Progetto		Trento Film Festival
 * @Author:		Marco Pegoraro
 * @Version:	1.0
 * @Start:		09/03/2008
 * 
 * Web-Tv
 * Definizioni utili per le pagine il cui BODY implementa la classe "webtv".
 * Esistono delle modifiche di stile radicali quali il colore nero di sfondo.
 */

/**
 * Sovrascrittura di proprietˆ ereditate da "struttura.css" e personalizzate per "webtv".
 */
body.webtv #content {
	position:			relative;  
	background:			#000;
}


body.webtv #content div.row_block div.column {
	margin-right:		20px;
}
body.webtv #content div.row_block div.cl_2dim {
	width:				488px;
}
body.webtv #content div.row_block div.cl_right {
	margin-right:		0;
}


body.webtv a  { color: #fff;
	text-decoration: none;
	}
	
body.webtv a:hover	{ color: #ff9900;
		text-decoration: none;
		}



/**
 * Colonna interna alla doppia colonna.
 */
body.webtv #content div.row_block div.cl_2dim div.column {
	margin-right:		30px;
	width:				229px;
	/* @CHECK.
	background:yellow; */
}
body.webtv #content div.row_block div.cl_2dim div.inside_dx {
	margin-right:		0;
	/* @CHECK. 
	background:lime;*/
}


/**
 * ELENCO RISULTATI RICERCA VIDEO
 */

/**
 * Blocco di titolazione pagina dei risultati.
 */
body.webtv #content div.list_title {
	background:			url(/webtv/ita/images/risultati.gif) no-repeat;
	display:			block;
	height:				30px;
	overflow:			hidden;
	margin:				0 0 20px 0;
	text-align:			left;
	padding:            8px 0 0 210px;
}

body.webtv #content div.list_titleEng {
	background:			url(/webtv/eng/images/risultati.gif) no-repeat;
	display:			block;
	height:				30px;
	overflow:			hidden;
	margin:				0 0 20px 0;
	text-align:			left;
	padding:            8px 0 0 150px;
}

/**
 * Composizione dei risultati della ricerca impaginati a 3 colonne.
 */
body.webtv #content div.results div.item {
	display:			block;
	width:				229px;
	height:				100px;
	overflow:			hidden;
	float:				left;
	
	margin:				0 25px 23px 0;
}
body.webtv #content div.results div.right {
	margin-right:		0;
}

/**
 * Blocco di paginazione risultati.
 */
body.webtv #content div.pagination {
	display:			block;
	height:				30px;
	overflow:			hidden;
	background:			url(web_tv_red_dot.gif) repeat-x;
	padding-top:		5px;
}
body.webtv #content div.pagination p {
	margin:				0; 
}
/* NOTA: Entrambe i link "prev" e "next" sono realizzati in sostituzione d'immagini. */
body.webtv #content div.pagination p.prev a,
body.webtv #content div.pagination p.next a {
	position:			relative;
	
	display:			block;
	width:				54px;
	height:				25px;
	overflow:			hidden;
	
	float:				left;
}
body.webtv #content div.pagination p.prev a span,
body.webtv #content div.pagination p.next a span {
	position:			absolute;
	top:				0;
	left:				0;
	
	display:			block;
	width:				54px;
	height:				25px;
	background:			url(web_tv_prev.jpg);
	
	cursor:				pointer;
}
body.webtv #content div.pagination p.next {
	float:				right;
}
body.webtv #content div.pagination p.next a span {
	background:			url(web_tv_next.jpg);
}




#onAir{
	background:			url(/webtv/ita/images/onair-webtv.gif) no-repeat;
	height:				19px;
	text-align:			left;
	font-size:			11px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	padding:			11px 0 0 110px;
}

#listVideo{
	background:			url(/webtv/ita/images/onair-webtv.gif) no-repeat;
	height:				19px;
	text-align:			left;
	font-size:			11px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	padding:			11px 0 0 110px;
}

#content div.column div.colonnaDoppia div.cnt {
	display:			block;
	float:				left;
	text-align:			left;
	font-size:			11px;
	color:				#FFFFFF;
	width:				109px;
}

#content div.column div.colonnaDoppia div.img {
	display:			block;
	float:				left;
	width:				120px;
	margin:				0 0 0 0;
}

#dottedWB{
	display:			block;
	width:				100px;
	height:				8px;
	margin:				3px 0 0 0;
	padding:			0 0 0 0;
	background:			url(/webtv/immagini/dot/punti-orizz-biancnero.gif) repeat-x;
	
}


#next{
	background:			url(/webtv/ita/images/next-webtv.gif) no-repeat;
	height:				19px;
	text-align:			left;
	font-size:			11px;
	text-transform:		uppercase;
	color:				#FFFFFF;
	padding:			11px 0 0 110px;
}

#nextOrario {
	float:				left;
	width:				89px;
	text-align:			right;
	padding-top:		3px;
	font-size:			11px;
	color:				#FFFFFF;
}

#dataOggi {
	text-align:			left;
	font-size:			12px;
	color:				#FFFFFF;
}

.testo{
	font-size:			11px;
	color:				#FFFFFF;
}

.testoRosso{
	font-size:			12px;
	color:				#5e131a;
}

.testoGiallo{
	color:				#D88200;
}

.testo a{
	font-size:			11px;
	color:				#FFFFFF;
	text-decoration:	none;
}

.testoMaiuscolo{
	font-size:			11px;
	color:				#FFFFFF;
	text-transform:		uppercase;
}

.dottedGIALLO{
	display:			block;	
	height:				8px;
	margin:				3px 0 0 0;
	padding:			0 0 0 0;
	background:			url(/webtv/immagini/dot/punti-orizz-giallonero.gif) repeat-x;
	
}


/**
 * Scheda Video
 */
body.webtv #content div.scheda_video {
	display:			block;
	width:				500px;
	margin:				auto;
	
	padding-top:		80px;
	text-align:			left;
	color:				#fff;
}

body.webtv #content div.scheda_video div.video {
	display:			block;
	width:				520px;
	height:				310px;
	overflow:			hidden;
}

body.webtv #content div.scheda_video div.dettagli {
	display:			block;
	width:				497px;
	overflow:			hidden;
}

body.webtv #content div.scheda_video div.commenti {}
body.webtv #content div.scheda_video div.commenti h5 {
	background:			url(web_tv_red_dot.gif) repeat-x;
	padding-top:		6px;
	
	font-size:			10px;
	font-weight:		normal;
	margin:				0;
}
body.webtv #content div.scheda_video div.commenti p {
	font-size:			10px;
}

body.webtv #content div.scheda_video p.close_link {
	margin:				0;
}
body.webtv #content div.scheda_video p.close_link a {
	position:			absolute;
	top:				50px;
	left:				720px;
	
	display:			block;
	width:				33px;
	height:				33px;
	overflow:			hidden;
}
body.webtv #content div.scheda_video p.close_link a span {
	position:			absolute;
	top:				0;
	left:				0;
	
	display:			block;
	width:				33px;
	height:				33px;
	overflow:			hidden;
	background:			url(web_tv_close_link.jpg);
	
	cursor:				pointer;
}


#tblColored {
	background-color: #000000;
}
#tblColored:hover {
	background-color: #333333;
}