

#colorSelector {

	position: relative;

	float:right;

	width: 35px;

	height: 35px;

	background: url(../images/colorpicker/color_select.png) !important;

	margin-right:5px;

	cursor:pointer;

	z-index:100;

}

#colorSelector div {

	position: absolute;

	top: 2px;

	left: 2px;

	width: 31px;

	height: 31px;

	background: url(../images/colorpicker/select.png) center;

}

.colorSelect {

	float:left;

	width: 40px;

	height: 33px;

	background: #000 url(../images/colorpicker/color_select_white.png) 0px 1px;

	border-left:1px solid #dddddd;

	border-top:1px solid #dddddd;

	border-bottom:1px solid #dddddd;

	cursor:pointer;

}



.colorSelect_focus {

	border-left:1px solid #cccccc;

	border-top:1px solid #cccccc;

	border-bottom:1px solid #cccccc;

}

#colorSelector2 {

	position: absolute;

	top: 0;

	left: 0;

	width: 36px;

	height: 36px;

	background: url(../images/colorpicker/select2.png);

}

#colorSelector2 div {

	position: absolute;

	top: 4px;

	left: 4px;

	width: 28px;

	height: 28px;

	background: url(../images/colorpicker/select2.png) center;

}

#colorpickerHolder2 {

	top: 32px;

	left: 0;

	width: 356px;

	height: 0;

	overflow: hidden;

	position: absolute;

}

#colorpickerHolder2 .colorpicker {

	background-image: url(../images/colorpicker/custom_background.png);

	position: absolute;

	bottom: 0;

	left: 0;

}

#colorpickerHolder2 .colorpicker_hue div {

	background-image: url(../images/colorpicker/custom_indic.gif);

}

#colorpickerHolder2 .colorpicker_hex {

	background-image: url(../images/colorpicker/custom_hex.png);

}

#colorpickerHolder2 .colorpicker_rgb_r {

	background-image: url(../images/colorpicker/custom_rgb_r.png);

}

#colorpickerHolder2 .colorpicker_rgb_g {

	background-image: url(../images/colorpicker/custom_rgb_g.png);

}

#colorpickerHolder2 .colorpicker_rgb_b {

	background-image: url(../images/colorpicker/custom_rgb_b.png);

}

#colorpickerHolder2 .colorpicker_hsb_s {

	background-image: url(../images/colorpicker/custom_hsb_s.png);

	display: none;

}

#colorpickerHolder2 .colorpicker_hsb_h {

	background-image: url(../images/colorpicker/custom_hsb_h.png);

	display: none;

}

#colorpickerHolder2 .colorpicker_hsb_b {

	background-image: url(../images/colorpicker/custom_hsb_b.png);

	display: none;

}

#colorpickerHolder2 .colorpicker_submit {

	background-image: url(../images/colorpicker/custom_submit.png);

}

#colorpickerHolder2 .colorpicker input {

	color: #778398;

}

#customWidget {

	position: relative;

	height: 36px;

}





.colorpicker {

	width: 356px;

	height: 176px;

	overflow: hidden;

	position: absolute;

	background: url(../images/colorpicker/colorpicker_background.png) no-repeat;

	font-family: Arial, Helvetica, sans-serif;

	display: none;

	z-index:3;

}

.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.png) left top;

	margin: -4px 0 0 0;

	left: 0px;

}

.colorNew, .colorOrig{

	width:60px;

	line-height:30px;

	text-align:center;

	position:absolute;

	color:#fff;

	font-family:Arial;

	font-style:italic;

	font-size:10px;

}

/*.colorNew{

	left: 213px;

	top: 13px;

}

.colorOrig{

	left: 283px;

	top: 13px;

}*/

.colorpicker_new_color {

	position: absolute;

	width: 60px;

	height: 30px;

	left: 213px;

	top: 13px;

	background: #f00;

	cursor:pointer;

}

.colorpicker_current_color {

	position: absolute;

	width: 60px;

	height: 30px;

	left: 283px;

	top: 13px;

	background: #f00;

	cursor:pointer;

}

.colorpicker input {

	background-color: transparent !important;

	border: 1px solid transparent !important;

	position: absolute;

	font-size: 10px;

	font-family: Arial, Helvetica, sans-serif;

	color: #666;

	top: 4px;

	right: 11px;

	text-align: right;

	margin: 0;

	padding: 0;

	height: 15px;

}

.colorpicker_hex {

	position: absolute;

	width: 62px;

	height: 22px;

	background: url(../images/colorpicker/colorpicker_hex.png) top;

	left: 212px;

	top: 142px;

}

.colorpicker_hex input {

	right: 3px;

	height: 15px;

}

.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: 26px;

	height: 22px;

	background-image: url(../images/colorpicker/colorpicker_submit.png);

	background-position:0 0;

	left: 318px;

	top: 142px;

	overflow: hidden;

	cursor:pointer;

}

.colorpicker_close {

	position: absolute;

	width: 36px;

	height: 22px;

	background-image: url(../images/colorpicker/colorpicker_close.png);

	background-repeat:no-repeat;

	background-position:0 0;

	left: 282px;

	top: 142px;

	overflow: hidden;

	cursor:pointer;

	z-index:5;

}

.colorpicker_close:hover {

	background-position:0 -22px;

}

.colorpicker_submit:hover {

	background-postition:-22px 0;

}

.colorpicker_focus {

	background-position: center;

}

.colorpicker_hex.colorpicker_focus {

	background-position: bottom;

	

}

.colorpicker_submit.colorpicker_focus {

	background-position: bottom;

}

.colorpicker_slider {

	background-position: bottom;

}

