/*menuBar toggle*/
.menuBar-toggle-visible-xs{height:38px;overflow:hidden;}

@media screen and (max-width: 767px) {
 .menuBar-toggle-visible-xs{padding-top:0px;}	
 #menuBar{margin-top:8px !important;}
}
.menuBar-toggle-visible-xs .navbar-toggle{padding:0;margin-bottom:0;border:0;}
.menuBar-toggle-visible-xs .title{margin-left:0px;font-size:1.2em;color:#000000;line-height:44px;height:44px;}

#ctrl-menuBar.menuBar-toggle-visible-xs{display:none;}
#ctrl-menuBar.menuBar-toggle-visible-xs .title{margin-left:10px;font-size:1.2em;color:#FFFFFF;line-height:35px;height:35px;}

img#menuBar-btn, 
img#ctrl-menuBar-btn{width:25px;height:25px;cursor:pointer;}

/*Custom top menu*/
	#menuBar-wrapper .navbar{background:none;border:none;all:none;}

	.my-navbar > li > a,
	.my-navbar > li > a:focus,
	.my-navbar > li > a:hover {
		background:none !important; /*remove default onmouseover background */
	}
	.my-navbar,
	.my-navbar > li > a,
	.my-navbar > .active > a,
	.my-navbar > .active > a:hover,
	.my-navbar > .active > a:focus {
		padding:0;margin:0;border:0;
	}
	
@media screen and (min-width: 768px) {
	
	.my-navbar-panel{padding:0px;}
	
	.my-navbar li.topMenu_bt, 
	.my-navbar li.topMenu_bt_on{margin-right:0px;margin-bottom:0px;}
	
	.my-navbar > li:first-child{margin-left:0px;}
	.my-navbar > li:last-child{margin-right:0px;}
	
	.topMenu_bt {height:60px;}
	
	.topMenu_bt A{text-decoration:none;}
	
	.topMenu_bt div.R, .topMenu_bt_on div.R{min-width:60px;}
	/*IE FF m.default*/
	
	.topMenu_bt A div.L{padding-left:22px;height:60px;line-height:60px;text-decoration:none;background-image:url(_imgs/topmenu_CTR_off.png);background-repeat:no-repeat;background-position:center bottom;} /*L.off*/
	/*FF m.over*/
	.topMenu_bt A div.L:hover {padding-left:22px;height:60px;line-height:60px;text-decoration:none;background-image:url(_imgs/topmenu_CTR_on.png);background-repeat:no-repeat;background-position:center bottom;} /*L.on*/
	/*IE m.over*/
	.topMenu_bt A:hover div.L {padding-left:22px;height:60px;line-height:60px;text-decoration:none;background-image:url(_imgs/topmenu_CTR_on.png);background-repeat:no-repeat;background-position:center bottom;} /*L.on*/
	
	.topMenu_bt A div.R{padding-right:22px;height:60px;line-height:60px;text-align:center;color:#ffffff;white-space:nowrap;text-decoration:none;} /*R.off*/
	/*FF m.over*/
	.topMenu_bt A div.R:hover {padding-right:22px;height:60px;line-height:60px;text-align:center;color:#ffe000;white-space:nowrap;text-decoration:none;} /*R.on*/
	/*IE m.over*/
	.topMenu_bt A:hover div.R {padding-right:22px;height:60px;line-height:60px;text-align:center;color:#ffe000;white-space:nowrap;text-decoration:none;} /*R.off*/
	
	/*IE FF selected*/
	.topMenu_bt_on div.L{padding-left:22px;height:60px;line-height:60px;background-image:url(_imgs/topmenu_CTR_selected.png);background-repeat:no-repeat;background-position:center bottom;} /*L.selected*/
	.topMenu_bt_on div.R{padding-right:22px;height:60px;line-height:60px;text-align:center;color:#ffe000;white-space:nowrap;cursor:default;} /*R.selected*/
	


	
}										


@media screen and (max-width: 767px) {
	
	.my-navbar-panel{margin-top:5px;padding:15px;background-color:white;border-radius:15px;opacity:0.85;border:1px solid #aeaeae;}
	
	
	.my-navbar{margin-left:10px !important;}
	.my-navbar .root-level .caret{
		margin-top:6px;
		background-color:#fff;color:#000;font-weight:bold;
	}
	/*custom #menuBar > root -/+ carets*/
	.my-navbar .root-level .root-caret.caret.plus:before {
		content: '+';
		font-family: monospace;
		font-weight: bold;
	}
	.my-navbar .root-level .root-caret.caret.minus:before {
		content: '-';
		font-family: monospace;
		font-weight: bold;
	}
				
			.topMenu_bt A div.L{line-height:40px;} /*L.off*/
			/*FF m.over*/
			.topMenu_bt A div.L:hover {line-height:40px;} /*L.on*/
			/*IE m.over*/
			.topMenu_bt A:hover div.L {line-height:40px;} /*L.on*/
			
			.topMenu_bt A div.R{line-height:40px;color:#000000;} /*R.off*/
			/*FF m.over*/
			.topMenu_bt A div.R:hover {line-height:40px;color:#555555;} /*R.on*/
			/*IE m.over*/
			.topMenu_bt A:hover div.R {line-height:40px;color:#555555;} /*R.off*/
			
			/*IE FF selected*/
			.topMenu_bt_on div.L{line-height:40px;} /*L.selected*/
			.topMenu_bt_on div.R{line-height:40px;color:#ee1a24;} /*R.selected*/
			
			.dropdown-menu > li{border-bottom:1px dashed #555;}
			.dropdown-menu > li > a{color:#000000;} /*change the color of sub-dropdowns*/
}


