.webfx-menu, .webfx-menu * {
    /*
    Set the box sizing to content box
    in the future when IE6 supports box-sizing
    there will be an issue to fix the sizes

    There is probably an issue with IE5 mac now
    because IE5 uses content-box but the script
    assumes all versions of IE uses border-box.

    At the time of this writing mozilla did not support
    box-sizing for absolute positioned element.

    Opera only supports content-box
    */

    /*
    #1B4A78 - Azul Oscuro Fondo
    #7184A5 - Azul Oscuro Letras - borde
    #D0E0F4 - Celeste Claro Fondo y borde
    #EAF2FF - Celeste Muy Claro Fondo Seleccionado
    */
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.webfx-menu {
    position: absolute;
    z-index: 100;
    visibility: hidden;
    width: 100px;
    border: 1px solid #1B4A78;
    padding: 1px;
    background: white;
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=110, Strength=4) alpha(Opacity=90);
    -moz-opacity: 0.9;
}

.webfx-menu-empty {
    display: block;
    border: 1px solid white;
    padding: 2px 5px 2px 5px;
    font-size: 9pt;
    font-family: Verdana, Tahoma, Helvetica, Sans-Serfif;
    color: black;
}

.webfx-menu a {
    display: block;
    /*
    width: expression(constExpression(ieBox ? "100%": "auto"));
    height: expression(constExpression("19px"));
     */
    overflow: visible;
    padding: 2px 0 2px 5px;
    font-size: 9pt;
    font-family: Verdana, Tahoma, Helvetica, Sans-Serfif;
    text-decoration: none;
    vertical-align: center;
    color: #1B4A78; /* AZUL OSCURO black;*/
    border: 1px solid white;
}

.webfx-menu a:visited,
.webfx-menu a:visited:hover {
    color: #1B4A78; /* AZUL OSCURO black;*/
}

.webfx-menu a:hover {
    color: #1B4A78; /* AZUL OSCURO;*/
    background: #EAF2FF; /* CELESTE MUY CLARO */
    border: 1px solid #D0E0F4; /* CELESTE CLARO */
}

.webfx-menu a .arrow {
    float: right;
    border: 0;
    width: 3px;
    margin-right: 3px;
    margin-top: 4px;
}

/* separtor */
.webfx-menu div {
    height: 0;
    /*
    height: expression(constExpression(ieBox ? "2px" : "0"));
     */
    border-top: 1px solid #D0E0F4;
    border-bottom: 1px solid #1B4A78;
    overflow: hidden;
    margin: 2px 0 2px 0;
    font-size: 0;
}

.webfx-menu-bar {
    background: #D0E0F4; /* CELESTE FONDO MENU */
    padding: 2px;
    font-family: Verdana, Tahoma, Helvetica;
    font-weight: bold;
    font-size: 9pt;
    /* IE5.0 has the wierdest box model for inline elements */
    /*
    padding: expression(constExpression(ie50 ? "0px" : "2px"));
     */
}

.webfx-menu-bar a,
.webfx-menu-bar a:visited {
    border: 1px solid #D0E0F4; /*rgb(255,128,0);*/
    padding: 1px 5px 1px 5px;
    color: #1B4A78; /* AZUL OSCURO */
    text-decoration: none;

    /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
    /*
    height: expression(constExpression(ie50 ? "17px" : "auto"));
     */
}

.webfx-menu-bar a:hover {
    color: #1B4A78; /* AZUL OSCURO */
    background: #D0E0F4;
    border-left: 1px solid #1B4A78;
    border-right: 1px solid #7184A5;
    border-top: 1px solid #1B4A78;
    border-bottom: 1px solid #7184A5;
}

.webfx-menu-bar a .arrow {
    border: 0;
    float: none;
}

.webfx-menu-bar a:active, .webfx-menu-bar a:focus {
    -moz-outline: none;
    outline: none;
    /*
        ie does not support outline but ie55 can hide the outline using
        a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
    */
    ie-dummy: expression(this.hideFocus=true);
    border-left: 1px solid #7184A5;
    border-right: 1px solid #1B4A78;
    border-top: 1px solid #7184A5;
    border-bottom: 1px solid #1B4A78;
}