/* jQuery Step Carousel ***************************/
 
.stepcarousel-container  {
clear:both;
width:auto;
margin:auto;
margin-bottom:8px;
margin-top:8px;
text-align:left;
}

.stepcarousel-container h2{
margin:4px 0 4px 20px;
display:block;float:none;
width:auto;
font-size:1em;
letter-spacing:.3em;
}

.stepcarousel{ 
position: relative; 
border-top: 1px solid #ccc;
overflow: scroll; 
height: 149px; 
margin:auto;
background-color:#f2f2f2;
border:1px solid #ccc;
}

.stepcarousel .belt{ 
position: absolute;
left: 0;
top: 0;   
}

.stepcarousel .panel {
float: left; 
/*overflow: hidden; clip content that go outside dimensions of holding panel DIV*/
margin: 6px 10px 10px;
width: 139px; 
}

.stepcarousel .panel  .info-icon{
position:absolute;
z-index:9000;
top:-6px;
left:-6px;
}

img.control {float:left;} 

.promo-caption {
margin-top:4px;
text-align:center;
width:130px;
font-weight:bold;
font-size:.9em;
color:#444;  
}

.carousel-header {
margin:4px 0 -1px 20px; 
width:180px;height:20px;
background-color:#eee;
padding:4px;
color:#444;
border:1px solid #ccc;
}

/* info panel for editors
  --relies on buzztimelayout shadow classes*/
.infopanel {
 position:absolute;  
 z-index:3001;
 width:220px;
 text-align:left;
}

.infopanel-content{  
border: 2px solid #666;
background-color:#f1f5f6;    
}

.infopanel-content-inner{ 
border:2px solid #fff;
width:auto;padding:4px;
font-size:10px; 
}

.infopanel-content-inner label {color:#666699;font-weight:bold;width:50px;margin-right:8px;}

/* styles for home page */
.stepcarousel-container-home { margin:auto;margin-top:12px;     }
.stepcarousel-container-home .stepcarousel {border: 0;background-color:transparent; }
.stepcarousel-container-home img.control {margin-top:6px;}
.stepcarousel-container-home .promo-caption {
font-weight:bold;
font-size:1em;
color:white;
}