@charset "UTF-8";
/* CSS Document */

.mixerbg {
    background-color:#95bdac; 
}
 
*:focus {
	outline: none;  /*slider*/
	/*outline-color:#0F9;*/
} 

.mixerConsole {
	float:right;
	border:none; 
	background-color:rgba(65, 35, 48, 0.9); 
	position:absolute; 
	top:12%; 
	left:75%; 
	height:auto;
}

#this_element_contains_volumesliders {
	display:block;
	}

.volumeslider {
	border-radius: 25px;
	background-color: #9D8871;
	width: 160px;
	position: relative;
	height: 9px;
	margin: 15px; 
}

.ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-color:#8DB4B9;
	border-radius: 12px;
	outline: none;
	top: -3px;
	margin-left: -8px;
}

.ui-slider-range {     /* pig*/
	background-color:#FC9;
	position: absolute;
	border: 0;
	top: 0;
	height: 100%;
	border-radius: 25px;
}
/* Interaction states
----------------------------------*/

.ui-slider:hover {     /* yelw*/
	background-color:#ffff66;
}

.ui-slider-handle:hover {     /* yelw*/
	background-color:#ffff66;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {  /* start  grey*/
 	background-color:#ccc;
}


.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { /* moving  hb*/
	background-color:#BCE6D3;
	
}