﻿.jPicker .Icon { display: inline-block; height: 17px; position: relative; text-align: left; width: 18px;margin-left:-20px; }
.jPicker .Icon span.Color, .jPicker .Icon span.Alpha { background-position: 2px 2px; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.jPicker .Icon span.Image { background-repeat: no-repeat; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.jPicker.Container { color: #000; z-index: 10; }
table.jPicker { background-color: #efefef; border: 1px outset #666; font-family: Arial,Helvetica,Sans-Serif; font-size: 12px !important; margin: 0; padding: 0 0 5px 0; width: 545px; z-index: 20; }
.jPicker .Move { background-color: #909090; cursor: move; height: 25px; padding: 0 10px; border-bottom: solid 1px #333;font-weight:bold; }
.jPicker .Title { font-size: 11px !important; font-weight: bold; margin: -2px 0 0 0; padding: 10px 0 0 0; text-align: center; width: 100%; }
.jPicker div.Map { border-bottom: 2px solid #fff; border-left: 2px solid #9a9a9a; border-right: 2px solid #fff; border-top: 2px solid #9a9a9a; cursor: crosshair; height: 260px; margin: 0 10px 10px 10px; overflow: hidden; padding: 0; position: relative; width: 260px; }
.jPicker div[class="Map"] { height: 256px; width: 256px; }
.jPicker div.Bar { border-bottom: 2px solid #fff; border-left: 2px solid #9a9a9a; border-right: 2px solid #fff; border-top: 2px solid #9a9a9a; cursor: n-resize; height: 260px; margin: 12px 10px 0 5px; overflow: hidden; padding: 0; position: relative; width: 24px; }
.jPicker div[class="Bar"] { height: 256px; width: 20px; }
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3, .jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4, .jPicker .Bar .Map5, .jPicker .Bar .Map6 { background-color: transparent; background-image: none; display: block; left: 0; position: absolute; top: 0; }
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Map .Map3 { height: 2596px; width: 256px; }
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 { height: 3896px; width: 20px; }
.jPicker .Bar .Map5, .jPicker .Bar .Map6 { height: 256px; width: 20px; }
.jPicker .Map .Map1, .jPicker .Map .Map2, .jPicker .Bar .Map6 { background-repeat: no-repeat; }
.jPicker .Map .Map3, .jPicker .Bar .Map5 { background-repeat: repeat; }
.jPicker .Bar .Map1, .jPicker .Bar .Map2, .jPicker .Bar .Map3, .jPicker .Bar .Map4 { background-repeat: repeat-x; }
.jPicker .Map .Arrow { display: block; position: absolute; }
.jPicker .Bar .Arrow { display: block; left: 0; position: absolute; }
.jPicker .Preview { font-size: 9px; padding: 5px 0 0 0; text-align: center; }
.jPicker .Preview div { border: 2px inset #eee; height: 62px; margin: 0 auto; padding: 0; width: 62px; }
.jPicker .Preview div span { border: 1px solid #000; display: block; height: 30px; margin: 0 auto; padding: 0; width: 60px; }
.jPicker .Preview .Active { border-bottom-width: 0; }
.jPicker .Preview .Current { border-top-width: 0; cursor: pointer; }
.jPicker input { font-size: 13px; }
.jPicker .Button { text-align: center; padding: 0 4px; width: 115px; }
.jPicker .Button input { padding: 2px 0; width: 100px; }
.jPicker .Button .Ok { margin: 12px 0 5px 0; }
.jPicker td { margin: 0; padding: 0; }
.jPicker td.Radio { margin: 0; padding: 0; width: 31px; }
.jPicker td.Radio input { margin: 0 5px 0 0; padding: 0; }
.jPicker td.Text { font-size: 12px !important; height: 22px; margin: 0; padding: 0; text-align: left; width: 70px; }
.jPicker tr.Hex td.Text { width: 100px; }
.jPicker td.Text input { background-color: #fff; border: 1px inset #aaa; height: 19px; margin: 0 0 0 5px; text-align: left; width: 30px; }
.jPicker td[class="Text"] input { height: 15px; }
.jPicker tr.Hex td.Text input.Hex { width: 50px; }
.jPicker tr.Hex td.Text input.AHex { width: 20px; }
.jPicker .Grid { text-align: center; width: 114px; }
.jPicker .Grid span.QuickColor { border: 1px inset #aaa; cursor: pointer; display: inline-block; height: 15px; line-height: 15px; margin: 0; padding: 0; width: 19px; }
.jPicker .Grid span[class="QuickColor"] { width: 17px; }
