/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}

@media screen and (max-width: 1020px) {
	div.homePanel,
	div.columnLeft,
	div.columnRight {
		display: block;
		float: none;
		clear: both;
		width: 100%;
		margin: 0 0 30px 0;
	}
}

@media screen and (max-width: 650px) {
	#header {
		border-bottom: 1px solid #ddd;
	}

	#mobileMenuSwitch {
		position: absolute;
		top: 13px;
		left: 3%;
		display: block;
		width: 40px;
		height: 40px;
		text-align: center;
		font-size: 12pt;
		font-weight: 700;
		z-index: 10;
	}

	#navBar {
		clear: both;
		display: none;
		margin: 0;
		padding: 0 3% 0 3%;
		width: 94%;
		height: auto;
		overflow: hidden;
		background-color: #fff;
		border: 0;
	}

	#navBar li {
		display: block;
		clear: none;
		float: left;
		overflow: hidden;
		width: 33%;
		margin: 0 1px 1px 0;
	    border: 0;
	}

	#navBar li.right {
		clear: none;
		margin: 0 0 0 0;
	}

	#navBar li.notab a,
	#navBar li a {
		display: block;
		float: left;
		overflow: hidden;
		border-radius: 0px 0px 0px 0px;
		border: 0;
		padding: 0 0%;
	    width: 100%;
	    height: 60px;
	    line-height: 60px;
		background-image: none;
		background-color: #0093e5;
		color: #fff;
		font-weight: 700;
		font-size: 9pt;
		text-transform: uppercase;
		margin: 0 0 0 0;
	}

	#navBar li.selected a {
		background: none repeat scroll 0 0 #ff30b2;
		border: 0;
	    height: 60px;
		padding: 0 0;
	    width: 100%;
	}
	
	#navBar li.secondary,
	li.secondary,
	span.secondary,
	td.secondary,
	th.secondary {
		display: none;
	}

	#logoArea {
		top: 16px;
	}

	#homeBar {
		height: 0;
	}

	#ProjectID {
		display: none;
	}

	#footerContent p,
	#footerContent a {
		font-size: 8pt;
		line-height: 9pt;
	}

}