*
{
	POSITION: relative;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	MARGIN: 0px;
	PADDING-RIGHT: 0px
}
*
{
	BOX-SIZING: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
*:before
{
	BOX-SIZING: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
*:after
{
	BOX-SIZING: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
HTML
{
	BACKGROUND: #455560
}
BODY
{
	WIDTH: 1000px;
	POSITION: relative;
	TEXT-ALIGN: center;
	MARGIN: 50px auto
}
#logon
{
	WIDTH: 45%;
	TEXT-ALIGN: left;
	PADDING-TOP: 10px
}
aside
{
	background-color:#455560;
	padding:3px;
}
#M5Form
{
	MARGIN-BOTTOM: 25px
}
#M5Form > DIV
{
	DISPLAY: inline-block
}
#M5Form > DIV > LABEL
{
	TEXT-ALIGN: left;
	DISPLAY: block
}
main
{
	OVERFLOW: hidden;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	PADDING-LEFT: 10px;
	DISPLAY: block;
	PADDING-RIGHT: 10px;
	BACKGROUND-COLOR: #ffffff;
	box-shadow: 5px 5px 5px #444444
}
section
{
	VERTICAL-ALIGN: middle;
	DISPLAY: inline-block
}
aside
{
	VERTICAL-ALIGN: middle;
	DISPLAY: inline-block
}
H1
{
	MARGIN-BOTTOM: 20px;
	FONT-SIZE: 22px;
	FONT-WEIGHT: 600;
	COLOR: #455560;
	MARGIN-TOP: 35px
}
#rotating-image
{
	HEIGHT: 400px;
	WIDTH: 500px;
	border-radius: 10px
}
INPUT[type='text']
{
	FONT-SIZE: 16px;
	WIDTH: 180px;
	FONT-WEIGHT: 300;
	COLOR: #444444
}
INPUT[type='password']
{
	FONT-SIZE: 16px;
	WIDTH: 180px;
	FONT-WEIGHT: 300;
	COLOR: #444444
}
BUTTON[type='submit']
{
	MARGIN-BOTTOM: 20px;
	FONT-SIZE: 22px;
	BORDER-TOP: medium none;
	HEIGHT: 39px;
	BORDER-RIGHT: medium none;
	WIDTH: 170px;
	BACKGROUND-IMAGE: url(../images/button_login.png);
	BORDER-BOTTOM: medium none;
	COLOR: #ffffff;
	BORDER-LEFT: medium none;
	MARGIN-TOP: 20px;
	box-shadow: 5px 5px 5px 2px #cccccc;
	border-radius: 5px
}
BUTTON[type='submit']:hover
{
	CURSOR: pointer
}
BUTTON[type='submit']:active
{
	BACKGROUND-IMAGE: url(../images/button_login_clicked.jpg)
}
A:link
{
	FONT-SIZE: 15px;
	TEXT-DECORATION: none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	BORDER-BOTTOM: medium none;
	FONT-WEIGHT: 400;
	COLOR: #455560;
	BORDER-LEFT: medium none
}
A:visited
{
	FONT-SIZE: 15px;
	TEXT-DECORATION: none;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	BORDER-BOTTOM: medium none;
	FONT-WEIGHT: 400;
	COLOR: #455560;
	BORDER-LEFT: medium none
}
A:hover
{
	COLOR: #d57448
}
A:hover IMG
{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: arrowdance;
	animation-name: arrowdance;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
A IMG
{
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	BORDER-BOTTOM: medium none;
	BORDER-LEFT: medium none
}
P IMG
{
	VERTICAL-ALIGN: text-bottom;
	MARGIN-LEFT: 5px
}
footer
{
	MARGIN-TOP: 20px
}
footer P
{
	FONT-SIZE: 12px;
	width:100%;
	COLOR: #ffffff;
	TEXT-ALIGN: left
}
.errors
{
	COLOR: #ff0000
}
LI
{
	MARGIN: 0px 10px;
	DISPLAY: inline-block
}
.dimImage {
	opacity: 0.4;
}
.logonErr {
	font-size: 125% !important;
	font-weight: bold;
	color: Red !important;
}