﻿
.look-optionbutton .inner-container
{
    display: table;

    /* Fix for [TP5280].*/
    white-space: nowrap;
    overflow-x: visible;

    /** Fix for [TP5134]. sets the 'cursor' style to 'auto'
        (as this does not seem to be the default for 'IE'
        when we have a popup on the screen. */
    cursor: auto;
}

.look-optionbutton label
{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

/*  Alignment (always set to middle on vertical and left on horizontally for radio buttons)
    This is the default setting achieved by putting a SPAN inside a DIV.
*/

.look-optionbutton input[type=radio]
{
    margin: 0 2px 0 2px;
    vertical-align: middle;
}

.look-optionbutton span
{
    vertical-align: middle;
}

.look-optionbutton[disabled],
.look-optionbutton[disabled] label,
.look-optionbutton[disabled] input[type=radio],
.look-optionbutton[disabled] span
{
    cursor: not-allowed;
}
