/* BASE */
a.button, a:visited.button, button
{
   border: 1px solid #e5e5e5;
   box-shadow: 0 1px 1px rgba(0,0,0,0.2);
   cursor: pointer;
   display: inline-block;
   font: 14px arial,sans-serif;
   font-weight: bold;
   line-height: 25px;
   padding: 6px 12px 5px 12px;
   position: relative;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px #f9f9f9;
   text-transform: uppercase;
   -webkit-transition: border-color .218s;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
}

/* RED */
.red 
{
   color: #fff;
   background: #D14836;
   background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
   background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
   background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
   background-image: -o-linear-gradient(top,#dd4b39,#d14836);
   background-image: linear-gradient(top,#dd4b39,#d14836);
}
a:hover.button.red, button:hover.red
{
   background: #C53727;
   background-image: -webkit-linear-gradient(top,#dd4b39,#C53727);
   background-image: -moz-linear-gradient(top,#dd4b39,#C53727);
   background-image: -ms-linear-gradient(top,#dd4b39,#C53727);
   background-image: -o-linear-gradient(top,#dd4b39,#C53727);
   background-image: linear-gradient(top,#dd4b39,#C53727);
   border:1px solid #B0281A;
   border-bottom:1px solid #AF301F;
}

/* BLUE */
.blue 
{

   color: #303030;
   background: #d6eaee;
   background-image: -webkit-linear-gradient(top,#d6eaee,#c3dee4);
   background-image: -moz-linear-gradient(top,#d6eaee,#c3dee4);
   background-image: -ms-linear-gradient(top,#d6eaee,#c3dee4);
   background-image: -o-linear-gradient(top,#d6eaee,#c3dee4);
   background-image: linear-gradient(top,#d6eaee,#c3dee4);
   border:1px solid #8fbac3;
}
a:hover.button.blue, button:hover.blue
{
   background: #357AE8;
   background-image: -webkit-linear-gradient(top,#abd7e0,#9dcdd8);
   background-image: -moz-linear-gradient(top,#abd7e0,#9dcdd8);
   background-image: -ms-linear-gradient(top,#abd7e0,#9dcdd8);
   background-image: -o-linear-gradient(top,#abd7e0,#9dcdd8);
   background-image: linear-gradient(top,#abd7e0,#9dcdd8);
   border:1px solid #76acb8;
}

/* GRAY GROUPED NAVIGATION */
.gray
{
   color: #666;
   background-image: -webkit-linear-gradient(top,#ffffff,#cbcbcb);
   background-image: -moz-linear-gradient(top,#ffffff,#cbcbcb);
   background-image: -ms-linear-gradient(top,#ffffff,#cbcbcb);
   background-image: -o-linear-gradient(top,#ffffff,#cbcbcb);
   background-image: linear-gradient(top,#ffffff,#cbcbcb);
}
a:hover.button.gray, button:hover.gray
{
   background-image: -webkit-linear-gradient(top,#ffffff,#e5e5e5);
   background-image: -moz-linear-gradient(top,#ffffff,#e5e5e5);
   background-image: -ms-linear-gradient(top,#ffffff,#e5e5e5);
   background-image: -o-linear-gradient(top,#ffffff,#e5e5e5);
   background-image: linear-gradient(top,#ffffff,#e5e5e5);
   border:1px solid #999;
}

.selected
{
   background: #EEE;
   background-image: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#e0e0e0));
   background-image: -webkit-linear-gradient(top,#eeeeee,#e0e0e0);
   background-image: -moz-linear-gradient(top,#eeeeee,#e0e0e0);
   background-image: -ms-linear-gradient(top,#eeeeee,#e0e0e0);
   background-image: -o-linear-gradient(top,#eeeeee,#e0e0e0);
   background-image: linear-gradient(top,#eeeeee,#e0e0e0);
   border: 1px solid #CCC;
   box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
   color: #333;
   -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
   -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.navigation
{
   margin:0 -4px 0 0;
   min-width: 40px;
}