table.buttonSpace {

    float: left

}

@media print {

    table.buttonSpace {

        display: none;

    }

}

div.cButton, div.cButtonFocused, div.cButtonClicked {


}

div.cButtonBack {

    z-index: 1;
    position: relative;

}

div.cButtonLabel {

    width: 100%;
    text-align: center; 
    vertical-align: top;

    position: absolute; 
    z-index: 4; 

    top: 4px;
    left: 0px;

    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;

}

div.cButtonSpace {

    width: 100%; 
    height: 100%; 

    background-image: url('gfx/blank.gif');
    position: absolute; 
    top: 2px;
    left: 0px;
    z-index: 5;

}

.btl, .btc, .btr, .bbl, .bbc, .bbr {

    height: 8px;

}

.btl, .btr, .bbl, .bbr, .bml, .bmr {

    width: 3px;

}

.bmc {

    font-size: 5px;
    height: 2px;

}

/* {{{ normal */

div.cButton .btl {

    background: url('gfx/tl.gif') no-repeat top left;

}

div.cButton .btc {

    background: url('gfx/tc.gif') repeat-x top;

}

div.cButton .btr {

    background: url('gfx/tr.gif') no-repeat top right;

}

div.cButton .bml {

    background: url('gfx/ml.gif') repeat-y top left;

}

div.cButton .bmc {

    background-color: #f3f3ee;

}

div.cButton .bmr {

    background: url('gfx/mr.gif') repeat-y top right;

}

div.cButton .bbl {

    background: url('gfx/bl.gif') no-repeat top left;

}

div.cButton .bbc {

    background: url('gfx/bc.gif') repeat-x;

}

div.cButton .bbr {

    background: url('gfx/br.gif') no-repeat top right;

}

/* }}} */

/* {{{ focused */

div.cButtonFocused .btl {

    background: url('gfx/tl_f.gif') no-repeat top left;

}

div.cButtonFocused .btc {

    background: url('gfx/tc_f.gif') repeat-x top;

}

div.cButtonFocused .btr {

    background: url('gfx/tr_f.gif') no-repeat top right;

}

div.cButtonFocused .bml {

    background: url('gfx/ml_f.gif') repeat-y top left;

}

div.cButtonFocused .bmc {

    background-color: #f3f3ee;

}

div.cButtonFocused .bmr {

    background: url('gfx/mr_f.gif') repeat-y top right;

}

div.cButtonFocused .bbl {

    background: url('gfx/bl_f.gif') no-repeat top left;

}

div.cButtonFocused .bbc {

    background: url('gfx/bc_f.gif') repeat-x;

}

div.cButtonFocused .bbr {

    background: url('gfx/br_f.gif') no-repeat top right;

}

/* }}} */

/* {{{ clicked */

div.cButtonClicked .btl {

    background: url('gfx/tl_c.gif') no-repeat top left;

}

div.cButtonClicked .btc {

    background: url('gfx/tc_c.gif') repeat-x top;

}

div.cButtonClicked .btr {

    background: url('gfx/tr_c.gif') no-repeat top right;

}

div.cButtonClicked .bml {

    background: url('gfx/ml_c.gif') repeat-y top left;

}

div.cButtonClicked .bmc {

    background-color: #e2e1d9;

}

div.cButtonClicked .bmr {

    background: url('gfx/mr_c.gif') repeat-y top right;

}

div.cButtonClicked .bbl {

    background: url('gfx/bl_c.gif') no-repeat top left;

}

div.cButtonClicked .bbc {

    background: url('gfx/bc_c.gif') repeat-x;

}

div.cButtonClicked .bbr {

    background: url('gfx/br_c.gif') no-repeat top right;

}

/* }}} */