#wrapper {
  width: 100%;
}

.block_container {
  float: left;
}

.grid_row {
  width: 90px;
}
.grid_item {
  float: left;
  width: 22px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: #00f;
  cursor:pointer;
}
.grid_item_selected {
  width: 18px;
  height: 12px;
  border: 2px solid #000;
  cursor: default;
}
.grid_item:hover {
  border: 2px solid #f00 !important;
  width: 18px;
  height: 12px;
}
#main_content {
  float: left;
}
#target {
}
.clear {
  clear: both;
  height: 0px;
  width: 0px;
}

.right_container {
  float: right;
}

.navbar_item, .selected_navbar_item {
  float: left;
  height: 16px;
  margin: 2px;
  padding: 3px;
  border: 0px;
  background: #eeeeee;
  border: 1px solid #dddddd;
  cursor:pointer;
}

.selected_navbar_item {
  background: #ffffff;
}

.navbar_item:hover {
  border: 1px solid #f00 !important;
  height: 16px;
}

#block_01 {
  background-color: #322c46;
}
#block_02 {
  background-color: #584f7D;
}
#block_03 {
  background-color: #8b82b0;
}
#block_04 {
  background-color: #c5d1c7;
}
#block_05 {
  background-color: #2c2250;
}
#block_06 {
  background-color: #4e3d8f;
}
#block_07 {
  background-color: #8170c2;
}
#block_08 {
  background-color: #c0b8e0;
}
#block_09 {
  background-color: #24165d;
}
#block_10 {
  background-color: #4026a6;
}
#block_11 {
  background-color: #7359d9;
}
#block_12 {
  background-color: #b9acec;
}
#block_13 {
  background-color: #1d0a69;
}
#block_14 {
  background-color: #3412ba;
}
#block_15 {
  background-color: #6745ed;
}
#block_16 {
  background-color: #b3a2f6;
}