/*** --- Document params --- ***/
body, html {
	color: #555;
	font: 17px/1.3 Calibri, Tahoma, sans-serif;
	background: #BFC5C9 url(../images/bg.gif) 0 0 repeat;
	text-align: center;
	vertical-align: middle;
}

p {
	margin: 0 0 1.2em 0;
}
p strong {
	color: #06c;
}
h1 {
	width: 980px;
	height: 50px;
	margin: 0 auto;
	padding: 12px 0 8px;
	font: 36px/1 'Din Compressed', 'Arial Narrow', Calibri, Tahoma, sans-serif;
	color: #4866bd;
	-webkit-text-shadow: 1px 1px 0 #e9e9e9;
	-moz-text-shadow: 1px 1px 0 #e9e9e9;
	text-shadow: 1px 1px 0 #e9e9e9;
	text-align: center;
}

.clear {
	float: none;
	clear: both;
}
.description {
	float: left;
	width: 640px;
	text-align: right;
	padding: 0.5em 0 0 0;
}

.center-container {
	width: 920px;
	min-height: 400px;
	margin: 0 auto;
	padding: 10px 30px;
	background: #fff url(../images/container-bg.png) 0 0 no-repeat;
	-webkit-box-shadow: 0 0 3px #444;
	-moz-box-shadow: 0 0 3px #444;
	box-shadow: 0 0 3px #444;
	text-align: left;
}


#card {
	float: right;
	width: 221px;
	height: 90px;
	margin: 0 20px 20px;
	padding: 50px 0 0 0;
	background: url(../images/card2.gif) 50% 50% no-repeat;
	text-align: center;
}
#card span {
	padding: 0 6px;
	border: 1px dashed #c00;
	font: bold 16px/1 Arial, Tahoma, Verdana, sans-serif;
	color: #000;
}


#terminal {
	float: right;
	width: 254px;
	height: 350px;
	margin: 0 0 20px;
	background: url(../images/terminal1.gif) 50% 50% no-repeat;
	text-align: center;
}


#password {
	min-height: 100px;
}
#password .waiting,
#password .result-password,
#password .result-error,
#password .get-password,
#password .intro {
	display: none;
}
.exit-button {
	display: block;
}
#password .get-password,
.exit-button {
	height: 80px;
	width: 401px;
	margin: 10px auto;
	background: #3d96d9 url(../images/big-blue-button.png) 0 0 no-repeat;
	font: 48px/80px 'Din Compressed', 'Arial Narrow', Calibri, Tahoma, sans-serif;
	color: #fff;
	-webkit-text-shadow: 1px 1px 0 #047;
	-moz-text-shadow: 1px 1px 0 #047;
	text-shadow: 1px 1px 0 #047;
	text-align: center;
	text-decoration: none;
}
#password.get .get-password,
#password.get .intro {
	display: block;
}
#password.load {
	text-align: center;
}
#password.load .waiting {
	display: block;
	font: 30px/1em 'Din Compressed', 'Arial Narrow', Calibri, Tahoma, sans-serif;
	color: #600;
}
#password .waiting .timer {
	display: block;
}
#password.load .timer {
	margin: 10px 0 0 0;
	min-height: 65px;
	_height: 65px;
	background: url(../images/ajax-loader.gif) 50% 50% no-repeat;
	font: 30px/65px 'Din Compressed', 'Arial Narrow', Calibri, Tahoma, sans-serif;
	color: #333;
}
#password.result .result-password {
	display: block;
	text-align: center;
}
#password.result .result-password div {
	margin: 10px 0;
	color: #999;
}
#password.result .result-password strong {
	font: 48px/0.8 Tahoma, sans-serif;
	color: #000;
}
#password.result .result-password span {
	color: #06C;
}
#password.result .result-password .reference {
	font-size: 0.9em;
}
#password.result .result-password .date {
	font-size: 0.9em;
}
#password.error .result-error {
	display: block;
	text-align: center;
}


#exit {
	height: 80px;
	background: url(../images/exit-waiting.gif) 50% 50% no-repeat;
}