#tabl td{
height: 30px;
}

#tabl2 td{
height: 30px;
}




.button {
padding: 4px 9px;
display: inline;
background: #777 repeat-x bottom;
border: none;
color: #fff;
cursor: pointer;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;

}
.button:hover {
background-position: 0 -48px;
}
.button:active {
background-position: 0 top;
position: relative;
top: 1px;
padding: 4px 9px 4px;
}

.button.red { background-color: #58aa00;color:#ffffff;text-decoration:none;}
.button.red:hover  {background-color:#e50000 ; cursor:pointer; color:#ffffff}





.button.purple { background-color: #9400bf; }
.button.green { background-color: #58aa00; }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0;margin:2px 10px 10px 0px}

.button.blue { background-color: #2c6da0; }

.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:hover { background-position: 0 -50px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:hover { background-position: 0 -35px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }


.button.css { background-color: #58aa00;color:#ffffff;text-decoration:none;}
.button.css:hover  {background-color:#e50000 ; cursor:pointer; color:#ffffff}

.button.css2 { background-color: #2c6da0;color:#ffffff;text-decoration:none;margin:1px}
.button.css2:hover  {background-color:#e50000; cursor:pointer; color:#ffffff}

.button.css3 { background-color: #ff9c00;color:#ffffff;text-decoration:none; margin:1px}
.button.css3:hover  {background-color:#9400bf; cursor:pointer; color:#ffffff}

.button.css4 { background-color: #000;color:#ffffff;text-decoration:none; margin:1px}
.button.css4:hover  {background-color:#2c6da0; cursor:pointer; color:#ffffff}