#picker-container{
    position:relative;
    margin: 10px auto 30px auto;width:820px; 
}
#picker-body{
    width:820px;
    height: 448px;
    border:1px solid #ccc;
    border-radius:10px;
    box-shadow: 0px 10px 10px 0px #eee;
}
#picker-right{
    /*background-image:url(../images/picker_shadow_right.png);*/
    background-image:none;
    width:2px;
    height: 401px;
    position:absolute;
    top:0px;
    left:820px;
}
#picker-bottom{
   /* background-image:url(../images/picker_shadow_bottom.png);*/
    width:820px;
    height:21px;
    position:absolute;
    top: 451px;
    left:0px;
}
#picker-bottom-right{
    /*background-image:url(../images/picker_shadow_bottom_right.png);*/
    background-image:none;
    width:2px;
    height:21px;
    position:absolute;
    top: 401px;
    left:820px;
}
#picker-control-rectangle{
    background-image:url(../images/picker_control_rectangle.png);
    width:258px;
    height:258px;
    position:absolute;
    top:18px;
    left:18px;
}
#picker-control-slider{
    background-image:url(../images/picker_control_slider.png);
    width:22px;
    height:258px;
    position:absolute;
    top:18px;
    left:295px;
}
#picker-control-slider-background{
    background-color:#888888;
    width:22px;
    height:258px;
    position:absolute;
    top:18px;
    left:295px;
}
#picker-control-circle{
    background-image:url(../images/picker_control_circle.png);
    width:256px;
    height:256px;
    position:absolute;
    top:8px;
    left:348px;
}
#picker-control-arrow-left{
    background-image:url(../images/picker_control_arrow_left.png);
    width:5px;
    height:9px;
    position:absolute;
    top:132px;
    left:289px;
}
#picker-control-arrow-right{
    background-image:url(../images/picker_control_arrow_right.png);
    width:5px;
    height:9px;
    position:absolute;
    top:132px;
    left:318px;
}
/*.ui-spinner {
    left:82px; Override left pos of spinner, to deal with positioning issues
}*/

/*#hsl-picker {
    height: 100px;
    width: 100px;
}*/

#rgb-picker .ui-spinner, #cmyk-picker .ui-spinner {
    left:82px;/* Override left pos of spinner, to deal with positioning issues*/
}

#hsl-picker .ui-spinner {
    left:169px;/* Override left pos of spinner, to deal with positioning issues*/
}

#picker-input{
    width:175px;
    height:284px;
    position:absolute;
    top:8px;
    left:610px;
}
#picker-input input{
    width:46px;
    height:21px;
    position:absolute;
}
#picker-input-RGB-R{
    top:0px;
    left:27px;
}
#picker-input-RGB-G{
    top:27px;
    left:27px;
}
#picker-input-RGB-B{
    top:54px;
    left:27px;
}
#picker-input-CMYK-C{
    top:90px;
    left:27px;
}
#picker-input-CMYK-M{
    top:117px;
    left:27px;
}
#picker-input-CMYK-Y{
    top:144px;
    left:27px;
}
#picker-input-CMYK-K{
    top:171px;
    left:27px;
}
#picker-input-HSL-H{
    top:0px;
    left:118px;
}
#picker-input-HSL-S{
    top:27px;
    left:118px;
}
#picker-input-HSL-L{
    top:54px;
    left:118px;
}
#picker-input-LAB-L{
    top:90px;
    left:118px;
}
#picker-input-LAB-A{
    top:117px;
    left:118px;
}
#picker-input-LAB-B{
    top:144px;
    left:118px;
}
#picker-input-HEX{
    top:210px;
    left:27px;
}

.hex-width {width:50px!important}

.picker-label{
    position:absolute;
}
#picker-label-RGB-R{
    top:6px;
    left:10px;
}
#picker-label-RGB-G{
    top:33px;
    left:10px;
}
#picker-label-RGB-B{
    top:60px;
    left:10px;
}
#picker-label-CMYK-C{
    top:95px;
    left:10px;
}
#picker-label-CMYK-M{
    top:122px;
    left:10px;
}
#picker-label-CMYK-Y{
    top:150px;
    left:10px;
}
#picker-label-CMYK-K{
    top:178px;
    left:10px;
}
#picker-label-HSL-H{
    top:6px;
    left:100px;
}
#picker-label-HSL-S{
    top:33px;
    left:100px;
}
#picker-label-HSL-L{
    top:60px;
    left:100px;
}
#picker-label-LAB-L{
    top:95px;
    left:100px;
}
#picker-label-LAB-A{
    top:122px;
    left:100px;
}
#picker-label-LAB-B{
    top:150px;
    left:100px;
}
#picker-label-HEX{
    top:215px;
    left:-18px;
}
#picker-bottom-bar{
    background:#f8f8f8;
    border-top:1px solid #ccc;
    width:819px;
    height: 145px;
    position:absolute;
    top:303px;
    left:1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#picker-result-colour{
    background:#777;
    width:200px;
    height:90px;
    position:absolute;
    top:316px;
    left:15px;
    border-radius:10px;
}
#picker-result-complement-1{
    background:#777;
    width:42px;
    height:22px;
    position:absolute;
    top:416px;
    left:150px;
    display:none;
    border-radius:4px
}
#picker-result-complement-2{
    background:#777;
    width:42px;
    height:22px;
    position:absolute;
    top:416px;
    left:200px;
    display:none;
     border-radius:4px
}
#picker-diagram-SH{
    background-image:url(../images/picker_diagram_SH.png);
    position:absolute;
    top:312px;
    left:220px;
    width:56px;
    height:26px;
}
#picker-result-text{
    position:absolute;
    top:318px;
    left: 298px;
}
#picker-complement-type-text{
    font-size:16px;
	position:absolute;
    top:270px;
    left:472px;
}
#picker-complement-text{
    position:absolute;
    top:416px;
    left:15px;
    display:none;
}
#picker-input-complementary{
    position:absolute;
    top:269px;
    left:636px;
}
#picker-input-results{
    position:absolute;
    top:318px;
    left:480px;
}
#picker-print-image{
    position:absolute;
    top: 394px;
    left: 600px;
}
#picker-input-search{
    position:absolute;
    top: 394px;
    left: 730px;
}
#picker-input-charts{
    position:absolute;
    top: 354px;
    left: 400px;
}
#picker-charts-text{
    position:absolute;
    top: 354px;
    left: 298px;
}

.colour-button, .colour-button:visited {
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 14px 9px;
    width: 100%; box-sizing: border-box;
    height: 24px;
}

.Blurb {font-size:18px;color:#707070;}
.scroll {overflow-x:auto!important} 
.FAC-note {margin-top:1em}

.violet.colour-button, .violet.colour-button:visited { background-color: #69326e; }
.violet.colour-button:hover { background-color: #69326e; }
.green.colour-button, .green.colour-button:visited { background-color: #206937; }
.green.colour-button:hover { background-color: #206937; }
.red.colour-button, .red.colour-button:visited { background-color: #ae2f3e; }
.red.colour-button:hover { background-color: #ae2f3e; }
.orange.colour-button, .orange.colour-button:visited { background-color: #d05e34; }
.orange.colour-button:hover { background-color: #d05e34; }
.blue.colour-button, .blue.colour-button:visited { background-color: #526db2; }
.blue.colour-button:hover { background-color: #526db2; }
.neutral.colour-button, .neutral.colour-button:visited { background-color: #dad6cc; }
.neutral.colour-button:hover { background-color: #dad6cc; }
.yellow.colour-button, .yellow.colour-button:visited { background-color: #f1cc2b; }
.yellow.colour-button:hover { background-color: #f1cc2b; }
.brown.colour-button, .brown.colour-button:visited { background-color: #664a2d; }
.brown.colour-button:hover { background-color: #664a2d; }
.metallic.colour-button, .metallic.colour-button:visited { background-color: #e0e0e0; }
.metallic.colour-button:hover { background-color: #e0e0e0; }