/* INFO: Additional CSS Segments */

.themeColorControlPanel{position: fixed; padding:4px 10px 10px; background-color: #3d3d3d; border-radius: 8px; color: #fff; z-index: 100;}
.bottomRight{right: 10px; bottom:10px;}

	.themeColorControlPanel .closeBtnWrapper{text-align: right; height: 20px;}
		.themeColorControlPanel 	  .closeBtnWrapper .closeBtn{display: none; width:16px; height: 16px; background: url('images/ui-icons_ef8c08_256x240.png') no-repeat -96px -128px;}
		.themeColorControlPanel 	  .closeBtnWrapper .closeBtn:active{background-image: url('images/ui-icons_ffd27a_256x240.png')}
		.themeColorControlPanel:hover .closeBtnWrapper .closeBtn{display: inline-block;}

	.themeColorControlPanel .colorPickerWrapper{}
	.themeColorControlPanel .colorSetControlWrapper{}
	.themeColorControlPanel .colorSetControlWrapper span{cursor: default;}
		.themeColorControlPanel .colorSetControlWrapper .colorSetAdvisorWrapper{display:inline-block; margin: 10px 0 0; padding-bottom: 10px;}

	.themeColorControlPanel .colorConfigurableContentWrapper{margin-top: 10px; overflow-x: hidden; overflow-y: auto; max-height:160px;}
		.themeColorControlPanel .colorConfigurableContentWrapper .colorConfListItem{height: 40px; line-height: 40px; padding: 0 10px; cursor: pointer;}
		.themeColorControlPanel .colorConfigurableContentWrapper .colorConfListItem:hover{background-color: #333;}
			.themeColorControlPanel .colorConfigurableContentWrapper .colorConfListItem .colorDescription{display: inline-block;}
			.themeColorControlPanel .colorConfigurableContentWrapper .colorConfListItem .colorDisplay{margin: 5px 0; width: 65px; float: right; overflow: hidden; cursor: inherit; color: #000;}
			.themeColorControlPanel .colorConfigurableContentWrapper .colorConfListItem .colorDisplay:focus {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

	.themeColorControlPanel .colorSetSubmitWrapper{margin: 10px 10px 0; padding-top: 10px; text-align: right; border-top: 1px solid #ddd;}
	.themeColorControlPanel .colorSetSubmitWrapper .btn {margin: 0;}


/* INFO: Original Color Picker CSS */
.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(images/colorpicker/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
}
.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(images/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(images/colorpicker/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(images/colorpicker/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;
	border: 1px solid transparent;
	position: absolute;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top:4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	line-height: 14px;
	height: 14px;
	width: auto;
	cursor: default;
}

.colorpicker input:focus {
	border: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(images/colorpicker/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(images/colorpicker/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(images/colorpicker/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(images/colorpicker/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(images/colorpicker/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(images/colorpicker/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(images/colorpicker/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(images/colorpicker/colorpicker_submit.png) top;
	left: 322px;
	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;
}