.look-data
{   
    padding: 1px 1px 1px 1px;
    border: 1px solid #808080;
}

.look-data button
{
    float: left;
    height: 100%;
    width: 25%;
    border: 1px solid #808080;
}

.look-data button:after
{
    display: block;
    height: 100%;
    width: 100%;
    content: "";

    background-position: center;
    background-repeat: no-repeat;    
}

/** Small buttons
*/
.look-data.small button:after
{
    background-size: 7px 7px;
}

.look-data.small button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_FirstSml.gif);
}

.look-data.small.disabled button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_FirstSml_Disabled.gif);
}


.look-data.small button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_LeftSml.gif);
}

.look-data.small.disabled button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_LeftSml_Disabled.gif);
}


.look-data.small button.look-dataright-button:after
{
    background-image: url(../../../images/Data_RightSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(../../../images/Data_RightSml_Disabled.gif);
}

.look-data.small button.look-datalast-button:after
{
    background-image: url(../../../images/Data_LastSml.gif);
}

.look-data.small.disabled button.look-dataright-button:after
{
    background-image: url(../../../images/Data_LastSml_Disabled.gif);
}


/** Medium buttons
*/
.look-data.medium button:after
{
    background-size: 9px 9px;
}

.look-data.medium button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_First.gif);
}

.look-data.medium.disabled button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_First_Disabled.gif);
}

.look-data.medium button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_Left.gif);
}

.look-data.medium.disabled button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_Left_Disabled.gif);
}

.look-data.medium button.look-dataright-button:after
{
    background-image: url(../../../images/Data_Right.gif);
}

.look-data.medium.disabled button.look-dataright-button:after
{
    background-image: url(../../../images/Data_Right_Disabled.gif);
}

.look-data.medium button.look-datalast-button:after
{
    background-image: url(../../../images/Data_Last.gif);
}

.look-data.medium.disabled button.look-datalast-button:after
{
    background-image: url(../../../images/Data_Last_Disabled.gif);
}

/** Large buttons
*/
.look-data.large button:after
{
    background-size: 13px 13px;
}

.look-data.large button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_FirstLrg.gif);
}

.look-data.large.disabled button.look-datafirst-button:after
{
    background-image: url(../../../images/Data_FirstLrg_Disabled.gif);
}

.look-data.large button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_LeftLrg.gif);
}

.look-data.large.disabled button.look-dataleft-button:after
{
    background-image: url(../../../images/Data_LeftLrg_Disabled.gif);
}

.look-data.large button.look-dataright-button:after
{
    background-image: url(../../../images/Data_RightLrg.gif);
}

.look-data.large.disabled button.look-dataright-button:after
{
    background-image: url(../../../images/Data_RightLrg_Disabled.gif);
}

.look-data.large button.look-datalast-button:after
{
    background-image: url(../../../images/Data_LastLrg.gif);
}

.look-data.large.disabled button.look-datalast-button:after
{
    background-image: url(../../../images/Data_LastLrg_Disabled.gif);
}

.look-data:not([disabled]) button:active
{
    background-color:#A0A0A0;
}

.look-data button img
{
    display: block;
    margin: auto;
}

.look-data:after
{
    content: "";
    clear: both;
    display: table;
}