/* portrait */
@media screen and (orientation:portrait) {
  .body-back {
      background: url('images/bglogin2p.jpg') no-repeat fixed center center;
      background-size: cover;
      /*background-size: 100% 100%;*/
      font-family: Montserrat;
  }

  .bgGrey{
    background-color: #E8E8E8;
    height: 20px;
    margin: 0px -9px auto -9px;
  }

  .bgLink{
    /*margin-top: 50px;*/
    background-color: #E8E8E8;
    text-align: center;
    opacity: 0.8;
    padding-top: 7px;
    height: 25px;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
    /*margin: 450px -9px auto -9px;*/
    position : absolute;
    bottom : 0;
    width: 100%;
    margin: 0px -9px auto -9px;
  }
/*
  .logo {
      width: 700px;
      height: 231px;
      background: url('images/bgheader2.png') no-repeat; 
      margin: -35px auto;
  }
*/	
  .logo2 {
      /*width: 700px;*/
      height: 114px;
      background: url('images/bgheader2p.png') no-repeat center; 
      background-color: #FFF;
      margin: -9px -9px auto -9px;
      /*border-width: 1px;*/
      border-color: #FFF;
      /*border-style: solid;*/
      /*text-align: center;*/
  }


  .login-block2 {
      width: 320px;
      padding: 20px;
      /*background: #fff;*/
      /*border-radius: 5px;*/
      /*border-top: 5px solid #ff656c;*/
      margin: 450px auto;
      /*border-width: 1px;*/
      /*border-color: #FFF;*/
      /*border-style: solid;*/
  }

  .login-block2 h1 {
      text-align: center;
      color: #565656;
      text-transform: uppercase;
      margin-top: 0;
      margin-bottom: 20px;
      font-size: 20px; 
      font-family: Verdana, Arial, Helvetica;
      font-weight: bold;    
  }

  .login-block2 input {
      font-size: 16px; 
      font-family: Verdana, Arial, Helvetica;
      background-position: 10px 10px; 
      background-repeat: no-repeat;
      border-radius: 20px;
      background-color: white;
      background-repeat: no-repeat;
      padding: 12px 20px 12px 40px;	
      border: 1px solid #879DB1;
      outline:none;
      width: 100%;
  }

  .login-block2 button {
      font-size: 14px; 
      font-family: Verdana, Arial, Helvetica;
      border-radius: 20px;
      background-color: white;
      /*padding: 2px 10px 2px 10px;	*/
      padding: 6px 15px 6px 15px;
      border: 1px solid #879DB1;
      outline:none;
      width: 80%;
  }

  .login-block2 p {
    width: 100%;
    /*border: 1px solid #879DB1;*/
    margin-top: 25px;
    /*margin: auto;	*/
    text-align: center;
  }

  .login-block2 input#txt_user {
      background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
      background-size: 16px 80px;
  }

  .login-block2 input#txt_user:focus {
      background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
      background-size: 16px 80px;
  }

  .login-block2 input#txt_pass {
      background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
      background-size: 16px 80px;
  }

  .login-block2 input#txt_pass:focus {
      background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
      background-size: 16px 80px;
  }

  .login-block2 table {
    margin-top: 10px;
  }
  .login-block2 table tr {
    /*text-align: center;*/
  }
  
}

/* landscape */
@media screen and (orientation:landscape) {
  .body-back {
      background: url('images/bglogin4.jpg') no-repeat fixed center center;
      background-size: cover;
      /*background-size: 100% 100%;*/
      font-family: Montserrat;
  }

  .bgGrey{
    background-color: #E8E8E8;
    height: 3vh;
    margin: 0vh -9px auto -9px;
  }

  .bgLink{
    /*margin-top: 50px;*/
    background-color: #E8E8E8;
    text-align: center;
    opacity: 0.8;
    padding-top: 0.1vh;
    height: 3vh;
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: Helvetica;
    /*font-size: 3vh;*/
    font-size: 2vh;
    /*margin: 50px -9px auto -9px;*/
    position : absolute;
    bottom : 0;
    width: 100%;
    margin: 0px -9px auto -9px;
  }
/*
  .logo {
      width: 700px;
      height: 231px;
      background: url('images/bgheader2.png') no-repeat; 
      margin: -35px auto;
  }
*/	
  .logo2 {
      /*width: 700px;*/
      /*height: 114px;*/
      height: 14vh;
      background: url('images/bgheader4.jpg') no-repeat center center; 
      background-color: #FFF;
      margin: -9px -9px auto -9px;
      /*border-width: 1px;*/
      border-color: #FFF;
      /*border-style: solid;*/
      /*text-align: center;*/
      /*background-size: 100% 100%;*/
      background-size: cover;
  }


  .login-block2 {
      /*width: 320px;*/
      /*width: 21.5vw;*/
      width: 23.5vw;
      /*padding: 20px;*/
      /*background: #fff;*/
      /*border-radius: 5px;*/
      /*border-top: 5px solid #ff656c;*/
      /*margin: 90px auto;*/
      /*border-width: 1px;*/
      /*border-color: #FFF;*/
      /*border-style: solid;*/
      margin: 20vh auto;
  }

  .login-block2 h1 {
      text-align: center;
      color: #565656;
      text-transform: uppercase;
      margin-top: 0;
      /*margin-bottom: 20px;*/
      /*margin-bottom: 4vh;*/
      margin-bottom : 1vh;
      /*font-size: 20px; */
      font-size: 3vh;
      font-family: Verdana, Arial, Helvetica;
      font-weight: bold;    
  }


  .login-block2 button {
      /*font-size: 14px; */
      font-size: 2vh;
      font-family: Verdana, Arial, Helvetica;
      /*border-radius: 20px;*/
      border-radius: 3.5vh;
      background-color: white;
      /*padding: 2px 10px 2px 10px;	*/
      /*padding: 6px 15px 6px 15px;*/
      border: 0.2vh solid #879DB1;
      outline:none;
      width: 80%;
      height: 4vh;
  }

  .login-block2 p {
    width: 100%;
    /*border: 1px solid #879DB1;*/
    margin-top: 2vh;
    /*margin: auto;	*/
    text-align: center;
  }
  
  .login-block2 input {
      /*font-size: 16px;*/ 
      font-size: 2vh;
      font-family: Verdana, Arial, Helvetica;
      /*font-family: Montserrat;*/
      /*border-radius: 20px;*/
      border-radius: 3.5vh;
      /*padding: 12px 20px 12px 40px;	*/
      /*padding: 1.0vh 3vh 2vh 8vh;	*/
      padding: 1.0vh 3vh 1.0vh 8vh;
      border: 0.2vh solid #879DB1;
      outline:none;
      width: 100%;
      height: 5.5vh;
      background-color: white;
      background-repeat: no-repeat;
      /*background-size: auto;*/
      /*background-position: 10px 10px; */
      background-position: 2.5vh 1.2vh;
      background-size: 3vh 3vh;
  }

  .login-block2 input#txt_user {
      /*background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;*/
      background-image: url('images/usericon1a.png');
      /*background-size: 16px 80px;*/
      /*padding: 1.4vh 3vh 1.4vh 4vh;	*/
  }
  .login-block2 input#txt_user:focus {
      /*background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;*/
      background-image: url('images/usericon1b.png');
      /*background-size: 16px 80px;*/

  }

  .login-block2 input#txt_pass { 
      /*background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;*/
      background-image: url('images/passicon1a.png');
      /*background-size: 16px 80px;*/
  }

  .login-block2 input#txt_pass:focus {
      /*background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;*/
      background-image: url('images/passicon1b.png');
      /*background-size: 16px 80px;*/
  }

  .login-block2 input#uid {
    background-color: white;
    background-image: url('images/passicon1a.png');
    /*padding: 1.0vh 1.0vh 1.0vh 7.0vh;*/
  }  
  .login-block2 input#uid:focus {
      /*background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;*/
      background-image: url('images/passicon1b.png');
      /*background-size: 16px 80px;*/
  }
  
  .login-block2 table {
    margin-top: 0.5vh;
  }
  .login-block2 table tr {
    /*text-align: center;*/
  }

}