/* animated Menu Icon */
.headerLineBlock .menuconLeft{
    padding: 0px 16px 0px 16px; /* top right bottom left */
	margin: -8px 0px 0px 2px; /* top right bottom left */
	display: inline-block;
	cursor: pointer;
	vertical-align:baseline;
	float:left;
}
.headerLineBlock .menuconRight{
    padding: 0px 16px 0px 16px; /* top right bottom left */
	margin: -8px 0px 0px 2px; /* top right bottom left */
	display: inline-block;
	cursor: pointer;
	vertical-align:baseline;
	float:right;
}
.topLine, .middleLine, .bottomLine {
    padding: 0px 0px 0px 0px; /* top right bottom left */
	margin: 0px 0px 0px 0px; /* top right bottom left */
	width: 32px;
	height: 4px;
	color:#ffffff;   /* white  */
	background-color: #000000;
	margin: 8px 0;
	transition: 0.4s;
}
.animateMenuconRight .middleLine {opacity: 0;}
.animateMenuconRight .topLine {
	-webkit-transform: translate(2.8px, 12.1px) rotate(45deg);
	transform: translate(2.8px, 12.1px) rotate(45deg);
}
.animateMenuconRight .bottomLine {
	-webkit-transform: translate(2.8px, -12.1px) rotate(-45deg);
	transform: translate(2.8px, -12.1px) rotate(-45deg);
}
.animateMenuconLeft .middleLine {opacity: 0;}
.animateMenuconLeft .topLine {
	-webkit-transform: rotate(-45deg) translate(-9.6px, 7.4px);
	transform: rotate(-45deg) translate(-9.6px, 7.4px);
}
.animateMenuconLeft .bottomLine {
	-webkit-transform: rotate(45deg) translate(-9.6px, -7.4px);
	transform: rotate(45deg) translate(-9.6px, -7.4px);
}

/* Dropdown Content (Hidden by Default) */
.menuconLeft-content {
	display: none;
	position: absolute;
	line-height:32px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 2px 3px rgba(255,255,255,0.85); /* h-offset v-offset blur spread color */
	margin: 16px 0px 0px -12px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	color:white;
	opacity:1;
	font-size:1.5em;
	font-weight:700;
	width: 46%;
	z-index: 1000;
}
.menuconRight-content {
	display: none;
	position: absolute;
	line-height:32px;
	left:auto;
    right:0;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 2px 3px rgba(255,255,255,0.85); /* h-offset v-offset blur spread color */
	margin: 16px 6px 0px 0px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
	color:white;
	opacity:1;
	font-size:1.5em;
	font-weight:700;
	width: 46%;
	z-index: 1000;
}
.showMenuItems {display: block;}
.showAllSubjects {display: none;}


/* HyperLinks for the Menu Items */	
.HLinkMenuItemLeft:link, .HLinkMenuItemLeft:visited, .HLinkMenuItemLeft:active {
	color:#000;
	padding: 6px 0px 6px 57px; /* top right bottom left */
	text-decoration: none;
	vertical-align:baseline;
	}
.HLinkMenuItemLeft:hover {
	color: #000;
	background-clip: border-box;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,0.4);
	vertical-align:baseline;
}
.HLinkMenuItemRight:link, .HLinkMenuItemRight:visited, .HLinkMenuItemRight:active {
	color:#000;
	padding: 6px 57px 6px 0px; /* top right bottom left */
	text-decoration: none;
	text-align:right;
	vertical-align:baseline;
	}
.HLinkMenuItemRight:hover {
	color: #000;
	background-clip: border-box;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,0.4);
	vertical-align:baseline;
}

/* Links inside the dropdown */
.menuconLeft-content a {
	color: black;
	margin: 8px 8px 8px 8px; /* top right bottom left */
	padding: 10px 0px 10px 32px; /* top right bottom left */
	text-decoration: none;
	display: block;
	font-size:1.2em;
	box-sizing:border-box;
}
.menuconRight-content a {
	color: black;
	margin: 8px 8px 8px 8px; /* top right bottom left */
	padding: 10px 0px 10px 32px; /* top right bottom left */
	text-decoration: none;
	display: block;
	font-size:1.2em;
	box-sizing:border-box;
}