@import url('/etc/designs/scps2/component_css/image_with_overlay.css');  /* importing image_with_overlay styles*/

.section.component_carousel {
    margin:0 0 12px 0;
}

.component_carousel .section {
    margin:0
}

.component_carousel ul {
    list-style:none;
    margin:0;
    padding:0
}

.component_carousel .image_with_overlay .overlay_content {padding-bottom:15px;}

.component_carousel_control {
    position:absolute;
    bottom:0;
    padding:0;
    z-index:500;
    width:100%;
    text-align:right;
    align:center;
    overflow:visible;
    height:25px
}

.component_carousel_control a {
    display:block;
    height:10px;
    width:10px;
    background:#FFF;
    float:left;
    text-indent:-9999px;
    margin:0 2px;
    position:relative
}

.component_carousel_control a.ctl_on {
    background:#000;
    border:1px solid #FFF;
    height:8px;
    width:8px
}

.cc_ctrlblock {
    display:inline-block;
    margin:0 auto;
    padding:4px;
    text-align:center;
    background:rgba(255,255,255,0.5);  /* remove this line after light/dark styles implemented */
    background-color:rgb(147,145,142)\9;
}

.cc_ctrlblock.cc_light {
    background:rgba(255,255,255,0.5);
    background-color:rgb(147,145,142)\9;
}

.cc_ctrlblock.cc_dark {
    background:rgba(0,0,0,0.5);
    background-color:rgb(90,90,90)\9;
}

.cc_pager, .cc_toggle {
	display:inline-block;
	padding:0 4px;
}

.cc_toggle {
	border-left:1px solid rgba(255,255,255,0.5);
    border-left:1px solid rgb(255,255,255)\9;	
}

.cc_toggle a {

}

.cc_playing a{
    background:url("/etc/designs/scps2/images/carousel_controls.gif") no-repeat scroll 0 -15px transparent;
}
	
.cc_paused a{
	background:url("/etc/designs/scps2/images/carousel_controls.gif") no-repeat scroll 0 -1px transparent;
}

.col2 .component_carousel li {
    width:756px;
    background:#cecece
}