.login-area {
	width: 50em;
	margin: 0 auto;
	padding: 5em 0;
	background: url(/images/user/login/login-area-bg.png) no-repeat 50% 0;
    background-size: contain;
}
#login-reason {
	width: 37em;
	padding: 1.5em;
	margin: 0 auto;
	padding: 2.5em 0;
}
#login-reason .siren24-logo {
	display: inline-block;
	vertical-align: top;
	width: 7.1875em;
	padding: 2em 2em 0 0;

	height: 1%;
}
#login-reason .siren24-logo {
	height: auto;
}
.lte7 #login-reason .siren24-logo {
	display: inline;
}
#login-reason ul {
	display: inline-block;
	font-size: 13px;
	width: 70%;
	line-height: 20px;

	height: 1%;
}
#login-reason ul {
	height: auto;
}
.lte7 #login-reason ul {
	display: inline;
}
#login-reason ul li {
	margin-bottom: 1em;
}
#login-reason p,
#login-notice p {
	font-size: 13px;
	line-height: 1.5em;
	color: #555;
}
#login-buttons {
	width: 167px;
	height: 47px;
	margin: 1.5em auto;
}
#login-buttons a {
	float: left;
	display: block;
	text-align: center;
	margin: 0 0.2em;
	height: 1%;
}
#login-buttons a#siren {
	width: 167px;
	height: 47px;
	background: url(/images/user/login/login-button.png) 0 0 no-repeat;
}
#login-buttons a#siren:hover,
#login-buttons a#siren:focus {
	background-position: 0 -49px;
}
#login-buttons a#gpin {
	width: 167px;
	height: 48px;
	background: url(/images/user/login/login-button.png) 0 -98px no-repeat;
}
#login-buttons a#gpin:hover,
#login-buttons a#gpin:focus {
	background-position: 0 -146px;
}
#login-buttons a span {
	display: block;
	text-indent: -9999px;
}
#login-notice {
	width: 37.5em;
	padding: 0.5em;
	margin: 3em 0 2em 5em;
	background-color: #e7e7e7;
	border: 1px solid #ccc;
}
#login-notice a {
	display: inline-block;
	width: 8.4375em;
	padding-right: 0.75em;
	height: 1%;
}
#login-notice a {
	height: auto;
}
.lte7 #login-buttons a {
	display: inline;
}
#login-notice p {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	padding: 0.5em 0 0.5em 0.5em;
	height: 1%;
}
#login-notice p {
	height: auto;
}
.lte7 #login-notice p {
	display: inline;
}


@media (max-width: 680px) {
	#login-reason {
		width: 100%;
		padding: 20px 0;
        text-align: center;
	}
	.login-area {
		width: 100%;
	}
	#login-reason .siren24-logo {
		width: 118px;
		padding: 20px;
	}
}