/* the outermost div */
.color-select-container{
	
}

/* the div containing an optgroup */
.color-select-container .color-select-optgroup{
	display: block;
}

/* div representing an option. the background-color of this is set via javascript */
.color-select-container .color-select-option{
	height: 26px;
	min-width: 26px;
	margin: 4px;
	border: 1px solid #eee;
	float: right;
	border-radius: 3px;
	padding-left:4px;
	font-size:12px;
	cursor:pointer;
}

.color-select-container .color-select-option .color-thumb
{
    height: 20px;
	width: 20px;
	margin: 2px;
	border: 1px solid #bbb;
	float:right;
}

.color-select-container .color-select-option:hover{
	/*height: 24px;
	width: 24px;
	margin: 2px;*/
}

/* div representing currently selected options */
.color-select-container .color-select-option-selected, .color-select-container .color-select-option-selected:hover{
	border: 1px solid #8918b2;
	/*height: 20px;
	min-width: 20px;
	margin: 1px;*/
	
	-webkit-box-shadow: inset 0px 0px 0px 1px #8918b2;
	-moz-box-shadow: inset 0px 0px 0px 1px #8918b2;
	box-shadow: inset 0px 0px 0px 1px #8918b2;
}


/* clearfix */
/*.color-select-option:first-child{
	content: " ";
	display: block;
	clear: right;
}*/