/* 
    Document   : buttons
    Created on : 4 oct. 2012, 21:14:56
    Author     : Patrice
    Description:
        Purpose of the stylesheet follows.
*/

.button {
   border-top: 1px solid #0e2d40;
   background: #12181c;
   background: -webkit-gradient(linear, left top, left bottom, from(#0f5787), to(#12181c));
   background: -webkit-linear-gradient(top, #0f5787, #12181c);
   background: -moz-linear-gradient(top, #0f5787, #12181c);
   background: -ms-linear-gradient(top, #0f5787, #12181c);
   background: -o-linear-gradient(top, #0f5787, #12181c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #b8ba8a;
   font-size: 18px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #6b86a8;
   background: #6b86a8;
   color: #0d0806;
   }
.button:active {
   border-top-color: #020f17;
   background: #020f17;
   }
.littlebutton {
   border-top: 1px solid #0e2d40;
   background: #12181c;
   background: -webkit-gradient(linear, left top, left bottom, from(#0f5787), to(#12181c));
   background: -webkit-linear-gradient(top, #0f5787, #12181c);
   background: -moz-linear-gradient(top, #0f5787, #12181c);
   background: -ms-linear-gradient(top, #0f5787, #12181c);
   background: -o-linear-gradient(top, #0f5787, #12181c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #b8ba8a;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.littlebutton:hover {
   border-top-color: #6b86a8;
   background: #6b86a8;
   color: #0d0806;
}
.littlebutton:active {
   border-top-color: #020f17;
   background: #020f17;
}
.minibutton {
   border-top: 1px solid #0e2d40;
   background: #12181c;
   background: -webkit-gradient(linear, left top, left bottom, from(#0f5787), to(#12181c));
   background: -webkit-linear-gradient(top, #0f5787, #12181c);
   background: -moz-linear-gradient(top, #0f5787, #12181c);
   background: -ms-linear-gradient(top, #0f5787, #12181c);
   background: -o-linear-gradient(top, #0f5787, #12181c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #b8ba8a;
   font-size: 10px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
}
.minibutton:hover {
   border-top-color: #6b86a8;
   background: #6b86a8;
   color: #0d0806;
}
.minibutton:active {
   border-top-color: #020f17;
   background: #020f17;
}