/* General
---------------------------------------------------- */
body {
	font: normal 13px/18px Arial, sans-serif;
	color: #000;
	background-color: #EEF6F8;
}


/* Some basic styles
---------------------------------------------------- */
h1, h2, h3 ,h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; }
h2 { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 26px; margin-bottom: 10px; }

a 		{ color: #3f8ad7; }
a:hover { color: #f00; }

/**
 * Container
 */
#container { width: 500px; margin: 0 auto; }

/**
 * Header
 */
#header            { margin: 50px auto 40px; text-align: center; }
#header h1         { font-size: 40px; }
#header h1 a       { text-decoration: none; color: #000; }
#header h1 a:hover { color: #555; }
#header h2         { font-size: 18px; }

/**
 * Registration link
 */
.registration-link { margin-bottom: 40px; text-align: center; }

/**
 * Auth form
 */
.auth-form     { width: 300px; margin: 0 auto; background: #fff; }
.auth-form-400 { width: 400px; }

.auth-form-header         { padding: 15px 20px; border-bottom: 1px solid #CFE3E8; position: relative; }
.auth-form-header h2      { margin: 0; }
.auth-form-header .loader { position: absolute; top: 24px; right: 27px; }

.auth-form-content { padding: 20px; }
.auth-form-footer  { padding: 0 20px 20px; }
.auth-form-extra   { padding: 20px; border-top: 1px solid #EEF6F8; background: #F5FBFC; }

/* Registration form */
.auth-form-registration i { margin-left: 5px; position: relative; top: -2px; }



/**
 * Footer
 */
#footer { padding-top: 30px; text-align: center; color: #8BB5C1; }
#footer a { text-decoration: none; }


/* Stat
---------------------------------------------------- */
.stat-performance          { display: none; width: 860px; margin: 0 auto; padding: 15px 20px; background: #fafafa; }
.stat-performance table td { width: 200px; vertical-align: top; color: #777; }
.stat-performance h4       { font-weight: bold; color: #000; }


/* System messages
---------------------------------------------------- */
.system-message-error 			{ background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice 			{ background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice a		{ color: #479839; text-decoration: underline; }
.system-message-notice a:hover	{ color: #4bb23b; }


/* Helpers
---------------------------------------------------- */
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix 		{ zoom: 1; }