@font-face {
	font-family: 'Univers';
	src: url('//forms.manchester.edu/_fonts/Univers/UniversCom-47LightCond.woff') format('woff'), 
		 local('Univers');
	}
@font-face {
	font-family: 'Clarendon';
	src: url('//forms.manchester.edu/_fonts/Clarendon/URW Clarendon W01 Extra Bold.woff') format('woff'), 
		 local('Clarendon');
	}

html {
	width: 100%;
	background-color: #666;
}

body {
	margin: 0px auto;
	border: 0;
	padding: 0 10px;
	box-sizing: border-box;
	font-family: arial;
	width: 980px;
	height: 100vh;
	background: #fff;
	}
div.headerBar,
.cell img {
	display: none;
}
body::before {
	content: url(https://www.manchester.edu/images/default-source/pharmacogenes/assets/pgenes250.png);

}

option {
	font-family: arial;
}

*:focus {
	outline: none;
	 box-shadow:0 0 5px #eeb111;
	-moz-box-shadow:0 0 5px #eeb111;
	-webkit-box-shadow:0 0 5px #eeb111;
	}
noscript {
	display: block;
	text-align: center;
	font-weight: 900;
	padding: 1rem;
	}
h1, 
h2, 
h3, 
legend {
    font-size: 1.1em;
    color: #333;
    font-weight: bold;
    display: block;
    margin: 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #CCC;
    width: 100%;
	}
h1, 
legend {

	}
legend {
	/*! color: #969893; */
	/*! margin-left: 1rem; */
	/*! background: linear-gradient(#fff 1rem, #f9f7f5 2rem); */
	}
fieldset {
	border: none;

	margin: 10px;
	padding: 10px;
	border-radius: .25rem;
	}
blockquote {
	padding: 1rem;
	font-family: "Courier New", Courier, monospace;
	font-size: .8rem;
	}
th {
	text-align: center;
	}
input[type=text], 
input[type=email], 
input[type=number], 
input[type=tel] {
	width: 75%;
	}
input[type=text], 
input[type=email], 
input[type=number], 
input[type=tel], 
select, 
textarea {
	border: 1px inset #cccac6;
	border-radius: .25rem;
	font-size: 1rem;
	padding: .2rem;
	/*! background: linear-gradient(#f2efeb, #fff 1.75rem); */
	}
input[type=radio], 
input[type=checkbox] {
	display: inline-block;
	background: linear-gradient(#fff, #f2efeb);
	margin: .25rem .25rem .5rem 0;
	height: 1rem;
	width: 1rem;
	}
textarea {
	width: 100%;
	}
.headerBar {
	display: block;
	}
.headerBar_black {
	min-height: 2rem;
	background-color: #0a0203;
	}
.headerBar_grey {
	background-color: #2e2f2e;
	}
.table {
	display: table;
	}
.cell {
	display: table-cell;
	vertical-align: middle;
	}
.headerButton {
	display: inline-block;
	margin: .25rem;
	border: .135rem solid rgba(10,2,3,.5);
	padding: 1em 2em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: 900;
	color: #fff;
	letter-spacing: 2px;
	}
.headerButton:nth-child(1), .headerButton:nth-child(4) {				background-color: #ff6c0c; }
.headerButton:nth-child(1):hover, .headerButton:nth-child(4):hover {	background-color: #f28034; }
.headerButton:nth-child(1):active, .headerButton:nth-child(4):active {	background-color: #d25f1c; }
.headerButton:nth-child(2), .headerButton:nth-child(5) {				background-color: #6bc4de; }
.headerButton:nth-child(2):hover, .headerButton:nth-child(5):hover {	background-color: #89cfde; }
.headerButton:nth-child(2):active, .headerButton:nth-child(5):active {	background-color: #5dabc2; }
.headerButton:nth-child(3), .headerButton:nth-child(6) {				background-color: #82bc00; }
.headerButton:nth-child(3):hover, .headerButton:nth-child(6):hover {	background-color: #95c63c; }
.headerButton:nth-child(3):active, .headerButton:nth-child(6):active {	background-color: #6fa538; }
.formTable {
	width: 100%;
	max-width: 40rem;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: .75rem;
	}
.formTable td {
	width: 50%;
	vertical-align: top;
	}
#muForm ul, #muForm ol {
	padding-left: 1.5rem;
	}
.sectionHeader {
	background-color: #656865;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 900;
	}
.centered {
	text-align: center;
	}
.alignedRight {
	text-align: right;
	}
.alignedLeft, .formTable label.alignedLeft {
	text-align: left;
	}
.formTable label {
	display: block;
	text-align: right;
	font-weight: 900;
	padding: .25rem 0 0 0;
	}
.radioQuestion label, 
.checkboxQuestion label, 
.inline label {
	display: inline;
	padding: .25rem;
	font-weight: 400;
	line-height: 1.75rem;
	}
.inline input {
	margin: .25rem;
	}
.radioQuestion .validationIcon, 
.checkboxQuestion .validationIcon {
	top: 0;
	left: 0;
	}
.validationIcon {
	width: 20px;
	height: 17px;
	position: relative;
	top: 3px;
	left: 5px;
	}
.socialMediaIcons {
	text-align: center;
	}
.socialMediaIcons a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('//www.manchester.edu/_img/socialMediaIcons_black.svg');
	text-decoration: none;
	}
.footer {
	bottom: 0;
	/* background-color: #2e2f2e; */
	color: #fff;
	width: 100%;
	}
.footer td {
	width: 50%;
	padding: 0;
	}
#muForm {
	display: none;
	}
#holder_save {
	display: none;
	border-top: 1px solid #969893;
	border-bottom: 1px solid #969893;
	}
#holder_validationText {
	color: #2e2f2e;
	}
#holder_validationText li {
	margin: .5rem 0 .5rem 2rem;
	cursor: pointer;
	}
#button_save, #button_submit, #muForm input[type=button] {
	display: block;
	margin: .5rem auto;
	padding: .5rem 1rem;
	font-size: 1.1rem;
	font-weight: 900;
	color:#000;
	border: 1px outset;
	
	/*! border-radius: .25rem; */
	/*! background: linear-gradient(#f2efeb, #cccac6); */
	}

@media all and (min-width: 42rem) {
	#holder_save {
		position: fixed;
		bottom: 1rem;
		right: 1rem;
		width: 16rem;
		border: 1px solid #969893;
		background-color: #f9f7f5;
		border-radius: .25rem;
		padding: 1rem;
		}
}
@media all and (max-width: 640px) {
	body {
		margin: 0;
		}
	fieldset {
		padding: .5rem;
		}
	legend {
		margin: auto;
		font-size: 1.5rem;
		}
	.headerBar_black {
		display: none;
		}
	.cell {
		display: table-row;
		text-align: center;
		}
	.headerButton {
		display: block;
		width: 75%;
		margin: 0 auto .5rem auto;
		}
	.formTable td {
		display: block;
		width: 100%;
		/* padding: 0 1rem 0 1rem; */
		}
	.formTable label {
		text-align: left;
		margin: 0 0 0 -1rem;
		}
	.inline input {
		margin: .25rem;
		}
	.inline label {
		margin: 0;
		}
	.formTable .outdent {
		margin-left: -1rem;
		}
	.radioQuestion label, 
	.checkboxQuestion label {
		padding: 0 0 0 1rem;
		}
	.mobileInline {
		display: inline-block !important;
		width: auto !important;
		padding-right: 0 !important;
		}
	.socialMediaIcons a
		margin: 0 -0.0625rem 0 0;
		}
}