/* ================================================================
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/flyoutt.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.
=================================================================== */
/* common styling */
.flyoutmenu {font: 11px arial, sans-serif; width:106px; height:150px; position:relative; margin:0; }
.flyoutmenu ul li a, .flyoutmenu ul li a:visited {display:block; text-decoration:none; color:#000; width:144px; height:15px; text-align:right; border:1px solid #fff; border-width:1px 1px 0 0; background:#fff; line-height:15px; font-size:11px;}
.flyoutmenu ul {padding:0; margin:0;list-style-type: none; }
.flyoutmenu ul li {float:left; margin-right:1px; position:relative;}
.flyoutmenu ul li ul {display: none;}

/* specific to non IE browsers */
.flyoutmenu ul li:hover a {color:#000; background:#d7d7d7;}
.flyoutmenu ul li:hover ul {display:block; position:absolute; top:0; left:145px; width:105px;}
.flyoutmenu ul li:hover ul li a.hide {padding-right:2px; background:#777; color:#fff;}
.flyoutmenu ul li:hover ul li:hover a.hide {width:150px;}
.flyoutmenu ul li:hover ul li ul {display: none;}
.flyoutmenu ul li:hover ul li a {padding-right:2px; display:block; background:#777; color:#fff; width:150px;}
.flyoutmenu ul li:hover ul li a:hover {background:#eee; color:#000;}
.flyoutmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#fff;}
.flyoutmenu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#eee; color:#000;  text-align:center;}
.flyoutmenu ul li:hover ul li:hover ul li a:hover {background:#d7d7d7; color:#fff;}
/* for IE browsers */
* html table {border-collapse:collapse; border:0; margin:0; padding:0;}
* html .flyoutmenu ul li a.hide {display:none;} 
* html .flyoutmenu ul li a:visited.hide {display:none;}
* html .flyoutmenu ul li a:hover ul li a.hide {display:none;}
* html .flyoutmenu ul li a:hover {color:#000; background:#d7d7d7;}
* html .flyoutmenu ul li a:hover ul {display:block; position:absolute; top:0; left:145px; width:105px;}
* html .flyoutmenu ul li a:hover ul li a.sub {padding-right:2px; background:#777; color:#fff;}
* html .flyoutmenu ul li a:hover ul li a {padding-right:2px; display:block; background:#d7d7d7; color:#fff; width:150px;}
* html .flyoutmenu ul li a:hover ul li a ul {visibility:hidden;}
* html .flyoutmenu ul li a:hover ul li a:hover {background:#eee; color:#000;}
* html .flyoutmenu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:151px; top:0;
color:#000;}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#eee;
color:#000;  text-align:center; padding-left:10px;}
* html .flyoutmenu ul li a:hover ul li a:hover ul li a:hover {background:#d7d7d7; color:#fff;}