﻿
.look-menubutton .inner-container
{
    display: table;

    /* Fix for [TP5280].*/
    /** FIX(sk:RC5756): Widths of menu items in browsers like netscape & firefox
        get multiplied by this to prevent text wrapping to the next line
        See: http://stackoverflow.com/questions/5078239/how-to-remove-the-space-between-inline-block-elements
    */
    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;

    margin: 1px;
}

.look-menubutton label
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.look-menubutton img
{
    margin: 0 2px 0 3px;
}

.look-menubutton img
.look-menubutton span
{
    vertical-align: middle;
}

