﻿
.menu-outer{margin: 5px;}
.sideMenu{cursor:pointer;}
.sideMenu ul{list-style-type: none;margin: 0px;padding: 0px;z-index: 101;}
.sideMenu ul ul{padding: 1px;font-weight: normal;color: #000;z-index: 100;}
.sideMenu ul ul li{position: relative;}

/*/////////////////////////left:99%;*/
.sideMenu ul ul ul{position:absolute;left:99%;top:0;z-index: 102;background-color: #F2F6FC;border: #D4DDE9 1px solid;}

/*Hide all Uls from 2nd lavel*/
.sideMenu ul ul ul {display:none}

/*================Showing & Hiding  Magic=================*/
.sideMenu ul li:hover ul,
.sideMenu ul li:hover ul ul,
.sideMenu ul li:hover ul ul ul,
.sideMenu ul li:hover ul ul ul ul,
.sideMenu ul li:hover ul ul ul ul ul,
.sideMenu ul li:hover ul ul ul ul ul ul
 {display:none}

/*you probably don't want all of the child <ul>'s appearing until you hover over their immediate parent <li>. 
*/
.sideMenu ul li:hover ul,
.sideMenu ul ul li:hover ul,
.sideMenu ul ul ul li:hover ul,
.sideMenu ul ul ul ul li:hover ul,
.sideMenu ul ul ul ul ul li:hover ul,
.sideMenu ul ul ul ul ul ul li:hover ul
{display: block;}

.topMenu{width: 200px;margin: 0px;}

.topMenu span.title{display:block;padding:11px 0 11px 9px;font-size:10pt;color:#FFF;font-weight:bold}

.topMenu A
{	
	padding:5px 0px 5px 0px;
	text-decoration: none;
	color: #000;
	font-size:8pt;
	width:196px;
	display:block;
}

.mnu-up{background:url(images/mnu-item-sel.gif) no-repeat; }
.mnu-down{background:url(images/mnu-item.gif) no-repeat; }

.subMenu{background-color: #F2F6FC;border: #D4DDE9 1px solid;border-top: none;}
.subMenu A{border-bottom: #D4DDE9 1px dotted;}
.subMenu A:hover{color: #FFF;background-color: #567094;}



.pop{background:url(images/menu-more-left.gif) no-repeat right 5px}
/*.cyan-up
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/country-map-on.gif) no-repeat;
}
.green-up
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/city-map-on.gif) no-repeat;
}
.orange-up
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/world-map-on.gif) no-repeat;
}
.purple-up
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/continental-map-on.gif) no-repeat;
}
.magenta-up
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/state-map-on.gif) no-repeat;
}

.cyan-down
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/country-map.gif) no-repeat;
}
.green-down
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/city-map.gif) no-repeat;
}
.orange-down
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/world-map.gif) no-repeat;
}
.purple-down
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/continental-map.gif) no-repeat;
}
.magenta-down
{
	background:  url(file:///C|/Inetpub/wwwroot/MapsGet/images/state-map.gif) no-repeat;
}

.cyan{background-color: #E0FAFF;border: #26A0AD 1px solid;border-top: none;}
.cyan A{border-bottom: #26A0AD 1px dotted;}
.cyan A:hover{color: #FFF;background-color: #26A0AD;}

.green{background-color: #E1F8DA;border: #51A034 1px solid;border-top: none;}
.green A{border-bottom: #51A034 1px dotted;}
.green A:hover{color: #FFF;background-color: #51A034;}


.orange{background-color: #FDF1C7;border: #E18C13 1px solid;border-top: none;}
.orange A{border-bottom: #E18C13 1px dotted;}
.orange A:hover{color: #FFF;background-color: #E18C13;}

.purple{background-color: #DBE3FD;border: #4069CD 1px solid;border-top: none;}
.purple A{border-bottom: #4069CD 1px dotted;}
.purple A:hover{color: #FFF;background-color: #4069CD;}

.magenta{background-color: #FFDBEE;border: #BE56B2 1px solid;border-top: none;}
.magenta A{border-bottom: #BE56B2 1px dotted;}
.magenta A:hover{color: #FFF;background-color: #BE56B2;}*/