.colorpickerinput {
	display:none
}

.colorpicker {
	width:356px;
	height:176px;
	overflow:hidden;
	position:absolute;
	background:url(../images/colorpicker/custom_background.png);
	font-family:Arial,Helvetica,sans-serif;
	display:none;
	z-index:10
}

.colorpicker_color {
	width:150px;
	height:150px;
	left:14px;
	top:13px;
	position:absolute;
	background:red;
	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/custom_indic.gif) left top;
	margin:-4px 0 0;
	left:0
}

.colorpicker_new_color {
	position:absolute;
	width:60px;
	height:30px;
	left:213px;
	top:13px;
	background:red
}

.colorpicker_current_color {
	position:absolute;
	width:60px;
	height:30px;
	left:283px;
	top:13px;
	background:red
}

.colorpicker input {
	background-color:transparent;
	border:1px solid transparent;
	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:12px
}

.colorpicker_hex {
	position:absolute;
	width:72px;
	height:22px;
	background:url(../images/colorpicker/custom_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/custom_rgb_r.png);
	top:52px;
	left:212px
}

.colorpicker_rgb_g {
	background-image:url(../images/colorpicker/custom_rgb_g.png);
	top:82px;
	left:212px
}

.colorpicker_rgb_b {
	background-image:url(../images/colorpicker/custom_rgb_b.png);
	top:112px;
	left:212px
}

.colorpicker_hsb_h {
	background-image:url(../images/colorpicker/custom_hsb_h.png);
	top:52px;
	left:282px
}

.colorpicker_hsb_s {
	background-image:url(../images/colorpicker/custom_hsb_s.png);
	top:82px;
	left:282px
}

.colorpicker_hsb_b {
	background-image:url(../images/colorpicker/custom_hsb_b.png);
	top:112px;
	left:282px
}

.colorpicker_submit {
	position:absolute;
	width:22px;
	height:22px;
	background:url(../images/colorpicker/custom_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
}

.ui-timepickr {
	position:absolute;
	width:480px
}

.ui-timepickr-row {
	margin:0;
	padding:0;
	margin-top:2px;
	display:none;
	position:relative
}

#su_admin_container .ui-timepickr-button {
	clear:none;
	padding-top:0
}

.ui-timepickr-button {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none
}

.ui-timepickr-button span {
	font-size:.7em;
	padding:4px 6px;
	margin-left:2px;
	text-align:center;
	cursor:pointer;
	display:block;
	text-align:center;
	border-width:1px;
	border-style:solid
}

.pickerdiv {
	background:transparent url(../../images/colorpicker/select.png) repeat scroll center center;
	height:28px;
	left:4px;
	top:4px;
	width:28px
}
