/* base  */		
	
	html{overflow-y:scroll;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	html, body{margin:0;padding:0;-webkit-text-size-adjust:none;height:100%;}
	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1.2em;
		color:#fff;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5714em;padding-top:0.13em;padding-bottom:0.0414em;}	
	h3{font-size:1.5em;margin-bottom:.6666em;padding-top:.3em;padding-bottom:.1em;}
	h4{font-size:1.25em;margin-bottom:.6em;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	
	p, blockquote, ul, ol, dl, form, table, pre{display:block;margin:0 0 1.5em 0;}
	article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}	
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;padding:0;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:.9em Monaco, "Courier New", monospace;}
	code{background:#f7f7f7;border:1px solid #ddd;padding:0 3px;border-radius:3px;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:.01em;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	figure{margin:0 0 .5em 0;display:table;}
	hr{display:block;clear:both;height:1px;border:0;border-top:1px solid #ddd;margin:0 0 1.5em 0;padding:0;}	
	table{width:100%;border-collapse:collapse;display:table;}
	th,caption{text-align:left;}	
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input, select{vertical-align:middle;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
	::-moz-focus-inner{border:0;padding:0;}
	::-moz-selection{background:#555;color:#fff;}
	::selection{background:#555;color:#fff;}
	*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}	

	/* */

	@font-face{
		font-family:'Open Sans';
		src:url('fonts/OpenSans-Regular.eot?') format('eot'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype');
		font-style:normal;
		font-weight:400;
		}
	@font-face{
		font-family:'Open Sans';
		src:url('fonts/OpenSans-Italic.eot?') format('eot'), url('fonts/OpenSans-Italic.woff') format('woff'), url('fonts/OpenSans-Italic.ttf') format('truetype');
		font-style:italic;
		font-weight:400;
		}
	@font-face{
		font-family:'Open Sans';
		src:url('fonts/OpenSans-Semibold.eot?') format('eot'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('truetype');
		font-style:normal;
		font-weight:600;
		}
	@font-face{
		font-family:'Open Sans';
		src:url('fonts/OpenSans-SemiboldItalic.eot?') format('eot'), url('fonts/OpenSans-SemiboldItalic.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic.ttf') format('truetype');
		font-style:italic;
		font-weight:600;
		}
		
	html{	
		background:#0a1b22 url(../images/bg_body.jpg) no-repeat center center fixed; 
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		}	
		
	body, table, input, textarea, select, li, button, p{
		font-size:1em;
		line-height:1.5em;		
		}				
	body{				
		font-family:'Open Sans', Helvetica, Arial, sans-serif;
		background:transparent;
		text-align:center;
		color:#fff;
		}
	a, a:visited{
		text-decoration:none;
		color:#390;
		}
	a:hover{color:#fff;}
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		padding:1.5em 2em;
		border:1px solid #ddd;
		background:#f7f7f7;
		border-radius:3px;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ddd;
		font-style:italic;
		}	
	dt{font-weight:bold;}
	table{border-radius:3px;border:1px solid #ddd;}	
	th, td{padding:.5em 1em;line-height:1.5em;vertical-align:top;border-bottom:1px solid #ddd;}			
	tr:nth-child(odd) td{background:#f7f7f7;}	
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	
/* base */

/* helpers */		
	
	.hidden, .print{display:none;}
	
	.left{float:left;display:inline;margin-right:1em;}
	.right{float:right;display:inline;margin-left:1em;}
	.center{text-align:center;}
	p.left, p.right{margin-bottom:.5em;}
	
	.clear{clear:both;}
	.block{display:block;clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	
/* // helpers */	

/* layout */

	.content_centered{
		position:absolute;
		top:50%;
		left:0;
		right:0;
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		-o-transform:translateY(-50%);
		transform:translateY(-50%);	
		}
	.content_inner{
		width:90%;
		max-width:600px;
		margin:5% auto;
		background:rgba(0,0,0,.5);
		}	
		
	
/* // layout */

/* form */

	/* form base */
	
		fieldset{
			border:1px solid #ddd;
			padding:1em 2em;
			margin:0 0 1.5em 0;
			border-radius:3px;
			}
		legend{padding:2px 5px;}	
		input[type="text"], input[type="email"], input[type="password"], textarea, select{
			border:none;
			padding:10px 15px;
			background:#fff;
			width:100%;
			margin:0;
			box-shadow:inset 0 10px 10px rgba(0,0,0,.2);	
			vertical-align:middle;	
			color:#333;
			transition-duration:0.1s;
			transition-timing:ease-out;
			border-radius:0;
			-webkit-appearance:none;    
			}
		select{width:262px;}
		textarea, .area{overflow:auto;height:150px;width:350px;resize:vertical;}
		input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{		
			outline:none;
			box-shadow:inset 0 1px 2px rgba(0,0,0,.1);		
			}
		.submit{}
		button, input[type="submit"], input[type="reset"], input[type="button"], .button{
			display:inline-block;
			border:none;
			background-color:#390; 		
			color:#fff;
			padding:0 20px;
			margin:0;
			height:50px;
			line-height:50px;
			width:100%;
			cursor:pointer;
			vertical-align:middle;		
			text-decoration:none !important;
			border-bottom:1px solid rgba(0,0,0,.1);
			box-shadow:0 2px 0 rgba(0,0,0,.1);	
			transition-duration:0.3s;
			transition-timing:ease-out;	
			text-transform:uppercase;				
			}
		.button{height:33px;line-height:33px;}	
		button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover{	
			background-color:#909090; 
			box-shadow:0 0 3px rgba(0,0,0,.2);
			}	
	
	/* // form base */	
	
	/* messages */
	
		.message{			
			display:block;
			width:100%;
			text-align:center;
			margin-top:15px;
			height:50px;
			line-height:50px;
			box-shadow:0 2px 0 rgba(0,0,0,.05);	
			font-size:13px;			
			}		
		.error{background-color:#ffe9e9;border:1px solid #fbc4c4;color:#ca3d3d;}
		.success{background-color:#ebf6e0;border:1px solid #b3dc82;color:#5f9025;}
		.information{background-color:#e9f7fe;border:1px solid #bae2f0;color:#0295cc;}
		.note{background-color:#fbfadd;border:1px solid #ded58a;color:#8f872e;}
	
		.notvalid{border:1px solid #fbc4c4 !important;}
		.inactive{color:#999;}	
	
	/* // messages */

	.form{width:90%;max-width:300px;text-align:center;margin:0 auto;padding:30px 0;position:relative;}
	.form_pretext{text-transform:uppercase;margin-bottom:.5em;}
	.form_control{margin:.5em 0;position:relative;}
	.form_control_checkbox{padding:15px 0;margin:0 0 5px 0;float:left;}	
	.form_forgot{float:right;padding:15px 0;margin:0 0 5px 0;}
	.form_submit{}
	
	.form_control_username:after,
	.form_control_password:after{
		content:'';
		display:block;
		width:40px;
		position:absolute;
		top:0;
		right:0;		
		height:100%;		
		background:#fff url(../images/loginicons.png) no-repeat 0 50%;
		border-left:1px solid #eee;
		}
	.form_control_password:after{background:#fff url(../images/loginicons.png) no-repeat -40px 50%;}	
	
	.logo{}
	.logo img{min-width:100%;}
	
/* // form */

@media screen and (max-width: 600px){
	.form_control_checkbox,
	.form_forgot{float:none;padding:5px 0;}
}