﻿#modernbricksmenu{
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
    vertical-align :bottom ;
}
#modernbricksmenu ul{
	font: bold 12px "Microsoft Yahei",Helvetica, Arial, sans-serif;
	margin:0;
	margin-left: 20px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}
#modernbricksmenu li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform:uppercase;
}
#modernbricksmenu a{
	float: left;
	display: block;
	color: white;
	margin: 0 1px 0 0; /*Margin between each menu item*/
    padding: 5px 12px 4px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #8E909C; /*Default menu color*/
		
	border-bottom: 1px solid white;
}
#modernbricksmenu a:hover{
	background-color: #E7A476; /*Menu hover bgcolor*/
}
#modernbricksmenu #current a{ /*currently selected tab*/
	background-color: #DD7C3B; /*Brown color theme*/
	border-color: #DD7C3B; /*Brown color theme*/
}
#modernbricksmenuline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 5px;
	line-height: 5px;
	background: #DD7C3B; /*Brown color theme*/
}
/**/
#msdnmenuhome{
	padding: 0px 0px 4px;
	width: 100%;
	background: #DD7C3B; /*Brown color theme*/
	color: White;
    text-align: center;
	font: 12px "Microsoft Yahei",Helvetica, Arial, sans-serif;
    height:18px;
}

#msdnmenu{
	padding: 6px 0px 4px;
	width: 100%;
	background: #F0F0F0; /*Brown color theme*/
	color: #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	font: 12px "Microsoft Yahei",Helvetica, Arial, sans-serif;
    height:20px;
}
/******/
#menu {
    padding: 8px 10px 0px 10px; 
    margin: 0px; 
    font:bold 12px "Microsoft Yahei",Helvetica, Arial, sans-serif;
    list-style-type: none
}
#menu li {
    float: left; 
    margin-right: 2px
}
#menu li a {
    padding-top: 2px;
    display: block; 
    background: #dddddd; 
    overflow: hidden; 
    width: 100px; 
    color: #666666; 
    line-height: 20px; 
    text-align: center; 
    text-decoration: none;
}
#menu li a:hover span{
    display: block; 
    background: #dddddd; 
    overflow: hidden; 
    width: 100px; 
    color: #666666; 
    line-height: 20px; 
    text-align: center; 
    text-decoration: none;
}
#menu li a span {
    display: none;
}
#menu a:hover {
    position: relative;
}
#menu a:hover span {
    display: block; 
    left: 0px; 
    cursor: pointer; 
    position: absolute; 
    top: 0px;
}
#menu a:hover span {
    padding-top: 2px;
}
#menu li a:hover {
    background: #336699; 
    color: #ffffff;
}
#menu li a:hover span,#menu a.currently{
    background: #336699; 
    color: #ffffff
}
#menubar {
    clear: both; 
    background: #336699; 
    overflow: hidden; 
    height: 3px
}

