@charset "utf-8";

html { background-color: #FFF; color: #000; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, sans-serif; }
body { font-size: 1.2em; }

* {float: none;}			
.mobileLogo      { background-image: url(/images/ontarioMOH_logo.gif);  background-repeat: no-repeat; padding-top: 106px; }
.mobileLogof     { background-image: url(/images/ontarioMOH_logof.gif); background-repeat: no-repeat; padding-top: 106px; }
img.mobile       { display: block; }
#ad_banner, #banner, .leftnav img, .content img, #stupid-wrapper, #smokefx, #pageActions, img, .photocap, .mobileNone, .hideMenu, #panel-2, #panel-3, .mdsvideo , .horizontal       
		         { display: none; }
img.featureImg   { display: block !important;  width:200px; height:200px; }
#submit          { font-weight: bold; color: #FFF; background: #336699; border-color: #336699; }
#navbar          { width:auto; height:auto; background-color: #336699; padding: 0 0 0 5px; }
#navbar p        { color: #FFF; }
#navbar a        { text-decoration: none; color: #FFF; padding: 0 5px 0 5px; }
#navbar a:hover  { text-decoration:underline; }
.clear           { margin: 0px; }
ul.mobileMenu    { padding: 0px; list-style: none; }
.panes h2, p.mdsvideo	 
				 {display: block}
.mobileButton li { background: url(/images/mobileArrow.png) no-repeat; _background: url(/images/mobileArrow.gif) no-repeat;  
  			       background-position: center right;}


.mobileButton    { font-weight: bold; width: auto; padding: 10px; margin: 0 2px 15px 0; border: solid 1px #cc6600; background: #f47c20; 
 		   list-style-type: none; -moz-border-radius: 15px 15px / 15px 15px; border-radius: 15px 15px / 15px 15px; background: 		
		   -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
  		   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f47a20'); }
  
.mobileButton:active, .mobileButton a      { text-decoration: none; color: #FFF; }
.mobileButton:hover, .mobileButton a:hover { color: #FFF; text-decoration: underline; background: #f47c20; 
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); 
background-color: -moz-linear-gradient; _background-color:#f06015; }


li.last        { padding-bottom: 5px; }
html           { -webkit-text-size-adjust: none; }/* overrides iPhone automatic text resizing*/
@media only screen and (max-device-width: 480px) { .selector { padding: 0; margin: 0; } } /* targets iPhone screen width*/
