/* CSS for main menu and buttons */

@media screen and (max-width: 500px) {
	  #mbmcpebul_wrapper:not(.scripted) {
		text-align: center;
	  }
	  
	  #mbmcpebul_wrapper:not(.scripted) #mbmcpebul_table li {
    	float: none;
	    vertical-align: top;
	  }
}

@keyframes mbmcpebul_table-slide-in {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0%); }
}

@-webkit-keyframes mbmcpebul_table-slide-in {
	0% { -webkit-transform: translateX(-100%); }
	100% { -webkit-transform: translateX(0%); }
}
	
@keyframes mbmcpebul_table-slide-out {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}

@-webkit-keyframes mbmcpebul_table-slide-out {
	0% { -webkit-transform: translateX(0%); }
	100% { -webkit-transform: translateX(-100%); }
}

#mbmcpebutt_wrapper {
  padding: 0;
  font-size: 0;
  line-height: 0;
}

#mbmcpebul_wrapper {
  padding: 0;
  border-style: solid;
  border-color: #000000;
  border-width: 0;
  border-radius: 0;
  background-color: #334000;
  box-shadow: none;
  border-collapse: separate;
  font-size: 0;
  line-height: 0;
}

#mbmcpebul_wrapper.centeritems {
  text-align: center;
}

#mbmcpebul_wrapper.centeritems #mbmcpebul_table li {
  float: none;
  vertical-align: top;
}

#mbmcpebul_wrapper.quirks {
  margin-bottom: 1px;
  margin-right: 1px;
}

#mbmcpebul_wrapper.quirks #mbmcpebul_table ul li {
  width: 100%;
}

#mbmcpebul_table {
  margin: 0px;
  margin-bottom: -1px;
  margin-right: -1px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width: auto;
}

#mbmcpebul_table .submenu_arrow {
  margin-left: 8px;
}

#mbmcpebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
  margin: 0;
  border-style: solid;
  border-color: #870724;
  border-width: 0;
  padding: 0;
  background: #669901; /* background for menu items */
  font-size: 0;
  border-radius: 0;
  box-shadow: 2px 2px 9px -1px #334000; /* shadow around submenus */
}

#mbmcpebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbmcpebul_table ul li {
  border-style: solid;
  /* border-color: #000000; */
  border-color: transparent;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 0px 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  /* background-color: #669901; */
  background-color: transparent;
  display: block;
}

#mbmcpebul_table ul li a {
  padding: 4px 12px 4px 10px;
  text-align: left;
}

#mbmcpebul_table ul li:hover > a {
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li.subexpanded a.subexpanded,
#mbmcpebul_table ul li.subitemhot a.subitemhot,
#mbmcpebul_table ul li a:hover {
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li:hover,
#mbmcpebul_table ul li.subexpanded,
#mbmcpebul_table ul li.subitemhot {
  border-color: transparent;
  background-color: #98CC34;
  /* background-color: transparent; */
  box-shadow: none;
}

#mbmcpebul_table ul li.separator {
  padding: 4px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbmcpebul_table ul li.separator div {
  border-top: 1px solid #548101;
  border-bottom: 1px solid #A9C080;
  font-size: 0px;
}

#mbmcpebul_table ul li.first_item {
  border-radius: 4px 4px 0 0;
}

#mbmcpebul_table ul li.last_item {
  border-radius: 0 0 4px 4px;
}

#mbmcpebul_table li {
  list-style: none;
  float: left;
  margin: 0px 1px 1px 0px;
  padding: 0;
  float: left;
  display: inline-block;
}

#mbmcpebul_table li a {
  line-height: 13px;
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  padding: 6px 20px 5px 27px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbmcpebul_table li:hover div.buttonbg a,
#mbmcpebul_table li.expanded a.topitem,
#mbmcpebul_table li.active a.topitem,
#mbmcpebul_table li.itemhot a.topitem,
#mbmcpebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table li:hover div.buttonbg a.disableGrey {
 color: #98ba88;
}

#mbmcpebul_table li.expanded div.buttonbg,
#mbmcpebul_table li.active div.buttonbg,
#mbmcpebul_table li.itemhot div.buttonbg,
#mbmcpebul_table li:hover div.buttonbg {
  background-color: #669901;
  box-shadow: none;
  border-color: #98CC34;
}

#mbmcpebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  opacity: 1;
  top: -0px;
  left: 100%;
  right: auto;
}

#mbmcpebul_table.css_menu li {
  position: relative;
}

#mbmcpebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbmcpebul_table.css_menu a:hover .hoverbutton,
#mbmcpebul_table a .normalbutton {
  display: block;
}

#mbmcpebul_table a img {
  border: none;
}

#mbmcpebul_table a .hoverbutton,
#mbmcpebul_table a .downbutton,
#mbmcpebul_table.css_menu a:hover .normalbutton {
  display: none;
}

#mbmcpebul_table a.with_img_4 span.img_4x5,
.mbmcpebul_menulist span.img_4x5 {
  width: 4px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
}

#mbmcpebul_table li:hover > a span.img_4x5,
#mbmcpebul_table li.subexpanded > a span.img_4x5 {
  background-position: 0 -5px;
}

#mbmcpebul_table ul li a.with_arrow {
  background-image: url(../templates/topMenuPics/m2m_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 16px;
}

#mbmcpebul_table ul a img,
#mbmcpebul_table ul a span {
  margin-right: 6px;
  vertical-align: middle;
}

#mbmcpebul_table ul.img_16 > li > a.with_img_16 {
  padding-left: 3px;
} 

#mbmcpebul_table ul.img_16 > li > a {
  padding-left: 25px;
}

#mbmcpebul_table ul.img_16 > li > a.disableGreen {
  padding-left: 3px;
/*  color:#BD1113; */
/*  color:#b3d096; */
  color:#9dba9d;
}

#mbmcpebul_table li a.button_1,
#mbmcpebul_table li div a.button_1 {
  font-family: Verdana, Geneva, sans-serif;
  padding-right: 5px;
}

#mbmcpebul_table div.arrow {
  background-image: url(../templates/topMenuPics/m2m_arrow_down.png);
  background-repeat: no-repeat;
  background-position: right center;
  height: 100%;
}

#mbmcpebul_table div.icon_1 {
  background-image: url(../templates/topMenuPics/m2m_ico_home.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
}

#mbmcpebul_table div.icon_2 {
  background-image: url(../templates/topMenuPics/m2m_ico_operations.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
}

#mbmcpebul_table div.icon_3 {
  background-image: url(../templates/topMenuPics/m2m_ico_settings.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
}

#mbmcpebul_table div.icon_4 {
  background-image: url(../templates/topMenuPics/m2m_ico_controls.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
}

#mbmcpebul_table div.icon_5 {
  background-image: url(../templates/topMenuPics/m2m_ico_admin.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
}

#mbmcpebul_table div.icon_5 a.disableGrey {
  color: #808a70;
}

#mbmcpebul_table div.icon_6 {
  background-image: url(../templates/topMenuPics/m2m_ico_tools.png);
  background-repeat: no-repeat;
  background-position: 5px center;
  height: 100%;
} 

#mbmcpebul_table div.icon_6 a.disableGrey {
  color: #808a70;
}

#mbmcpebul_table div.icon_7 { 
  background-image: url(../templates/topMenuPics/m2m_ico_support.png); 
  background-repeat: no-repeat; 
  background-position: 5px center; 
  height: 100%; 
} 

#mbmcpebul_table a div.buttonimg_22 { 
  height: 22px;
  background-position: 0 0;
} 

#mbmcpebul_table.css_menu a:hover div.buttonimg_22,
#mbmcpebul_table a.itemhot div.buttonimg_22 {
  background-position: 0 -22px;
} 

#mbmcpebul_table.css_menu a:active div.buttonimg_22,
#mbmcpebul_table li a.itemdown div.buttonimg_22 {
  background-position: 0 -44px;
}

#mbmcpebul_table a div.buttonimg_26 {
	height: 26px;
	background-position: 0 0;
}

#mbmcpebul_table.css_menu a:hover div.buttonimg_26,
#mbmcpebul_table a.itemhot div.buttonimg_26 {
  background-position: 0 -26px;
}

#mbmcpebul_table.css_menu a:active div.buttonimg_26,
#mbmcpebul_table li a.itemdown div.buttonimg_26 {
  background-position: 0 -52px;
}

#mbmcpebul_table a div.buttonimg_40 {
  height: 40px;
  background-position: 0 0;
}

#mbmcpebul_table.css_menu a:hover div.buttonimg_40, #mbmcpebul_table a.itemhot div.buttonimg_40 {
  background-position: 0 -40px;
}

#mbmcpebul_table.css_menu a:active div.buttonimg_40, #mbmcpebul_table li a.itemdown div.buttonimg_40 {
  background-position: 0 -80px;
}

#mbmcpebul_table a div.buttonimg_74 {
  height: 74px;
  background-position: 0 0;
}

#mbmcpebul_table.css_menu a:hover div.buttonimg_74, #mbmcpebul_table a.itemhot div.buttonimg_74 {
  background-position: 0 -74px;
}

#mbmcpebul_table.css_menu a:active div.buttonimg_74, #mbmcpebul_table li a.itemdown div.buttonimg_74 {
  background-position: 0 -148px;
}

/*
#mbmcpebul_table li:hover div.gradient_button, #mbmcpebul_table li.expanded div.gradient_button, #mbmcpebul_table li.active div.gradient_button, #mbmcpebul_table li.itemhot div.gradient_button { 
  background-image: -moz-linear-gradient(top, #52A8E8 0%, #377AD0 100%); 
  background-image: -webkit-linear-gradient(top, #52A8E8 0%, #377AD0 100%); 
  background-image: -ms-linear-gradient(top, #52A8E8 0%, #377AD0 100%); 
  background-image: linear-gradient(top, #52A8E8 0%, #377AD0 100%); 
}

#mbmcpebul_table ul.gradient_menu { 
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); 
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); 
  background-image: linear-gradient(top, #FFFFFF 0%, #ECECEC 100%); 
} 

#mbmcpebul_table ul li.gradient_menuitem:hover, #mbmcpebul_table ul li.gradient_menuitem.subexpanded, #mbmcpebul_table ul li.gradient_menuitem.subitemhot, 
#mbmcpebul_table_burger ul li.gradient_menuitem:hover > a, #mbmcpebul_table_burger ul li.gradient_menuitem.subexpanded > a, #mbmcpebul_table_burger ul li.gradient_menuitem.subitemhot > a { 
  background-image: -moz-linear-gradient(top, #51A4E6 0%, #3A7ED1 100%); 
  background-image: -webkit-linear-gradient(top, #51A4E6 0%, #3A7ED1 100%); 
  background-image: -ms-linear-gradient(top, #51A4E6 0%, #3A7ED1 100%); 
  background-image: linear-gradient(top, #51A4E6 0%, #3A7ED1 100%); 
} 
*/
