@font-face {
font-family: 'Roboto Condensed';
src:
    local('Roboto Condensed'),
       local('Roboto-Condensed-regular'),
    url('fonts/RobotoCondensed-Regular.ttf');
}

*{
	padding: 0;
	margin: 0;
	border: none;
}
*:focus {
    outline: 0;
}
body {
	background: url(../images/repeat_black.jpg) repeat left top;
	text-align: center;
}
body.light {
	background: #FFF;
}
.loading img {
	display: none;
	margin: 20px 0 0;	
}
.half {
	width: 50%;	
}
.left {
	float: left;	
}
.pad-left{
	padding: 0 0 0 15px;	
}
.disclaimer {
	background: #FFF;
	border: solid 1px #bf1a1a;
	color: #bf1a1a;
	padding: 10px;
	font-size: 14px;
	border-radius: 5px;
	margin: 15px 0 0;
  }
.pad-right {
	padding: 0 15px 0 0;	
}
.clear {
	clear: both;
	float: none;
}
#message {
	position: fixed;
	z-index: 9999999999;
	width: 100%;
	text-transform: uppercase;
	color: #FFF;
	font-size: 1em;
	line-height: 1.5em;
	left: 0px;
	top: 0px;
}
#message .error {
	background: #900;
	margin: 0px;
	padding: 23px 0px;
}
#message .success {
	background: #063;
	margin: 0px;
	padding: 23px 0px;
}
#message .warning {
	background: #FF0;
	margin: 0px;
	padding: 23px 0px;
	color: #000;
}
.hide {
	display: none;	
}
.submit a,
.dialog .loading .title,
.dialog .loading .description,
#message,
.logo h1,
h2,
.disclaimer {
	font-family: 'Roboto Condensed', sans-serif;
}
.accept {
	padding: 15px 5px;
	color: #CCC;
	font: 12px Arial, Helvetica, sans-serif;
}
.accept a,
.accept a:visited {
	color: #FFF;
}
body.light .accept {
	color: #555;
}
body.light .accept a, body.light .accept a:visited {
	color: #1486d9;
  }
.logo h1 {
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #777;
	padding: 20px 0 0;
	margin: 0;
	font-weight: normal;
}
h2 {
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	text-transform: uppercase;
	padding: 0 0 20px;
	margin: 0;
	font-weight: normal;
	color: #1486d9;	
}
.dialog {
	margin: 0 auto;
	width: 323px;
}
.dialog.double {
	width: 646px !important;
}

.dialog .logo {
	padding: 20px 0;	
}
.dialog .logo img {
	max-width: 55%;
	height: auto;
}
.dialog .form {
	background: url(../images/repeat_gray.jpg) repeat left top;	
	border-radius: 5px;
}
body.light .dialog .form {
	border: solid 1px #CCC;
}
.dialog .form .padding {
	padding: 30px;	
}
.dialog .form .field{
	background: #FFF;
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-top: 1px solid #B7B7B7;
}
.dialog .form .field.required {
	border-left: 1px solid #900;
	border-right: 1px solid #900;
	border-top: 1px solid #900;
}
.dialog .form .field.rounded.required {
	border: 1px solid #900;
}
.dialog .form .field.required input {
	color: #900;
}
.dialog .form .username,
.dialog .form .password {
	border-left: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	border-top: 1px solid #B7B7B7;
}
.dialog .form .username.required,
.dialog .form .password.required {
	border-left: 1px solid #900;
	border-right: 1px solid #900;
	border-top: 1px solid #900;
	color: #900;
}
.dialog .form .password.required{
	border-bottom: solid 1px #900;
}
.dialog .form .break {
	height: 20px;	
}
.dialog .form .username {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.dialog .form .rounded {
	border: 1px solid #B7B7B7;
	border-radius: 5px;
}
.dialog .form .password {
		border-bottom: solid 1px #B7B7B7;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
}
.dialog .form .field input {
	height: 30px;
	padding: 0 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 95%;
	color: #333;
	font: 12px/30px Arial, Helvetica, sans-serif;
}
.dialog .form .field select {
	padding: 3px;
	margin: 3px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	width: 270px;
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #B7B7B7;
}
.dialog .form .submit{
	padding: 20px 0 0;
}
.dialog .form .submit a{
	display: block;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
	text-transform: uppercase;
	background: #1486d9;
	color: #FFF;
	font-size: .875em;
	line-height: 35px;
	height: 35px;
}
.dialog .form .submit a:hover {
	background: #3EA2EC;
}
.dialog .form .remember{
	font: 12px/18px Arial, Helvetica, sans-serif;

	padding: 20px 0 0;
}
.dialog .form .forgot {
	font: 12px/18px Arial, Helvetica, sans-serif;
	padding: 20px 0 0;
}

.dialog .form .forgot a {
	color: #1486d9;	
}
.dialog .form .forgot a:hover {
	color: #3EA2EC;
}
.dialog .form .remember input {
	
}
body.light .dialog .loading .title {
	color: #000;
}
body.light .dialog .loading .description {
	color: #000;
}
body.light .dialog .loading .bar {
	background: #CCC;
}
.dialog .loading .title {
	color: #FFF;
	font-size: 1.5em;
	padding: 30px 0 15px;
}
.dialog .loading .description {
	color: #FFF;
	font-size: 1em;
	padding: 20px 0 0;
}
.dialog .loading .bar {
	background: #FFF;
	border-radius: 3px;
}
.dialog .loading .fill {
	background: #1486d9;
	height: 5px;
	width: 0%;
	border-radius: 3px;
}
.dialog .same {
	font: 12px/18px Arial, Helvetica, sans-serif;

	padding: 20px 0;
}
.dialog .same input {
	margin: 0 4px 0 0;	
}