/***
 *  - mooRainbow: defaultCSS
 */

#smallColorPicker { font-size: 11px; color: #000; }

#smallColorPicker .moor-box {
	width: 225px; /* 125 */
	height: 180px;  /* 110 */
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
#smallColorPicker .moor-overlayBox {
	width: 150px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 150px; /* 80 */
	margin-top: 3px; 
	margin-left: 3px;
	border: 1px solid #000;
}
#smallColorPicker .moor-slider {
	border: 1px solid #000;
	margin-top: 3px; 
	margin-left: 158px; /* 86 */
	width: 20px; /* 10 if you want a bigger or smaller slider... */
	height: 150px; /* 80 */
}
#smallColorPicker .moor-colorBox {
	/*display: none;*/
	visibility: hidden;
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 225px;
}

#smallColorPicker .moor-currentColor { /* Bottom Box Color, the backup one */
	/*display: none;*/
	/*visibility: hidden;*/
	margin-top: 3px; 
	margin-left: 183px; 
	width: 38px; 
	height: 38px;
}
#smallColorPicker .moor-okButton {
	font-family: Verdana;
	font-weight: bold;
	font-size: 8px; /* 8 */
	margin-top: 157px; /* 90 */
	margin-left: 183px; /* 3 */
	background: #e6e6e6;
	
	height: 20px; /* 15 */
	width: 38px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#smallColorPicker label {
	font-family: mono;
}
/* Following are just <label> */
#smallColorPicker .moor-rLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 100px;
	margin-left: 115px;
}
#smallColorPicker .moor-gLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 125px;
	margin-left: 115px;
}
#smallColorPicker .moor-bLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 150px;
	margin-left: 115px;
}
#smallColorPicker .moor-HueLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 0px;
}
#smallColorPicker span.moor-ballino { /* Style hue ¡ (degree) !! */
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px; /* 190 */
	margin-left: 0px;
}
#smallColorPicker .moor-SatuLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 0px;
	margin-left: 315px;
}
#smallColorPicker .moor-BrighLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 0px;
	margin-left: 0px;
}
#smallColorPicker .moor-hexLabel {
	font-size: 8px; /* 0 */
	margin-top: 160px; /* 90 */
	margin-left: 3px; /* 70 */
}

/* <input> */
#smallColorPicker .moor-rInput, #smallColorPicker .moor-gInput, #smallColorPicker .moor-bInput, #smallColorPicker .moor-HueInput, #smallColorPicker .moor-SatuInput, #smallColorPicker .moor-BrighInput { 
	/*display: none;*/
	visibility: hidden;
	width: 30px;
}
#smallColorPicker .moor-hexInput {
	font-size: 9px;
	width: 45px;
}
#smallColorPicker .moor-cursor {
	background-image: url(images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
#smallColorPicker .moor-arrows {
	display: none;
	visibility: hidden;
	/*background-image: url(images/moor_arrows.gif);*/
	top: 9px; 
	left: 160px;
	width: 41px;
	height: 9px;
}

#smallColorPicker .moor-chooseColor {
	margin-left: 183px; /* 100 */
	margin-top: 41px;
	width: 38px;
	height: 114px; /* 82 */
}