body{
	background-color: #fff;
	background-image: url("imgs/home_bg.jpg");
	background-repeat: no-repeat;
}
table{
	height:100%;
	width:100%;
	text-align:center;
}
.login_panel{
	background:#fff;
	width:400px;
	height:400px;
	box-shadow: 5px 10px rgba(25,25,25,.5);
	display:inline-block;
	border-radius: 15px;
}
.login_tbl{
	width: 100%;
	height:100%;
}
#bttnLogin{
	border-radius: 5px;
	padding: 3px 20px 3px 20px;
	vertical-align: middle;
	display:inline-block;
	background:#80c7ff;
}
#bttnLogin:hover{
	border-radius: 5px;	
	background: #fffeb0;
	cursor: pointer;
	font-size: larger;
}
.loginbttn_text{
	display:inline-block;
	vertical-align: middle;
}
.login_error{
	background: #ffffff;
	display: inline-block;
	border-radius: 5px;
	margin-top: 20px;
	color: #ff0000;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 4px;
	opacity: 0.85;
}
.logo{
	width: 174px;
	height: 93px;
}
.msimg{
	width: 50px;
	height: 50px;
	vertical-align: middle;
	margin: 5px;
}
.fade-in{
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}