@charset "utf-8";
.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.LoginBox {
	border: 3px solid rgba(0, 0, 0, 0.32);
	border-radius: 15px;
	width:373px;
	height:250px;
	position:absolute;
	left: 50%;
  	top: 50%;
	margin-left: -186px;
    margin-top: -125px;
	background-color: rgba(237, 237, 243, 0.61);
    z-index: 10;
}

.Logo  {
	position:absolute;
	left: 50%;
  	top: 50%;
	margin-left: -140px;
    margin-top: -170px;
    z-index: 20;
}

.field input {
	width: 68%;
	margin: 0.5em 0;
	border: 1px solid #bbb;
	font-family: inherit;
	font-size: 1.0em;
	outline-style: none;
	outline-width: 0;
}

.login_username {
	margin: 20px 0px 0px 55px;
	font-size: 1.0em;
	color: #241850;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bolder;
}

.login_password {
	margin: 10px 0px 10px 55px;
	font-size: 1.0em;
	color: #241850;
	font-family: Helvetica,Arial,Sans-Serif;
	font-weight: bolder;
}

.login_response {
	display: inline;
}

.login_button{
	margin: 20px 0px 0px 55px;
	display: inline;
}

input.button {
padding: 0.45em;
font-size: 1.0em;
border: 1px solid #c5dbec;
background: #e5f2fb url('images/login/ui-bg_glass.png') 50% 50% repeat-x;
font-weight: bold;
color: #2e6e9e;
outline: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

input.button:hover {
border: 1px solid #79b7e7;
background: #d0e5f5 url('images/login/ui-bg_glass_h.png') 50% 50% repeat-x;
font-weight: bold;
color: #1d5987;
outline: none;
}