/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 980px) {
	div.maininfotabwrap{float:left; width:100%;overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling: touch; }
	/* To extend the tab when it too long
	div.maininfotabwrapextend{float:left; width:250%; padding:0px 0px 3px 0px;}
	::-webkit-scrollbar {width: 10px; height:5px;}
	::-webkit-scrollbar-track {background: #f1f1f1; }
	::-webkit-scrollbar-thumb {background: #888; }
	::-webkit-scrollbar-thumb:hover {background: #555; }
	*/
	
	div.maininfotab{float:left;font-size:15px;margin-right:5px;border-radius: 10px 10px 0px 0px; padding:10px 25px 6px 25px;cursor:pointer; display:inline;}
	div.maininfotab:hover{float:left;font-size:15px;color:#FFF;margin-right:5px;border-radius: 10px 10px 0px 0px;background-color:#0740A4;padding:10px 25px 6px 25px; cursor:pointer;}
	
	div.maininfotaboff{color:#949494; background-color:#e6e6e6;}
	div.maininfotabon{color:#FFF !important;background-color:#0740A4 !important;}
	
	div.maininfotabbar{float:left;height:2px;width:100%;background-color:#333333;clear:both;}
	div.maininfotabmobileclickoverlay{display:none;}


}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 979px){
	div.maininfotabwrap{float:left; position:relative; width:100%; padding:38px 0px 0px 0px;overflow:hidden; height:38px;transition: all 0.5s ease-out 0s;}
	div.maininfotabwrapopen{float:left; position:relative; width:100%; height:auto;  max-height:200px; padding:38px 0px 0px 0px;overflow:scroll;transition: all 0.5s ease-out 0s;}
	div.maininfotabwrapextend{}

	div.maininfotab{float:left;font-size:15px; width:100%;display:block;padding:10px 10px 10px 10px;cursor:pointer;}
	div.maininfotab:hover{float:left;color:#FFF;background-color:#0740A4;font-size:15px;color:#FFF;margin-right:5px;display:block;padding:10px 10px 10px 10px;cursor:pointer;}
	
	div.maininfotaboff{color:#949494;background-color:#e6e6e6;}
	div.maininfotabon{ position:absolute; top:0px; left:0px;color:#FFF !important;background-color:#0740A4 !important; background-size:12px 12px;background-image:url(../images/main_nav_arrowdown_white.svg); background-position:98% center; background-repeat: no-repeat;}
	
	div.maininfotabbar{display:none;}
	div.maininfotabmobileclickoverlay{position:absolute; top:0px; left:0px; width:100%; height:100%;}
	div.maininfotabmobileclickoverlay:hover{cursor:pointer;}
}

/* ==========================================================================
   Share CSS
   ========================================================================== */

div.maintabcontentbox{float:left; width:100%; padding:20px 0px 20px 0px;}
div.maintabcontentboxon{display:block;}
div.maintabcontentboxoff{display:none;}