body{
	font-family:"Arial";
	font-size:15px;
	color:white;
	background-attachment:fixed;
	background-repeat:repeat;
	margin:0;
	padding:0;
	text-align:center;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
}

#navItems{
	left:0px;
	margin:0px;
	list-style:none;
	padding:0px;
}

#navItems li{
	margin-left:0px;
	left:0px;
	display:block;
	font-weight:300;
	text-decoration:none;
	text-align:center;
	line-height:270%;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

#navItems li.navExpandItem.expanded{
	height:75px;
	line-height:17px;
}

.navItem{
	width:190px;
	height:40px;
}
.navItem.selected{
	font-weight:700;
}

#b0,#b1,#b2,#b3,#b4{
	cursor:pointer;
}

.navExpandItem{
	width:190px;
	height:0px;
	overflow:hidden;
	color:black;
	padding:0px;
}

#navImgViews{
	width:190px;
	height:80px;
}
#navImgViewsInfo{
	cursor:default;
	position:relative;
	left:0px;
	right:0px;
	top:35px;
	font-size:15px;
	line-height:20px;
	text-align:center;
}

#navStatus{
	width:190px;
}
#navStatusTimes {
	position:relative;
	top:32px;
	left:110px;
	width:200px;
	height:30px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	margin:0px;
	padding:0px;
	cursor:default;
}

.searchField{
	text-align:center;
	color:black;
	position:relative;
	display:block;
	top:8px;
	left:10px;
	width:162px;
	padding:3px;
	border:1px solid #222;
	background-color:#f7f7f7;
	height:17px;
}
.submitSearch{
	position:relative;
	display:block;
	left:10px;
	width:170px;
}

a:link {color:white;}
a:visited {color:white;}
a:hover {color:white;}
a:active {color:white;}

.roundedButton{
	display:inline-block;
	font-size:13px;
	line-height:24px;
	background-color:rgba(0,0,0,0.5);
	border-radius:14px;
	cursor:pointer;
	text-align:center;
	margin:12px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	border:2px solid #000000;
	padding:0px 30px;
}
.roundedButton:hover{
	background-color:rgba(10,10,10,0.8);
}

@media screen and (min-width:1000px) and (min-height:600px){ /* Desktop */
	body{
		background-image:url('/includes/img/background.png');
	}

	/* Navigation bar */
	#navBarContainer{
		position:fixed;
		top:50%;
		left:0px;
		margin-top:-266px;
	}

	#navHeader{
		background:url('/includes/img/navHeader.png') bottom;
		width:200px;
		height:96px;
		cursor:pointer;
	}

	.navItem{
		background-image:url('/includes/img/navItem.png');
		background-position:0px 0px;
		padding-right:10px;
	}
	.navItem:hover{
		background-position:0px -40px;
	}
	.navItem.selected{
		background-position:0px -80px;
	}

	.navExpandItem{
		background:url('/includes/img/navExpand.png') bottom;
		padding-right:10px;
	}
	
	#navImgViews{
		background:url('/includes/img/navImgViews.png') bottom;
		padding-right:10px;
	}

	#navStatus{
		height:80px;
		padding-right:10px;
	}
	#navStatus.a{
		background:url('/includes/img/navStatusA.png') bottom;
	}
	#navStatus.m{
		background:url('/includes/img/navStatusM.png') bottom;
	}
	#navStatus.d{
		background:url('/includes/img/navStatusD.png') bottom;
	}
	
	/* Header container */
	#headerContainer{
		display:none;	
	}
	
	/* Page container */
	#pageContainer{
		position:absolute;
		left:200px;
		right:0px;
		padding:40px;
	}

	@media screen and (max-width:1199px){
		#pageContainer{
			left:200px;
			padding:20px;
		}
	}

	.autocomplete-suggestions {
		font-size:11px;
	}
}

@media screen and (max-width:999px), screen and (max-height:599px){ /* Mobile */
	body{
		overflow-x:hidden;
		background-image:url('/includes/img/backgroundMobile.png');
	}
	
	/* Navigation bar */
	#navBarContainer{
		position:fixed;
		top:0px;
		left:0px;
		height:100vh;
		width:220px;
		margin-top:0px;
		margin-left:-220px;
		background-color:#4b5159;
		border-right:0 solid #000;
		box-shadow:0 0 0 0 #000;
		z-index:22;
		overflow:hidden auto;
	}
	body.menuActive #navBarContainer{
		margin-left:0px;
		box-shadow:0 0 10px 0 #000;
		border-right:2px solid #000;
	}
	
	#navHeader{
		background:url('/includes/img/navHeaderMobile.png') no-repeat bottom;
		width:220px;
		height:37px;
		border-bottom:1px solid #28292a;
	}
	
	.navItem{
		background-color:#4b5159;
		border-bottom:1px solid #28292a;
		width:220px;
	}
	.navItem:hover{
		background-color:#434a52;
	}
	.navItem.selected{
		background-color:#40474f;
	}
	
	.navExpandItem{
		background-color:#40474f;
		width:220px;
	}
	#navItems li.navExpandItem.expanded{
		border-bottom:1px solid #28292a;
	}
	
	#navImgViews{
		width:220px;
		background:url('/includes/img/navImgViewsMobile.png') no-repeat bottom;
	}
	
	#navStatus{
		width:220px;
		height:72px;
		border-bottom:1px solid #28292a;
	}
	#navStatus.a{
		background:url('/includes/img/navStatusMobileA.png') no-repeat top;
	}
	#navStatus.m{
		background:url('/includes/img/navStatusMobileM.png') no-repeat top;
	}
	#navStatus.d{
		background:url('/includes/img/navStatusMobileD.png') no-repeat top;
	}
	#navStatusTimes{
		left:123px;
	}
	
	.searchField{
		font-size:16px;
		height:18px;
		width:192px;
	}
	.submitSearch{
		width:200px;
	}
	
	/* Header container */
	#headerContainer{
		width:100%;
		height:54px;
		box-shadow:0 0 10px 0 #000;
		border-bottom:2px solid #000;
		z-index:21;
		background:#4b5159 url('/includes/img/headerLogo.png') no-repeat center center;
		position:fixed;
	}
	#headerMenuToggle{
		left:0;
		top:0;
		background:url('/includes/img/menuToggle.svg') no-repeat center center;
		width:54px;
		height:54px;
		position:relative;
		display:block;
		cursor:pointer;
	}
	
	/* Page container */
	#pageContainer{
		position:absolute;
		top:56px;
		left:0px;
		right:0px;
		padding:12px;
	}
	body.menuActive #headerContainer, body.menuActive #pageContainer{
		transform:translateX(+220px);
	}
	#pageOverlay{
		position:fixed;
		display:none;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background:rgba(0,0,0,0.5);
		z-index:20;
	}
	body.menuActive #pageOverlay{
		display:block;
	}

	.autocomplete-suggestions {
		font-size:14px;
	}
}