body
	{
	background-color: #d0d2d4;
	padding: 30px 50px;
	font-family: Arial;
	font-size: 12px;
	}

/*----------------- LANGUAGES -----------------------------------------------------------------------------------------------------------------------------*/

 #languages
	{
	display: none;
	margin: 140px auto 15px auto;
	width: 440px;
	text-align: center;
	}

 .lang
	{
	display: inline-block;
	width: 90px;
	margin: 0 2px;
	padding: 5px 0;
	text-decoration: none;
	color: #555555;
	font-size: 18px;
	text-align: center;
	text-transform: capitalize;
	background-repeat: no-repeat;
	background-color: #ffffff;
	border-radius: 3px;
	border: 1px solid #bcc1ce;
	font-weight: bold;
	}

 .lang.active
	{
	background-color: #394c77;
	color: #ffffff;
	}

 .lang.off:hover
	{
	background-color: #e5e5e7;
	border: 1px solid #888888;
	}

/*----------------- AUTHORIZATION PANEL -------------------------------------------------------------------------------------------------------------------*/

 #panel
	{
	position: relative;
	margin: 0 auto;
	margin-top: 170px;
	width: 440px;
	height: 185px;
	background-color: #ffffff;
	font-family: 'Tahoma';
	font-size: 13px;
	border: 6px solid #eef0f7;
	box-shadow: 3px 3px 7px #bbbbbb;
	}

 .header
	{
	color: #dfe5f7;
	background-color: #394c77;
	font-family: 'Tahoma';
	font-size: 13px;
	text-align: left;
	padding: 5px 10px;
	/*border-bottom: 1px solid #bcc1ce;*/
	border-bottom: 6px solid #eef0f7;
	}

 .header.error
	{
	background-color: #f0175e;
	border-bottom: 1px solid #e3ac18;
	}

 #logo
	{
	position: absolute;
	top: 38px;
	left: 7px;
	width: 140px;
	height: 140px;	
	background-color: #f5f5f8;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 3px;
	}

 #login-form
	{
	position: absolute;
	top: 55px;
	right: 5px;
	}

 #login-form td
	{
	color: #516195;
	padding: 3px 5px;
	font-family: 'Tahoma';
	font-size: 12px;
	text-align: left;
	}

 .field
	{
	padding: 3px 5px;
	width: 180px;
	color: #516195;
	background-color: #f5f9fc;
	border: 1px solid #c4c8d2;
	font-family: 'Tahoma';
	font-size: 12px;
	outline: none;
	border-radius: 2px;
	}

 .field:focus
	{
	color: #333333;
	background-color: #fcf5f5;
	border: 1px solid #bb5555;
	}

 #enter
	{
	background: url('images/enter.jpg');
	width: 41px;
	height: 20px;
	border:none;
	float: right;
	cursor: pointer;
	}

 #enter:hover
	{
	background: url('images/enter_hover.jpg');
	width: 41px;
	height: 20px;
	border:none;
	float: right;
	}

 #enter:active
	{
	background: url('images/enter_active.jpg');
	width: 41px;
	height: 20px;
	border:none;
	float: right;
	}

/*----------------- BAN PANEL -----------------------------------------------------------------------------------------------------------------------------*/

 #ban-panel
	{
	position: relative;
	margin: 140px auto 0px auto;
	width: 440px;
	height: 148px;
	background-color: #ff5555;
	color: #ffffff;
	font-family: 'Tahoma';
	font-size: 13px;
	text-align: center;
	border: 6px solid #eef0f7;
	box-shadow: 3px 3px 7px #bbbbbb;
	}

 #ban-panel h3
	{
	margin-top: 30px;
	color: #ffffaa;
	}