.nav {
	background: #F00 url(shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	border-style: solid none solid none;
	margin-top: 5px;
	padding: 7px 12px;
}

.buttons {
	background: #F00 url(shadow.jpg) bottom repeat-x;
	border: 1px solid #ccc;
	color: #666;
	font-size: 10px;
	margin-top: 5px;
	overflow: hidden;
	padding: 0;
}

.buttons input {
	background: #F00;
	border: 0;
	color: #333;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	margin-left: 3px;
	overflow: visible;
	padding: 2px 6px;
}

.buttons input.save {
	background: transparent url(database_save.png) 5px 50% no-repeat;
	padding-left: 28px;
}

label {
	font-family: sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding-right: 10px;
}

td {
	vertical-align: top;
}

#formContainer {
	width: 288px;
	height: 321px;
	margin: 0 auto;
	position: relative;
	-moz-perspective: 800px;
	-webkit-perspective: 800px;
	perspective: 800px;
}

#formContainer div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Enabling 3d space for the transforms */
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/* When the forms are flipped, they will be hidden */
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Enabling a smooth animated transition */
	-moz-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	/* Configure a keyframe animation for Firefox */
	-moz-animation: pulse 2s infinite;
	/* Configure it for Chrome and Safari */
	-webkit-animation: pulse 2s infinite;
}

#login {
	background: url('../img/login_form_bg.jpg') no-repeat;
	z-index: 100;
}

#recover {
	background: url('../img/recover_form_bg.jpg') no-repeat;
	z-index: 1;
	opacity: 0;
	/* Rotating the recover password form by default */
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

div.dash-bottom-navigation {
	margin-top: 20px;
}

div.dash-bottom-navigation a {
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	color: #444444;
}

div.dash-bottom-navigation a:hover {
	text-decoration: underline;
	color: #069;
}
