/* for createButton function */ 
a.buttona,
a.buttona:link,
a.buttona:active,
a.buttona:visited,
a.buttona:hover{text-decoration:none;} 
INPUT#submitbutton{ /* same as dark green gradient */
text-align:center;
color:#000000;
cursor:pointer;
border:2px solid #8DC18D;
border-radius:7px;
-moz-border-radius:7px; 
overflow:hidden;
padding:4px;
font-size:large;
background-image: -ms-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -moz-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -o-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #8DC18D));
background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: linear-gradient(to bottom, #F7F7F7 0%, #8DC18D 100%);
} 
#takePayment INPUT#submitbutton{ /* orange button*/
text-align:center;
color:#000000;
cursor:pointer;
border:2px solid #D28428;
border-radius:7px;
-moz-border-radius:7px; 
overflow:hidden;
padding:4px;
font-size: font-size:18px;
background-image: -ms-linear-gradient(top, #E47B00 0%, #F09F1A 100%);
background-image: -moz-linear-gradient(top, #E47B000%, #F09F1A 100%);
background-image: -o-linear-gradient(top, #E47B00 0%, #F09F1A 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E47B00), color-stop(1, #F09F1A));
background-image: -webkit-linear-gradient(top, #E47B00 0%, #F09F1A 100%);
background-image: linear-gradient(to bottom, #E47B00 0%, #F09F1A 100%);
}
div#newbutton,
.newbutton{
text-align:center;
font-weight:bold;
background-color:#0D2665; /* dark blue  */  
cursor:pointer;
border:1px solid #000066;
border-radius:7px;
-moz-border-radius:7px;
color:#FFFFFF;
overflow:hidden;
}
div#newbutton a{
text-decoration:none;
color:#FFFFFF;
}
div.buttonGreenGradient{
text-align:center;
color:#404040;
cursor:pointer;
border:2px solid #CBE5CB;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CBE5CB)); 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CBE5CB 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #CBE5CB 100%);
}
.buttonGreenGradient a,  .buttonGreenGradient span{
text-decoration:none;
color:#404040;
}
.buttonGreenGradient a:hover, .buttonGreenGradient span:hover{
text-decoration:none;
color:#000000;
}
div.buttonGoldGradient{
text-align:center;
color:#202020 !important;
cursor:pointer;
border:2px solid #FFC000;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #F7F7F7 0%, #EFCF02 100%);
background-image: -moz-linear-gradient(top, #F7F7F7 0%, #EFCF02 100%);
background-image: -o-linear-gradient(top, #F7F7F7 0%, #EFCF02 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #EFCF02));
background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #EFCF02 100%);
background-image: linear-gradient(to bottom, #F7F7F7 0%, #EFCF02 100%);
}
.buttonGoldGradient a, 
.buttonGoldGradient span{
text-decoration:none;
color:#202020 !important;
}
.buttonGoldGradient a:hover,
.buttonGoldGradient span:hover{
text-decoration:none;
color:#000000 !important;
}
.buttonGoldSolid{
cursor:pointer;
text-align:center;
background-color:#FFC000;
color:#543D00;/*puke gold*/
border:1px solid #8C6600;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
}
.buttonGoldSolid a, 
.buttonGoldSolid span{
text-decoration:none;
color:#543D00 !important;/*puke gold*/
}
.buttonGoldSolid a:hover,
.buttonGoldSolid span:hover{
text-decoration:none;
color:#000000 !important;
}

div.buttonRedGradient{
text-align:center;
color:#FFFFFF;
cursor:pointer;
border:1px solid #FF0000;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #FFD1D1 0%, #FF0000 100%);
background-image: -moz-linear-gradient(top, #FFD1D1 0%, #FF0000 100%);
background-image: -o-linear-gradient(top, #FFD1D1 0%, #FF0000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD1D1), color-stop(1, #FF0000));
background-image: -webkit-linear-gradient(top, #FFD1D1 0%, #FF0000 100%);
background-image: linear-gradient(to bottom, #FFD1D1 0%, #FF0000 100%);
}
.buttonRedGradient a, .buttonRedGradient span{
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}
.buttonRedGradient a:hover,
.buttonRedGradient span:hover{
text-decoration:none;
color:#F7F7F7;
font-weight:bold;
}
div.buttonGrayGradient{ /* light gray */
text-align:center;
color:#202020;
cursor:pointer;
border:2px solid #606060;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #c9c9c9 0%, #c0c0c0 100%);
background-image: -moz-linear-gradient(top, #c9c9c9 0%, #c0c0c0 100%);
background-image: -o-linear-gradient(top, #c9c9c9 0%, #c0c0c0 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c9c9c9), color-stop(1, #c0c0c0));
background-image: -webkit-linear-gradient(top, #c9c9c9 0%, #c0c0c0 100%);
background-image: linear-gradient(to bottom, #c9c9c9 0%, #c0c0c0 100%);
}
.buttonGrayGradient a, .buttonGrayGradient span{
text-decoration:none;
color:#202020;
}
.buttonGrayGradient a:hover, .buttonGrayGradient span:hover{
text-decoration:none;
color:#101010;
}
div.buttonBlueGradient,
div.buttonBlueGradientAllCourts{
text-align:center;
color:#000000;
cursor:pointer;
border:2px solid #379BB2;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #379BB2 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #379BB2 100%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #379BB2 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #379BB2));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #379BB2 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #379BB2 100%);
}
.buttonBlueGradient a, 
.buttonBlueGradient span,
.buttonBlueGradientAllCourts a,
.buttonBlueGradientAllCourts span{
text-decoration:none;
color:#000000;
}
.buttonBlueGradient a:hover,
.buttonBlueGradient span:hover,
.buttonBlueGradientAllCourts a:hover,
.buttonBlueGradientAllCourts span:hover{
text-decoration:none;
color:#404040;
}
div.buttonGreenDarkGradient,
div.buttonAllCourtsGreen{
text-align:center;
color:#0047BA;
cursor:pointer;  
border:2px solid #8DC18D;
border-radius:7px;
-moz-border-radius:7px;  
overflow:hidden; 
background-image: -ms-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -moz-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -o-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7F7), color-stop(1, #8DC18D));
background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #8DC18D 100%);
background-image: linear-gradient(to bottom, #F7F7F7 0%, #8DC18D 100%);
}
.buttonGreenGradient a,
.buttonGreenGradient span,
.buttonGreenGradienAllCourts a,
.buttonGreenGradientAllCourts span{
text-decoration:none;
color:#0047BA;
}
.buttonGreenGradient a:hover, 
.buttonGreenGradient span:hover,
.buttonGreenGradientAllCourts a:hover, 
.buttonGreenGradientAllCourts span:hover{
text-decoration:none;
color:#404040;
}