/*
=============================================================================================
																		      LOGIN FORM PAGE
=============================================================================================
*/

.container-960.login{
	padding-top:			60px;
}

.loginForm{
	position:			relative;
	margin-left:		70px;
	display:			inline-block;
	vertical-align:		middle;
	text-align:			left;
}

.fieldArea{
	background-color:	#ffffff;
	border:				dashed 1px #c6c6c6;
	/*background-color:	#ececec;*/
	border-radius: 		12px;
	padding: 			5px 10px;
	margin:				10px 0px;
}

.fieldArea.error{
	border:				dashed 1px #e30075;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	-moz-box-shadow: 	0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
	box-shadow: 		0px 0px 7px 0px rgba(222,0,122,1), inset 0px 0px 7px 0px rgba(222,0,122,1);
}

.fieldArea input{
	vertical-align:		middle;
	background-color:	transparent;
	border:				0px;
	color:				#585858;
	font-family: 		'Raleway' , seans-serif;
	font-weight:		400;
	padding:			3px;
	border-radius:		10px;
}

.fieldArea input[name="email"]{
	width:				250px;
}

.fieldArea img{
	vertical-align:		middle;
	margin:				0px 10px;
}

input[type="submit"]{
	position:			absolute;
	right:				0px;
	bottom:				0
}

h5.error{
	margin:				10px 0px;
	color:				#e30075;	
}


a.facebookLogin{
	display:			inline-block;
	vertical-align:		middle;
	background-image:	url(/img/form/facebook.png);
	background-repeat:	no-repeat;
	background-position:right;
	background-color:	#375794;
	border:				0px;
	color:				#ffffff;
	font-family: 		'Raleway' , seans-serif;
	font-weight:		400;
	padding: 			3px 38px 3px 15px;
	border-radius:		10px;
	font-size:			13px;
	line-height: 		24px;
	float: 				right;
	margin-top:			10px;
	position:			absolute;
	bottom:				0;
	right:				0
}

a.facebookLogin:hover{
	background-color:	#1f3e7a
}

p.notice{
	display:			block;
	margin:				0 auto;
	border-radius:		15px;
	background-color:	#2f2f2f;
	color:				#ffffff;
	max-width:			700px;
	min-height:			32px;
	padding:			7px 10px 7px 30px;
	margin-bottom:		25px;
	font-weight:		300;
	text-align:			left;
	background-image:	url(/img/login/interjection.png);
	background-position:left;
	background-repeat:	no-repeat
}

p.notice a{
	color:				#ffffff
}

p.notice a:hover{
	text-decoration:	underline	
}