/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 5px 10px;

}


#globalNav a {
	font-size: 90%;
	padding: 0 4px 0 0;
	color: #FFFFFF;
	text-decoration: none;
}

#globalNav a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#globalNav a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#globalNav a:hover{
	color: #FF0;
	text-decoration: underline;
}
/*
@media only screen and (max-width : 480px) { * { display: none !important; } }
*/

@media only screen and (min-width : 481px) and (max-width : 768px),  only screen and (min-width : 320px) and (max-width : 480px), only screen and (max-width : 320px) {
	*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
	table {
	width: 100% !important;
	table-layout: fixed; border-collapse: collapse; border-spacing: 0;
	}
	td {
	float: left !important;
	width: 100% !important;
	}

	*{ max-width: 100% !important; }

	table[class="magic"],
	table[class="magic"] table,
	table[class="magic"] table table,
	table[class="magic"] tbody,
	table[class="magic"] tr,
	table[class="magic"] td {
	    display: block !important;
	    width: 100% !important;
	    float: left !important;
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block !important; 
		clear: both;
	}
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	table[class="magic"]{ display: none !important; }
	body{ margin: 5px 0 10px 0 !important; }
	#mobile-header{ text-align: center; }
	#mobile-content,
	#mobile-sidebar,
	#mobile-footer{ background: #fff; }
	#mobile-content{ padding: 0 3%; }

	#mobile-sidebar-con{ max-width: 480px !important; margin: 0 auto; }

	.page{ background: transparent !important}
	#eselcornerSmall{ display: none !important; }
}