.b-body { font-family:Arial, sans-serif !important; }

 body

        .button
        {
            margin: 10px;
            text-decoration: none;
            font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
            display: inline-block;
            text-align: center;
            color: #fff;

            border: 1px solid #9c9c9c; /* Fallback style */
            border: 1px solid rgba(0, 0, 0, 0.3);

            text-shadow: 0 1px 0 rgba(0,0,0,0.4);

            box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

        }

        .button, .button span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }

        .button span
        {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;

            /* The background pattern */

            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                              -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

            /* Pattern settings */

            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;
        }

        .button:hover
        {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        }

        .button:active
        {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
        }

        /*----------------------------*/

 .button-khaki
        {
            background: #A2B598;
            background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598) );
            background:-moz-linear-gradient(-90deg, #BDD1B4, #A2B598);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');
        }

        .button-khaki:hover
        {
            background: #BDD1B4;
            background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4) );
            background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
        }

        .button-khaki:active
        {
            background: #A2B598;
        }










/* ---------- user.css ---------------- */
