/*******************************************************************************
*** ESSENTIAL STYLES 
*******************************************************************************/
ul.menubar, ul.menubar *            { margin: 0; padding: 0; list-style: none; }

ul.menubar                          { margin-bottom:2px; }

ul.menubar ul 						{ margin-bottom:0px; position:absolute; top:-999em; min-width:180px; }

ul.menubar li:hover                 { visibility:inherit; ; position:relative;z-index: 100;} /* fixes IE7 'sticky bug' */

ul.menubar li                       { float:left; position:relative; }
ul.menubar li li                    { float:none; }

ul.menubar a                        { display:block; position:relative; }

ul.menubar li:hover ul,
ul.menubar li.hover ul              { left:0; top:100%; z-index:99; }

ul.menubar li:hover li ul,
ul.menubar li.hover li ul           { top:-999em; }

ul.menubar li li:hover ul,
ul.menubar li li.hover ul           { left:100%; top:0; }

ul.menubar li li:hover li ul,
ul.menubar li li.hover li ul        { top:-999em; }

ul.menubar li li li:hover ul,
ul.menubar li li li.hover ul        { left:100%; top:0; }



/*******************************************************************************
*** DEMO SKIN 
*******************************************************************************/
td.menubar                          { padding-bottom:8px; border-top: 1px solid #5781AB; }
td.menubar_title                    { text-align:right; border-top: 1px solid #5781AB; padding-right: 2px;
                                      font-family: Verdana; font-size: medium; color: #336699; }

ul.menubar ul 						{ border: 1px solid #336699; background:White; }
ul.menubar li                       { background: White; }

ul.menubar a,
ul.menubar a:active,
ul.menubar a:visited                { padding: 3px 10px; font-family:Arial; font-size:10pt; text-decoration: none; display:inline-block; }

ul.menubar a,
ul.menubar a:active,
ul.menubar a:visited                { font-weight:bold; color:#336699; border-right: 1px solid #B9CADC; }
ul.menubar a:focus,
ul.menubar a:hover                  { background:#E7F7FD; color:#336699; }

ul.menubar ul a,
ul.menubar ul a:active,
ul.menubar ul a:visited             { font-weight:normal; color:Blue; border-right: none; }
ul.menubar ul a:focus,
ul.menubar ul a:hover               { background:White; color:Red; }