/*-----------------------------------------------*/
/* This section resets default browser styles.   */
/* You shouldn't need to edit this section.      */
/*-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
img { vertical-align: middle }

/*-----------------------------------------------*/
/* Basic styles                                  */
/*-----------------------------------------------*/

html {
	height: 100%;
}

body {
	background: #fff;
	font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	position: relative;
	color: #4c4c4c;
	height: 100%;
}

	input, select, textarea {
		font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	}

a {
	text-decoration: none;
	color: #3287c9;
}

a:hover {
	color: #8f0758;
}

/****************************************************/
/* FORM ELEMENT STYLES								*/
/****************************************************/
.textinput, .multitext, .input_text {
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #848484;
	border-left-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #e1e1e1;
	background: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 350px;
}

	.textinput:focus, .multitext:focus, .input_text:focus {
		border-top-color: #4e4e4e;
		border-left-color: #7c7c7c;
		border-right-color: #7c7c7c;
		border-bottom-color: #a3a3a3;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	
	.textinput.no_width, .input_text {
		width: auto;
	}
	
input.inactive, select.inactive {
	color: #c4c4c4;
}

select {
	padding: 1px;
}


.button, .realbutton{
	padding: 5px 19px;
	border: 0;
	background: #363636;
	color: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}
	
/* Login screen */

#loading{
	padding: 50px;
	text-align: center;
	vertical-align: middle; 
	height:50px; 
	border: 0px solid #000;
	font-size: 16px;
	color: #667078;
}

#content{
	top: 80px;
	left: 10px; right: 10px;
	margin: 0 auto;
	position: absolute;
	font-size: 14px;
	color: #667078;
	text-align: center;
}

body {
	background: #386e9a;
	background: -moz-linear-gradient(top, #4a85b5 0%, #205889 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a85b5), color-stop(100%,#205889)); /* webkit */
	height: auto !important;
}

#footer {
	text-align: center;
	color:#c3c3c3;
	margin: auto;
	
}

#footer a, #footer a:visited {
	color:#c3c3c3;
	text-decoration: underline;
}

#mainWrap {
	width: 450px;
	height: 220px;
	background: #fff;
	margin: 10% auto 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	position: relative;
	padding: 10px;
}
	#mainWrap.with_message {
		height: 250px;
	}
	
	#logo {
		position: absolute;
		top: -45px;
		left: 0;
	}
	
	#submit {
		background: #e7edf2;
		border-top: 1px solid #d0dce6;
		padding: 20px 10px;
		text-align: center;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}
		
	#box {
		margin: 0 auto;
		position: absolute;
		width: 100%;
		bottom: 75px;
		font-size: 16px;
	}
	
		#box label {
			display: block;
			width: 33%;
			color: #667078;
			float: left;
			clear: both;
			margin-bottom: 12px;
			text-align: right;
			padding-right: 15px;
		}
		
		#box input {
			margin-bottom: 12px;
			font-size: 14px;
			width: 45%;
		}
		
	#login_error {
		position: absolute;
		top: 15px;
		left: 10px; right: 10px;
		font-size: 13px;
		font-weight: bold;
		background: #f2ccd4;
		border: 1px solid #e599aa;
		padding: 10px;
		color: #80001c;
	}