/* @group HTML 5 Styling */

input.fl-text, input.fl-password, input.fl-submit, input.fl-date, input.fl-reset, input.fl-reset, textarea.fl-textarea,  select.fl-select {
	width: 220px;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font: 1.4em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align: top;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

input.fl-text:focus, input.fl-password:focus, input.fl-date:focus, textarea.fl-textarea:focus, select.fl-select:focus {
	border: 1px solid #ddd;
	background-color: #fff;
	color: #333;
	outline: none;
	position: relative;
	z-index: 5;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-box-shadow: 0 0 5px rgba(75, 137, 208, 1);
	-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}


input.fl-submit {
	width: auto;
	cursor: pointer;
	position: relative;
	border: 1px solid #282828;
	color: #fff;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;
	background: #555;
	background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, rgb(60,60,60)),
        color-stop(1, rgb(85,85,85))
    );
	background: -moz-linear-gradient(
        center bottom,
        rgb(60,60,60) 12%,
        rgb(85,85,85) 100%
    );
	box-shadow: 0 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	-webkit-border-radius: 5px;
}

input.fl-reset {
	width: auto;
	cursor: pointer;
	position: relative;
	padding: 6px 16px;
	text-decoration: none;
	font-size: 1.5em;
}

input.fl-submit:hover {
	background: #282828 !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

input.fl-reset:hover {
	background: #CCCCCC !important;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}

input.fl-submit:active, input.fl-submit:focus, input.fl-reset:active, input.fl-reset:focus {
	top: 1px;
}

#clearboth {
	clear: both;
}

label { 
	display: inline;
	font-weight:bold;
	text-align: left;
	width: 140px; /* -10px */
}
div.login-margin {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
p.error {
	color: red;
}
/* @end */