#login .container {
	background: url("img/login/glitchs-outside.png") no-repeat 0px 66px; padding: 74px 85px; width: 1036px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;
}
#login #login-wrapper {
	background: url("img/login/glitchs.png") no-repeat 0px 16px rgba(6, 13, 18, 0.7); padding: 28px;
}
#login #main {
	background: url("img/login/dashed.png") repeat-x left bottom; padding-bottom: 16px; float: left; min-height: 405px;
}
#login aside {
	background: url("img/login/dashed.png") repeat-x left bottom; padding-bottom: 16px; float: left; min-height: 405px;
}
#login #main {
	width: 720px; margin-right: 10px;
}
#login #main ul li {
	display: none; position: relative;
}
#login #main .generic .generic {
	display: block;
}
#login #main .missions .missions {
	display: block;
}
#login #main .database .database {
	display: block;
}
#login #main .initiate .initiate {
	display: block;
}
#login #main ul .text {
	background: url("img/login/shadow.png") no-repeat 0px -55px; padding: 20px 30px; left: 0px; width: 720px; bottom: 0px; color: rgb(241, 241, 241); position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#login #main h1 {
	font: 48px/42px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 5px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
#login #main h2 {
	font: 26px/33px "abstergoSansLite", Arial, sans-serif; margin: 0px 0px 5px; text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
#login #main ul p {
	font: 17px/20px "abstergoSans", Arial, sans-serif; margin: 0px; font-size-adjust: none; font-stretch: normal;
}
#login #main img {
	width: auto; height: 405px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
#login aside {
	width: 250px; position: relative;
}
#login .box {
	background: url("img/login/glitch-box.png") no-repeat 9px 0px rgba(4, 14, 24, 0.8); padding: 21px 11px 10px; transition:height 0.5s; color: rgb(190, 190, 190); line-height: 14px; font-size: 11px; position: relative; box-sizing: border-box; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-transition: height 0.5s; -webkit-transition: height 0.5s; -o-transition: height 0.5s;
}
.user-form .uplay {
	background: url("img/login/uplay-logo.png") no-repeat 0px 0px; top: 14px; width: 51px; height: 21px; right: 16px; position: absolute; opacity: 0.6;
}
.user-form .date-of-birth {
	padding-bottom: 4px;
}
.user-form .date-of-birth input {
	width: 40px; margin-right: 3px;
}
.user-form .date-of-birth #year {
	width: 60px;
}
.user-form .forgot a {
	color: rgb(140, 140, 140); font-size: 11px; text-decoration: underline; display: inline-block;
}
.user-form .error {
	border-color: rgb(158, 11, 15);
}
#login .box h2 {
	font: 12px/8px "ac3EagleSansBold", Arial, sans-serif; margin: 0px 0px 15px; color: rgb(227, 227, 227); text-transform: uppercase; font-size-adjust: none; font-stretch: normal;
}
#login .box p {
	font: 16px/20px "abstergoSans", Arial, sans-serif; margin: 0px 0px 13px; color: rgb(255, 255, 255); font-size-adjust: none; font-stretch: normal;
}
#login input {
	background: rgb(33, 44, 51); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); margin: 0px 0px 15px; padding: 5px; border-image: none; height: 25px; color: rgb(215, 215, 215); line-height: 15px; font-size: 11px;
}
#login #log-in {
	height: 243px; margin-bottom: 7px;
}
#login #register input {
	margin-bottom: 5px;
}
#login .box .visibility {
	transition:max-height 0.5s, opacity 0.5s; overflow: hidden; -moz-transition: max-height 0.5s, opacity 0.5s; -webkit-transition: max-height 0.5s, opacity 0.5s; -o-transition: max-height 0.5s, opacity 0.5s;
}
#login #register {
	height: 155px;
}
#login #register .visibility {
	max-height: 0px; opacity: 0;
}
#login #log-in .visibility {
	max-height: 137px;
}
#login .open-register #log-in {
	height: 76px;
}
#login .open-register #log-in .visibility {
	max-height: 0px; opacity: 0;
}
#login .open-register #log-in button {
	background: none; font: 16px/20px "abstergoSans", Arial, sans-serif; padding: 0px; border: 0px currentColor; border-image: none; color: rgb(154, 153, 153); text-transform: none; text-decoration: underline; font-size-adjust: none; font-stretch: normal;
}
#login .open-register #register {
	height: 322px;
}
#login .open-register #register .visibility {
	max-height: 173px; opacity: 1;
}
#login #no-access {
	padding: 0px; min-height: 422px;
}
#login #no-access .box {
	background: rgb(121, 0, 0); height: 406px;
}
#login #no-access .box h2 {
	background: url("img/login/icon-error.png") no-repeat 0px 0px; line-height: 14px; text-indent: -9999px;
}
#login #no-access .box p {
	line-height: 24px; font-size: 18px;
}
#login #no-access .box a {
	color: rgb(255, 255, 255); text-decoration: underline;
}
#login #request {
	height: 214px;
}
#login #activate {
	height: 191px;
}