/*
** Defines base menu structure for AblMenus.
*/
div.ablMenu,
div.ablMenu ul,
div.ablMenu .menuItem,
div.ablMenu .subGroup,
div.ablMenu .link,
div.ablMenu .text
{
   margin: 0;
   padding: 0;
   position: relative;
   display: block;
   white-space: nowrap;
}
div.ablMenu
{
   height: 1%;               /* Required for IE6 to display floated ul.rootGroup */
}
div.ablMenu ul,
div.ablMenu .menuItem
{
   float: left;
   clear: none;
   list-style-type: none;
}
div.ablMenu .menuItem
{
   clear: both;
}
div.ablMenu div.clearfix   /* Force div.ablMenu to contain floated ul.rootGroup */
{
   float: none;
   clear: both;
   border: none 0;
   margin: 0 0 -1px 0;
   padding: 0;
   list-style-type: none;
   list-style-image: none;
   background-image: none;
   height: 1px;
   line-height: 1px;
   overflow: hidden;
   visibility: hidden;
}
div.ablMenu a,
div.ablMenu a:link,
div.ablMenu a:visited,
div.ablMenu a:hover,
div.ablMenu a:active,
div.ablMenu a.passive
{
   text-decoration: none;
   border: none 0;
   outline-style: none;
   outline-width: 0;
}
div.ablMenu .passive
{
   cursor: default;
}


/**
 * Menu (horizontal and vertical) styling
 */
div.ablMenu .subGroupCanvass
{
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 10px;
   height: 10px;
   border: none 0;
}
div.ablMenu.menu .subGroup
{
   display: none;
   position: absolute;
   width: auto;
   height: auto;
   left: 0;
   top: 0;
   z-index: 1;
}


/**
 * Horizontal menu styling
 */
div.ablMenu.horizontal .menuItem
{
   clear: none;
}
div.ablMenu.horizontal .subGroup .menuItem
{
   clear: both;
}
div.ablMenu.horizontal > li.first span
{
   padding-left: 0;
}
div.ablMenu.horizontal > li.last span
{
   padding-right: 0;
}


/**
 * Clamshell styling
 */
div.ablMenu.clamshell .subGroup
{
   display: none;
   position: relative;
}