
/* Snapsis Horizontal Main Menu */
/* Root items */
#MainMenu { height: 50px; margin: 0 auto; z-index: 99; }	
#MainMenu ul { float: left; line-height: 50px; list-style: none; margin: 0; padding: 0; width: 100%; }
#MainMenu a { background: none; color: #ffffff; display: block; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 18px; padding: 3px 0; text-decoration: none; }
#MainMenu li { background: none; float: left; list-style: none; padding: 0; z-index: 99; }
#MainMenu ul li { background: none; float: left; padding: 0; text-align: center; }

/* Top Level */
#MainMenu ul li.tab { margin: 0; padding: 0; }
#MainMenu ul li.tab a { color: #ffffff; line-height: 50px; padding: 0 12px; text-decoration: none; }

#MainMenu ul li.tab ul.nontab li a:hover, #MainMenu ul li.tab a:hover { background: url(images/menu_item_left.gif) no-repeat left; color: #ffffff; }
#MainMenu li.tab:hover, #MainMenu li.tab_selected:hover, #MainMenu ul li.sfhover { background: url(images/menu_item_right.gif) no-repeat right; color: #ffffff; }
#MainMenu li.tab:hover a, #MainMenu ul li.sfhover a { background: url(images/menu_item_left.gif) no-repeat left; color: #ffffff; }

/* Classes for selected state in Top Menu */
#MainMenu ul li.tab_selected { background: url(images/menu_item_right.gif) no-repeat right; margin: 0; padding: 0; }
#MainMenu ul li.tab_selected a { background: url(images/menu_item_left.gif) no-repeat left; color: #ffffff; line-height: 50px; padding: 0 18px; text-decoration: none; }
#MainMenu ul li.tab_selected a:hover { color: #ffffff; }

/* Second Level */
#MainMenu ul li.tab ul { background: #00204e; line-height: 18px; padding: 9px 0; width: 224px; z-index: 99; }
#MainMenu ul li.tab ul.nontab { margin: 0; }

#MainMenu ul li.tab ul.nontab li a { background-image: none; border-bottom: 1px dotted #ffffff; border-right: 0; color: #ffffff; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 12px; line-height: 18px; margin: 0 9px; padding: 6px 0; }
#MainMenu ul li.tab ul.nontab li a.parent { }

#MainMenu li li { width: 224px; }
#MainMenu li ul a { background: none; text-align: left;}
#MainMenu ul li ul { border: 1px solid #ffffff; }

#MainMenu ul li ul li { border: none; margin-left: 0; text-align: left; }
#MainMenu li ul { height: auto; left: -999em; margin: 0; padding: 0; position: absolute; }

#MainMenu li:hover ul ul, #MainMenu li:hover ul ul ul, #MainMenu li.sfhover ul ul, #MainMenu li.sfhover ul ul ul { left: -999em; }
#MainMenu li:hover ul, #MainMenu li li:hover ul, #MainMenu li li li:hover ul, #MainMenu li.sfhover ul, #MainMenu li li.sfhover ul, #MainMenu li li li.sfhover ul { left: auto; }
#MainMenu ul li ul li:hover, #MainMenu ul li ul li.sfhover { background: #892034; }
#MainMenu ul li.tab ul.nontab li a:hover { background: none; color: #ffffff;}

/* Classes for selected state in sub menus, generally same as normal sub menu */
#MainMenu ul li.tab_selected ul { background: #00204e; line-height: 18px; padding: 6px 0; width: 224px; z-index: 99; }
#MainMenu ul li.tab_selected ul li a { background-image: none; border-bottom: 1px dotted #ffffff; border-right: 0; color: #ffffff; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 12px; line-height: 18px; margin: 0 9px; padding: 6px 0; text-decoration: none; }
#MainMenu ul li.tab_selected ul li a:hover { background: #892034; color: #ffffff; }
#MainMenu ul li.tab_selected ul.nontab { margin: 0; }

/* Third Level */
#MainMenu li ul ul { margin: -32px 0 0 224px; }
#MainMenu li.tab_selected ul ul { margin: -32px 0 0 224px; } 



/* Snapsis Horizontal Admin Menu */
/* Root items */
#AdminMenu { background: #892034; height: 20px; margin: 0 auto; z-index: 99; }
#AdminMenu ul { float: left; line-height: 20px; list-style: none; margin: 0; padding: 0; width: 100%; }
#AdminMenu a { background: none; border-right: 1px solid #ffffff; color: #ffffff; display: block; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 12px; padding: 3px 0; text-decoration: none; }
#AdminMenu li { background: none; float: left; list-style: none; padding: 0; z-index: 99; }
#AdminMenu ul li { background: none; float: left; padding: 0; text-align: center; }

/* Top Level */
#AdminMenu ul li.tab { margin: 0; padding: 0; }
#AdminMenu ul li.tab a { color: #ffffff; font-weight: bold; line-height: 20px; padding: 0 12px; text-decoration: none; }

#AdminMenu ul li.tab ul.nontab li a:hover, #AdminMenu ul li.tab a:hover { background: #00204e; color: #ffffff; }
#AdminMenu li.tab:hover, #AdminMenu li.tab_selected:hover, #AdminMenu ul li.sfhover { background: #00204e; color: #ffffff; }
#AdminMenu li.tab:hover a, #AdminMenu ul li.sfhover a { background: #00204e; color: #ffffff; }

/* Classes for selected state in Top Menu */
#AdminMenu ul li.tab_selected { background: #00204e; margin: 0; padding: 0; }
#AdminMenu ul li.tab_selected a { background: #00204e; color: #ffffff; font-weight: bold; line-height: 20px; padding: 0 12px; text-decoration: none; }
#AdminMenu ul li.tab_selected a:hover { color: #ffffff; } 

/* Second Level */
#AdminMenu ul li.tab ul { background: #00204e; line-height: 18px; padding: 3px 0; width: 224px; z-index: 99; }
#AdminMenu ul li.tab ul.nontab { margin: 0; }

#AdminMenu ul li.tab ul.nontab li a { background-image: none; border-bottom: 1px dotted #ffffff; border-right: 0; color: #ffffff; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 12px; line-height: 18px; margin: 0 6px; padding: 3px 0; text-transform: none; }
#AdminMenu ul li.tab ul.nontab li a.parent { }

#AdminMenu li li { width: 224px; }
#AdminMenu li ul a { background: none; text-align: left; }
#AdminMenu ul li ul { border: 1px solid #ffffff; }

#AdminMenu ul li ul li {border: none; margin-left: 0; text-align: left; }
#AdminMenu li ul { height: auto; left: -999em; margin: 0; padding: 0; position: absolute; }

#AdminMenu li:hover ul ul, #AdminMenu li:hover ul ul ul, #AdminMenu li.sfhover ul ul, #AdminMenu li.sfhover ul ul ul { left: -999em; }
#AdminMenu li:hover ul, #AdminMenu li li:hover ul, #AdminMenu li li li:hover ul, #AdminMenu li.sfhover ul, #AdminMenu li li.sfhover ul, #AdminMenu li li li.sfhover ul { left: auto; }
#AdminMenu ul li ul li:hover, #AdminMenu ul li ul li.sfhover { background: #892034; color: #ffffff; }
#AdminMenu ul li.tab ul.nontab li a:hover { background: none; color: #ffffff;}

/* Classes for selected state in sub menus, generally same as normal sub menu */
#AdminMenu ul li.tab_selected ul { background: #00204e; line-height: 18px; padding: 3px 0; width: 224px; z-index: 99; }
#AdminMenu ul li.tab_selected ul li a { background-image: none; border-bottom: 1px dotted #ffffff; border-right: 0; color: #ffffff; font-family: Arial, Helvetica, Verdana, Sans-Serif, Serif; font-size: 12px; line-height: 18px; margin: 0 6px; padding: 3px 0; text-decoration: none; text-transform: none; }
#AdminMenu ul li.tab_selected ul li a:hover { background: #892034; color: #ffffff; }
#AdminMenu ul li.tab_selected ul.nontab { margin: 0; }

/* Third Level */
#AdminMenu li ul ul { margin: -26px 0 0 224px; }
#AdminMenu li.tab_selected ul ul { margin: -26px 0 0 224px; }
