/* Step Carousel Styles */

.stepcarousel {
  position: relative; 
  border: none; /* Border around the carousel scroller */
  overflow: hidden; 
  width: 730px; /* Width of Carousel Viewer itself = width of video - 48px arrows */
  height: 75px; /* Height = thumbnail height + 20px top/bottom padding */
  margin-left:0px;
}

.stepcarousel .belt {
	position: relative;
	margin-left: 0;
	margin-top: 0;
}

.stepcarousel .panel {
  float: left; 
  overflow: hidden;
  margin: 2px 5px 0 0; /* Margin around each panel, 0 for left so first thumbnail doesn't have excess left margin */
  width: 181px; /* Width = width of thumbnail */
  height:70px;
  background:url(../images/boton-gris-destacados.png) no-repeat;
  cursor:pointer;
  position:relative;
}

panel img { border:0; }

.panelOn {
  border: 1px solid #FFFFFF; /* Border around thumbnail of currently playing video. Change to accent color */
  width: 130px; /* Width = thumbnail width */
  height: 72px; /* Height = thumbnail height */
}

/* Body */

#container {
  width: 640px; /* Set to width of video. Container applies to both video and channel thumbnail width */
}

#video { /* Define your video embed size */
  width: 640px;
  height: 272px;
}

#scroller {
	position:relative;
	width:100%;
    height: 82px; /* Height = thumbnail height + 20px top/bottom padding */
	/*background-image:url(../images/destacados2.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	margin:3px 0px 0px 3px;
}

.floatLeft {
  float:left;
}

#arrow {
  float:left; 
  margin: 25px 0 0 5px; /* 27px from top to vertically center arrow */
  padding: 0; 
  width: 24px; /* Width of arrow image */
  position:relative;
}

#thumbnails { 
  overflow:hidden;
}

.highlighted { /* Style of video playing */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  border: 3px groove #FF9900;
  width: 125px; /* width of thumbnail - (border width x 2) */
  height: 89px; /* height of thumbnail - (border width x 2) */
}
.deselected {	/* Style of videos not playing */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity:0.4;
}
