/*Generic*/
body {
	background-color: white;
	background-repeat: repeat;
	font-family: Calibri;
	margin: 0px;
}
#wrap {
	margin: auto;
	width: 1000px;
}
#top a {
	color: #666;
}
#middle {}
#mleft {
	background-color: #b0c4de;
	border-left: 2px solid #E7E7E7;
}
#mleft {
	float: left;
}
#mleft ul li {
	list-style-type: none;
	width: 170px;
	padding-top: 3px;
	padding-left: 3px;
	padding-bottom: 3px;
}
#mleft ul li a:hover {
	color: white;
}
#mleft ul {
	border: 1px gray;
	padding-left: 0px;
}
#mleft ul li:hover {
	background-color: #79a0c3;
	color: white;
}
#mleft ul li a {
	color: black;
}
#mright {
	float: left;
}
#mright2 {
	float: left;
	width: 210px;
}
#mright2 ul li {
	list-style-type: none;
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 15px;
	padding-top: 15px;
}
#mright2 ul {
	padding-left: 14px;
}
#footer {
	background-color: #ffffff;
	float: left;
	margin: auto;
	padding: auto;
	width: 100%;
	border-top: 1px solid #0575f4;
}
a {
	text-decoration: none;
}
h1 {
	color: white;
	background-color: black;
}
/* Specific (was style2.css)
         -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666;*/
#mright {
	width: 550px;
	background: #F7F7F7;
	margin: 0 0 20px 0;
	border: 1px solid #0575f4;
}
#mright .nav {
	overflow: hidden;
	margin: 0 60px 10px 0;
	text-align: center
}
#mright .nav li {
	width: 50px;
	float: left;
	margin: 2px;
}
#mright .nav li.last {
	margin-right: 0;
}
#mright .nav li a {
	display: block;
	padding: 2px;
	background: #79a0c3;
	color: white;
	text-align: center;
	border: 0;
}
#mright .nav li a:hover {
	background-color: #ce2222;
}
#mright ul {
	list-style: none;
}
#mright ul li a {
	display: inline-block;
	border-bottom: 1px solid #E8E8E8;
	padding: 6px;
	color: #666;
	font-weight: 800;
}
/*#mright ul li a:hover { background: #0575f4; color: white; }*/
#mright ul li:last-child a {
	border: none;
}
#mright ul li.navo a.current {
	background-color: #ce2222;
	color: white;
}
#mright ul li.navo a.fname,
#mright ul#featured li a.fname:hover {
	background-color: #79a0c3;
	color: white;
}
#mright ul li a.fname:hover {
	background-color: #79a0c3;
	color: white;
}
#mright ul li.nav-two a.current,
#mright ul#core li a:hover {
	background-color: #d30000;
	color: white;
}
#mright ul li.nav-three a.current,
#mright ul#jquerytuts li a:hover {
	background-color: #8d01b0;
	color: white;
}
#mright ul li.nav-four a.current,
#mright ul#classics li a:hover {
	background-color: #FE4902;
	color: white;
}
#mright ul li.navo a.fname2,
#mright ul#featured li a.fname2:hover {
	background-color: #0575f4;
	color: white;
}
#mright ul li a.fname2 {
	display: block;
	border-bottom: 1px solid #E8E8E8;
	padding: 6px;
	color: #666;
	font-weight: normal;
}
#mright ul li a.fname2:hover {
	background-color: #79a0c3;
	color: white;
}
/*NEW STYLES FOR BETTER RESPONSIVE */
#mright > div.alphabetbox.nav.mobilepadding > a {
	margin-bottom: 3px;
	width: 3%;
	display: inline-block;
	color: white;
	background: #6589b7;
	text-align: center;
	text-shadow: 1px 1px black;
	font-weight: bold;
	padding: 9px;
}
#mright > div.alphabetbox.nav.mobilepadding > a:hover {
	opacity: 0.7;
}
/*Responsive*/
/* Navigation mobile block */
#nav {
	padding-top: 49px;
	box-sizing: border-box;
	height: 100%;
	background: rgba(60, 60, 60, 0.90);
	border-radius: 0;
	width: 70%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 500;
	transform: translateX(108%);
	transition: transform 330ms ease;
	padding-left: 0;
	box-shadow: 10px 0 18px -12px rgba(0, 0, 0, 0.70);
	margin-top: 0;
	margin-bottom: 0;
	overflow-y: auto;
	visibility: visible;
}
#nav li {
	font-family: sans-serif;
	font-size: 15pt;
	float: none;
	padding: 8px;
	list-style: none;
	border-bottom: 1px solid rgba(90, 90, 90, 0.62);
}
#nav li a {
	display: inline-block;
	padding: 0 12px;
	color: white;
	text-decoration: none;
}
#nav li a span {
	display: none;
}
#nav li a:hover {
	color: white;
}
#nav li:first-child a {
	border-top: none;
}
#nav li:last-child a {
	border-bottom: none;
}
#menud {
	position: absolute;
	margin-top: 15px;
	right: 17px;
	z-index: 550;
	visibility: visible;
}
#menud > img {
	width: 35px !important;
	opacity: 0.9;
}
#menux {
	display: none;
	position: absolute;
	margin-top: 12px;
	right: 21px;
	z-index: 550;
	visibility: visible;
}
#menux > img {
	position: relative;
	margin-top: 3px;
	left: 4px;
	width: 34px !important;
	filter: invert(100%);
	-webkit-filter: invert(100%);
	opacity: 0.9;
}
#searchd {
	position: absolute;
	margin-top: 14px;
	right: 64px;
	z-index: 400;
	visibility: visible;
}
#searchd > img {
	width: 35px;
	opacity: 0.9;
}
#searchx {
	display: none;
	position: absolute;
	margin-top: 12px;
	right: 70px;
	z-index: 400;
	visibility: visible;
}
#searchx > img {
	position: relative;
	margin-top: 3px;
	left: 4px;
	width: 34px !important;
	opacity: 0.9;
}
#shared {
	position: absolute;
	margin-top: 16px;
	left: 15px;
	z-index: 400;
	visibility: visible;
}
#shared > img {
	width: 31px !important;
	opacity: 0.9;
}
#sharex {
	display: none;
	position: absolute;
	margin-top: 12px;
	left: 12px;
	z-index: 400;
	visibility: visible;
}
#sharex > img {
	position: relative;
	top: 3px;
	left: 3px;
	width: 34px !important;
	opacity: 0.9;
}
#sharediv {
	display: none;
	margin-top: 0;
	left: 0;
	box-sizing: border-box;
	position: absolute;
	background: rgba(60, 60, 60, 0.90);
	z-index: 100;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	text-align: center;
	animation: fadeInFromNone 0.2s ease-out;
	visibility: visible;
}
#facebook_link,
#email_link,
#twitter_link,
#linkedin_link {
	margin: 24px auto;
	display: block;
	width: 150px !important;
	visibility: visible;
}
#logotext {
	font-family: sans-serif;
	display: inline-block;
	width: auto;
	margin-left: 57px;
	text-decoration: none;
	color: darkblue;
}
#logo {
	position: absolute;
	left: 0;
	margin-top: 0;
	width: 100%;
	z-index: 200;
	text-align: left;
	height: 64px;
	border: 0;
	background: #fff797;
	padding-top: 4px;
	box-sizing: border-box;
	visibility: visible;
}
#searchbox {
	display: none;
	position: absolute;
	margin-top: 0;
	left: 0;
	margin-left: 0;
	padding-left: 68px !important;
	padding-right: 108px !important;
	margin-right: 0;
	height: 64px;
	border: 0;
	border-bottom: 2px solid black;
	width: 100%;
	box-sizing: border-box !important;
	font-size: large;
	color: black;
	background: white;
	z-index: 300;
	animation: fadeInFromNone 0.2s ease-out;
	visibility: visible;
}
@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}
/*Fixes for mobile landscape view*/
@media screen and (max-width: 768px) and (orientation:landscape) {
	#nav {
		width: 40% !important;
	}
	#nav li {
		font-size: 13pt !important;
	}
}
/*Fixes for mobile menu when is shown on desktop */
@media screen and (min-width: 767px) {
	#nav {
		width: 304px !important;
	}
	#nav li {
		font-size: 14pt !important;
	}
}
/*Generic Styles*/
.mobile {
	display: none;
}
.paddingfull {
	display: inline-block;
	padding: 4px;
}
@media screen and (max-width: 768px) {
	.mobile {
		display: inherit;
	}
	.mobileblock {
		display: block;
	}
	.full {
		width: 100% !important;
	}
	img,
	iframe {
		max-width: 100%;
	}
	* {
		box-sizing: border-box;
	}
	marquee,
	hr {
		width: 100%;
	}
	/*MOBILE CLASSES*/
	.mobilebig,
	.mobilebig * {
		font-size: 19pt;
	}
	.mobilesmall,
	.mobilesmall * {
		font-size: 12pt;
	}
	.mobileitaic,
	.mobileitalic * {
		font-style: italic;
	}
	.mobilebold,
	.mobilebold * {
		font-weight: 700;
	}
	.mobilefull {
		width: 100% !important;
	}
	.mobilepadding {
		display: inline-block;
		padding-left: 9px;
		padding-right: 9px;
	}
	.mobilenomargin {
		margin: 0;
	}
	.desktop {
		display: none;
	}
	/*Testing new styles*/
	body * {
		font-size: 16pt;
	}
	body * ul a {
		text-decoration: none;
		/*color:black !important;*/
	}
	table,
	thead,
	tbody,
	th,
	tr,
	td {
		display: block;
		width: 100%;
	}
	ul {
		margin-top: 7px;
		margin-bottom: 7px;
	}
	ul,
	li {
		padding: 0;
		list-style: none;
	}
	/*This styles is only for this page*/
	#mright .nav {
		margin: 0;
		padding: 0;
	}
	div.alphabetbox.nav.mobilepadding > a {
		width: 9% !important;
		padding: 2%;
	}
	#footer {
		border: 0;
	}
	#mright {
		border: 0;
		background: transparent;
	}
	/*GOOGLE SEARCH FOR MOBILE*/
	body > div.cse-branding-right {
		background-color: transparent !important;
		position: relative;
		margin: 1.5% !important;
	}
	body > div.cse-branding-right > div.cse-branding-form {
		float: none !important;
		margin: 0 !important;
	}
	#cse-search-box > div > input[type="text"]:nth-child(3) {
		position: relative !important;
		background-color: white !important;
		border: 1px solid gainsboro !important;
		border-bottom: 3px solid #d8d6e0 !important;
		padding-left: 12px !important;
		height: 41px !important;
		box-sizing: border-box !important;
		font-size: large !important;
		width: 97% !important;
		margin: 1.5%;
	}
	#cse-search-box {
		position: relative;
	}
	#cse-search-box > div > input[type="submit"]:nth-child(4) {
		position: absolute;
		right: 2.1%;
		top: 18%;
		width: 36px;
		height: 36px;
		background: transparent !important;
		color: transparent !important;
		border: 0 !important;
		padding: 0 !important;
		background-image: url(images/search.png) !important;
		background-repeat: no-repeat !important;
		background-size: 90% !important;
	}
	body > div.cse-branding-right > div.cse-branding-logo {
		display: inline !important;
		position: relative;
		top: 3px;
	}
	body > div.cse-branding-right > div.cse-branding-text {
		display: inline !important;
		position: relative;
		top: -5px;
	}
}
/*1. Correct the line height in all browsers.*/
/*2. Prevent adjustments of font size after orientation changes in iOS.*/
/*3. Prevent content wider than screen.*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	overflow-wrap: break-word;
}
/*auto ads fix*/
body {
	margin-top: 0;
}
#nav {
	position: absolute;
	margin-top: auto;
	transform: none;
	transition: none;
	animation: fadeInFromNone 0.2s ease-out;
	display: none;
}
#logo {
	top: auto;
	position: relative;
}
#searchbox {
	position: absolute;
	margin-top: auto;
	margin-top: 0;
}
#sharediv {
	top: auto;
	margin-top: 0;
}
#menud,
#menux,
#searchd,
#searchx,
#shared,
#sharex {
	position: absolute;
}
/*FIX EXTRA SPACE FROM BRANDING CSS*/
.cse-branding-bottom .cse-branding-form {
	margin-bottom: 0 !important;
}
/* Firefox Fix */
@supports (-moz-appearance:none) {
	#logo {
		line-height: 1.0;
	}
}