@import url(http://flashforward.cubovision.it/css/stili.css);
@import url(http://flashforward.cubovision.it/css/headfoot.css);
@import url(http://flashforward.cubovision.it/css/alert_overlayer.css);

#template { }
a {outline:none; color:#a2b9c2; }
a:hover {color:#FFF; }
#headSearch { border:none; background:#000}

div.hr hr {display:none;}



/* box Editoriale */
#boxEdit01 {float:right; display:inline; width:250px; margin:4px 0px 4px 0; height:176px; padding:20px 25px; overflow:hidden; background:url(http://images1.yalp.alice.it//images/bg_box_scritte.jpg) no-repeat 0 0    }
	#boxEdit01 p{text-align:justify; font-size:13px; line-height:14px; color:#006d8a; margin-top:10px; height:160px; overflow:hidden;  }
	#boxEdit01 .tit { color:#fff; font-size:18px; font-weight:bold; }



/* box adv a dx */
.boxAdv {clear:right; float:right; display:inline; margin:0; width:300px; height:250px;  background:#000 }

/* box video scheda video */
#boxVideo01 {width:631px; margin-bottom:0px; overflow:hidden; color:#333; margin-top:4px;   }
	
	#boxVideo01 .video {width:629px; border:1px solid #006d8a; overflow:hidden; background:#000;}
	#boxVideo01 .scheda {width:610px; height:188px; overflow:hidden; padding:7px 10px; float:left; background:url(http://flashforward.cubovision.it/images/bg_box_tools.png) repeat-x  0 0 }
		
	/* \*/
* html #boxVideo01 .scheda   {/*background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://flashforward.cubovision.it/images/bg_box_tools.png", sizingMethod='scale')*/
background-color:#ccc;
}  		
		
		
		
		#boxVideo01 .scheda h2 {margin:0 0 5px; color:#FFF; font-size:20px; line-height:22px; }
		#boxVideo01 .scheda h3.st {margin:0 0 8px; color:#CCC; font-size:14px; line-height:16px; }
		#boxVideo01 .scheda p.txt {margin:0 0 8px; color:#006d8a; line-height:14px; overflow:auto; height:84px; }

	#boxFotoTool {float:left; display:inline; width:130px; height:151px; overflow:hidden; margin:0 6px 0 0;  }
		#boxFotoTool .foto{padding:2px 1px; }
			#boxFotoTool .foto img{border:1px solid #111; display:block; }
	
		#boxFotoTool .boxTool {width:98px; overflow:hidden; padding:0 8px; }
			#boxFotoTool .boxTool h4 {height:0; width:0; line-height:0; overflow:hidden; }
			#boxFotoTool .boxTool p.info01 {font-size:11px; line-height:12px; text-align:left; color:#CCC; }
				#boxFotoTool .boxTool p.info01 em {font-style:normal; color:#09C; }
			#boxFotoTool .boxTool ul.voto {width:80px; height:20px; line-height:20px; list-style:none; background-position:0 50%; background-repeat:no-repeat; }
				#boxFotoTool .boxTool ul.voto li {float:left; }
				#boxFotoTool .boxTool ul.voto li a {width:16px; height:20px; overflow:hidden; display:block; float:left; text-indent:-9999px; }
				#boxFotoTool .boxTool ul.voto li a:hover {background:url(http://images1.yalp.alice.it/images/star/s/att.gif) no-repeat 50% 50%; }

#boxVideo01 .bt01 {width:104px;  height:34px; overflow:hidden; line-height:27px; text-align:center; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(http://flashforward.cubovision.it/images/bt_tutti_episodi.gif) no-repeat 0 0;/*margin-left:120px;*/text-indent:-9999px;z-index:9998; }
			#boxVideo01 .bt01 a {display:block; height:34px; color:#FFF; z-index:9999;}




/* box adv a dx */
.colDx .boxAdv {margin-bottom:10px; }

/* stile per box con contunuto in movimento */
.boxMaschera {overflow:hidden; position:relative; }
.boxMaschera .movBox {position:absolute; top:0; left:0; }
			
/* box fotogallery*/
#boxPhotoG {clear:both; width:942px; height:328px; overflow:hidden; margin:0 0 0px -3px; border-left:2px solid #000; border-right:2px solid #000; background:url(http://flashforward.cubovision.it/images/bg_fotogallery.jpg) repeat-x 0 0; }
	#boxPhotoG h3{height:34px; margin:0 15px; padding:0 0 0 20px; color:#0CF; font-size:18px; color:#FFF; line-height:34px; font-weight:bold;  }
	#boxPhotoG .btSx,
	#boxPhotoG .btDx {float:left; display:inline; width:13px; height:25px; overflow:hidden; margin:75px 6px 0; text-indent:-9999px; }
		#boxPhotoG .btSx a,
		#boxPhotoG .btDx a{display:block; height:25px; line-height:25px; }
	#boxPhotoG .btSx,
	#boxPhotoG .btDx,
		#boxPhotoG .btSx a:hover,
		#boxPhotoG .btDx a:hover{background-image:url(http://flashforward.cubovision.it/images/bt_frecce.gif); background-repeat:no-repeat; }
	#boxPhotoG .btSx {background-position: 0 -25px; }
	#boxPhotoG .btDx {background-position: -13px -25px; }
		#boxPhotoG .btSx a:hover{background-position: 0 0; }
		#boxPhotoG .btDx a:hover{background-position: -13px 0; }

	#boxPhotoG .boxMaschera {float:left; width:890px; height:228px; margin:5px 0 0; }
		#boxPhotoG #boxThumbs{list-style:none; white-space:nowrap; height:226px;  }
			#boxPhotoG #boxThumbs li{float:left; width:168px; height:226px; overflow:hidden; background:#1a1a1a; text-align:center; margin-right:10px;}
				#boxPhotoG #boxThumbs li .pict { display:block; margin:0 0 9px; }
				#boxPhotoG #boxThumbs li .name { display:block; height:168px; overflow:hidden; margin:1px; padding:9px; border:1px solid #000; font-size:14px; color:#FFF; font-weight:bold; }
				#boxPhotoG #boxThumbs li a {color:#666; }
				#boxPhotoG #boxThumbs li .vedischeda { display:block; height:27px; overflow:hidden; margin:1px; padding:4px 9px; border:1px solid #000; }


/* lightbox style */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://images1.yalp.alice.it/images/twilight/prevlabel.gif) no-repeat 0 15%; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://images1.yalp.alice.it/images/twilight/nextlabel.gif) no-repeat 100% 15%; }
#imageDataContainer{ font-size: 10px; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; font-size:16px	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 500px; background-color: #000; }

#silverlightControlHost {
height:470px;
width:629px;
}