body {
	padding: 0px;
	margin: 0px; 
	font-family: 'Lato', arial, verdana, sans-serif;
	color: #333;
	font-size: 14px;
}

.clear { clear: both;}

h1.pagetitle {font-size: 32px; font-weight: 300; text-transform: uppercase; color: #369; margin: 20px 0 0 0;}
h3.sectiontitle {font-size: 18px; font-weight: 700; color: #900; text-transform: uppercase; letter-spacing: 2px;}

.imgfade {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.imgfade:hover {
	opacity: 0.5;
}

/* Allrec Blue Button Color */
         .allrec-blue { background: #1f376d; color: white; }
         .allrec-blue:visited { background: #1f376d; color: white; }
         .allrec-blue:hover { background: #3155a8; color: white; }
         .allrec-blue:focus { background: #3155a8; color: white; }
         .allrec-blue:active { background: #3155a8; color: white; }
         .allrec-blue-text { color: #1f376d; }
         
         button.buttonBlue1 {background: #1f376d; color: #fff; border: 0px; font-size: 14px; text-transform: uppercase; padding: 15px 30px; cursor: pointer;}
         button.buttonBlue1:hover {background-color: #000; color: #fff;}

/* Allrec Green Button Color */
         .allrec-green { background: #006622; color: white; }
         .allrec-green:visited { background: #006622; color: white; }
         .allrec-green:hover { background: #008833; color: white; }
         .allrec-green:focus { background: #008833; color: white; }
         .allrec-green:active { background: #008833; color: white; }
         .allrec-green-text { color: #006622; }

/* Allrec Red Button Color */
         .allrec-red { background: #881122; color: white; }
         .allrec-red:visited { background: #881122; color: white; }
         .allrec-red:hover { background: #aa2222; color: white; }
         .allrec-red:focus { background: #aa2222; color: white; }
         .allrec-red:active { background: #aa2222; color: white; }
         .allrec-red-text { color: #881122; }

label { color: black; }

/* HEADER */

	.wrapperHeader {width: 100%; background: #333 url('/student/images/header-studentsales-1.png') no-repeat right; height: 100px; min-height: 100px;}
	
	.header-logo {float: left; margin: 0 0 0 5%; padding: 0px 0 0 0; }
	.header-logo img {width: 100%;}
	.header-title {float: right; font-size: 24px; color: #fff; padding: 15px 90px 0 0; font-weight: 300; text-align: right;}
	.header-subtitle {font-size: 18px; font-weight: bold; text-transform: uppercase; color: #fff;}
	
/* ACCOUNT INFO */

	.wrapperAccountInfo {width: 90%; margin: 100px auto 20px auto; background-color: #e1e1e1; padding: 20px;}
	
	.clientLogo {float: left; width: 100px;}
		.clientLogo img {width: 100%;}
	.clientInfo {float: left; margin: 20px 0 0 30px;}
		.orderName {color: #000; font-size: 24px; font-weight: bold;}
		.orderTitle {color: #000; font-family: times new roman, times, serif; font-style: italic; font-size: 18px;}
	.clientDesc {float: right; margin: 0; text-align: right;}
		.orderPaymentTitle {font-weight: bold;}

/* PAGE LAYOUT */

	.wrapperPage {width: 90%; margin: 0px auto 50px auto; border: 1px #ccc solid; padding: 30px;}
	
	
/* FOOTER */

	.wrapperFooter {width: 100%; background-color: #1f376d; min-height: 300px;}
	.copyright {width: 90%; text-align: center; margin: 0 auto; padding: 100px 0; color: #fff;}


@media screen and (min-width: 0px) and (max-width: 1400px) {

	@media screen and (min-width: 1200px) and (max-width: 1399px) {

		
	}
	
	@media screen and (min-width: 1024px) and (max-width: 1199px) {

		
		
	}
	
	@media screen and (min-width: 768px) and (max-width: 1023px) {

		
		
	}
	
	@media screen and (min-width: 480px) and (max-width: 767px) {

		
		
	}
	
	@media screen and (min-width: 0px) and (max-width: 479px) {

		
		
	}
	
	
}

@media screen and (min-width: 1401px) {
	
	
}