/* SMALL BUTTON */

.f-sbtn
{
    color:#fff !important;
    background:#333;
    padding:1px 6px;
    font-size:7pt;
    margin-right:4px;
}

.f-sbtn:hover
{
    color:#fff !important;
    background:#666;
}

.f-sbtn.red
{
    background:#d60000;
}

.f-sbtn.red:hover
{
    color:#fff !important;
    background:#FF3A00;
}

.f-sbtn.blue
{
    color:#fff !important;
    background:#1A396A;
}

.f-sbtn.blue:hover
{
    color:#fff !important;
    background:#275298;
}

/* NORMAL (GRAY) */
.f-btn
{
    display: inline-block;
    line-height:23px;
    height:24px;
    color:#333 !important;
    background:url(../images/btn-gray.png) no-repeat top left;
}

.f-btn span
{
    margin-left:5px;
    display:block;
    background:#fff url(../images/btn-gray.png) no-repeat top right;
    padding-left:6px;
    padding-right:10px;
    height:24px;
}

.f-btn:hover
{
    background:url(../images/btn-gray.png) no-repeat bottom left;
}

.f-btn:hover span
{
    background:#fff url(../images/btn-gray.png) no-repeat bottom right;
}

/* GREEN */

.f-btn.green
{
    color:#333 !important;
    background:url(../images/btn-green.png) no-repeat top left;
}

.f-btn.green span
{
    background:#fff url(../images/btn-green.png) no-repeat top right;
}

.f-btn.green:hover
{
    background:url(../images/btn-green.png) no-repeat bottom left;
}

.f-btn.green:hover span
{
    background:#fff url(../images/btn-green.png) no-repeat bottom right;
}

/* RED */

.f-btn.red
{
    color:#fff !important;
    background:url(../images/btn-red.png) no-repeat top left;
}

.f-btn.red span
{
    background:#fff url(../images/btn-red.png) no-repeat top right;
}

.f-btn.red:hover
{
    background:url(../images/btn-red.png) no-repeat bottom left;
}

.f-btn.red:hover span
{
    background:#fff url(../images/btn-red.png) no-repeat bottom right;
}

/* BLUE */

.f-btn.blue
{
    color:#fff !important;
    background:url(../images/btn-blue.png) no-repeat top left;
}

.f-btn.blue span
{
    background:#fff url(../images/btn-blue.png) no-repeat top right;
}

.f-btn.blue:hover
{
    background:url(../images/btn-blue.png) no-repeat bottom left;
}

.f-btn.blue:hover span
{
    background:#fff url(../images/btn-blue.png) no-repeat bottom right;
}