@CHARSET "UTF-8";


.block-color-wrapper {
	border: 1px solid #ccc;
	float: left;
	width: 100%;
	/* width: 48px; */
		
}

.block-color {
	/* height: 20px; */
	
	float: left;
	 
}


.block-color-pink,
.block-color-pink:hover {
 	background-color: #EC008C;
 	color: #000;
 	
}

.block-color-warm_white,
.block-color-warm_white:hover { 
   	background-color: #FCFCA0;
   	color: #000;
}

.block-color-day_white,
.block-color-day_white:hover {
	background-color: #F8F0C0;
	color: #000;
}

.block-color-white,
.block-color-white:hover {
	background-color: #E0FFFF;
	color: #000;
}

.block-color-cool_white,
.block-color-cool_white:hover {
	background-color: #E0FFFF;
	color: #000;
}

.block-color-violet,
.block-color-violet:hover	{
	background-color: #9900FF;
	color: #fff;
}

.block-color-blue,
.block-color-blue:hover {
	background-color: #0033FF;
	color: #fff;
}
	
.block-color-green_blue,
.block-color-green_blue:hover {
	background-color: #00CC99;
	color: #000;
}

.block-color-green,
.block-color-green:hover {
	background-color: #33CC00;
	color: #000;
}

.block-color-green_yellow,
.block-color-green_yellow:hover {
	background-color: #CCFF33;
	color: #000;
}
	
.block-color-green_yell,
.block-color-green_yell:hover {
	background-color: #CCFF33;
	color: #000;
}	
	
.block-color-yellow,
.block-color-yellow:hover	{
	background-color: #FFFF33;
	color: #000;
}


.block-color-orange,
.block-color-orange:hover {
	background-color: #F68220;
	color: #000;
}

.block-color-red,
.block-color-red:hover {
	background-color: #FF3333;
	color: #fff;
}

.block-color-ir850,
.block-color-ir850:hover {
	background-color: #CCCCCC;
	color: #000;
}
	
.block-color-ir940,
.block-color-ir940:hover {
	background-color: #E0E0E0;
	color: #000;
}