/* Start of CMSMS style sheet 'BlueTonueNavStyle' */
/*
Author: Craig Erskine
Description: Dynamic Menu System - Vertical
Modified by Ben Malen, based on CMSMS vertical shadow vertical-flyout
*/

ul#vertical-flyout, ul#vertical-flyout li, ul#vertical-flyout ul { margin: 0; padding: 0; list-style: none; }
ul#vertical-flyout li { float: left; position: relative; }
ul#vertical-flyout li.iehover { z-index: 1000; /* IE z-index bugfix */ }

/* ---------------------------------------------------------------------- */
/* widths of menus */

/* root menu */
ul#vertical-flyout, ul#vertical-flyout li { width: 183px; }

    /* sub menus - needs to be width of speech bubble image */
    ul#vertical-flyout ul, ul#vertical-flyout ul li { width: 209px; }

/* ---------------------------------------------------------------------- */
/* menu styles */

/* root menu */
ul#vertical-flyout { }

ul#vertical-flyout a {
 border-bottom: 0;
 padding: 7px 3px 7px 35px;
 display: block; /* make it block so it expands to fill area */
 background: url('/uploads/BlueTongue/images/nav/nav.gif') no-repeat 0 50%;
 color: #666;
 font: normal 14px Arial, Helvetica, sans-serif;
 text-decoration: none;
 height: 1%;
 outline: none;
}

    /* sub menus */
    ul#vertical-flyout ul {
     display: none; /* comment out this to test sub menus */
     position: absolute;
     top: -5px; /* vertical position */
     left: 100%;
     z-index: 9999;
     margin: 0 0 0 -5px; /* horizontal position */
     padding: 11px 0 0;
     background: url('/uploads/BlueTongue/images/nav/sub-top.png') no-repeat;
    }

    /* gif for ie */
    * html ul#vertical-flyout ul { background-image: url('/uploads/BlueTongue/images/nav/sub-top.gif'); }

    ul#vertical-flyout ul a {
     margin: 0 9px;
     background: none; /* reset */
     padding: 6px;
     color: #000;
     border-bottom: 0; /* reset */
    }

    /* special "li" used for the bottom of the speech bubble */
    ul#vertical-flyout li.separator {
     height: 11px;
     margin: 0 0 -11px; /* negative margin to push it out of ul */
     padding: 0;
     background: url('/uploads/BlueTongue/images/nav/sub-bottom.png') no-repeat;
     width: 209px;
     overflow: hidden;
    }

    /* gif for ie */
    * html ul#vertical-flyout li.separator { background-image: url('/uploads/BlueTongue/images/nav/sub-bottom.gif'); }

/* ---------------------------------------------------------------------- */
/* menuparent styles */

ul#vertical-flyout li.menuparent span { display: block; }

/* root menu */
ul#vertical-flyout li.menuparent span { background: url('/uploads/BlueTongue/images/nav/arrow-black.gif') no-repeat 99% 50%; padding-right: 30px; }

    /* sub menus */
    ul#vertical-flyout li.menuparent li.menuparent span,
    ul#vertical-flyout li.menuparent li.menuparent li.menuparent span
    { background: url('/uploads/BlueTongue/images/nav/arrow-black.gif') no-repeat 99% 50%; padding-right: 30px; }

    /* we need to reset subsequent "span", or all children would have menuparent style */
    ul#vertical-flyout li.menuparent li span,
    ul#vertical-flyout li.menuparent li.menuparent li span,
    ul#vertical-flyout li.menuparent li.menuparent li.menuparent li span
    { background: none; padding: 0; }

/* ---------------------------------------------------------------------- */
/* menuactive styles */

/* root menu */
ul#vertical-flyout li.menuactive a { background: url('/uploads/BlueTongue/images/nav/nav.gif') no-repeat -400px 50%; font-weight: bold; }

    /* sub menus */
    ul#vertical-flyout li.menuactive li.menuactive a,
    ul#vertical-flyout li.menuactive li.menuactive li.menuactive a
    { font-weight: bold; }

    /* we need to reset subsequent "a", or all children would have menuactive style */
    ul#vertical-flyout li.menuactive li a,
    ul#vertical-flyout li.menuactive li.menuactive li a,
    ul#vertical-flyout li.menuactive li.menuactive li.menuactive li a
    { background: none; font-weight: normal; }

/* ---------------------------------------------------------------------- */
/* hover styles */

/* root menu */
ul#vertical-flyout li:hover a,
ul#vertical-flyout li.iehover a
{ background: url('/uploads/BlueTongue/images/nav/nav.gif') no-repeat -200px 50%; }

    /* sub menus */
    ul#vertical-flyout li:hover li a:hover,
    ul#vertical-flyout li:hover li:hover li a:hover,
    ul#vertical-flyout li:hover li:hover li:hover li a:hover,
    ul#vertical-flyout li.iehover li a:hover,
    ul#vertical-flyout li.iehover li.iehover li a:hover,
    ul#vertical-flyout li.iehover li.iehover li.iehover li a:hover
    { background: #eee; }

    /* we need to reset subsequent "a", or all children would have hover style */
    ul#vertical-flyout li:hover li a,
    ul#vertical-flyout li:hover li:hover li a,
    ul#vertical-flyout li:hover li:hover li:hover li a,
    ul#vertical-flyout li.iehover li a,
    ul#vertical-flyout li.iehover li.iehover li a ,
    ul#vertical-flyout li.iehover li.iehover li.iehover li a
    { background: #fff; }

/* ---------------------------------------------------------------------- */
/* Hover Function - Do Not Move */

ul#vertical-flyout li:hover ul ul,
ul#vertical-flyout li:hover ul ul ul,
ul#vertical-flyout li.iehover ul ul,
ul#vertical-flyout li.iehover ul ul ul
{ display: none; }

ul#vertical-flyout li:hover ul,
ul#vertical-flyout ul li:hover ul,
ul#vertical-flyout ul ul li:hover ul,
ul#vertical-flyout li.iehover ul,
ul#vertical-flyout ul li.iehover ul,
ul#vertical-flyout ul ul li.iehover ul
{ display: block; }

/* End of 'BlueTonueNavStyle' */