/**
 * Sencha GXT 3.1.1 - Sencha for GWT
 * Copyright(c) 2007-2014, Sencha, Inc.
 * licensing@sencha.com
 *
 * http://www.sencha.com/products/gxt/license/
 */
@def size value('theme.colorpalette.itemSize', 'px');
@def itemPadding value('theme.colorpalette.itemPadding.toString');

@def backgroundColor value('theme.colorpalette.backgroundColor');

@def borderWidth value('theme.colorpalette.itemBorder.toString');
@def borderStyle value('theme.colorpalette.itemBorder.style');
@def borderColor value('theme.colorpalette.itemBorder.color');

@def selectedBackgroundColor value('theme.colorpalette.selectedBackgroundColor');

@def selectedBorderWidth value('theme.colorpalette.selectedBorder.toString');
@def selectedBorderStyle value('theme.colorpalette.selectedBorder.style');
@def selectedBorderColor value('theme.colorpalette.selectedBorder.color');


.colorPalette {
  background-color: backgroundColor;
  border-collapse: collapse;
}

.anchor {
  /*same as background to keep spacing consistent*/
  border-color: backgroundColor;

  border-style: selectedBorderStyle;
  border-width: selectedBorderWidth;

  padding: itemPadding;
}

.inner {
  height:size;
  width:size;
  line-height:size;
}

.wrapper {
  border-color: borderColor;
  border-style: borderStyle;
  border-width: borderWidth;
}

.hover,.selected {
  border-color: selectedBorderColor;
  border-style: selectedBorderStyle;
  border-width: selectedBorderWidth;
  background-color: selectedBackgroundColor;
}