/****************************
*
*	COLORPICKER
*
*****************************/
.colorpicker {
	/* we need to add this, otherwise the color picker is 'below' the sliders */
	z-index: 9999;	
}



/****************************
*
*	SLIDER
*
*****************************/
/* This is the "value" background (ie: what's left of the handle) */
.ui-widget-header {
	background: scroll 50% 50% #F6A828;
	border: 1px solid #E78F08;
	color: #FFFFFF;
	font-weight: bold;
}

/* This is the "non-value" background (ie: what's right of the handle - basically, the "background") */
.ui-widget-content {
	background: scroll 50% top #dddddd;
	border: 1px solid #aaaaaa;
	color: #333333;
}

/* This is for the "handle"/"scrubber" - this is the default state (ie: not-in-focus) */
.ui-state-default, .ui-widget-content .ui-state-default {
	background: scroll 50% 50% #F6F6F6;
	border: 1px solid #CCCCCC;
	color: #1C94C4;
	font-weight: bold;
	outline: medium none;
}

/* This is for the "handle"/"scrubber" - this is the hover/select state (ie: in focus) */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	background: scroll 50% 50% #FDf5CE;
	border: 1px solid #FBCB09;
	font-weight: bold;
	outline: medium none;
}