/* Evol.ColorPicker 2.1
 * Copyright (c) 2013, Olivier Giulieri */
.evo-pop
{
  z-index: 10000;
  width:   204px;
  padding: 3px 3px 0
}

.evo-pop-ie
{
  z-index: 10000;
  width:   212px;
  padding: 3px
}

.evo-palette, .evo-palette-ie
{
  border-spacing:  4px 0;
  border-collapse: expression(separate',cellSpacing='2px);
  margin:          0
}

.evo-palette td
{
  font-size:        1px;
  border:           solid 1px silver !important;
  cursor:           pointer;
  background-image: none;
  padding:          7px
}

.evo-palette tr.top td
{
  border-bottom: 0 !important
}

.evo-palette tr.in td
{
  border-top:    0 !important;
  border-bottom: 0 !important
}

.evo-palette tr.bottom td
{
  border-top: 0 !important
}

.evo-palette th, .evo-palette-ie th
{
  border:      0 !important;
  text-align:  left !important;
  font-weight: 400;
  background:  transparent !important;
  padding:     5px 3px
}

.evo-pop .ui-widget-content
{
  background: url('@{colorpick-bg-highlight-image-path}') repeat-x scroll 50% 50% #eeeeee;
  border:     1px solid #aaaaaa;
  color:      #333333 !important
}

.evo-palette div.sep
{
  height: 3px
}

.evo-palette-ie td
{
  font-size: 1px;
  border:    solid 1px silver;
  cursor:    pointer;
  padding:   7px
}

.evo-palette2, .evo-palette2-ie
{
  border-collapse: collapse;
  margin:          auto
}

.evo-palette2 td, .evo-palette2-ie td
{
  font-size: 1px;
  cursor:    pointer
}

.evo-palette2 td
{
  background-image: none;
  border:           none !important;
  padding:          6px 7px
}

.evo-palette2-ie td
{
  background-image: none;
  border:           none !important;
  padding:          5px
}

.evo-palcenter
{
  text-align: center;
  padding:    5px
}

.evo-colorind, .evo-colorind-ie, .evo-colorind-ff
{
  border:              solid 2px #1f1f1f;
  width:               18px;
  height:              18px;
  float:               right;
  background-image:    url('@{icon-tools-colorpick-image-path}');
  background-repeat:   no-repeat;
  background-position: right bottom;
  cursor:              pointer
}

.evo-colorind
{
  position: relative;
  top:      2px
}

.evo-colorind-ie
{
  position: relative
}

.evo-colorbox-ie
{
  font-size: 8px;
  padding:   3px 9px !important
}

.evo-colortxt-ie
{
  position: relative;
  top:      -6px
}

.evo-pop:after, .evo-pop-ie:after, .evo-colorind:after, .evo-colorind-ie:after, .evo-colorind-ff:after, .evo-color span:after, .evo-cHist:after
{
  content:    ".";
  display:    block;
  height:     0;
  clear:      both;
  visibility: hidden;
  font-size:  0
}

.evo-color
{
  width:   94px;
  padding: 1px 3px 0 4px
}

.evo-color div
{
  border:        solid 1px gray;
  border-right:  solid 1px silver;
  border-bottom: solid 1px silver;
  margin-bottom: 5px;
  width:         10px;
  height:        10px;
  float:         left;
  padding:       3px
}

.evo-color span
{
  font-size: 15px;
  float:     left;
  margin:    1px 0 4px 3px
}

.evo-sep
{
  height:    10px;
  font-size: 0
}

.evo-more
{
  font-size: smaller;
  padding:   4px 5px
}

.evo-cHist
{
  padding: 3px
}

.evo-cHist div
{
  cursor:  pointer;
  border:  solid 1px silver;
  width:   10px;
  height:  10px;
  float:   left;
  margin:  5px;
  padding: 3px
}

a.evo-hist
{
  margin-left: 6px
}

.evo-palette tbody, .evo-palette-ie tbody, .evo-palette2 tbody, .evo-palette2-ie tbody
{
  border: none
}

/* DARUMA-3091 */
div .evo-pop.ui-widget.ui-widget-content.ui-corner-all
{
  border-radius:    5px;
  background-color: #ffffff;
  border:           1px solid #aaaaaa;
}