body {
    margin: 0;
    background: #f0f0f0;
}
td {
    font-family: Verdana, Tahoma, Arial;
    font-size: 10px;
    color: #000000;
}
a, .link {
    text-decoration: none;
    color: #808080;
}
a:hover, .link:hover {
    color: #000000;
}
.red {
    position: absolute;
    width: 64px;
    height: 26px;
    padding: 19px 0;
    border-radius: 32px;
    background-color: red;
    font-size: 10px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.blue {
    position: absolute;
    width: 16px;
    height: 10px;
    padding: 3px 0;
    border-radius: 8px;
    background-color: red;
    font-size: 8px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.xsmall {
  font-size: 5px;
  color: #ff0000;
}
.small {
  font-size: 9px;
  color: #ff0000;
}
.dark {
  background-color: #c0c0c0;
}
.medium {
  background-color: #d8d8d8;
}
.light {
  background-color: #f0f0f0;
}
.main.rotate {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}