/*  ************************
		iOS style overrides
	************************
*/

@media only screen and (max-device-width: 1024px) {
	/* hide paging arrows from ipads, which will just swipe the panel area instead */
   .vertCtrArrowL { display:none; }
   .vertCtrArrowR { display:none; }
   #activateArrowL { display:none; }
   #activateArrowR { display:none; }
   
   #popupMenuShell { cursor: pointer; }
   #expandPopupMenu { cursor: pointer; }   
   
   #centerizeIpadToggle { display:block; }
   #ipadMenuToggle { display:block; }
}

@media only screen and (max-device-width: 480px) {
	/* hide paging arrows from iphones, which will just swipe the panel area instead */
   	.vertCtrArrowL { display:none; }
   	.vertCtrArrowR { display:none; }
   	#activateArrowL { display:none; }
   	#activateArrowR { display:none; }    
   
   	#popupMenuShell { cursor: pointer; }
   	#expandPopupMenu { cursor: pointer; }    
   
   	#centerizeIpadToggle { display:block; }
   	#ipadMenuToggle { display:block; }
   
   	#fullEmergency { 
   		background-color: #C80000;  /* Change back to #C80000; for RED Emergency box */ 
		opacity: 0.9;
    }
	#fullNotice { 
   		background-color: #FFCC33;  /* Change back to #C80000; for RED Emergency box */ 
		opacity: 0.9;
    }
   	#centerEmergencyBox, #centerNoticeBox{ display:none; }
   	#emMsg_mobile { display: block; }
	#emClose_mobile { display: block; }
   	.emergencyMsg, .noticeMsg {
   		font-size: 5.0rem;
   		padding: 7.0rem;
   	}   
   	
   /*
   #emergencyBox { display:none; }
   #topEmergencyMsg { display:none; }  
   */
}




/*  ************************
		global style overrides 
		(that have to be loaded 
		after other css files)
	************************
*/

.dispOn {
	display: block;
}

.dispOff {
	display: none;
}

.topMargin9 {
	margin-top: 9px;
}

.noTopBorder {
	border-top: none;
}

.dotTopBorder {
	border-top: 2px dotted #CCCCCC;
}