/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 165px; /*Height should enough to fit largest content's height*/
   background: #FFF;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 4px 4px 4px 5px; /*margin around each panel*/
	width: 149px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
   height: 157px;
}
.stepcarousel .panel .info{
   width: 149px;
   height: 94px;
   background: #a4a691;
   text-transform:uppercase;
}
.stepcarousel .panel .info-gutter{
   padding: 0.7em 0 0 0.7em;
} 
.stepcarousel .panel .info h3{
   text-transform:uppercase;
   font-size: 0.8em;
   line-height: 1.2em;
} 
.stepcarousel .panel .info p.data{
   margin: 0;
} 


#video-palinsesto .stepcarousel{
   height: 314px;  
}
#video-palinsesto .stepcarousel .panel{
   height: 304px;
    margin: 4px 4px 0px 5px; /*margin around each panel*/
}
#video-palinsesto .stepcarousel .panel .video-item{
   display: block;
   height: 157px;
   margin: 0px 0px 4px 0px; /*margin around each panel*/ 
}

/*-- for slide buttons --*/

.page .carousel_controls .slide_buttons li:hover, 
.page .carousel_controls .pause_button, 
.page .carousel_controls .prev_button, 
.page .carousel_controls .next_button, 
.page .carousel_controls .hover_next_button, 
.page .carousel_controls .hover_prev_button, 
.page .carousel_controls .first_button, 
.page .carousel_controls .last_button {
   cursor: pointer;
   cursor: hand;
   z-index: 5000;
}
.page .carousel_controls .button_selected, 
.page .carousel_controls .prev_button_disabled, 
.page .carousel_controls  .next_button_disabled, 
.page .carousel_controls  .first_button_diabled, 
.page .carousel_controls  .last_button_disabled {
   cursor: auto;
}
.page .carousel_controls .slide_buttons li span, 
.page .carousel_controls .pause_button span, 
.page .carousel_controls .prev_button span, 
.page .carousel_controls .next_button span, 
.page .carousel_controls .first_button span, 
.page .carousel_controls .last_button span, 
.page .carousel_controls .hover_next_button span, 
.page .carousel_controls .hover_prev_button span, 
.page .carousel_controls .water_mark span {
   margin-left: -10000px;
}
.page .carousel_controls .slide_buttons li, 
.page .carousel_controls .pause_button, 
.page .carousel_controls .prev_button, 
.page .carousel_controls .next_button, 
.page .carousel_controls .first_button, 
.page .carousel_controls .last_button, 
.page .carousel_controls .water_mark {                   
   background-repeat: no-repeat;
   overflow: hidden;
   top: 0px;
}
.page .carousel_controls ul.slide_buttons {
   padding: 15px 7px 0px 15px;
   z-index: 5000;
   float: left;
}
.page .carousel_controls ul.slide_buttons li {
   background-image: url(images/button.png);
   display: block;
   float: left;
   height: 9px;
   list-style: none;
   margin: 0 0 0 0px;
   padding: 2px;
   width: 9px;
}
.page .carousel_controls ul.slide_buttons li:hover {
}
.page .carousel_controls ul.slide_buttons li.button_selected {
   background-image: url(images/button_selected.png);
}
.page .carousel_controls ul.slide_buttons li.button_selected:hover {
}

/*-- next & prev buttons --*/
.page .carousel_controls .hover_next_button, 
.page .carousel_controls .hover_prev_button { 
   position: absolute;
   left: 0;
   z-index: 5000;
}
.page .carousel_controls .next_button {
   background-image: url(images/next.png);
   background-position: 0 -36px;
   height: 29px;
   left: 443px;
   margin-top: 5px;
   margin-right: 15px;
   width: 31px; 
   float: left;
}
.page .carousel_controls .next_button:hover {
   background-position: 0 0;
}
.page .carousel_controls .prev_button {
   background-image: url(images/prev.png);
   background-position: 0 -36px;
   height: 29px;
   left: 388px;
   margin-top: 5px;
   width: 31px; 
   float: left;
}
.page .carousel_controls .prev_button:hover {
   background-position: 0 0;
}
/*-- end next & prev buttons --*/

/*-- hover next & hoverprev buttons --*/

.page .carousel_controls .hover_next_button, #fn-tv.page .carousel_controls .hover_prev_button {
   height: 125px;
   background-repeat: no-repeat;
   display: none;
   overflow: hidden;
   width: 77px;
   top: 35px;
   z-index: 6000;
}
.page .carousel_controls .hover_next_button span {
}
.page .carousel_controls .hover_next_button {
   background-image: url(images/hover_next.png);
   background-position: 21px 35px;
   padding: 30px 0 30px 30px;
   right: 0;
}
#fn-tv.page .carousel_controls .hover_prev_button {
   background-image: url(images/hover_prev.png);
   background-position: 8px 35px;
   padding: 30px 30px 30px 0;
   left: 0;
}

/*-- end next & prev buttons --*/