body {
	padding: 0;
	margin: 0;
	font-family: 'BlissPro Regular';
	color: #555;
	font-size: 10pt;
	background: rgb(0,110,174)
}

@font-face {
    font-family: 'BlissPro Regular';
    src: url('font/BlissPro-Regular.otf');
}

.overlay {
	min-height: 400px;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -500;
}

.left-div {
    width: 426px;
    height: 175px;
    padding: 0px;
    margin: 0px;
    position: fixed;
    background: transparent url(images/loginpage_sprites.png) no-repeat 0px -1px;
    top: calc(51% + 275px);
    left: 50%;
    transform: translate(-100%, -50%);
}


.right-div {
    width: 399px;
    height: 271px;
    position: fixed;
    background: transparent url(images/loginpage_sprites.png) no-repeat 167px -182px;
    top: calc(50% - 123px);
    left: calc(50% + 32px);
    transform: translate(0%, -50%);
}

.outer-div {
    max-width: 853px;
    width: 100%;
    margin: 0 auto;
    max-height: 743px;
    height: 100%;
    position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.panel {
	background: #ffffff;
	width: 500px;
    min-height: 400px;
    -moz-box-shadow:5px 7px 5px -2px #000000;
    -webkit-box-shadow:5px 7px 5px -2px #000000;
    box-shadow: 5px 7px 5px -2px #000000;
    position: fixed;
  	top: 50%;
  	left: 50%;
	transform: translate(-50%, -50%);
}

.panel .top {
    background: transparent url(images/loginpage_sprites.png) no-repeat 0px -220px;
    background-size: 100%;
    min-height: 250px;
}

.panel .panel-text {
	text-align: center;
    font-size: 18px;
    background-color: rgb(0,110,174);
    color: #FFF;
    padding: 2px;
}

.panel .login {
	border-top:8px;
	border-color:rgb(0,110,174);
}

.panel form {
	padding: 20px 0 0;
	background: #fff;
}

.panel form input {
	font-family: 'BlissPro Regular';
}

form .left {
	width:205px;
	display: inline-block;
}

form .right {
	width: 190px;
	float:right;
}

.panel form > div {
	padding: 0 25px;
}

#error {
	color: red;
	font-size: 11px;
	width: 250px;
	line-height: 30px
}

form .i {
	width: 200px;
	padding: 8px 5px;
	margin: 5px 0 20px;
	border-radius: 10px;
    border: 1px solid rgb(0,110,174);
    font-size: 12px;
}

form .label {
	color: rgb(0,110,174);
	font-size: 12px;
	text-transform:uppercase;
}

form .s {
	width: 125px;
	height: 45px;
	padding: 0;
	cursor: pointer;
	margin: 40px;
	font-size: 20px;
	background: rgb(0,110,174);
	border: 2px solid rgb(0,110,174);
	border-radius: 5px;
	text-transform:uppercase;
	color: #fff;
}

.footer {
	background: #eef0f7 url(images/sprites.png) no-repeat 0 100%;
	width: 100%;
	padding: 5px 0;
	margin: 0 auto;
	bottom: 0;
	position: fixed;
}

.footer a {
	width: 100%;
	text-decoration: none;
	color: #000;
	font-size: 14px;
}

.footer div {
	padding: 5px 20px;
	display: inline-block;
}