/* usual control elements over slider */
.control-container-over {
    /* fixes it on the top in the 3d world (the effects area of a slider has 100 by default) */
    position: relative;
    z-index: 101;
	cursor: pointer;
    
    /* put panel over the slider */
	margin: -30px auto;
    
    /* put panel in the middle */
    /* margin: -30px auto; */
	
	/* put panel in the left */
    /* margin: -35px 0 0 100px; */
    
     /* background-color: rgba(215,241,171,0.6); */
    padding: 3px 5px;
    
    /* change width to your value */
    width: 200px;
}

.control-element-over, .control-element-active-over {
    /* this displays element as inline-block; zoom and *display is a hack for ie7 which does not support inline-block */
    display: inline-block;
    zoom: 1;
    *display: inline;
    
    /* change this to the values you need */
    width: 10px;
    height: 10px;
    border-radius: 5px 5px 5px 5px;
    background: white;
    margin: 0 5px;
    cursor: pointer;
}

.control-element-active-over {
    background: #424242;
}