#colorpicker {
  position:absolute;
  background-color: #f4f4f4;
  left: 0;
  top: 220px;
  /*float:left;
  margin-top:200px;*/
  width: 40px;
  padding: 15px;
  color: #FFFFFF;
  border: solid 2px #d6d6d6;
  text-align:center;
  font-family:'BebasRegular';
  
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  
  -moz-box-shadow: inset 0 0 2px #888;
  -webkit-box-shadow: inset 0 0 2px #888;
  box-shadow: inner 0 0 2px #888;
}

#colorpicker p
{
    margin:0;
    padding:0 0 10px 0;
    color:#000000;
    font-weight:bold;
}

#colorpicker a
{
    display:block;
    font-size: 6px;
    width:40px;
    height:40px;
    text-align:center;
    border: solid 2px #f4f4f4;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#colorpicker a.selected, #colorpicker a:hover
{
    border: inset 2px #ffffff;
}

#colorpicker a.red
{
    color:#f02929;
    background-color:#f02929;
}

#colorpicker a.blue
{
    color:#2f62f2;
    background-color:#2f62f2;
    margin-bottom:10px;
}

#colorpicker a.green
{
    
    color:#8cb53c;
    background-color:#8cb53c;
    margin-bottom:10px;
}

.container { overflow:hidden; }
