all-in-one-event-calendar/public/admin/css/colorpicker.css

#tag-color {
	width: 39px;
	height: 24px;
	background: url( ../img/color-picker.png );
	cursor: pointer;
}
#tag-color:hover {
	background-position: 0px -24px;
}
#tag-color-background {
	position: relative;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 18px;
	background: transparent;
}
ul.colorpicker-list {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0.1em;
	position: absolute;
	width: 136px;
}
.colorpicker-list li {
	float: left;
	width: 15px;
	height: 15px;
	margin: 1px;
	cursor: pointer;
	border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.colorpicker-list li:hover {
	opacity: 0.85;
}
.colorpicker-list li.ai1ec-btn {
	height: auto;
}
.color-1 { background: #9fcb33; }
.color-2 { background: #2ecc71; }
.color-3 { background: #1abc9c; }
.color-4 { background: #3498db; }
.color-5 { background: #6879C9; }
.color-6 { background: #9b59b6; }
.color-7 { background: #b23f73; }
.color-8 { background: #e74c3c; }
.color-9 { background: #7ba633; }
.color-10 { background: #27ae60; }
.color-11 { background: #16a085; }
.color-12 { background: #2273A8; }
.color-13 { background: #5C62B3; }
.color-14 { background: #8e44ad; }
.color-15 { background: #832d51; }
.color-16 { background: #c0392b; }
.color-17 { background: #FFE84B; }
.color-18 { background: #f8c82d; }
.color-19 { background: #e67e22; }
.color-20 { background: #2D547B; }
.color-21 { background: #516B81; }
.color-22 { background: #95a5a6; }
.color-23 { background: #dae0e2; }
.color-24 { background: #ffffff; }
.color-25 { background: #e5ba5a; }
.color-26 { background: #E0933D; }
.color-27 { background: #BB5611; }
.color-28 { background: #000000; }
.color-29 { background: #3A4E62; }
.color-30 { background: #7f8c8d; }
.color-31 { background: #bdc3c7; }
.color-32 { background: url( ../img/color-picker-default.png ); }
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index: 2;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
}
.colorpicker_hue div {
	cursor: ns-resize;
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	background-color: transparent !important;
	border: 1px solid transparent;
	border-color: transparent !important;
	border-radius: 0 !important;
	box-sizing: content-box !important;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 50px;
	height: 22px;
	background: url(../img/colorpicker_submit.png) top;
	left: 290px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}