/*Reset*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, ul, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		text-decoration: none;
		color:inherit;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	li {
		line-height:1;
	}
/* Layout */
	:root{
		--main-bg-color: #EEE;
		--nav-color: #369;
	}
	body{
		background-color: var(--main-bg-color);
	}
	/* Header */
		.header{
			background-color: var(--nav-color);
			height:83px;
			color: white;
		}
		.admin{
			float: right;
			border-left: 1px solid rgba(255,255,255,0.25);
		}
		.header-top-bar{
			height:50px;
			border-bottom: 1px solid rgba(255,255,255,0.25);
		}
		.header-logo{
			font-size: 24px;
			font-family: Verdana, sans-serif;
			text-transform: uppercase;
			padding-top: 13px;
			padding-left: 16px;
			display: inline-block;
		}
		.header-nav-bar{
			text-align: left;
			font-family: Verdana, sans-serif;
		}
		.header-nav-link{
			display: inline-block;
			text-transform: uppercase;
			padding: 8.5px 16px;
			font-size: 15px;
			border-right: 1px solid rgba(255,255,255,0.25);
		}
		.header-nav-link:hover{
			text-decoration: underline;
			cursor: pointer;
		}
		.hnl-selected{
			background-color: rgba(255,255,255,0.1);
			text-decoration: underline;
		}
		.search-wrapper{
		    float: right;
		    margin-top: 15px;
		    margin-right: 10px;
		    display: inline-block;
			-webkit-user-select: none; /* Chrome/Safari */-moz-user-select: none; /* Firefox */
			-ms-user-select: none; /* IE10+ */
			-o-user-select: none;
			user-select: none;  
		}
		.search-wrapper input{
		    border: none;
		    background: none;
		    font-size: 16px;
		    font-family: Verdana, sans-serif;
		    color: white;
			text-align: right;
		}
		.search-wrapper input::placeholder{
		    color: white;
		    opacity: 0.9 !important;
			
		}
		.search-wrapper input:focus::placeholder{
		    color: transparent;
		}
		.search-selector select,.search-hide{
			display: none;
		}
		.search-selector{
			display: inline-block;
			position: relative;
			font-family: Verdana,sans-serif;
			font-size: 13px;
			font-weight: bold;
			margin-left: 5px;
			cursor: pointer;
		}
		.search-selector i{
			margin-left: 5px;
		}
		.search-items {
			position: absolute;
			background-color: #369;
			top: 100%;
			right: 0;
			z-index: 99;
			white-space: nowrap;
			border: 1px solid rgba(255,255,255,0.1);
			margin-top: 5px;
		}
		.search-items div{
			padding: 5px 10px;
			cursor: pointer;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.same-as-search, .search-items div:hover{
			background-color: rgba(0,0,0,0.1);
		}
	/* Search Page */
		.top-bar{
			height: 50px;
			font-family: Verdana, sans-serif;
			border-bottom: 2px solid var(--nav-color);
		}
		.top-bar-title{
			font-size: 24px;
			color: var(--nav-color);
			margin-top: 13px;
			margin-left: 16px;
			display: inline-block;
		}
		.item-total{
			float: right;
			display: inline-block;
			margin-top: 25px;
			font-size: 14px;
			margin-right: 13px;
			color: #999;
		}
		.sidebar{
			width: 200px;
			display: inline-block;
			border-right: solid 2px var(--nav-color);
		}
		.sidebar-cat{
			color: var(--nav-color);
			font-size: 20px;
			text-decoration: underline;
			margin-top: 15px;
			margin-left: 15px;
		}
		.sidebar-items{
			font-size: 18px;
			margin-left: 40px;
		}
		.main-main-part{
			display: inline-block;
		}
	/* Footer */
		.footer{
			height: 30px;
			background-color: var(--nav-color);
		}
		.fixed-foot{
			position: fixed;
			bottom: 0;
			width: 100%;
		}
		.tagline{
			font-size: 15px;
			padding: 7px 20px;
			line-height: 15px;
			color: white;
		}