/*
										This CSS document is for styling forms
*/
/*
					This CSS styles the login form on login pages
*/
/*		Mobile and Tablet devices		*/
@media screen and (max-width: 75.9375em){
	.login-form{
		padding: 0.5em;
	}
/*	This removes the image beside the login on Mobile and Tablet devices	*/
	#login-container .content-1{
		display: none;
	}
	#login-container .content-2{
		width: 100%;
	}
	.login-form input, .login-form, .login-error{
		font-size: 2vmax;
	}
}
/*		Desktop computer monitors and upwards		*/
@media screen and (min-width: 76em){
	.login-form{
		padding: 1em 2em 1em;
	}
	.login-form input[type=reset], .login-form input[type=submit]{
		padding: 1.2em;
		font-size: 1.2em;
	}
}
/*			This styles the current active login page button/hyperlink area			*/
a#activeLogin.loginText{
	color: #29ABE2 !important;
}
/*		CSS that affects the style of the login form on all devices		*/
.login-error{
	padding: 0.5em;
}
#login-image{
	width: inherit !important;
	padding: 0.5em;
}
.login-form .labels{
	float: left;
	width: 25%;
	margin-top: 6px;
	padding: 0.8em 0 0.8em;
}
.login-form .input-area{
	float: left;
	width: 75%;
	margin-top: 6px;
}
.login-form .labels, .login-form .input-area{
	width: 100%;
	margin-top: 0;
}
.login-form textarea{
	height: 10em;
}
.login-form input, .login-form textarea{
	padding: 0.8em;
}
.login-form input[type=text], .login-form input[type=password], .login-form select{
	width: 100%;
	resize: vertical;
}
.login-form input[type=reset], .login-form input[type=submit]{
	cursor: pointer;
	transition: 250ms;
	margin-top: 0.5em;
	background-color: #29ABE2;
	color: #FFFFFF;
	border: none;
	padding: 0.5em;
}
.login-form input[type=reset]:hover, .login-form input[type=submit]:hover{
	transition: 250ms;
	color: #000000;
	background-color: #808080;
}

/*
					This CSS styles the contact form on the contact page and the campus maps
*/
/*		Mobile and Tablet devices		*/
@media screen and (max-width: 75.9375em){
	.contact-form{
		padding: 0.5em;
	}
/*						Responsive text using vmax, scales text relative to the dimensions of the viewport						*/
	.contact-form input, .contact-form, .contact-form textarea{
		font-size: 2vmax;
	}
/*		This styles the campus map sections on mobile devices		*/
	#contact-container #box-2 .content-1, #contact-container #box-2 .content-2{
		float: inherit !important;
		/*		sets the width of the container to inherit, fixes the scaling of the iframe/map on mobile		*/
		width: inherit !important;
	}
	.campusMap iframe{
		max-width: 100%;
		max-height: 100%;
		width: 480px;
		height: 480px;
	}
	.campusMap{
		border: none;
	}
}
/*		Desktop computer monitors and upwards		*/
@media screen and (min-width: 76em){
	.contact-form{
		padding: 1em 2em 1em;
	}
	.contact-form input[type=reset], .contact-form input[type=submit]{
		padding: 1.2em;
		font-size: 1.2em;
	}
/*		This styles the campus map sections on desktop devices and up		*/
	.campusMap iframe{
		max-width: inherit;
		max-height: inherit;
		width: 480px;
		height: 480px;
	}
	#contact-container #box-2{
		border: none !important;
	}
	.campusMap{
		border: solid;
		border-color: #29ABE2;
	}
}
/*		CSS that affects the style of the contact form on all devices		*/
.contact-form .labels{
	float: left;
	width: 25%;
	margin-top: 6px;
	padding: 0.8em 0 0.8em;
}
.contact-form .input-area{
	float: left;
	width: 75%;
	margin-top: 6px;
}
.contact-form .labels, .contact-form .input-area{
	width: 100%;
	margin-top: 0;
}
.contact-form textarea{
	height: 10em;
}
.contact-form input, .contact-form textarea{
	padding: 0.8em;
}
.contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=number], .contact-form textarea, .contact-form select{
	width: 100%;
	resize: vertical;
}
.contact-form input[type=reset], .contact-form input[type=submit]{
	cursor: pointer;
	transition: 250ms;
	margin-top: 0.5em;
	background-color: #29ABE2;
	color: #FFFFFF;
	border: none;
	padding: 0.5em;
}
.contact-form input[type=reset]:hover, .contact-form input[type=submit]:hover{
	transition: 250ms;
	color: #000000;
	background-color: #808080;
}
/*		CSS that affects the style of the campus maps on all devices		*/
.campusMap h4, .campusMap p{
	text-align: center;
}
.campusMap iframe{
	width: 100%;
	max-height: 100%;
}

/*
					This CSS styles the Student Enroll form on the Student Enroll page
*/
/*		Mobile and Tablet devices		*/
@media screen and (max-width: 75.9375em){
	.enroll-form{
		padding: 0.5em;
	}
/*						Responsive text using vmax, scales text relative to the dimensions of the viewport						*/
	.enroll-form input, .enroll-form, .enroll-form select{
		font-size: 2vmax;
	}
}
@media screen and (min-width: 76em){
	.enroll-form{
		padding: 1em 2em 1em;
	}
	.enroll-form input[type=reset], .enroll-form input[type=submit]{
		padding: 1.2em;
		font-size: 1.2em;
	}

}
.enroll-form .labels{
	float: left;
	width: 25%;
	margin-top: 6px;
	padding: 0.8em 0 0.8em;
}
.enroll-form .input-area{
	float: left;
	width: 75%;
	margin-top: 6px;
}
.enroll-form .labels, .enroll-form .input-area{
	width: 100%;
	margin-top: 0;
}
.enroll-form input{
	padding: 0.8em;
}
.enroll-form input[type=text], .enroll-form select{
	width: 100%;
	resize: vertical;
}
.enroll-form input[type=reset], .enroll-form input[type=submit]{
	cursor: pointer;
	transition: 250ms;
	margin-top: 0.5em;
	background-color: #29ABE2;
	color: #FFFFFF;
	border: none;
	padding: 0.5em;
}
.enroll-form input[type=reset]:hover, .enroll-form input[type=submit]:hover{
	transition: 250ms;
	color: #000000;
	background-color: #808080;
}

/*
					This CSS styles the Assignment upload form on the Assignment upload page
*/
/*		Mobile and Tablet devices		*/
@media screen and (max-width: 75.9375em){
	.assignment-form{
		padding: 0.5em;
	}
/*						Responsive text using vmax, scales text relative to the dimensions of the viewport						*/
	.assignment-form input, .assignment-form, .assignment-form select{
		font-size: 2vmax;
	}
}
@media screen and (min-width: 76em){
	.assignment-form{
		padding: 1em 2em 1em;
	}
	.assignment-form input[type=reset], .assignment-form input[type=submit]{
		padding: 1.2em;
		font-size: 1.2em;
	}

}
.assignment-form .labels{
	float: left;
	width: 25%;
	margin-top: 6px;
	padding: 0.8em 0 0.8em;
}
.assignment-form .input-area{
	float: left;
	width: 75%;
	margin-top: 6px;
}
.assignment-form .labels, .assignment-form .input-area{
	width: 100%;
	margin-top: 0;
}
.assignment-form input{
	padding: 0.8em;
}
.assignment-form input[type=text], .assignment-form select{
	width: 100%;
	resize: vertical;
}
.assignment-form input[type=file], .assignment-form input[type=submit]{
	cursor: pointer;
	transition: 250ms;
	margin-top: 0.5em;
	background-color: #29ABE2;
	color: #FFFFFF;
	border: none;
	padding: 0.5em;
}
.assignment-form input[type=file]:hover, .assignment-form input[type=submit]:hover{
	transition: 250ms;
	color: #000000;
	background-color: #808080;
}

/* CSS for the Course Uploader */
.main-wrapper {
  font-family:'Arial', sans-serif;
  margin:auto;
  width:90%;
}

.form-wrapper {
  border:1px solid #bbb;
  margin:2em auto;
  padding:2em;
  width:100%;
}

.form-wrapper label, .form-wrapper input, .form-wrapper textarea {
  font-size:1.2em;
}

.form-wrapper input, .form-wrapper textarea {
  margin:0.5em auto 1em;
  padding:0.5em;
  width:100%;
}

.form-wrapper textarea {
  font-family:'Arial', sans-serif;
}

.comment-wrapper {
  border-left:5px solid #f26;
  padding-left:10px;
}