﻿/* CSS for PDF button */
  #pdf {
      position: relative;
      float: right;
      margin-top: 5px;
    }
  #pdf a {
      color: #FFF;
      font-size: 18px;
      text-decoration: none;
    } 
  #pdf a:hover {
      text-decoration: underline;
    } 
  #pdf a:visited {
      text-decoration: none;
    } 
     
/* CSS for language selection */      
  #language {
      position: relative;
      float: right;
      bottom: 12px;
      margin-right: 20px;
      }
    #language ul {
      list-style: none;
    }
    #language ul li {
      display: inline;
      color: #FFF;
      font-size: 18px;
    }
    #language ul li.active span {
       font-weight: 700;
       padding-left: 5px;
       padding-right: 5px;
    } 
    #language ul li a {
      color: #FFF;
      text-decoration: none;
    }
    #language ul li a:hover {
      text-decoration: underline;
    }
    #language ul li a:visited {
      text-decoration: none;
    }
   
/* CSS for footer */    
    #footer { 
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      width: inherit;
      background: #595959;
    }
    #footer_left { 
      display: none;
    }
    .companylinks {
      display: inline-block;
      color: #FFF;
      font-size: 14px;
      padding-left: 6px;
      }	
    .companylinks a {
      color: #FFF;
      font-size: 14px;
      text-decoration: none;
      }
    .companylinks a:hover {
      text-decoration: underline !important;
      }
    .copyright {
      display: inline-block;
      color: #FFF;
      font-size: 14px;
      padding-left: 30%;
      opacity: 0.8; 
      }
    .cpright {
      display: none;
      }
	
@media only screen and (max-width: 899px) {
/* Language selection and PDF button in header small screen */
    #language {
        display: none;
    }
    #pdf {
        display: none;
    }
/* Space for footer in navigtaion panel small screen */     
    #hmnavframe {   
       padding-bottom: 60px;
    }   
    
/* Footer for small screen */
    #footer_left {   
      position: absolute;
      display: inline-block;
      bottom: 0;
      height: 60px;
      width: 100%;
      background: #595959;  
    }
    .copyright {
     padding-left: 6px;
    }  
    .right {
      position: fixed;
      bottom: 0;
      display: inline-block;
      float: right;
      right: 6px;
      height: 60px;
      width: 100px;
    }
    #mobilelanguage {
      position: fixed;
      width: 100px;
      bottom: 21px;
      float: right;
      text-align: right;
      }
    #mobilelanguage ul {
      list-style: none;
      padding-left: 0;
    }
   #mobilelanguage ul li {
      display: inline;
      color: #FFF;
      font-size: 14px !important;
    }
    #mobilelanguage ul li.active span {
       font-weight: 700;
    }
    #mobilelanguage ul li a {
      color: #FFF;
      font-size: 14px !important;
      opacity: 0.8;
      text-decoration: none;
    }
    #mobilelanguage ul li a:hover {
      color: #FFF;
      text-decoration: underline;
    }
    #mobilelanguage ul li a:visited {
      color: #FFF;
      text-decoration: none;
    }
  
  .cpright {
      position: relative;
      bottom: 22px;
      display: inline-block;
      float: right;
      right: 6px;
      height: 60px;
      width: 100px;
     }
  #cpmobilelanguage {
      position: absolute;
      width: 100px;
      bottom: 21px;
      float: right;
      text-align: right;
      }
  #cpmobilelanguage ul {
      list-style: none;
      padding-left: 0;
    }
  #cpmobilelanguage ul li {
      position: relative;
      display: inline;
      color: #FFF;
      font-size: 14px !important;
    }
  #cpmobilelanguage ul li a span {
     color: #FFF;
	 opacity: 0.8;
     font-size: 14px !important;
    }
  #cpmobilelanguage ul li.active span{
       font-weight: 700;
       font-size: 14px;
    }
  #cpmobilelanguage ul li a span:hover {
     text-decoration: underline;
    } 
  #cpmobilelanguage ul li a:visited {
      text-decoration: none;
    }  
    .mobilepdf {
     position: absolute;
     top: 22px;
     padding-left: 75px;
     color: #FFF;
     font-size: 14px; 
    }
    .mobilepdf a {
     color: #FFF;
     opacity: 0.8;
     text-decoration: none;
     font-size: 14px;
    } 
    .mobilepdf a:hover {
     text-decoration: underline !important;
    }
    .mobilepdf a:visited {
     text-decoration: none;
    }     
 }
 /* End of footer small screen */
