/* @group base-button */

@media all {}

@media print {

    .btn_bar, .btn {display: none;}

}

@media screen {

    .btn_bar {
        *zoom: 1;
        margin-top: 10px;
    }
    .btn_bar:before, .btn_bar:after {
        display: table;
        content: "";
    }
    .btn_bar:after {
        clear: both;
    }



    /* default button a || button */
    .btn {
        display: block;
        float: left;
        border: 0; /* for use as button */
        overflow: visible; /* IE7 Fix */
        line-height: 1.5; /* normalize ff & webkit */

        font-weight: bold;
        text-decoration: none;
        cursor: pointer;

        padding: 0.467em 1.4em;
        margin-right: 10px;

        color: #27333a;
        background-color: #e5e5e5;
    }

    .btn:focus { outline: 1px solid #0053a6; }

    .btn:hover {
        background-color: #27333a;
        color: #fff;
    }



    /* extend size of default button */
    .btn_extra {
        font-size: 1.667em;
        font-family: 'GraphikWeb-Semibold', sans-serif;
        padding: 0.666em .8em;
    }
        .skinLayoutCompressed .btn_extra {
            font-size: 1.571em;
        }



    /* other button colors */
    .btn_c1 {
        color: #fff;
        background-color: #0053a6;
    }

    /*
    .btn_c2 {
        background-color: #8e9195;
        color: #fff;
    }

    .btn_c3 {
        background-color: #e1001b;
        color: #fff;
    }
    */


}




/* @end */