/*.menu-outer{margin: 5px;}*/
.sideMenu{cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.sideMenu ul{list-style-type: none;margin: 0px;padding: 0px;z-index: 101; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.sideMenu ul ul{padding: 1px;font-weight:bold; color: #000;z-index: 100; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.sideMenu ul ul li{position: relative; font-family:Arial, Helvetica, sans-serif; font-size:12px}

/*/////////////////////////left:99%;*/
.sideMenu ul ul ul{position:absolute;left:98%;top:0;z-index: 102;background-color: #F6EEC8;border: #C5BE9B 1px solid; font-family:Arial, Helvetica, sans-serif; font-size:12px}

/*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; font-family:Arial, Helvetica, sans-serif; font-size:12px}

.topMenu 
{
	width: 207px; margin:0 0 1px 0; background:#2d3e52; border-radius:3px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; transition:300ms ease-in-out
}
.topMenu:hover { background:#d43737 }

.topMenu span.title{display:block;padding:7px 0 7px 7px; font-size:9pt; color:#fff; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}

.topMenu A
{	
	padding:5px 0px 5px 0px;
	text-decoration: none;
	color: #000;
	font-size:8pt;
	width:194px;
	display:block;
}

.topMenu span.title:after {
    content: '\002B';
    color: #fff;
	font-size:13px;
    float: right;
    margin-right: 10px;
}

.topMenu span.title.active:after {
    content: "\2212";
}

.mnu-up{background:#d43737; }
.mnu-down{background:#2d3e52; }

.subMenu {background: #f5f5f5; border: #d43737 1px solid; width:203px}
.subMenu A {border-bottom: #999 1px dotted; width:100%; transition: 500ms ease-in-out; padding:8px 0; color:#666; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; font-size:12px }
.subMenu A:hover {color: #000; background: #dee8ef; }

.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;}*/