﻿body {
      
}
/*SECTION CONTAINER*/
	section#loginBox {
		background-color: #3C68C1;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 0 4px rgba(0,0,0,0.2);
		margin: 40px auto; /*aligns center*/
		padding: 24px;
		width: 400px;
	}
	form.minimal label {
		display: block;
		margin: 6px 0;	
	}
	
		form.minimal input[type="text"],
		form.minimal input[type="email"],
		form.minimal input[type="number"],
		form.minimal input[type="search"],
		form.minimal input[type="password"],
		form.minimal textarea {
			background-color: rgb(255,255,255);
			border: 1px solid rgb( 186, 186, 186 );
			border-radius: 2px;
			-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08);
			display: block;
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, 'lucida grande', tahoma, verdana, arial, sans-serif;
			font-size: 14px;
			margin: 6px 0 12px 0;
			padding: 8px;	
			text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
			width: 90%;
			border-radius: 5px;
			
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			-o-transition: all 0.1s linear;
			  transition: all 0.1s linear;
		}
		
		form.minimal input[type="text"]:focus,
		form.minimal input[type="email"]:focus,
		form.minimal input[type="number"]:focus,
		form.minimal input[type="search"]:focus,
		form.minimal input[type="password"]:focus,
		form.minimal textarea:focus,
		form.minimal select:focus { 
   		 	border-color: #4195fc;
    		-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px #4195fc;
			color: rgb(0,0,0);
			border-radius: 5px;
		}
		
			form.minimal input[type="text"]:invalid:focus,
			form.minimal input[type="email"]:invalid:focus,
			form.minimal input[type="number"]:invalid:focus,
			form.minimal input[type="search"]:invalid:focus,
			form.minimal input[type="password"]:invalid:focus,
			form.minimal textarea:invalid:focus,
			form.minimal select:invalid:focus { 
				border-color: rgb(248,66,66);
				border-radius: 10px;
				-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
				-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
				  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 8px rgb(248,66,66);
			}
[class*='btn-'] {
		border: none;
		border-bottom: 2px solid rgba(0,0,0,.15);
		border-top: 1px solid rgba(255,255,255,.15);
		border-radius: 3px;
		color: #111;
		display: inline-block;
		font: -webkit-small-control;
		font-size: .7em;
		letter-spacing: 1px;
		line-height: 140%;
		padding: 10px 20px;
		background-color: #A9C9A9;
		text-decoration: none;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		text-transform: uppercase;
		
		-webkit-transition: all 0.1s linear;
     	-moz-transition: all 0.1s linear;
       	-o-transition: all 0.1s linear;
          transition: all 0.1s linear;
	}
