/*IE workaround*/
table {TABLE-LAYOUT: fixed;}

.chk_tbl_button, .tbl_button {
    background-color: #fafafa;
    table-layout: fixed;
    width: 100%;
}

.td_top {
    background-image: url( "../img/button/up.gif" );
}

.td_left {
    background-image: url( "../img/button/left.gif" );
    width: 24px;
}

.td_right {
    background-image: url( "../img/button/right.gif" );
    width: 24px;
}

.td_bottom {
    background-image: url( "../img/button/down.gif" );
}

.td_leftTop {
    background-image: url( "../img/button/upLeft.gif" );
    width: 24px;
    height: 24px;
}

.td_leftBottom {
    background-image: url( "../img/button/downLeft.gif" );
    width: 24px;
    height: 24px;
}

.td_rightTop {
    background-image: url( "../img/button/upRight.gif" );
    width: 24px;
    height: 24px;
}

.td_rightBottom {
    background-image: url( "../img/button/downRight.gif" );
    width: 24px;
    height: 24px;
}

.td_center {
    padding: 0 4px 4px 0;
    line-height: normal;
    color: #315bd3;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 22px;
}

.down, .press {

}

.down .td_top, .press .td_top {
    background-image: url( "../img/button/up_pressed.gif" );
    height: 24px;
}

.down .td_left, .press .td_left{
    background-image: url( "../img/button/left_pressed.gif" );
    width: 24px;
}

.down .td_right, .press .td_right{
    background-image: url( "../img/button/right_pressed.gif" );
    width: 24px;
}

.down .td_bottom, .press .td_bottom{
    background-image: url( "../img/button/down_pressed.gif" );
    height: 24px;
}

.down .td_leftTop, .press .td_leftTop{
    background-image: url( "../img/button/upLeft_pressed.gif" );
    width: 24px;
    height: 24px;
}

.down .td_leftBottom, .press .td_leftBottom{
    background-image: url( "../img/button/downLeft_pressed.gif" );
    width: 24px;
    height: 24px;
}

.down .td_rightTop, .press .td_rightTop{
    background-image: url( "../img/button/upRight_pressed.gif" );
    width: 24px;
    height: 24px;
}

.down .td_rightBottom, .press .td_rightBottom{
    background-image: url( "../img/button/downRight_pressed.gif" );
    width: 24px;
    height: 24px;
}

.down .td_center, .press .td_center {
    color: #315bd3;
    text-decoration: none;
    padding: 4px 0 0 4px;
    background-color: #e2f4ff;
}

.down .td_center {
    text-decoration: underline;
}