/*
 * Very simple jQuery Color Picker
 * https://github.com/tkrotoff/jquery-simplecolorpicker
 *
 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
 *
 * Licensed under the MIT license
 *
 *  >>>>>>>> PSI MODIFIED <<<<<<<
 */

/**
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twitter/bootstrap/blob/master/less/dropdowns.less
 * See http://twitter.github.com/bootstrap/assets/css/bootstrap.css
 */

.simplecolorpicker.picker:before
{
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.simplecolorpicker.picker:after
{
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.simplecolorpicker.picker
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9051; /* Above Bootstrap modal (z-index of 1050) */
    display: none;
    float: left;
    min-width: 160px;
    max-width: 264px;
    padding: 4px 0 0 4px;
    margin: 1px 0 0;
    list-style: none;
    background-color: #ffffff; /* border: 1px solid #ccc; */
    border: 1px solid rgba(204,204, 204, 0.2);
    border-right-width: 2px;
    border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box; /* -moz-background-clip: padding; */
    background-clip: padding-box;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.inline
{
    display: inline-block;
    height: 18px;
    padding: 4px 0;
}

.simplecolorpicker.icon, .simplecolorpicker span
{
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker span
{
    margin: 0 4px 4px 0;
}

#ColorSchemePicker + div.simplecolorpicker
{
    margin: 1px 0 0 0;
    padding: 0;
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    background-position: 0 0; /* background-repeat: no-repeat;*/ /*    background-size: 16px 16px; */ /* background-color:inherit;     */
    vertical-align: top;
    behavior: url(PIE-1.0.0.htc);
}

#ColorSchemePicker + div.simplecolorpicker > img
{
    position: absolute;
    left: 4px;
    top: 4.4px;
}

.simplecolorpicker span:hover, .simplecolorpicker span.selected
{
    border: 1px solid black;
}

/*
**  All Edition Colors must be defined in this file
*/

.simplecolorpicker.BlackGold, .simplecolorpicker span.BlackGold
{
    background-color: #00274c;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)), -webkit-linear-gradient(0deg, transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)), -moz-linear-gradient(0deg, transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)); /* @alternate */
    background-image: linear-gradient(transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)), linear-gradient(90deg, transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5));
    -pie-background: linear-gradient(transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 25%, rgba(0,39,76, .5) 25%, rgba(0,39,76, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.Blue, .simplecolorpicker span.Blue
{
    background-color: #a4bdfc;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)), linear-gradient(90deg, transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(164,189,252, .5) 50%, rgba(164,189,252, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.BlueOrange, .simplecolorpicker span.BlueOrange
{
    background-color: #F45A1D;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)), -webkit-linear-gradient(0deg, transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)), -moz-linear-gradient(0deg, transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)); /* @alternate */
    background-image: linear-gradient(transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)), linear-gradient(90deg, transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5));
    -pie-background: linear-gradient(transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 25%, rgba(244,90,29, .5) 25%, rgba(244,90,29, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.BoldBlue, .simplecolorpicker span.BoldBlue
{
    background-color: #335393;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)), -webkit-linear-gradient(0deg, transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)), -moz-linear-gradient(0deg, transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)); /* @alternate */
    background-image: linear-gradient(transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)), linear-gradient(90deg, transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5));
    -pie-background: linear-gradient(transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 75%, rgba(51,83,147, .5) 75%, rgba(51,83,147, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.BoldRed, .simplecolorpicker span.BoldRed
{
    background-color: #dc2127;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)), linear-gradient(90deg, transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(220,33,39, .5) 50%, rgba(220,33,39, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.BrightBlue, .simplecolorpicker span.BrightBlue
{
    background-color: #0079c1;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)), linear-gradient(90deg, transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(0,121,193, .5) 50%, rgba(0,121,193, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.BoldGreen, .simplecolorpicker span.BoldGreen
{
    background-color: #51b749;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)), linear-gradient(90deg, transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(81,183,73, .5) 50%, rgba(81,183,73, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Gray, .simplecolorpicker span.Gray
{
    background-color: #e1e1e1;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)), linear-gradient(90deg, transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(225,225,225, .5) 50%, rgba(225,225,225, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Green, .simplecolorpicker span.Green
{
    background-color: #7bd148;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)), linear-gradient(90deg, transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(123,209,72, .5) 50%, rgba(123,209,72, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.GreenGold, .simplecolorpicker span.GreenGold
{
    background-color: #1E6B52;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)), linear-gradient(90deg, transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(30,107,82, .5) 50%, rgba(30,107,82, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.LightGreen, .simplecolorpicker span.LightGreen
{
    background-color: #7ae7bf;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)), linear-gradient(90deg, transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(122,231,191, .5) 50%, rgba(122,231,191, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.NavyGold, .simplecolorpicker span.NavyGold
{
    background-color: #003d7a;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)), linear-gradient(90deg, transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(0,61,122, .5) 50%, rgba(0,61,122, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Orange, .simplecolorpicker span.Orange
{
    background-color: #ffb878;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)), linear-gradient(90deg, transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(255,184,120, .5) 50%, rgba(255,184,120, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.OrangeBlue, .simplecolorpicker span.OrangeBlue
{
    background-color: #003C7D;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)), -webkit-linear-gradient(0deg, transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)), -moz-linear-gradient(0deg, transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)); /* @alternate */
    background-image: linear-gradient(transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)), linear-gradient(90deg, transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5));
    -pie-background: linear-gradient(transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 75%, rgba(0,60,125, .5) 75%, rgba(0,60,125, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.OrangeNavy, .simplecolorpicker span.OrangeNavy
{
    background-color: #F74902;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)), linear-gradient(90deg, transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(247,73,2, .5) 50%, rgba(247,73,2, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.Pink, .simplecolorpicker span.Pink
{
    background-color: #dbadff;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)), linear-gradient(90deg, transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(219,173,255, .5) 50%, rgba(219,173,255, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.Purple, .simplecolorpicker span.Purple
{
    background-color: #807F83;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)), linear-gradient(90deg, transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(128,127,131, .5) 50%, rgba(128,127,131, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Red, .simplecolorpicker span.Red
{
    background-color: #ff887c;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)), linear-gradient(90deg, transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(255,136,124, .5) 50%, rgba(255,136,124, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.RedGold, .simplecolorpicker span.RedGold
{
    background-color: #BD3333;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)), -webkit-linear-gradient(0deg, transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)), -moz-linear-gradient(0deg, transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)); /* @alternate */
    background-image: linear-gradient(transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)), linear-gradient(90deg, transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5));
    -pie-background: linear-gradient(transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 75%, rgba(189,51,51, .5) 75%, rgba(189,51,51, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.RedGray, .simplecolorpicker span.RedGray
{
    background-color: #d21034;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)), -webkit-linear-gradient(0deg, transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)), -moz-linear-gradient(0deg, transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)); /* @alternate */
    background-image: linear-gradient(transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)), linear-gradient(90deg, transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5));
    -pie-background: linear-gradient(transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 25%, rgba(210,16,52, .5) 25%, rgba(210,16,52, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.RustBlue, .simplecolorpicker span.RustBlue
{
    background-color: #CC5500;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)), linear-gradient(90deg, transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(204,85,0, .5) 50%, rgba(204,85,0, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}
.simplecolorpicker.Teal, .simplecolorpicker Teal
{
    background-color: #00565C;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)), linear-gradient(90deg, transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(0,86,92, .5) 50%, rgba(0,86,92, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Turquoise, .simplecolorpicker span.Turquoise
{
    background-color: #46d6db;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)), linear-gradient(90deg, transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(70,214,219, .5) 50%, rgba(70,214,219, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}

.simplecolorpicker.Yellow, .simplecolorpicker span.Yellow
{
    background-color: #fbd75b;
    background-size: 6px 6px; /* @alternate */
    background-image: -webkit-linear-gradient(transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)), -webkit-linear-gradient(0deg, transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)); /* @alternate */
    background-image: -moz-linear-gradient(transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)), -moz-linear-gradient(0deg, transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)); /* @alternate */
    background-image: linear-gradient(transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)), linear-gradient(90deg, transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5));
    -pie-background: linear-gradient(transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)) 0 0 / 50px 50px, linear-gradient(90deg, transparent 50%, rgba(251,215,91, .5) 50%, rgba(251,215,91, .5)) 0 0 / 6px 6px white;
    behavior: url(PIE-1.0.0.htc);
}