/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Replace CSS constants before use
   $background = #008080 - dark blue, options #668BFF, #4169e1, #327dc8m; dark green option #008080
   $background = #CCFF99 - light blue (hover), light green option #CCFF99
   $lighttext  = #ffffff - white
   $darktext   = #000000 - black (hover)
   $bordertnb  = #000000 - black
    
   $1st_level_menu_height = 25px (2nd level setup must match)
   $2nd_level_menu_width = 126px (2 locations: setup and display, affects 3rd level menu "left" position)
   $3rd_level_menu_width = 150px
*/
.tabmenu {
  float:left; width:100%;
  font-family: verdana, arial, sans-serif; font-size:11px; font-weight: bold;
  background:#008080 repeat-x;
  border-top:1px solid #000000;
  border-bottom:1px solid #000000;
  margin:0 0 7px 0;
}
.tabmenu ul {
  padding:0;margin:0;list-style-type:none;
}
.tabmenu ul li {                             /* 1st level menu tab separator */
  float:left; position:relative;
  background:url(images/vertical.gif) no-repeat top right;
}
.tabmenu ul li a, .tabmenu ul li:hover a {   /* 1st level menu regular tab */
  float:left; display:block; text-decoration:none;
  color:#ffffff; padding:0px 13px; line-height:20px; height:25px;
}
.tabmenu ul li a.down {                      /* 1st level menu drop down tab */
  float:left; position:relative;
  background:url(images/arrow-down-yellow.gif) no-repeat right;
}
.tabmenu ul li:hover a.down {                /* 1st level menu drop down tab hover */
  float:left; position:relative; 
  color:#000000; background:#CCFF99 url(images/arrow-down.gif) no-repeat right;
}
.tabmenu ul li:hover {
  width:auto;
}
.tabmenu ul li ul {
  display: none;
}
.tabmenu table {
  margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE and IE7 browsers ************************************************/

.tabmenu ul li:hover a {         /* level 1 regular tabs hover */
  float:left; position:relative;
  color:#000000; background:#CCFF99; 
}
.tabmenu ul li:hover ul {                   /* 2nd level menu setup */
  display:block; position:absolute; left:0; top:25px; width:126px;
  background:#CCFF99;  
}
.tabmenu ul li:hover ul li ul {
  display: none;
}
.tabmenu ul li:hover ul li a {              /* 2nd level menu display */
  display:block;  
  color:#ffffff; background:#008080;
  height:auto;line-height:15px;padding:4px 13px; width:126px;
  border:1px solid #000000;border-bottom:0;
}
.tabmenu ul li:hover ul li a.last {         /* 2nd level menu last item and no 3rd level */
  color:#ffffff; background:#008080;
  border:1px solid #000000;
} 
.tabmenu ul li:hover ul li:hover a.last {   /* 2nd level menu hover last item and no 3rd level */
  color:#000000; background:#CCFF99;
  border:1px solid #000000;
}
.tabmenu ul li:hover ul li:hover a {       /* 2nd level menu hover */
  color:#000000; background:#CCFF99;
}   
.tabmenu ul li:hover ul li a.right {            /* 2nd level menu pointer to 3rd level menu */
  color:#ffffff; background:#008080 url(images/arrow-right-yellow.gif) no-repeat center right;
}
.tabmenu ul li:hover ul li a.rightlast {        /* 2nd level menu last pointer to 3rd level menu */
  color:#ffffff; background:#008080 url(images/arrow-right-yellow.gif) no-repeat center right;
  border:1px solid #000000;
}
.tabmenu ul li:hover ul li:hover a.right {      /* 2nd level menu hover to 3rd level menu */
  color:#000000; background:#CCFF99 url(images/arrow-right.gif) no-repeat center right;
}
.tabmenu ul li:hover ul li:hover a.rightlast {  /* 2nd level menu last hover to 3rd level menu */
  color:#000000; background:#CCFF99 url(images/arrow-right.gif) no-repeat center right;
  border:1px solid #000000;
}
.tabmenu ul li:hover ul li:hover ul {                  /* 3rd level menu setup */
  display:block; position:absolute; left:159px; top:0; width:150px; height:auto;
}
.tabmenu ul li:hover ul li:hover ul li a {             /* 3rd level menu item display */
  color:#ffffff; background:#008080;
}
.tabmenu ul li:hover ul li:hover ul li a.last {        /* 3rd level menu last item display */
  color:#ffffff; background:#008080;
}
.tabmenu ul li:hover ul li:hover ul li:hover a {       /* 3rd level menu item hover */
  color:#000000; background:#CCFF99;
}
.tabmenu ul li:hover ul li:hover ul li:hover a.last {  /* 3rd level menu last item hover */
  color:#000000; background:#CCFF99;
  border:1px solid #000000;
} 

/* specific to IE5.5 and IE6 browsers *********************************************************/

.tabmenu ul li a:hover {              /* regular tabs hover */
  float:left; position:relative;
  color:#000000; background:#CCFF99;
}
.tabmenu ul li a:hover ul {           /* 2nd level: top is level 1 top +1 */
  display:block;position:absolute;top:25px;
  color:#000000;background:#CCFF99;left:0;
  border-bottom:1px solid #000000;
}
.tabmenu ul li a:hover.down {         /* 1st level hover on 2nd level drop down */
  float:left; position:relative;
  color:#000000; background:#CCFF99 url(images/arrow-down.gif) no-repeat right;
}
.tabmenu ul li a ul li a {            /* level 2 display */
  display:block;
  color:#ffffff; background:#008080;
  height:1px; line-height:15px; padding:4px 13px; width:126px;
  border:1px solid #000000; border-bottom:0;
}
.tabmenu ul li a:hover ul li a.right {      /* 2nd level pointer to 3rd level */
  background:#008080 url(images/arrow-right.gif) no-repeat center right;
}
.tabmenu ul li a:hover ul li a.rightlast {  /* 2nd level last item pointer to 3rd level */
  background:#008080 url(images/arrow-right.gif) no-repeat center right;
}
.tabmenu ul li a:hover ul li a ul {
  visibility:hidden; position:absolute; height:0; width:0;
}
.tabmenu ul li a:hover ul li a:hover {            /* hover on 2nd level */
  color:#000000; background:#CCFF99;
}
.tabmenu ul li a:hover ul li a:hover.right {      /* hover on 2nd level and point at 3rd level menu */
  color:#000000; background:#CCFF99 url(images/arrow-right.gif) no-repeat center right;
}
.tabmenu ul li a:hover ul li a:hover.rightlast {  /* hover on 2nd level last item and point at 3rd level menu */
  color:#000000; background:#CCFF99 url(images/arrow-right.gif) no-repeat center right;
  border:1px solid #000000;
}
.tabmenu ul li a:hover ul li a:hover ul {                  /* 3rd level setup */
  visibility:visible; position:absolute; top:-1px; left:158px;
}
.tabmenu ul li a:hover ul li a:hover ul li a {             /* level 3 display */
  display:block;
  color:#ffffff; background:#008080;
  line-height:15px; padding:4px 13px; width:126px;
  border:1px solid #000000; border-bottom:0;
}
.tabmenu ul li a:hover ul li a:hover ul li a:hover {       /* hover on 3rd level menu */
  color:#000000; background:#CCFF99;
}
.tabmenu ul li a:hover ul li a:hover ul li a:hover.last {  /* hover on 3rd level last item */
  color:#000000; background:#CCFF99;
  border:1px solid #000000;
}
.clear {clear:both;}

/* ================================================================ */