.large-container
    {display:none;}
    
   .small-container
    {display: block;
     max-width: 600px; 
     margin: 0px auto;}
   
   
   .phone-banner-words
    { display: none;
      position:relative;
      text-align: center;
      font-size: 1.6em;
      color: #be3a35;
      margin: 0px 0px 10px 0px;}
        
    .phone-banner-numbers
    { display: none;
      position:relative;
      text-align: center;
      font-size: 0.9em;
      color: #be3a35;
      margin: 0px 0px 30px 0px;}
      
    .phone-banner-numbers a
    { display: block;
      position:relative;
      text-align: center;
      font-size: 0.9em;
      color: #be3a35;
      margin: 0px 0px 30px 0px;}
      
    .main-msg-status-bar
    { display: block;
      position:relative;}
      
    .main-msg
    { display: block;
      position:relative;
      text-align: left;
      font-size: 1.0em;
      color: #1c1a62;
      padding: 0px 20px 0px 20px;
      margin: 0px 0px 35px 0px;}            

    .main-msg-red
    { display: block;
      position:relative;
      text-align: left;
      font-size: 1.0em;
      color: #be3a35;
      padding: 0px 20px 0px 20px;
      margin: 0px 0px 35px 0px;}  

    .lower-msg
    { display: block;
      position:relative;
      text-align: center;
      font-size: 1.0em;
      color: #1c1a62;
      padding: 30px 20px 0px 20px;
      margin: 0px 0px 35px 0px;} 
      
      
   .page-title
    { display: block;
      position:relative;
      text-align: center;
      font-size: 1.6em;
      color: #be3a35;
      margin: 0px 0px 10px 0px;}      

    .page-sub-title
    { display: block;
      position:relative;
      text-align: center;
      font-size: 0.9em;
      color: #74777B;
      margin: 0px 0px 13px 0px;}
   
   .button-holder
    { display: block;
      position:relative;
      text-align: center;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 20px 0px;}  

   .button-holder a
    { text-decoration: none;}
         
   .button-blue
    { display: block;
      position:relative;
      text-align: center;
      background-color: #1C1A62;
      color: #ffffff;
      width: 200px;
      max-width: 200px;
      height: 50px;
      padding: 10px 0px 10px 0px;
      margin: 0px auto;
      border-radius: 3px;} 

   .button
    { display: block;
      position:relative;
      text-align: center;
      background-color: #be3a35;
      color: #ffffff;
      width: 200px;
      max-width: 200px;
      height: 50px;
      padding: 10px 0px 10px 0px;
      margin: 0px auto;
      border-radius: 3px;}  
          
   .button-icon
    { display: inline-block;
      position:relative;
      text-align: left;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      vertical-align: middle;
      margin: 0px 0px 0px 10px;
      padding: 0px 0px 0px 0px;}      

   #employee-checkin.button-icon
    { background-image: url('../graphics/checkin30.png');  }
    
   #supervisor-login.button-icon
    { background-image: url('../graphics/login30.png');  }
    
   #leave-message.button-icon
    { background-image: url('../graphics/message30.png');  }
    
   #employee-status.button-icon
    { background-image: url('../graphics/status.png');  }

   #direct-reports.button-icon
    { background-image: url('../graphics/DirectReports.png');  } 
   
   #contact-info.button-icon
    { background-image: url('../graphics/ContactInfo30.png');  } 
   
   #all-employees.button-icon
    { background-image: url('../graphics/AllEmployees.png');  } 
       
   #reentry-pass.button-icon
    { background-image: url('../graphics/Pass.png');  } 
   
   #intouch-message.button-icon
    { background-image: url('../graphics/IntouchMessage.png');  }      

   #admin-settings.button-icon
    { background-image: url('../graphics/AdminSettings.png');  }

   #survey.button-icon {
    background-image: url('../graphics/survey.png');
} 
   
   .button-text
    { display: inline-block;
      position: relative;
      text-align: center;
      font-size: 0.9em;
      width: 150px;
      vertical-align: middle;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px; }






   .sbutton-holder
    { display: block;
      position:relative;
      text-align: center;
      padding: 0px 0px 0px 0px;
      margin: 0px 0px 20px 0px;
      background-color: white;}  

   .sbutton-holder a
    { text-decoration: none;}
         
   .sbutton
    { display: block;
      position:relative;
      text-align: center;
      background-color: #be3a35;
      color: #ffffff;
      width: 200px;
      max-width: 200px;
      height: 50px;
      padding: 10px 0px 10px 0px;
      margin: 0px auto;
      border-radius: 3px;}  
          
   .sbutton-icon
    { display: inline-block;
      position:relative;
      text-align: left;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      vertical-align: middle;
      margin: 0px 0px 0px 10px;
      padding: 0px 0px 0px 0px;}  

   .sbutton-text
    { display: inline-block;
      position: relative;
      text-align: center;
      font-size: 0.9em;
      width: 150px;
      vertical-align: middle;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px; }






   .back-to-main
    { display: block;
      position:relative;
      text-align: left;
      font-size: 0.9em;
      color: #be3a35;
      margin: 0px 0px 20px 20px;}
      
    .back-to-main a
    { color: #be3a35;
      font-size: 0.9em;}
      
    .page-header-instructions
    { display: block;
      position:relative;
      text-align: left;
      font-size: 0.8em;
      color: #1c1a62;
      padding: 0px 20px 0px 20px;
      margin: 0px 0px 0px 0px;}          
      
    .next-button{
      width: 90px;
      background-color: #BE3A35;
      border: none;
      outline: none;
      color: #fff;
      font-size: 1.0rem;
      font-weight: normal;
      padding: 14px 0;
      border-radius: 2px;
      text-transform: uppercase;
    }      

    .basic-button{
      width: 90px;
      background-color: #BE3A35;
      border: none;
      outline: none;
      color: #fff;
      font-size: 1.0rem;
      font-weight: normal;
      text-align: center;
      padding: 12px 0px 12px 0px;
      border-radius: 2px;
      text-transform: uppercase;
    }


   .basic-red
    { color: #be3a35;}
    
   .basic-red-bold
    { color: #be3a35;
      font-weight:bold;}

   .basic-red-medium
    { color: #be3a35;
      font-size: 0.9em;}


   .basic-gray
    { color: #74777B;}
    
   .basic-gray-bold
    { color: #74777B;
      font-weight:bold;}

   .basic-gray-medium
    { color: #74777B;
      font-size: 0.9em;}
    
    
   .error-message
    { color: #be3a35;}     

    .data-table-holder 
    { margin: 0px auto;
      display: block;
      padding: 0px 20px 0px 20px; }
        
    .table-section-header{
      color: #1C1A62;
      text-align: left;
      font-size: 1.2em;
      font-weight: normal;
      padding: 5px 0px 0px 0px;
    }        

    .main-data-table-position 
    { margin: auto; }

    .minor-text
    { font-size: 0.8em;
      color: #74777B;}   

    .medium-text
    { font-size: 0.9em;
      color: #74777B;}                  

    .medium-link-red-underlined
    { font-size: 0.9em;
      text-decoration: underline;
      color: #be3a35;}
      
    .minor-link
    { font-size: 0.8em;
      color: #74777B;}
      
    .minor-link:hover
    { text-decoration: underline;
      color: #be3a35;}