/* CSS Document */

/*************************************************
//////////////////////////////////////// LOGIN
**************************************************/
#login{
	width: 1002px;
	margin:50px auto 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#login #loginform{
	display: flex;
	flex-direction: column;
	padding: 25px 35px;
	width: 285px;
	background-color: #ECECEC;
	border: 1px solid #C0C0C0;
	box-shadow: 0 5px 10px -8px #666666;
	/*box-shadow:0px 0px 10px -3px #666;
	-webkit-box-shadow:0px 0px 10px -3px #666;
	-moz-box-shadow:0px 0px 10px -3px #666;*/
}
#login .player{
	float: left;
	width: 640px;
}
#login a.logo{
	display:block;
	background:url(../imgs/logo_oxo_vertical.png) no-repeat top left;
	background-size: contain;
	background-position: center;
	width:220px;
	height:150px;
	align-self: center;
	margin-top: 15px;
	margin-left: -4px;
	margin-bottom: 50px;
}
#login .footer{
	clear: both;
	color: #666;
	margin: 25px 0 0;
	text-align: center;
	width: 1002px;
	font-family: Arial,Verdana,sans-serif;
	font-size: 11px;
	position: fixed;
	bottom: 0;
}
#login #loginform .t{
	margin-bottom: 15px;
	color: #333;
	padding-bottom: 3px;
	border-bottom: 1px solid #DADADA;
	font-size: 16px;
}
#login #loginform .f{
	color: #666;
	flex:1;
}
#login #loginform .f .l{
	margin-bottom: 3px;
	font-size: 15px;
}
#login #loginform .f input[type=text],
#login #loginform .f input[type=password]{
	display: block;
	border: 1px solid #C0C0C0;
	padding: 18px 13px;
	height: 34px;
	width: 100%;
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
}
#login #loginform .f input[type=text]:focus,
#login #loginform .f input[type=password]:focus{
	border: 1px solid #FDB913;
	box-shadow:0px 0px 4px -3px #666 inset;
	-webkit-box-shadow:0px 0px 4px -3px #666 inset;
	-moz-box-shadow:0px 0px 4px -3px #666 inset;
}
#login #loginform input[type=checkbox]{
	margin:0px 5px 5px 0px;
}
#login #loginform input[type=submit]{
	float: right;
	border: 1px solid #cf9300;
	background-color: #fdc944;
	padding: 6px 20px;
	font-size: 1.4em;
}
#login #loginform .row{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
#login #loginform .small{
	font-size: 13px;
	float: left;
	clear: left;
	color: #999;
}

#login #loginform #loginmsg:empty{
	display:none;
}
#login #loginform #loginmsg{
	background-color:#FAFAFA;
	border: 1px solid #C0C0C0;
	padding:10px;
	color:#333;
	text-align:center;
	margin-top:9px;
	display:none;
}
#login #loginform #loginmsg.error{
	border-color:#C55;
}
#login #loginform #loginmsg.success{
	/*border-color:#090;*/
}

#login #loginform #logintries:empty{
	display:none;
}
#login #loginform #logintries{
	background-color:#FDB913;
	padding:3px;
	color:#333;
	text-align:center;
	margin-top:3px;
	width:315px;
}