/* cont */
.gred-cont {
	box-sizing:content-box;
	position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:200px;
	padding:10px;
	text-align:center;
	font-size:0;
	line-height:0;
	border:1px solid #888;
}
/* preview */
.gred-preview {
	position:relative;
	width:200px;
	height:200px;
	margin:0 auto;
	margin-bottom:10px;
	background-color:white;
	user-select: none;
}
.gred-btn-dir {
	border-radius:50%;
}
.gred-btn-color1 {
}
.gred-btn-color2 {
}
.gred-preview-btn {
	display:none;
	position:absolute;
	font-size:15px;
	line-height:15px;
	padding:6px 10px;
	color:white;
	background-color:black;
	cursor:pointer;
}
.gred-color-icon {
	display:inline-block;
	*zoom:1;
	*display:inline;
	width:10px;
	height:10px;
	background-color:white;
	box-shadow:1px 1px 1px 0 #888 inset;
}
/* color table */
.gred-clist {
	padding:0px;
	border:0px solid #ccc;
}
.gred-ctable-cell {
	height:20px;
	background-color:white;
	border:0px solid red;
	cursor:pointer;
}