#HeaderBox { position:absolute; top:0; left:0; height:50px; overflow:hidden; min-width:1020px; }
#HeaderMenu { display:block; float:left; }
#BodyBox { position:absolute; top:55px; bottom:0; left:0; right:0; padding-left:5px; overflow:auto; }
.LeftMenuBox { position:absolute; top:27px; bottom:0; width:250px; border-right:1px #000 solid; margin-left:-5px; overflow-x:hidden; overflow-y:auto; padding-bottom:2em; }
.LeftMenuBoxFront { width: 450px; padding-left: 4px; top: 0; }
#ContentBox { position:absolute; top:0; bottom:0; left:0; right:0; overflow:auto; padding-left:5px; padding-right:5px; padding-bottom:2em; }
.ContentBoxFront { position:absolute; top:0; bottom:0; left: 455px; right:0; }
#LeftMenuTitle { position:absolute; top:0; left:0; width:250px; border-right:1px #000 solid; margin-left:0px; }
#LeftMenuTitleText { float:left; padding-left:10px; padding-top:5px; padding-bottom:5px; }
#LeftMenuArrow { float:right; background-color:#FFF; text-align:center; width:25px; height:18px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-top:4px; margin-right:2px; padding-left:2px; }
#LeftMenuArrowMobile { display:none; }
#LeftMenuLinks { }
#LeftMenuLinks h2 { padding-left:5px; }
#LeftMenuLinks a { display:block; padding-top:.2em; padding-bottom:.2em; padding-left:10px; }
#LeftMenuLinks a:hover { text-decoration:none; color:#FFF; background-color:#0083c0; }
#UserInfo { float:right; padding:2px 4px; }
#Logo { float:left; padding-top:1em; margin-right:1em; }
#MenuBox { height:30px; }
#MenuBox ul { margin:0px; padding:0px; list-style:none;  }
#MenuBox ul li { float:left; margin:0px; padding:0; min-width:90px; text-align:center; background:url('/Images/Default/Menu/globalnavbg_blue.png') left no-repeat; }
#MenuBox ul a { display:block; padding:7px 0px; text-decoration:none; color:#FFF; font-size:14px; padding-left:1em; padding-right:1em; }
#MenuBox ul a:hover { background:url('/Images/Default/Menu/globalnavbg_gray.png') left repeat-x; }
#MenuBox ul a.active { background:url('/Images/Default/Menu/globalnavbg_gray.png') left repeat-x; }
#SubMenuBox { position:fixed; background:#FFF; height:20px; float:left; }
#SubMenuBox ul { margin:0px; padding:0px; list-style:none;  }
#SubMenuBox ul li { float:left; margin:0px; padding:0px; min-width:75px; text-align:center; background:url('/Images/Default/Menu/globalnavbg_blue.png') left no-repeat; }
#SubMenuBox ul a { display:block; padding:2px 0px; text-decoration:none; color:#FFF; font-size:14px; }
#SubMenuBox ul a:hover { background:url('/Images/Default/Menu/globalnavbg_gray.png') left no-repeat; }
#SubMenuBox ul a.active { background:url('/Images/Default/Menu/globalnavbg_gray.png') left no-repeat; }

div.MainMenu { position:absolute; border-collapse: collapse; border-left:1px #000 solid; border-right:1px #000 solid; background-color: #FFF; z-index:99; max-height:85%; overflow-y:auto; }
div.MainMenu ul { margin:0px; padding:0px; list-style:none;  }
div.MainMenu ul li { float:none; min-width:100px; margin:0px; padding:0px 0px 0px 20px; white-space:nowrap; text-align:left; background:#FFF url('/Images/Default/Menu/file_icon.png') left no-repeat; border-bottom:1px #000 solid; }
div.MainMenu ul a { display:block;  color:#000; font-size:12px; text-decoration:none; padding:0.2em 17px 0.2em 0em; }
div.MainMenu ul a:hover { color:#000; background:url('/Images/Default/Menu/arrow-right.png') right no-repeat; }

.nav-menu-icon { display:none; }

@media print
{
	#HeaderBox { display:none; }
	#LeftMenuTitle { display:none; }
	.LeftMenuBox { display:none; }
	#BodyBox { position:relative; margin:0; padding:0; left:auto; right:auto; top:auto; bottom:auto; overflow:hidden; }
	#ContentBox { position:relative; margin:0; padding:0; left:auto; right:auto; top:auto; bottom:auto; overflow:hidden; }
}

@media screen and (max-width: 767px) {
	#Logo { margin: 0.5em 2em 1em 2em; padding: 0; }
	.nav-menu-icon { display:block; float:right; margin:1em 2em; }
	#HeaderBox { position:initial; overflow:initial; min-width:100%; height:56px; box-shadow:0px 5px 5px #9E9E9E; }
	#HeaderMenu { display: none; clear:both; float: initial; background:#FFF; border-top:1px #000 solid; position:relative; z-index:50; }
	#LeftMenuArrow { display:none; }
	#LeftMenuArrowMobile { display:block; float:right; height:100%; width:25px; }
	#LeftMenuArrowMobileContainer { background:#FFF; height:100%; position:fixed; width:14px; padding-top:100%; padding-left:10px; border-left:1px #000 solid; }
	.LeftMenuBoxFront { position:relative; float:left; width:initial; top:initial; bottom:initial;  }
	.ContentBoxFront { position:relative; clear:left; top:initial; bottom:initial; left:initial; right:initial; border-top:1px #000 solid; }
	#UserInfo { float:initial; border-bottom:1px #000 solid; }
	#MenuBox { background:#FFF; height:auto; }
	#MenuBox ul li { width:100%; background:#0083C0; border-bottom:1px #FFF solid; }
	#MenuBox ul a { text-decoration:none; padding:10px 5px; color:#FFF; font-size:16px; }
	#MenuBox ul a:hover, #MenuBox ul a.active { background:#9E9E9E; }
	#MenuPlatform { left:0px!important; }
	#LeftMenuLinks a { font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:10px; }
	div.MainMenu { position:absolute; width:100%; border:0px; background-color: #FFF; z-index: 99; max-height: 85%; overflow-y: auto; }
	div.MainMenu ul li { width: 100%; margin: 0px; padding:0px; white-space: nowrap; text-align: center; background: #FFF; border-bottom: 1px #000 solid; }
	div.MainMenu ul a { display:block; color:#000; font-size:14px; text-decoration:none; padding:5px 0px; }
	div.MainMenu ul a:hover { background:#FFF; }
	#SubMenuBox { position:static; background:#FFF; height:20px; margin-bottom:1em; }
}