

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/accordion/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/accordion/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/accordion/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/accordion/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/accordion/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/accordion/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/accordion/ui-icons_cd0a0a_256x240.png);
}


/*  MISC
-------------------------------------------- */

/* h3 size, same as h3.layout in style-options.css*/
/*	
.ui-accordion .ui-accordion-header { 
font-size:1.6em;
}
*/
.ui-accordion .ui-accordion-header {
margin-top:0;
}

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 10px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 10px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 10px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 10px;
}


/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}


/* Conflict with color picker 
------------------------------------*/

.ui-widget-content {
	border: none;
	background: transparent none;
	color: #222222;
}

.ui-slider-vertical {
	width: auto;
	height: auto;
}


/* Otherwise color picker doesn't push accordion content down */

div#ui-accordion-1-panel-0, 
div#ui-accordion-2-panel-0,
div#ui-accordion-3-panel-0,
div#ui-accordion-4-panel-0,
div#ui-accordion-5-panel-0,
div#ui-accordion-6-panel-0,
div#ui-accordion-7-panel-0,
div#ui-accordion-8-panel-0,
div#ui-accordion-9-panel-0,
div#ui-accordion-10-panel-0,
div#ui-accordion-11-panel-0,
div#ui-accordion-12-panel-0 {
overflow:visible;
position:relative;
}