/* ================================================================ 
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/ipad-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


ul.toplevel {margin:0 0 0 8px; padding: 6px 0 0 0; list-style:none; white-space:nowrap; text-align:left;  position:relative; float:left; height:30px; width:180px; z-index:100;}

ul.toplevel li {margin:0px 0px 10px 0px; padding:0 0 0 0; list-style:none;}

/*ul.toplevel ul {margin:0; padding:0; list-style:none; position:absolute; left:-9999px;}*/
ul.toplevel ul {margin:0; padding:0; list-style:none; display:none;}

ul.toplevel li a {display:block; font:normal 12px verdana,arial,sans-serif; color:#333333; line-height:26px; text-decoration:none; margin: 0px 0px 0px 0px; padding:0 20px; background-image:url(images/bt_nav.gif); height:29px;} 

ul.toplevel li ul.children a {display:block; font:normal 12px verdana,arial,sans-serif; color:#333333; line-height:26px; text-decoration:none; margin: 2px 0px 0px 12px; padding:0 10px;  background-image:none; height:20px; width:145px; } 

ul.toplevel li a.fly { height:20px;}
ul.toplevel ul li a {padding:0 0px 0 10px; font-size:11px,}


ul.toplevel li a:hover { background-image:url(images/bt_nav_hover.gif); color:#333333;} 
ul.toplevel li:hover > a {background-image:url(images/bt_nav_hover.gif); color:#333333;}


ul.toplevel li ul.children li {margin: 0 0 2px 0; } 

ul.toplevel li ul.children a:hover {/*background-color: #EFA208;*/background-image:url(images/bt_nav_hover_kl.png); color: #333333;} 
ul.toplevel li ul.children:hover > a {/*background-color: #EFA208;*/background-image:url(images/bt_nav_hover_kl.png); color:#333333;}


/*ul.toplevel li:hover > ul {left:100%; margin-top:-25px; border:5px solid green;}*/
ul.toplevel li:hover > ul {left:100%; margin-top:0px; display:block;}

/*ul.toplevel a:hover ul,
ul.toplevel a:hover a:hover ul, 
ul.toplevel a:hover a:hover a:hover ul {left:100%;}
ul.toplevel a:hover ul ul, 
ul.toplevel a:hover a:hover ul ul {left:-9999px;}

ul.toplevel table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px;}

ul.toplevel li.close {position:absolute; left:0; top:0; width:20px; height:20px; z-index:-1; overflow:hidden; }
ul.toplevel li.close a {display:block; padding:0; border:0; width:20px; height:20px; background:url(ipad/close.png);}
ul.toplevel li.close a b {position:absolute; left:-9999px;}*/