.siteHeader a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

.siteTitle, .yardName, .loginName {
	font-family: 'Times New Roman', Times, serif;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: top;
}

.siteHeader {
	background: #211359;
	padding-top: 5px;
}

.siteHeader>div {
	padding-left: 15px;
	padding-right: 15px;
}

.siteContent {
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: auto;
}

.siteFooter {
	background: #211359;
	color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
}

.navEntries {
	padding: 0px;
	margin: 0px;
}

.navListButton {
	display: none;
}

.navBarMenu {
	padding: 0px 15px;
	margin: 0;
	display: inline-block;
	background: #c4c4c4;
	background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)),
		to(rgba(255,255,255,0)));
	background: #c4c4c4 -webkit-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -ms-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -o-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.8)',
		endColorstr='rgba(255,255,255,0)');
	zoom: 1;
	border-radius: 5px;
}

.navBarEntriesMenu {
	background: #ffffff;
	box-shadow: 10px 10px 8px #666666;
	padding: 0px;
	border: 1px #666666 solid;
	border-radius: 5px;
}

.navBarEntriesMenu ul {
    padding: 0px;
    margin-top: 10px;
}

.navBarEntriesMenu:hover {
}

.navBarItem {
	padding: 0px 5px 0px 5px;
	margin: 0px 5px;
	list-style-type: none;
	text-overflow: hidden;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px #fff;
	background: #c4c4c4;
	background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)),
		to(rgba(255,255,255,0)));
	background: #c4c4c4 -webkit-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -ms-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 -o-linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	background: #c4c4c4 linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0.8)',
		endColorstr='rgba(255,255,255,0)');
	font-weight: bold;
	color: #1C4257;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
	white-space: nowrap;
}

.navBarItem>span {
}

.navBarItem:hover {
	background: #85b2cb -moz-linear-gradient(top, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 0.4));
}

.navBarItem:hover .navBarEntriesMenu {
}

.navBarSubItem {
	padding: 0px 15px 0px 15px;
	list-style-type: none;
	cursor: pointer;
	font-weight: bold;
	background: url('/ProControlLogin/resources/images/arrow_disabled.gif');
	background-position: left 5px;
	background-repeat: no-repeat;
	color: black;
	text-decoration: none;
	text-overflow: clip;
}

.navBarSubItem a {
	color: #4f4f4f;
	display: inline-block;
	height: 32px;
}

.navBarSubItem:hover {
	background: url('/ProControlLogin/resources/images/arrow_up.gif') no-repeat left 5px;
	border: 1px solid black;
}

.navBar>.menuIcon {
}

.copyrightStatement {
	text-align: center;
	color: #FFFFFF;
	font-size: 8pt;
}

#mainContent {
	padding-left: 5px;
}

@media all and (max-width: 1250px) {
	.navListButton {
	    display: inline;
	    /*! width: 32px; */
	    height: 30px;
	}
	
	.navEntries {
		display: none;
		position: fixed;
		top: 16px;
	}
	
	.navBarMenu {
		/*! width: 10px; */
		display: block;
		z-index: 1;
		position: relative;
	}
	
	.navBarMenu:hover .navEntries {
		display: block;
		width: 20px;
	}
	
	.navBarItem {
		float: initial;
		width: 225px;
		border-radius: 5px;
		position: relative;
	}
	.navBarEntriesMenu {
		position: absolute;
		left: 150px;
		z-index: 10;
	}
}