@charset "UTF-8";
/* CSS Document */

.buttontable{
	width:200px;
	border:0px;
}

table.buttontable td{
width:75px;
height:75px;
text-align:center;
font-size:14px;
font-weight:550;
border-width:thick;
border-style:solid;
border-radius: 10px; /*really large border radius to create round borders*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-clip: padding-box; 
-webkit-background-clip: padding-box; 
-moz-background-clip: padding-box; 
}

.selected {
color:white;
border-width:thick;
border-style:solid;
border-color:#gray;
background-color:#FF0D00;
}

table.buttontable td:hover{
border-color:gray;
}

table.buttontable td:active{
color:white;
}




.button1{
background-color:#4284d3;
color:white;
}


.button2{
background-color:#88b32d;
color:white;
}


.button3{
background-color:#88b32d;
color:white;
}


.button4{
background-color:#4284d3;
color:white;
}


.button5{
background-color:#4284d3;
color:white;
}

.button6{
background-color:#88b32d;
color:white;
}


.button7{
background-color:#88b32d;
color:white;
}


.button8{
background-color:#4284d3;
color:white;
}


.button9{
background-color:#4284d3;
color:white;
}

.button10{
background-color:#88b32d;
color:white;
}


.button11{
background-color:#88b32d;
color:white;
}

.button12{
background-color:#4284d3;
color:white;
}


