.gbutton, .gbutton a, .gbutton:hover, .gbutton a:hover { color: White; cursor: pointer; }

.gbutton 
{
    text-align: center;
    border-radius: 5px;.gbutton
    -moz-border-radius: 5px;   
    padding: 5px 12px;
    box-shadow: 1px 1px 2px #000;
    -webkit-box-shadow: 1px 1px 2px #000;
    border: 1px solid #000;
    border-top: 1px solid #505050; 
    border-left: 1px solid #505050; 
}
.gbutton:hover  
{    
    box-shadow: -1px -1px 2px #000; 
    -webkit-box-shadow: -1px -1px 2px #000;
    border: 1px solid #000;
    border-bottom: 1px solid #505050; 
    border-right: 1px solid #505050; 
	text-decoration:none;
}
.greyed-out
{
    opacity: 0.5;
    cursor: default !important;
}
.gbutton.no-shadow, .gbutton.no-shadow:hover { box-shadow: none; -webkit-box-shadow: none; border: 1px solid #505050; }

.gbutton a 
{
    display: inline-block;
    font-size: 12px;
    line-height: 24px; /* fontsize + padding + border */
}

.gbutton .icon 
{
    padding: 0;
    margin: 0;
    display: inline;
    position: relative;
    top: 4px;
}

.gbutton, .gbutton.blue 
{        
    background: #087eaf;
    color: white !important;      
}
.msie9 .gbutton, .msie9 .gbutton.blue { background-image: url(/images/ie9gradient.php?start=1b8ecd&stop=236c8f); }

.gbutton:hover, .gbutton.blue:hover
{      
    background: #087eaf;
}
.msie9 .gbutton:hover, .msie9 .gbutton.blue:hover {  background-image: url(/images/ie9gradient.php?start=236c8f&stop=1b8ecd);}

.gbutton.red
{   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C10000', endColorstr='#A10000', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C10000), color-stop(80%, #A10000));
    background: -moz-linear-gradient(top, #C10000 0%, #A10000 80%);
    background: -ms-linear-gradient(top, #C10000, #A10000);
}
.msie9 .gbutton.red { background-image: url(/images/ie9gradient.php?start=C10000&stop=A10000); }
.gbutton.red:hover
{       
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A10000', endColorstr='#C10000', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A10000), color-stop(80%, #C10000));
    background: -moz-linear-gradient(top, #A10000 0%, #C10000 80%);
    background: -ms-linear-gradient(top, #A10000, #C10000);
}
.msie9 .gbutton.red:hover { background-image: url(/images/ie9gradient.php?start=A10000&stop=C10000); }

.gbutton.green
{   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69B417', endColorstr='#629217', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #69B417), color-stop(80%, #629217));
    background: -moz-linear-gradient(top, #69B417 0%, #629217 80%);
}
.msie9 .gbutton.green { background-image: url(/images/ie9gradient.php?start=69B417&stop=629217); }
.gbutton.green:hover
{       
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#629217', endColorstr='#69B417', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #629217), color-stop(80%, #69B417));
    background: -moz-linear-gradient(top, #629217 0%, #69B417 80%);
}
.msie9 .gbutton.green:hover { background-image: url(/images/ie9gradient.php?start=629217&stop=69B417); }

.gbutton.gray
{   
    color:black !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c0c0c0', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(80%, #c0c0c0));
    background: -moz-linear-gradient(top, #f0f0f0 0%, #c0c0c0 80%);
    background-image: linear-gradient(to bottom, #f0f0f0, #c0c0c0);
}
.msie9 .gbutton.gray { background-image: url(/images/ie9gradient.php?start=f0f0f0&stop=c0c0c0); }
.gbutton.gray:hover
{     
    color:black;  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#f0f0f0', GradientType=0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0), color-stop(80%, #f0f0f0));
    background: -moz-linear-gradient(top, #c0c0c0 0%, #f0f0f0 80%);
    background-image: linear-gradient(to top, #f0f0f0, #c0c0c0);
}
.msie9 .gbutton.gray:hover { background-image: url(/images/ie9gradient.php?start=c0c0c0&stop=f0f0f0); }

.gbutton.flat-gray 
{
    filter: none;
    background: #989a99;
}
.gbutton.flat-gray:hover
{
    filter: none;
    background: #9FA49F;
}

.gbutton.disabled, .gbutton.disabled:hover
{
    cursor: default;
    filter: none;
    background: #989a99;
    color: #E1E1E1;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #000;
    border-top: 1px solid #505050; 
    border-left: 1px solid #505050; 
}

/* it should be noted that the only browser that needs special attention here is IE, and in diffrent ways for each version */
html.msie9 .gbutton, html.msie9 .gbutton:hover  { filter: none; }
html.msie8 span.gbutton, 
html.msie8 span.gbutton:hover,
html.msie8 a.gbutton, 
html.msie8 a.gbutton:hover { display: inline-block; }
html.msie7 .gbutton, 
html.msie7 .gbutton:hover { display: inline-block; }

/*
from http://www.colorzilla.com/gradient-editor/ 
old                     background: rgb(30,87,153); 
FF3.6+                  background: -moz-linear-gradient(top, rgb(30,87,153) 0%, rgb(41,137,216) 50%, rgb(32,124,202) 51%, rgb(125,185,232) 100%); 
Chrome,Safari4+         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(30,87,153)), color-stop(50%,rgb(41,137,216)), 
                            color-stop(51%,rgb(32,124,202)), color-stop(100%,rgb(125,185,232)));
Chrome10+,Safari5.1+    background: -webkit-linear-gradient(top, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%); 
Opera11.10+             background: -o-linear-gradient(top, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%); 
IE10+                   background: -ms-linear-gradient(top, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%); 
IE6-9                   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); 
W3C                     background: linear-gradient(top, rgb(30,87,153) 0%,rgb(41,137,216) 50%,rgb(32,124,202) 51%,rgb(125,185,232) 100%); 
*/