body {
				line-height: 1.5;
				font-size: 15px;
				box-sizing: content-box;
			}
			.h2class {
				text-align: center;
				font-size: 2vw;
			}
			.centeredv {
				position: absolute;
				top: 50%;
				transform: translate(0%, -50%);
			}			
			label {
				width: 30%;
				float: left;
			}
			.labelright {
				float: right;
				width: 70%;
				padding-right: 5%;
				left: 30%;
				font-size: 1.5vw;
			}
			/*.fsclass {
				width: auto;
			}*/			
			.bluetext{
				color: blue;
			}
			.person {
				display: inline-block;
				padding-left: 30%;
				width: 40%;
			}			
			.fees {
				display: inline-block;
				width: 40%;
			}
			.feeclass {
				display: inline-block; 
				width: 50%; 
				vertical-align: top;
			}
			.sessionclass {
				display: inline-block; 
				width: 49%; 
				vertical-align: top;
			}			
			label.container {
				width: 90%;
			}
			input[name="lastname"] {
				margin-left: 30%;
			}
			label.allinclusive {
				font-size: 1.5vw;
			}
			/* The container */
			.container {
				display: block;
				position: relative;
				padding-left: 3vw;
				margin-bottom: 12px;
				cursor: pointer;
				font-size: 1.8vw;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			/* Hide the browser's default radio button */
			.container input {
				position: absolute;
				opacity: 0;
				cursor: pointer;
			}

			/* Create a custom radio button */
			.checkmark {
				position: absolute;
				top: 0;
				left: 0;
				height: 2vw;
				width: 2vw;
				background-color: #eee;
				border-radius: 50%;
			}

			/* On mouse-over, add a grey background color */
			.container:hover input ~ .checkmark {
				background-color: #ccc;
			}

			/* When the radio button is checked, add a blue background */
			.container input:checked ~ .checkmark {
				background-color: #2196F3;
			}

			/* Create the indicator (the dot/circle - hidden when not checked) */
			.checkmark:after {
				content: "";
				position: absolute;
				display: none;
			}

			/* Show the indicator (dot/circle) when checked */
			.container input:checked ~ .checkmark:after {
				display: block;
			}

			/* Style the indicator (dot/circle) */
			.container .checkmark:after {
				top: 9px;
				left: 9px;
				width: 1vw;
				height: 1vw;
				border-radius: 50%;
				background: white;
			}
			.legendcss {
				padding-left: 0%;
				text-align: center;
				color: blue;
				font-size: 2vw;
			}			
			/* .slideThree */
			.slideThree {
				display: inline-block;
				width: 80px;
				height: 26px;
				background: #333;
				margin: 20px auto;
				position: relative;
				border-radius: 50px;
				-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
				box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);
			}
			.slideThree:after {
				content: 'NO';
				color: #27ae60;
				position: absolute;
				right: 10px;
				z-index: 0;
				font: 12px/26px Arial, sans-serif;
				font-weight: bold;
				text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
			}
			.slideThree:before {
				content: 'YES';
				color: #27ae60;
				position: absolute;
				left: 10px;
				z-index: 0;
				font: 12px/26px Arial, sans-serif;
				font-weight: bold;
			}
			.slideThree label {
				display: inline;
				width: 35px;
				height: 20px;
				cursor: pointer;
				position: absolute;
				top: 3px;
				left: 3px;
				z-index: 1;
				background: #fcfff4;
				background: -webkit-gradient(linear, left top, left bottom, from(#fcfff4), color-stop(40%, #dfe5d7), to(#b3bead));
				background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
				border-radius: 50px;
				-webkit-transition: all 0.4s ease;
				transition: all 0.4s ease;
				-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
						box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
			}
			.slideThree input[type=checkbox] {
				visibility: hidden;
			}
			.slideThree input[type=checkbox]:checked + label {
				left: 43px;
			}
			/* end .slideThree */
			.form_error span {
				width: 80%;
				height: 35px;
				margin: 3px 10%;
				font-size: 1.1em;
				color: #D83D5A;
			}
			#lookupButton {
				width: 20%;
				white-space: normal;
				height: 10vh;
				margin: 1.5% 40%;
				color: blue;
				font-weight: bold;
				float: none;
			}
			.submitClass {
				float: left; 
				margin-left: 10%; 
				width: 25vw;
				margin: 1vh 0vh;;
			}
			@media screen and (max-width: 800px) {
				.fsclass {
					width: 90%;
				}
				.feeclass {
					width: 95%; 
				}
				.sessionclass {
					width: 95%;
				}
				.submitClass {
					width: 50vw;
				}
				.legendcss {
					font-size: 4vw;
				}
				.person {
					width: 80%;
					padding-left: 0%;
				}			
				.fees {
					width: 80%;
					float: none;
				}
				input[name="lastName"] {
					margin-left: 0px
				}
				label {
					width: 70%;
				}
				.labelright {
					float: right;
					width: 75%;
					padding-right: 5%;
					left: 35%;
					font-size: 2.5vw;
				}				
				label.allinclusive {
					font-size: 2.9vw;
				}
				.container {
					font-size: 3.5vw;
					padding-left: 7.5vw;
				}
				.checkmark {
					height: 6vw;
					width: 6vw;				
				}
				.container .checkmark:after {
					height: 3vw;
					width: 3vw;
					top: 4.5px;
					left: 5.5px;
				}
				.h2class {
					text-align: center;
					font-size: 3.2vw;
				}
				#lookupButton {
					width: 80%;
					margin-left: 10%;
				}		
			}