.containerColorPicker{
	position : absolute;
	border : 2px solid #0760A4;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	background-color : #FFFFFF;
	z-index : 9999;
}

.colorPickerMask{
	position : absolute;
	z-index : 8888;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background-color : transparent;
}
	
	
.containerColorPicker .infoContainer{
	float:left;
	height:195px;	
}

.containerColorPicker .infoContainer .colorPickerRow{
	clear:both;
	margin-top : 5px;
	height : 25px;
}

.containerColorPicker .infoContainer label{
	float:left;
	width : 30px;
}
	
.containerColorPicker .infoContainer input{
	float : left;
	width : 50px;
}

.containerColorPicker .infoContainer .colorViewer{
	float : left;
	width : 50px;
	height : 50px;
	border : 2px solid #0760A4;
	margin-left : 30px;
}

.containerColorPicker .arrow{
	position: absolute;
	height: 15px;
	width: 15px;
	background: transparent url(images/selector.png) no-repeat;
	cursor : pointer;
}

.containerColorPicker .header{
	height : 20px;	
	background-color : #0760A4;
	color : #FFFFFF;
}

.containerColorPicker .header .close{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 12px;
	width: 12px;
	background: transparent url(images/croix_s.png) no-repeat;
	cursor : pointer;
}

.containerColorPicker .footer{
	height : 30px;	
	background-color : #FFFFFF;
	padding-bottom : 3px;
	clear:both;
}

.containerColorPicker .footer .submit{
	position :absolute;
	color : #000000;
	border : 1px solid #000000;
	padding-right : 1px;
	padding-left : 1px;
	cursor : pointer;
	background-color : #eeeeee;
	text-decoration : none;
	bottom : 2px;
	right : 5px;
}

.containerColorPicker .footer .submit:hover{
	background-color : #0760a4;
	color : #ffffff;
	border-color : #ffffff;
}

.colorPicker {
  position: relative;
  float:left;
 
}
.colorPicker * {
  position: absolute;
  cursor: crosshair;
}



.colorPicker, .colorPicker .wheel {
  width: 195px;
  height: 195px;
}
.colorPicker .color, .colorPicker .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.colorPicker .wheel {
  background: url(images/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.colorPicker .overlay {
  background: url(images/mask.png) no-repeat;
}
.colorPicker .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(images/marker.png) no-repeat;
}