/* 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#username {
			background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
			background-size: 16px 80px;
	}

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

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

	.login-block2 input#password: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;
			/*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;*/
	}

}