﻿.mblack {
	height:39px;
}

.mblack a {
	text-decoration: none;
	font-family: tahoma;
	font-size: 9pt;
	font-weight: normal;
}

.mblack > li > a {
	color: #646464;
	text-shadow: 0px 1px 0px #fff;
	line-height:18px;
	padding:9px 11px 12px;
}
.mblack > li:hover > a {
	
}


/*.mblack > li.floatr {
	border-right:none;
	border-left:1px solid #343434;
	border-left:1px solid rgba(0, 0, 0, .33);
}
*/
.mblack > li > a img, .mblack li > ul > li > a img {
	border:0;
	margin-right:7px;
}

/* notification bubbles ------------------ */

.mblack > li > a .bubble, .mblack li > a .bubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.mblack > li > a .bubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
}
.mblack > li > a .bubble-alt {
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}
.mblack > li:hover > a .bubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.mblack ul > li .bubble {
		font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:9px;
	top:9px;
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}

.mblack > li > a .bubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;
	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	
	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);
	
	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

/* sub menu ------------------------------ */

.mblack ul {
	background-color: #E5E5E5;
	left: -1px;
	border: 1px solid #E5E5E5;	border-top: none;

}
.mblack > li.floatr > ul {right:-1px;left:auto;}
.mblack > li.floatr > ul ul {left:-127px;}
.mblack ul a {
	/*color: #fff;
	font-weight: bold;
	font-size: 13px;*/
	line-height: 18px;
	padding: 7px 11px;
	border-top: 1px solid #4c4c4c;
	border-top-color: #DADADA;
	text-shadow:0px 1px 0px #fff
}
.mblack ul a:hover {
	background-color:#fff;
}
.mblack ul ul li:first-child a {border-top-color:#2c2c2c;}

/* mega menu ----------------------------- */

.mblack li > div {
	background-color:#666;
	border:1px solid #2c2c2c;
	border-top:none;
	left:-1px;
	-webkit-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #ddd, inset 1px 0 #787878;
	box-shadow:0 2px #ddd, inset 1px 0 #787878;
	padding:6px;
}
.mblack > li.floatr > div {right:-1px;left:auto;}
.mblack h4, .mblack h5 {margin:0;padding:0;}
.mblack h4 {
	font-size:15px;
	color:#ccc;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #888;
}
.mblack h5 {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #444;
}
.mblack ol {
	list-style:none;
	margin:7px 10px;
	padding:0;
}

.mblack ol a {
	color:#ddd;
	font-size:12px;
	padding:3px 0;
}
.mblack ol a:hover {
	color:#fff;
}
.mblack p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.mblack p a {
	color:#ddd;
	text-decoration:underline;
}
.mblack p a:hover {
	color:#fff;
}