/*
   ----------------------------------------------------------------
  | Structure
   ----------------------------------------------------------------
 */

#irsa-menu ul
{
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
}

#irsa-menu li
{
    /* establish a containing block for submenus */
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}

#irsa-menu ul ul
{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #000 #000 #aaa;
    color: #031a4d;
    background-color: #f5f5f5;
    visibility: hidden;
}

/* Comment the following for a pure CSS menu implementation */
/* -> */
#irsa-menu ul ul              { width: 175px; }
#irsa-menu ul ul.wide         { width: 260px; }
#irsa-menu ul ul.med          { width: 200px; }
#irsa-menu ul ul.med ul.wide  { width: 270px; }
/* <- */

/* Uncomment the following for a pure CSS menu implementation */
/* ->
#irsa-menu ul ul              { left: 125px; width: 175px; }
#irsa-menu ul ul ul           { left: 175px; width: 175px; }
#irsa-menu ul ul.wide         { left: 125px; width: 260px; }
#irsa-menu ul ul.med          { left: 125px; width: 200px; }
#irsa-menu ul ul.med ul.wide  { left: 200px; width: 270px; }
#irsa-menu ul ul.wide ul      { left: 260px; width: 175px; }
#irsa-menu ul ul ul.wide      { left: 175px; width: 260px; }
#irsa-menu ul ul.wide ul.wide { left: 260px; width: 260px; }

#irsa-menu ul ul,
#irsa-menu ul li:hover ul ul,
#irsa-menu ul li:hover ul ul ul,
#irsa-menu ul li:hover ul ul ul ul
{
    visibility: hidden;
}

#irsa-menu ul li:hover ul,
#irsa-menu ul ul li:hover ul,
#irsa-menu ul ul ul li:hover ul,
#irsa-menu ul ul ul ul li:hover ul
{
    visibility: visible;
}
<- */

/*
   ----------------------------------------------------------------
  | Headings
   ----------------------------------------------------------------
 */

#irsa-menu h1
{
    margin: 16px 4px 0 0;
    padding: 0 3px 2px 0;
    text-align: right;
    font-weight: bold;
    font-size: 13px;
    color: #fb5;
    background-color: inherit;
}
#irsa-menu h1.first { margin-top: 0; }

#irsa-menu h2
{
    margin: 0;
    padding: 2px 5px 2px 5px;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #fff;
    background-color: #333;
    border-bottom: 1px solid #000;
}

#irsa-menu .wsvc
{
    font-weight: bold;
}

/*
   ----------------------------------------------------------------
  | Links
   ----------------------------------------------------------------
 */

#irsa-menu a
{
    display: block;
    margin: 0;
    text-align: right;
    text-decoration:none;
    background-color:inherit;
}

/* Root level links */
#irsa-menu ul a
{
    color: #ddd;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 8px 2px 0;
}
#irsa-menu ul a.sub
{
    background: url(images/arrow_main.gif) center right no-repeat;
    padding: 2px 11px 2px 0;
}
#irsa-menu ul a:hover,
#irsa-menu ul a.open
{
    color: #fff;
}

/* Links inside popup menus */
#irsa-menu ul ul a
{
    padding: 3px 10px 3px 5px;
    color: #000;
    background-color: inherit;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
#irsa-menu ul ul.desc a
{
    text-align: left;
}
#irsa-menu ul ul a:hover,
#irsa-menu ul ul a.open
{
    color: #000;
    background: #c3d5e1;
    border: 0;
}
#irsa-menu ul ul a.sub
{
    background-image: url('images/arrow_sub.gif');
    background-position: center right;
    background-repeat: no-repeat;
}

#irsa-menu a.nol:hover
{
    cursor: default;
}
