﻿body {
}
html, body {height:100%;margin:0;padding:0;text-align: center;}
 
body {
	background-color: #ececec;
    color: #232323;
	font: normal 14px 'HelveticaNeue','Helvetica','Arial',sans-serif;

}

#header {
	background: #232323;
	border-bottom: 1px solid #232323;
	color:#fff;
	height: 40px;
	left: 0;
	line-height: 40px;
	margin: 0;
	padding: 0 0 0 15px;
	position: fixed;
	text-align: left;
	top:0;
	width: 100%;
	z-index: 4;
    font-size: 19px;
}
 
#floater {
	float:left;
	height:50%;
    margin-bottom: -210px;
	position:relative;
	width:1px;
}
 
#loginBox {
	background:#fff;
	border:1px solid #aaa;
	clear:left;
	height:auto;
	width:30%;
	max-width:800px;
	min-width:400px;
	margin:0 auto;
	position:relative;
}
 
#content {
	height:auto;
	margin:0;
	padding:0;
	overflow:auto;
	top:0; right:0; bottom:0;
}

/*********************************************************************************/
/* Images                                                                        */
/*********************************************************************************/

img.logo {padding:9px 0 0 0;}


img.login{padding: 20px 0 0 0;}

/*********************************************************************************/
/* Text                                                                          */
/*********************************************************************************/

.loginTitle {
	background: #E0E2DF;
	border-bottom: 1px solid #ccc;
	color: #555;
	font: normal 24px 'HelveticaNeue','Helvetica','Arial',sans-serif;
	margin: 0;
	padding: 10px 0;
	width: 100%;
}

p.loginText {margin: 20px 0 0 0;padding: 0;}
p.errorText {margin: 20px 0 0 0;padding: 0;color: #f08080;}
/*********************************************************************************/
/* Inputs, Buttons, Divs, etc.                                                   */
/*********************************************************************************/

.loginFields{margin: 0 0 20px 0;}

label {
	color: #7f7f7f;
	display: block;
	font-size: 16px;
	line-height: 30px;
	margin: 0 auto;
	padding: 0 16px 0 0;
	text-align: left;
	width: 80%;
}

.simpleLogin {padding: 20px 0 0 0;}

input.fieldStyle{
	border: 1px solid #a2a2a2;
	color: #232323;
	font: normal 16px 'HelveticaNeue','Helvetica','Arial',sans-serif;
	height: 30px;
	padding: 0 0 0 10px;
	width: 80%;
}

input.fieldStyle:focus{
	border-color: #737373;
	/**background: #f2f2f2;**/
}

input.loginButton{
	background: #d3d3d3;
	border: 1px solid #a2a2a2;
	border-radius: none;
	color:#434343;
	font: normal 14px 'HelveticaNeue','Helvetica','Arial',sans-serif;
	padding: 5px 10px;
}

input.loginButton:hover{background:#d3d3d3;}

input.loginButton:active{background:#aaa;}


select {
    border: 1px solid #AAAAAA;
    color: #555555;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 4px;
}
 
    
