#mooRainbow {font:11px tahoma, arial, sans-serif; color:#000}

.mr_box {width:300px; height:155px; background-color:#999; position:relative; z-index:2}
.mr_overlayBox {width:128px; height:128px; margin:14px; border:1px solid #acacac; z-index:2}
.mr_slider {width:15px; height:128px; margin:14px 14px 14px 156px; border:1px solid #acacac; z-index:2}

.mr_cursor {width:9px; height:9px; background-image: url(../i/mr/moor_cursor.gif); z-index:4}
.mr_arrows {width:33px; height:9px; top:15px; left:148px; background-image:url(../i/mr/moor_arrows.gif); z-index:2}

.mr_chooseColor {width:77px; height:50px; top:0; left:0; margin:14px 14px 14px 207px; border:1px solid #acacac; z-index:2}

.mr_hexLabel {display:block; width:77px; top:80px; left:207px; margin:0; text-transform:uppercase; text-align:center; color:#484848; font-weight:bold; font-size:10px; z-index:2}
.mr_hexInput {width:77px; color:#2e2e2e; background:#999999; text-transform:uppercase; text-align:center; border-top:1px solid #636363; border-bottom:1px solid #787878; border-left:1px solid #737373; border-right:1px solid #737373; z-index:2}

.mr_okButton {width:79px; bottom:0; left:0; margin:0 0 14px 207px; text-align:center; font-size:10px; font-weight:bold; z-index:2}

.mr_close {width:14px; height:14px; position:absolute; top:0; left:100%; z-index:2; margin:-20px 0 0 -18px; cursor:pointer}

.mr_head {position:absolute; top:0; left:0; margin:-20px 0 0 8px; z-index:2; color:#959595; font-size:0.9em}

.mr_currentColor, .mr_colorBox, span.mr_ballino, .mr_rLabel, .mr_gLabel, .mr_bLabel, .mr_HueLabel, .mr_SatuLabel, .mr_BrighLabel {display:none}

#bgpicker, #colorpicker {width:300px; margin-top:38px; z-index:5}
#bgpicker.bn .mr_box, #colorpicker.bn .mr_box {background:none}
#bgpicker canvas, #colorpicker canvas {margin:-42px 0 0 -9px; z-index:1}

#bgpicker {position:absolute; top:60px; right:25px; z-index:5}