/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 0px solid #3F3F3F; background: #3F3F3F 50% 50% repeat; color: #ffffff; }
.ui-widget-content a { color: #3F3F3F; }
.ui-widget-header { border: 1px solid #3F3F3F; background: #3F3F3F 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #3F3F3F; }

/* Interaction states
----------------------------------*/

.ui-state-default, .ui-widget-content .ui-state-default { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnProgressBar.jpg");
	background-repeat:no-repeat;
	outline: none; 
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnProgressBar-hover.jpg");
	background-repeat:no-repeat;
	outline: none; 
}
/*.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }*/
.ui-state-active, .ui-widget-content .ui-state-active { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnProgressBar-hover.jpg");
	background-repeat:no-repeat;
	outline: none; 
}

/**************************************************************************/

/* Component containers for volume
----------------------------------*/
#slider-horizontal-vol .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
#slider-horizontal-vol .ui-widget input, #slider-horizontal-vol .ui-widget select, #slider-horizontal-vol .ui-widget textarea, #slider-horizontal-vol .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
#slider-horizontal-vol .ui-widget-content { border: 0px solid #3F3F3F; background: #3F3F3F 50% 50% repeat; color: #ffffff; }
#slider-horizontal-vol .ui-widget-content a { color: #3F3F3F; }
#slider-horizontal-vol .ui-widget-header { border: 0px solid #3F3F3F; background: #3F3F3F 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#slider-horizontal-vol .ui-widget-header a { color: #3F3F3F; }

/* Interaction states for volume
----------------------------------*/

#slider-horizontal-vol .ui-state-default, #slider-horizontal-vol .ui-widget-content .ui-state-default { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnVol.png");
	background-repeat:no-repeat;
	outline: none; 
}
#slider-horizontal-vol .ui-state-hover, #slider-horizontal-vol .ui-widget-content .ui-state-hover, #slider-horizontal-vol .ui-state-focus, #slider-horizontal-vol .ui-widget-content .ui-state-focus { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnVol-hover.png");
	background-repeat:no-repeat;
	outline: none; 
}
/*.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; outline: none; }*/
#slider-horizontal-vol .ui-state-active, #slider-horizontal-vol .ui-widget-content .ui-state-active { 
	background-image: url("http://www.academieroyale.be/academie/ows/images/mp3BtnVol-hover.png");
	background-repeat:no-repeat;
	outline: none; 
}

/**************************************************************************/

/*.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #FFFF00; outline: none; text-decoration: none; }*/

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(img/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(img/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }