.commentFormContainer {
				
}

form#commentForm label {
	width: 5em;
	display: inline-block;
	margin-right:1em;
}

form#commentForm label[for=body] {
	width: 15em;
	display: inline-block;
}

form#commentForm input[type=text] {
	width: 18.75em;
	margin: 0 0 0.4em 0;
	padding:0.5em;
}

form#commentForm textarea#body {
	width: 100%;
	height: 15em;
}

form#commentForm input[type=submit] {
	margin-top: 1.5em;
	padding:0.5em;
}

form#commentForm p.successMessage {
	color: blue;
}
form#commentForm p.errorMessage {
	color: red;
}

/* LOGIN PAGE */
#loginFormContainer{
	margin:0 auto;
	width:100%;
	background:#e9e9e9;
	border-top:medium #829599 solid;
	border-bottom:medium #829599 solid;
}
#loginForm{
	margin:0 auto;
	width:55%;
	margin-top:2em;
	margin-bottom:2em;
}
#loginForm label{
	width:33%;
	display: inline-block;
}
#loginForm input{
	width:63%;
	padding:0.5em;
	display: inline-block;
}
#loginForm select{
	padding:0.5em;
	display: inline-block;
	width:63%;
}
#loginForm input.submit-ilearn{
	padding:0.5em;
	display: inline-block;
	width:25%;
}

/* HIDE MENU */
#iLearn_menuhide{	
	width:21.5%;
	height:400px;
	float:left;
	margin-right:2.3em;
}

@media screen and (max-width: 980px) {
	#loginForm{
		width:55%;
	}

}

@media screen and (max-width: 980px) {
	#loginForm{
		width:60%;
	}

}

@media screen and (max-width: 800px) {
	#loginForm{
		width:66%;
	}

}

@media screen and (max-width: 768px) {
	#loginForm{
		width:70%;
	}

}

@media screen and (max-width: 640px) {
	#loginForm{
		width:100%;
	}
	#loginForm{
		padding-left:1.4em;
		padding-right:1.4em;
	}
	#loginForm label{
		width:27%;
		display: inline-block;
	}
	#loginForm input{
		width:72%;
		padding:0.5em;
		display: inline-block;
	}
	#loginForm select{
		padding:0.5em;
		display: inline-block;
		width:72%;
	}

}

@media screen and (max-width: 600px) {
	#loginForm{
		width:100%;
	}
	#loginForm{
		padding-left:1.6em;
		padding-right:1.6em;
	}
	#loginForm label{
		width:27%;
		display: inline-block;
	}
	#loginForm input{
		width:72%;
		padding:0.5em;
		display: inline-block;
	}
	#loginForm select{
		padding:0.5em;
		display: inline-block;
		width:72%;
	}
	#loginForm input.submit-ilearn{
		width:20%;
	}

}

@media screen and (max-width: 480px) {
	#loginForm{
		width:100%;
	}
	#loginForm label{
		width:30%;
	}
	#loginForm input{
		width:68%;
	}
	#loginForm select{
		width:68%;
	}
	#loginForm input.submit-ilearn{
		width:25%;
	}

}

@media screen and (max-width: 360px) {
	#loginForm{
		padding-left:1em;
		padding-right:1em;
		padding-top:0em;
		padding-bottom:0em;
	}
	#loginForm label{
		width:100%;
	}
	#loginForm select, #loginForm input{
		width:100%;
	}
		}
	#loginForm input.submit-ilearn{
		padding:0.5em;
		margin-top:0.5em;
	}

}