/*Sitemap Vertical Popout Menu CSS for CMSimple*/
/*Microsoft behaviour to make IE6 and earlier behave like a compatible browser - ignored by other browsers*/

/*Sitemap Vertical Popout Menu CSS for CMSimple*/


/*Microsoft behaviour to make IE6 and earlier behave like a compatible browser - ignored by other browsers*/

<!--[if IE]>
<style type="text/css" media="screen">
body {behavior: url(csshover.htc);} 

</style>
<![endif]-->


/*default styles for the menu, lists and links*/

#bwmenu{position:relative;z-index:1;float:left;width:175px;}
#bwmenu ul{  z-index:500;list-style-type:none;margin:0;padding:0; padding-left:0px;}
#bwmenu li{position:relative;display:table-cell;float:left;width:100%;color:#ffffff;background:none;padding-left:0px;font:14px arial,helvetica,sans-serif;margin:0;padding:0px;line-height:32px;text-align:left;}
#bwmenu a{display:block; width:100%;color:#ffffff; background:none;text-decoration:none; }

/*display image button after a link is clicked*/
#bwmenu li.sdoc{ position:relative;display:table-cell;float:left;width:100%;color:#ffffff;background:none;padding-left:0px;font:14px arial,helvetica,sans-serif;margin:0;padding:0px;line-height:32px;text-align:left;display:list-item; list-style-image:url('images/icon_arrow.png'); list-style-position:inside;}
#bwmenu li.sdocs{ position:relative;display:table-cell;float:left;width:100%;color:#ffffff;background:none;padding-left:0px;font:14px arial,helvetica,sans-serif;margin:0;padding:0px;line-height:32px;text-align:left;display:list-item; list-style-image:url('images/icon_arrow.png'); list-style-position:inside;}



/*change list item colours on hover*/

#bwmenu li:hover{color:#ffffff;background:#17a8b8;}
#bwmenu a:hover{ display:list-item; list-style-image:url('images/icon_arrow.png'); list-style-position:inside; color:#ffffff;background:#17a8b8;}


/*hide menulevel2*/

#bwmenu ul ul{display:none;}


/*hide menulevel3 when hovering over menulevel1 items*/

#bwmenu ul li:hover ul ul{display:none;}


/*display expanding menulevel2 on hovering over menulevel1 items*/
#bwmenu ul li:hover ul{position:absolute; display:block; list-style-position:inside; top:-1px;left:100%;width:150%;background:#0CC;}

/*display expanding menulevel3 on hovering over menulevel2 items*/

#bwmenu ul ul li:hover ul{position:absolute; display:block; list-style-position:inside;  top:-1px; left:100%;width:150%;background:#0CC;}

/*End of Sitemap Vertical Popout Menu CSS for CMSimple*/