﻿.lostImage {
   float: left;
   margin: 0px 0px 0px 0px;
   width: 920px;
   color: var(--pres-main-fg-color);
   background: var(--pres-main-bg-light);
   padding: 20px;
   font-size: 1.2em;
}

#errorCopy {
   float: left;
   clear: both;  
   
   margin: 0px 0px 0px 0px;
   background: var(--pres-main-bg-light);
   padding: 20px;
   width: 100%;
}

.statusCopy {
   float: left;
   color: #888888;  
   font-size: 1.8em;
   padding: 10px 10px 0px 0px;
}

.linkContainer {
   float: left;
   clear: both;
   font-size: 1em;
   color: var(--pres-light-fg-color);
   margin: 0px 0px 0px 0px;
   padding: 5px 10px 5px 0px;  
}

.linkContent {
   float: left;
}

.lostLink {
   color: #ff4e00;  
}

.link {
   float: left;
   clear: both;
   font-size: 1em;
   margin: 10px 0px 3px 0px;
   color: var(--pres-main-fg-color);
}

/* SMARTPHONES ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   body {
      background: var(--pres-main-bg-light);  
   }

   #mainContainer, #mainContent, #user_container, #heading, #helpImage
   {
      width: 100%;
      background: var(--pres-main-bg-light);
   }
   
   .centeredAd, .mainNav, #headContainer, .fnoPanelWrap, #footerContainer {
      display: none;
   }   
   
   #mainContent {
      margin: 0px;  
   }
   
   .heading {
      display: none;
   }
   
   .statusCopy {
      font-size: 6em;  
      width: 100%;
      margin-bottom: 40px;
   }
   
   .link {
      width: 100%;
      font-size: 3.5em;
      margin-bottom: 20px;  
   }
}