.aavaColorPicker {
	font-size: 12px;
	font-family: Verdana;
	color: #000;
	position: relative;
}

.aavaColorPicker div {
	border: none;
	font-family: Verdana;
}

.aavaColorPicker.colorPicker {
	font-family: Verdana;
	border: 1px solid #999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding: 2px;
	height: 14px;
	width: 37px;
	cursor: pointer;
	background-color: #eaeaea;
}

.aavaColorPicker.selectedColorShowing {
	width: 12px;
	height: 12px;
	border: 1px solid #666;
	border-radius: 2px;
	margin-left: 0px;
	float: left;
	background-color: #fff;
	background-repeat: repeat;
	background-position: 0px 0px;
}

.aavaColorPicker .notSelected {
	-moz-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: inset 1px 1px 0px rgba(0,0,0,0.2);
}

.aavaColorPicker.colorPicker img {
	float: left;
	margin-left: 4px;
	width: 18px;
	height: 18px;
	margin-top: -2px
}

.aavaColorPicker.colorChooserContainer {
	background-color: #eaeaea;
	border: 1px solid #666;
	width: 381px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	position: absolute;
	overflow:hidden;
}

.aavaColorPicker.mapContainer {
	background-color:#fff; 
	width:266px;
	height:266px; 
	float: left; 
	position:relative; 
	background-color:transparent;
	border:none;
	position: relative;
}

.aavaColorPicker.map {
	border:1px solid #666;
	cursor: crosshair;
	width:256px;
	height:256px;
	margin:4px; 
	background-color: transparent;
	float: left;
}

.aavaColorPicker.circle {
	position:absolute;
	right: 6px;
	top: 6px;
	cursor:crosshair;
	background: none;
	border: none;
}

.aavaColorPicker.hueContainer {
	background-color:#fff; float: left; position:relative; background-color:transparent;
}

.aavaColorPicker.hue {
	border:1px solid #666; cursor: crosshair; margin:4px 7px; float: left; height: 256px; 
}

.aavaColorPicker.arrows {
	position:absolute; 
	left: 0px; 
	top:0px; 
	cursor:crosshair;
	background: none;
	border: none;
}

.aavaColorPicker.previewAndValueContainer {
	float: left; width: 72px; padding: 4px;
}
.aavaColorPicker.colorPreviewContainer {
	float: left; position:relative; background-color:none; margin-bottom: 2px;
}

.aavaColorPicker.colorPreviewContainerInner {
	background-color:#fff; float: left; padding: 0px; border: 1px solid #000;
}

.aavaColorPicker.selectedColorPreview,
.aavaColorPicker.origColorPreview {
	float: left; width: 70px; height: 30px; padding: 0px; margin:0px; border: none;
}

.aavaColorPicker.origColorPreview {
	cursor:crosshair;
}

.aavaColorPicker.valueContainer {
	float: left; position:relative; background-color:transparent;
}

.aavaColorPicker.valueContainer .title {
	float:left; width: 15px; height: 17px; background-color: none; padding-top:3px;
}

.aavaColorPicker.valueContainer input {
	float:right; 
	width:46px; 
	text-align:right; 
	font-size: 12px; 
	border: 1px solid #666; 
	font-family: "Courier New";
	margin-bottom: 2px;
}

.aavaColorPicker .spacer {
	height: 8px;
	font-size: 4px;
	line-height: 4px;
	background-color: transparent;
	width: 100%;
	clear:both;
}

.aavaColorPicker.usedCustomColorsContainer {
	padding: 0 4px 4px 4px;
	float:left; 
	text-align: left;
}

.aavaColorPicker.usedCustomColorsContainer .title {
	display: block;
	margin-bottom: 4px;
}

.aavaColorPicker.usedCustomColorsContainer .usedColor {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 4px 4px 0;
	border: 1px solid #666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	
}

.aavaColorPicker.buttonsContainer {
	clear: both;
	float: right;
	text-align: right;
	width: 100%;
	margin: 0px 0px 5px 10px;
	border:none;
	border-top: 1px solid #666;
	padding-top: 5px;
}
.aavaColorPicker.buttonsContainer input {
	margin-right: 7px;
}

.aavaColorPicker.clearfix:after {
	content				:	".";
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
}
.aavaColorPicker.clearfix {display:inline-block;}
.aavaColorPicker.clearfix {display:block;}