/*
	ColorPicker
*/
.ui-colorpicker-header{
	font-size:1px;
}
.ui-colorpicker-description{
	float:left;
	margin:2px;
	border:3px solid #FFFFFF;
	font-size: 11px;
}
.ui-colorpicker-sample{
	float:left;
	height:14px;
	width:14px;
	margin:2px;
	border:3px solid #FFFFFF;
	overflow:hidden;
}
.ui-colorpicker-button{
	border: medmedium none;
	float: right;
	padding: 0;
}

.ui-colorpicker-wrapper{
	background:#FFFFFF none repeat scroll 0 0;
	clear:both;
	display:none;
	height:188px;
	position:absolute;
	width:346px;
	border:1px solid #0B198C;
	color:#000000;
	z-index:999999;
}

.ui-colorpicker-title-bar{
	background:#D3D7DD none repeat scroll 0 0;
	height:22px;
}
.ui-colorpicker-hex{
	width: 72px;
	height: 20px;
	margin-top:2px;
	background: url(images/colorpicker_hex.png) top;
	float:left;
}
.ui-colorpicker-hex .ui-colorpicker-focus{
	background-position: bottom;
}
.ui-colorpicker-hex input{
	margin-left: 18px;
	right: 6px;
	width: 47px;
	height: 13px;
	margin-top:1px;
	font-size:10px;
}
.ui-colorpicker-picker{
	margin:2px 2px;
	width:30px;
	height:18px;
	float:left;
}
.ui-colorpicker-picker2{
	margin:2px 2px;
	width:30px;
	height:18px;
	float:left;
}
.ui-colorpicker-tone{
	border:3px solid transparent !Important;
	border:3px solid #D7D7D7;
	font-size:11px;
	float:left;
	width:100px;
	height:16px;
	text-align:left;
}
.ui-colorpicker-submit{
	width:120px;
	height:22px;
	margin-left:5px;
	float:left;
	overflow:hidden;
}
.ui-colorpicker-close{
	border:medium none;
	margin:2px;
	float:right;
}

.ui-colorpicker{
	width: 346px;
	height: 166px;
	overflow: hidden;
	background: url(images/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
}
.ui-colorpicker2{
	width: 346px;
	height: 166px;
	overflow: hidden;
	background: url(images/colorpicker_background2.png);
	font-family: Arial, Helvetica, sans-serif;
}
.ui-colorpicker-color{
	width: 150px;
	height: 150px;
	left: 9px;
	top: 30px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.ui-colorpicker-color div{
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(images/colorpicker_overlay.png);
}
.ui-colorpicker-color div div{
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(images/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.ui-colorpicker-hue{
	position: absolute;
	top: 30px;
	left: 166px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.ui-colorpicker-hue div{
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(images/colorpicker_indicator.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.ui-colorpicker-new-color{
	position: absolute;
	width: 60px;
	height: 30px;
	left: 208px;
	top: 30px;
	background: #f00;
}
.ui-colorpicker-current-color{
	position: absolute;
	width: 60px;
	height: 30px;
	left: 278px;
	top: 30px;
	background: #f00;
}

.ui-colorpicker-palette-recent{
	width:134px;
	height:114px;
	left:206px;
	top:68px;
	position:absolute;
}
.ui-colorpicker-palette-recent table{
	border-top:0px solid #484848;
	border-right:2px solid #484848;
	border-bottom:2px solid #484848;
	border-left:0px solid #484848;
	margin:0;
}
.ui-colorpicker-palette-recent td{
	border-top:2px solid #484848;
	border-right:0px solid #484848;
	border-bottom:0px solid #484848;
	border-left:2px solid #484848;
	line-height:22px;
	width:26px;
	height:22px;
	cursor:url(images/cp.cur), pointer;
}
.ui-colorpicker-palette-user{
	width:189px;
	height:154px;
	left:7px;
	top:27px;
	position:absolute;
}
.ui-colorpicker-palette-user table{
	border-top:0px solid #484848;
	border-right:2px solid #484848;
	border-bottom:2px solid #484848;
	border-left:0px solid #484848;
	margin:0;
}
.ui-colorpicker-palette-user td{
	border-top:2px solid #484848;
	border-right:0px solid #484848;
	border-bottom:0px solid #484848;
	border-left:2px solid #484848;
	line-height:22px;
	width:27px;
	height:22px;
	cursor:url(images/cp.cur), pointer;
}

/*.ui-colorpicker-submit {
	position: absolute;
	left: 296px;
	top: 144px;
	overflow: hidden;
}
*/






.color-body{
	clear:both;
	background:#000000 none repeat scroll 0 0;
	overflow:auto;
}

.color-palette{
	clear:both;
	width:210px;
	height:120px;
}
.color-palette table{
	font-size:1px;
	width:210px;
	height:120px;
}
.color-palette td{
	width:10px;
	height:10px;
	border:1px solid #000000;
	cursor:url(images/cp.cur), pointer;
	font-size:1px;
	line-height:1px;
}

.color-user-palette{
	clear:both;
}
.color-user-palette table{
	font-size:1px;
}
.color-user-palette td{
	width:10px;
	height:10px;
	border:1px solid #000000;
	cursor:url(images/cp.cur), pointer;
	font-size:1px;
	line-height:1px;
}

.color-ouer-picker{
	clear:both;
	height:26px;
}
.color-ouer-picker table{
	float:right;
	font-size:1px;
	height:22px;
	border:1px solid #CCCCCC;
}
.color-ouer-picker td{
	width:10px;
	height:10px;
	border:1px solid #CCCCCC;
	cursor:url(images/cp.cur), pointer;	
	font-size:1px;
	line-height:1px;
}