.mdInstructions {
	font-size: 16px;
	margin-bottom: 15px;
	padding: 10px;
	background-color: #F0F0F0;
}

/* form controls block */
	#formControls {
		display: block;
		text-align: right;
	}
/* end form controls block */

.mdActions label {
	/* handle label stuff */
	float: none;
	line-height: normal;
	margin-bottom: 0px;
	font-size: 14px;
	cursor: pointer;
	text-align:center;
	font-weight: normal;
}
.mdActions label.mdActionsBoxSectionLabel {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background-color: #DDDDDD;
	padding: 5px 10px 7px;
	vertical-align: top;
	margin-bottom: 1em;
	min-width: 100px;
	/* handle label stuff */
	float: none;
	line-height: normal;
	font-size: 14px;
	cursor: pointer;
	text-align:center;
	font-weight: normal;
}
.mdActions .mdActionsBox {
	display: none;
	vertical-align: top;
}
.mdActions .ir-btn.mdActionOpener {
	background-color: #336699;
}
.mdActions .mdActionsShow:checked ~ .mdActionsBox {
	display: block;
	background-color: #F7F7F7;
	padding: 10px;
	border: 1px solid #F0F0F0;
}
.mdActionPanel {
	border: 1px solid #E0E0E0;
	background-color: #E7E7E7;
	padding: 5px 10px;
	border-top: 3px solid #336699;
	border-bottom: 3px solid #336699;
}

#siteMessages {
	position: relative;
}
.scroll #siteMessages {
	position: fixed; 
	top: 22px;
	left: 0px;
	width: 100%; 
	z-index: 4;
}
.mdForm fieldset {
	margin-top: 20px;
}
.mdForm.formSeparator {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.mdSubSections {
	border-bottom: 1px solid #F7F7F7;
}
.mdSubSubMenu {
	position: relative;
	top: -15px;
}
input.mdSubSectionToggle {
	display: none;
}
label.mdSubSectionToggleTitle {
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: none;
	margin-bottom: 0.7em;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #333333;
	padding: 0.1em 0.4em;
	margin-right: 1px;
	font-size: 12px;
}
label.mdSubSectionToggleTitle {
	display: none;
}
label.mdSubSectionToggle {
	display: inline-block;
	*display: inline;
	zoom: 1;
	float: none;
	margin-bottom: 0.2em;
	font-size: 12px;
	font-weight: normal;
	color: #336699;
	padding: 0.1em 0.4em;
	margin-right: 1px;
	cursor: pointer;
	transition: 0.2s ease all;
}
label.mdSubSectionToggle.selected {
	text-decoration: underline;
}
label.mdSubSectionToggle:hover {
	background-color: #FF9900;
	color: #FFFFFF !important;
}
input.mdSubSectionToggle:checked + label.mdSubSectionToggle {
	border-bottom: 1px solid #FF9900;
	color: #FF9900;
}
input.mdSubSectionToggle.checked + label.mdSubSectionToggle {
	border-bottom: 1px solid #FF9900;
	color: #FF9900;
}
.mdTabContent {
	display: none;
}
/* I so wish variables were a thing in CSS */
input.mdSubSectionToggle:checked[data-tab-id="1"] ~ .mdTabContent[data-tab-id="1"],
input.mdSubSectionToggle:checked[data-tab-id="2"] ~ .mdTabContent[data-tab-id="2"],
input.mdSubSectionToggle:checked[data-tab-id="3"] ~ .mdTabContent[data-tab-id="3"],
input.mdSubSectionToggle:checked[data-tab-id="4"] ~ .mdTabContent[data-tab-id="4"],
input.mdSubSectionToggle:checked[data-tab-id="5"] ~ .mdTabContent[data-tab-id="5"],
input.mdSubSectionToggle:checked[data-tab-id="6"] ~ .mdTabContent[data-tab-id="6"],
input.mdSubSectionToggle:checked[data-tab-id="7"] ~ .mdTabContent[data-tab-id="7"],
input.mdSubSectionToggle:checked[data-tab-id="8"] ~ .mdTabContent[data-tab-id="8"],
input.mdSubSectionToggle:checked[data-tab-id="9"] ~ .mdTabContent[data-tab-id="9"],
input.mdSubSectionToggle:checked[data-tab-id="10"] ~ .mdTabContent[data-tab-id="10"] {
	display: block;
}


/* IE7 and 8 are not working with this and JS isn't working so we'll degrade gracefully. */
.browser-internet-explorer.browser-version-7 .mdTabContent,
.browser-internet-explorer.browser-version-8 .mdTabContent {
	display: block;
}
.browser-internet-explorer.browser-version-7 .mdSubSectionToggleTitle,
.browser-internet-explorer.browser-version-7 .mdSubSectionToggle,
.browser-internet-explorer.browser-version-8 .mdSubSectionToggleTitle,
.browser-internet-explorer.browser-version-8 .mdSubSectionToggle {
	display: none;
}
/* END of IE7 and 8 are not working with this and JS isn't working so we'll degrade gracefully. */


.mdForm h2,
.mdTabContent h2 {
	color: #336699;
	margin-bottom: 0px;
	font-weight: bold;
}
.mdTable h3 {
	border-bottom: 0px none #FFFFFF;
}
.mdForm h3,
.mdTabContent h3 {
	color: #336699;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
}
.currentStatus {
	padding: 10px;
	background-color: #F0F0F0;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16px;
}
.currentStatus .fa {
	font-size: 2.0em;
	vertical-align: middle;
	margin-right: 0.5em;
}
/* mdTables */
.mdTableRow {
	margin-bottom: 5px;
}
.mdTableRow .mdTableCell {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	box-sizing: border-box;
	max-width: 48%;
}
.mdTableCell input.ir-btn.inline {
	margin-left: 5px;
	margin-top: 23px;
	padding: 6px 10px 7px;
}
.mdTableCell a.ir-btn.inline{
	margin-left: 5px;
	margin-top: 16px;
	padding: 6px 10px 7px;
}

.mdForm.locked .addRow {
	display: none;
}
.mdTableRow .mdTableRowHeading {
	display: none;
	color: #336699;
	font-weight: bold;
	font-size: 14px;
}
.mdTableRow .mdTableRowHeading.displayBlock {
	display: block;
}

@media (max-width: 750px) {
	.mdTableRow {
		box-shadow: 3px 4px 5px #DDDDDD;
	}
	.mdTableRow .mdTableRowHeading {
		position: relative;
		display: block;
		left: 4px;
	}
}
.mdTableListEditCell .good {
	color: #339966;
}
.mdTableListEditCell .bad {
	color: #DE4926;
}
/* mdInput general */
	.mdInput {
		max-width: 550px;
		box-sizing: border-box;
		vertical-align: top;
	}
	.browser-internet-explorer.browser-version-7 .mdInput {
		width: 550px;
	}
	.mdInput.mdSizeVeryTiny {
		max-width: 95px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeVeryTiny,
	.mdInput.mdCheck.mdSizeVeryTiny {
		width: 55px;
	}
	.mdInput.mdSizeTiny {
		max-width: 110px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeTiny,
	.mdInput.mdCheck.mdSizeTiny {
		width: 110px;
	}
	.mdInput.mdSizeXshort {
		max-width: 200px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeXshort,
	.mdInput.mdCheck.mdSizeXshort {
		width: 200px;
	}
	.mdInput.mdSizeShort {
		max-width: 300px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeShort,
	.mdInput.mdCheck.mdSizeShort {
		width: 300px;
	}
	.mdInput.mdSizeMedium {
		max-width: 400px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeMedium,
	.mdInput.mdCheck.mdSizeMedium {
		width: 400px;
	}
	.mdInput.mdSizeLong {
		max-width: 750px;
		min-width:250px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeLong,
	.mdInput.mdCheck.mdSizeLong{
		width: 750px;
	}
	.mdInput.mdSizeXlong {
		max-width: 100%;
		min-width:400px;
	}
	.browser-internet-explorer.browser-version-7 .mdInput.mdSizeXlong,
	.mdInput.mdCheck.mdSizeXlong {
		width: 100%;
	}
	.mdInput input {
		cursor: text;
		transition: 0.2s ease all;
	}
	.mdInput.highlight input {
		background-color: #FFFF00;
	}
	fieldset.fullWidth {
		min-width: 300px;
		width: 50%;
		margin: auto;
	}
	fieldset.fullWidth .mdInput {
		width: 100%;
		display: block;
		box-shadow: none;
	}
	.mdInput .showIfDisabled {
		display: none;
		color: #999999;
		vertical-align: top;
	}
	.mdInput.disabled .showIfDisabled,
	.mdInput.readonly .showIfDisabled {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	.mdForm.hideExtras .mdInput.extra {
		display: none;
	}
	.mdForm.locked .mdInputIcons .showIfInfo {
		display: none;
	}
	.mdInput .mdInputIcons {
		position: absolute;
		right: 0.2em;
		font-size: 1.5em;
		top: 0.1em;
	}
	@media (max-width: 650px) {
		.mdInput .mdInputIcons {
			font-size: 2.2em;
		}
	}
	
	.mdInput .showIfInfo {
		display: inline-block;
		*display: inline;
		zoom: 1;
		color: #336699;
		cursor: pointer;
		vertical-align: top;
		opacity: 0.5;
	}
	.mdInput .showIfInfo:hover {
		color: #6699CC;
		opacity: 1;
	}
	.mdInput .showIfCheckingError {
		color: #FF9900;
		display: none;
		cursor: pointer;
		vertical-align: top;
	}
	.mdInput .checkingValidity ~ .mdInputIcons .showIfCheckingError {
		display: inline-block;
		*display: inline;
		zoom: 1;
		-webkit-animation:spin 3.0s infinite;
	    -moz-animation:spin 3.0s infinite;
	    animation:spin 3.0s infinite;
	}
	.mdInput .showIfError {
		color: #990000;
		display: none;
		cursor: pointer;
		vertical-align: top;
	}
	.mdInput .showIfError:hover {
		color: #660000;
	}
	.mdInput .invalid ~ .mdInputIcons .showIfError {
		display: inline-block;
		*display: inline;
		zoom: 1;
		-webkit-animation:wiggle 1.0s infinite;
	    -moz-animation:wiggle 1.0s infinite;
	    animation:wiggle 1.0s infinite;
	    vertical-align: top;
	}
	.mdTableCell .mdInput .mdInputIcons .showIfError {
		display: none;
	}
	.mdInput .errorHolder .errorHolderTooltip {
		color: #009900;
	}
	.mdRowErrors .error {
		color: #990000;
	}
	.mdInput .errorHolder {
		color: #990000;
		margin-top: 10px;
		margin-left: 20px;
		list-style: none;
	}
	.mdInput .mdSizeShort .errorHolder {
		max-width: 300px;
	}
	
	.mdInput .errorHolder.hideTips li.errorHolderTooltip {
		display: none;
	}
	.mdInput .errorHolder.hideErrors li.error {
		display: none;
	}
	
/* end mdInput general */


/* checkbox */
	.mdCheck {
		display: block;
		position: relative;
		padding: 0px; /* We want the label to do all the work in terms of clickableness */
		width: 100%;
		height: 44px;
		border: 1px solid #DDDDDD;
	}
	.mdForm.locked .mdCheck,
	#formControls .mdCheck
	 {
		border: 1px solid #FFFFFF;
	}
	.mdTableRowGapper {
		width: 0px;
		height: 0px;
	}
	@media (max-width: 400px) {
		.mdInput.mdCheck,
		.mdTableCell .mdInput.mdCheck,
		.mdTableCell.mdMobileMaxWidth {
			width: 100%;
		}
		.mdTableRowGapper {
			width: 100%;
			height: 40px;
		}
	}
	#formControls .mdCheck {
		display: inline-block;
		*display: inline;
		zoom: 1;
		max-width: 300px;
		margin-right: 3px; /* mostly for IE7 */
	}
	.mdCheck.disabled {
		border-bottom: 1px solid #990000;
		color: #DDDDDD;
	}
	.mdCheck input[type=checkbox] {
		display: block;
		position: absolute;
		right: 16px;
		top: 6px;
	}
	.mdCheck input[type=checkbox]:focus ~ .helper {
		background-color: #EEEEEE;
		border-color: #336699;
	}
	.mdCheck .helper {
		display: block;
		position: absolute;
		right: 13px;
		top: 6px;
		width: 15px;
		height: 15px;
		border: 2px solid #999999;
		border-radius: 3px;
		margin-left: 5px;
		background-color: #FFFFFF;
		cursor: pointer;
	}
	.mdCheck.mdStandAlone .helper {
		top: 5px;
		right: 22px;
	}
	.mdCheck.disabled .helper {
		border: 2px solid #DDDDDD;
	}
	.mdCheck .helper .fa {
		position: absolute;
		bottom: -1px;
		left: 0px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		font-size: 1em;
		transition: 0.2s ease all;
	}
	.mdForm .mdCheck .helper .fa {
		left: 1px; /* weirdly the one at the top for unlocking  forms etc positions differently to the one actually in the form, hence needing this. No idea why. */
	}
	.browser-internet-explorer.browser-version-7 .mdInput .helper,
	.browser-internet-explorer.browser-version-8 .mdInput .helper {
		display: none;
	}
	.browser-internet-explorer.browser-version-7 .mdCheck input,
	.browser-internet-explorer.browser-version-8 .mdCheck input {
		display: block;
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.browser-internet-explorer.browser-version-7 .mdCheck.disabled input,
	.browser-internet-explorer.browser-version-8 .mdCheck.disabled input,
	.browser-internet-explorer.browser-version-7 .mdForm.locked .mdCheck input,
	.browser-internet-explorer.browser-version-8 .mdForm.locked .mdCheck input {
		display: none;
	}
	.mdCheck .input {
		display: none;
	}
	.browser-internet-explorer.browser-version-7 .mdCheck.disabled .input,
	.browser-internet-explorer.browser-version-8 .mdCheck.disabled .input,
	.browser-internet-explorer.browser-version-7 .mdForm.locked .mdCheck .input,
	.browser-internet-explorer.browser-version-8 .mdForm.locked .mdCheck .input {
		display: block;
		position: absolute;
		right: -5px;
		top: -5px;
	}
	/* TODO: The mdRadio equivalent of this fa stuff... */
	.browser-internet-explorer.browser-version-7 .mdCheck.disabled .input .fa.fa-check,
	.browser-internet-explorer.browser-version-8 .mdCheck.disabled .input .fa.fa-check,
	.browser-internet-explorer.browser-version-7 .mdForm.locked .mdCheck .input .fa.fa-check,
	.browser-internet-explorer.browser-version-8 .mdForm.locked .mdCheck .input .fa.fa-check {
		display: none
	}
	.browser-internet-explorer.browser-version-7 .mdCheck.disabled.checked .input .fa.fa-check,
	.browser-internet-explorer.browser-version-8 .mdCheck.disabled.checked .input .fa.fa-check,
	.browser-internet-explorer.browser-version-7 .mdForm.locked .mdCheck.checked .input .fa.fa-check,
	.browser-internet-explorer.browser-version-8 .mdForm.locked .mdCheck.checked .input .fa.fa-check {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	.mdCheck input[type=checkbox]:checked ~ .helper .fa {
		width: 15px;
		height: 15px;
	}
	.mdCheck.checked .helper .fa {
		width: 15px;
		height: 15px;
	}
	
	.mdCheck label {
		display: inline-block;
		*display: inline;
		zoom: 1;
		box-sizing: border-box;
		font-size: 18px;
		position: absolute;
		top: 0px;
		left: 0px;
		cursor: pointer;
		margin-bottom: 0px;
		width: 100%;
		padding: 5px; /* extend the clickable area */
		text-align: left;
		font-weight: normal;
		line-height: normal;
		color: #000000;
	}
	.mdInput.mdCheck .mdInputIcons {
		top: 0.2em;
		right: 1.8em;
	}
	@media (max-width: 650px) {
		.mdInput.mdCheck .mdInputIcons {
			font-size: 2.2em;
			top: 0.0em;
			right: 1.2em;
		}
	}
	.mdInput.mdCheck .errorHolder {
		position: absolute;
		top: 30px;
		left: 0px;
		text-align: left;
		background-color: #FFFFFF;
		width: 100%;
		padding: 5px;
		margin: 0px;
		z-index: 10;
	}
	.mdInput.mdCheck .errorHolder.hideTips.hideErrors {
		display: none;
	}
	.mdCheck.disabled label,
	.mdForm.locked .mdCheck label {
		display: none;
	}
	.mdCheck .label {
		display: none;
	}
	.mdForm.locked .mdCheck .label,
	.mdCheck.disabled .label {
		display: inline-block;
		*display: inline;
		zoom: 1;
		position: absolute;
		top: -1px;
		left: 0px;
		cursor: default;
		margin-bottom: 0px;
		width: 100%;
		padding: 5px;
		text-align: left;
		font-weight: normal;
		color: #333333;
		box-sizing: border-box;
		font-size: 18px;
	}
	.mdInput.mdCheck.mdStandAlone {
		width: 35px;
	}
/* end checkbox */

/* Select field */
	.supplementaryChargeRow .mdSelect {
		min-height: 75px;
	}

	.mdSelect {
		position:relative; 
		margin-bottom:0px; 
		margin-top: 0px; 
		min-height: 50px; 
	}

	.mdSelectMinimal {
		position: relative;
	}
	.mdSelect label {
		color: #336699;
		font-size:14px;
		width: 80% !important;
		font-weight: normal;
		position: absolute;
		top:-6px;
	}
	.mdSelect select,
	.mdSelectMinimal select {
		display: none;
	}
	.mdSelect input {
		font-size: 18px;
		line-height: 1;
		padding: 20px 10px 5px 5px;
		display: block;
		width: 100%;
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		border-bottom: 1px solid #757575;
		box-sizing: border-box;
		max-width: none;
		margin-right: 0px;
	}
	.mdSelectMinimal input {
		font-size: 18px;
		line-height: 1;
		padding: 5px 5px 5px 5px;
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #757575;
		box-sizing: border-box;
		max-width: none;
		margin-right: 0px;
	}
	.mdSelect input:focus ~ label {
		color:#5264AE;
	}
	
	.mdSelect label.ieOldOnly {
		display: none;
	}
	.mdSelect label.modern {
		display: block;
	}
	.browser-internet-explorer.browser-version-7 .mdSelect label.modern,
	.browser-internet-explorer.browser-version-8 .mdSelect label.modern {
		display: none;
	}
	.browser-internet-explorer.browser-version-7 .mdSelect label.ieOldOnly,
	.browser-internet-explorer.browser-version-8 .mdSelect label.ieOldOnly {
		display: block;
	}
	.mdSelect ul.mdSelectSearchResults {
		display: none;
		list-style: none;
		max-height: 330px;
		overflow: auto;
	}
	.mdSelect input:focus ~ ul.mdSelectSearchResults {
		position: absolute;
		display: block;
		width: 100%;
		background-color: #F5F5FF;
		z-index: 2;
		border-bottom: 3px solid #999999;
		border-right: 1px solid #AAAAAA;
		border-left: 1px solid #AAAAAA;
		opacity: 0.95;
		filter: alpha(opacity=95); /* For IE8 and earlier */
	}
	.mdSelect.disabled input:focus ~ ul.mdSelectSearchResults,
	.mdSelect.readonly input:focus ~ ul.mdSelectSearchResults {
		display: none;
	}

	.mdForm.locked .mdSelect ul.mdSelectSearchResults {
		display: none;
	}
	.browser-internet-explorer.browser-version-7 .mdSelect ul.mdSelectSearchResults,
	.browser-internet-explorer.browser-version-8 .mdSelect ul.mdSelectSearchResults {
		display: none;
	}
	.mdSelect ul.mdSelectSearchResults li.item {
		position: relative;
		border-bottom: 1px solid #999999;
		transition: 0.2s ease all;
		padding: 5px;
		cursor: pointer;
	}
	.mdSelect ul.mdSelectSearchResults li.more {
		font-size: 18px;
		border-bottom: 1px solid #999999;
		padding: 5px;
		text-align: center;
		cursor: pointer;
	}
	.mdSelect ul.mdSelectSearchResults li:hover {
		border-bottom: 1px solid #999999;
		background-color: #F0F0F0;
	}
	.mdSelect ul.mdSelectSearchResults li.selected {
		background-color: #777777;
		color: #FFFFFF;
	}
	.mdSelect ul.mdSelectSearchResults li.selected:hover {
		background-color: #666666;
	}
	.mdSelect ul.mdSelectSearchResults li .main {
		position: relative;
		font-size: 1.5em;
		margin-bottom:10px;
	}
	.mdSelect ul.mdSelectSearchResults li .detail {
		position: absolute;
		bottom: 3px;
		right: 3px;
		font-size: 1em;
	}
	.browser-internet-explorer.browser-version-7 .mdTextValueOnlySmall,
	.browser-internet-explorer.browser-version-8 .mdTextValueOnlySmall {
		position: absolute;
		display: block;
		top: 3px;
		right: 3px;
		font-size: 0.8em;
		color: #336699;
	}
	.browser-internet-explorer.browser-version-7 .mdForm.locked .mdTextValueOnlySmall,
	.browser-internet-explorer.browser-version-8 .mdForm.locked .mdTextValueOnlySmall {
		display: none;
	}
	/* removing this temporarily for a bug fix.
	.mdForm .mdSelect.disabled .mdTextValueOnly,
	.mdForm .mdSelect.readonly .mdTextValueOnly {
		position: absolute;
		display: block;
		font-size: 18px;
		padding: 10px 10px 10px 5px;
		width: 100%;
		top: 6px;
	}
	*/
	.mdForm .mdSelect .mdListIndicator,
	.mdForm .mdSelectMinimal .mdListIndicator {
		position: absolute;
		right: 15px;
		font-size: 2em;
		color: #777777;
		top: 10px;
	}
	.mdForm .mdSelect .mdSelectionExtraInfo {
		position: absolute;
		right: 15px;
		bottom: 0rem;
		font-size: 0.75rem;
		color: #336699;
	}
	.mdInput.readonly .mdListIndicator {
		display: none;
	}
	.mdForm .mdSelect.mdSmallText input.used ~ label.modern {
		top: -4px;
	}
	.mdInput.mdSelect .mdInputIcons {
		top: 6px;
		right: 1.3em;
	}
/* End Select field */

/* Text Input */
	.mdText { 
		position: relative; 
		margin-bottom: 0px; 
		margin-top: 0px; 
		min-height: 50px;
	}
	.mdTableRow .mdInput {
		margin-bottom: 0px; 
		margin-top: 0px; 
	}
	.browser-internet-explorer.browser-version-7 .mdText,
	.browser-internet-explorer.browser-version-8 .mdText {
		margin-bottom: 30px;
	}
	.mdText label {
		color: #999999;
		font-weight: normal;
		position: absolute;
		top:-5px;
		font-size:14px;
		transition: 0.2s ease all;
	}
	.mdInput.mdSmallText label {
		font-size: 12px;
		top: 12px;
	}
	.mdText input, .mdText textarea {
		font-size: 18px;
		line-height: 1;
		padding: 20px 10px 5px 5px;
		display: block;
		width: 100%;
		border: 1px solid #DDDDDD;
		border-bottom: 1px solid #757575;
		box-sizing: border-box;
	}
	table .mdText input, table .mdText textarea {
		max-width: none; /* handy when in a table - override the table input line in main.css which maxes out at 80px */
	}
	.mdForm .mdSmallText input,
	.mdForm .mdSmallText textarea {
		font-size: 12px;
	}
	.mdInput input:invalid, .mdText textarea:invalid {
	    box-shadow:1px 1px 3px #990000 !important;
	    border-bottom: 1px solid #990000;
	}
	.mdInput .invalid { /* have to duplicate this to stop IE9 choking on the ones it can't handle */
	    box-shadow:1px 1px 3px #990000 !important;
	    border-bottom: 1px solid #990000;
	}
	/* and we need the extra special version for IE 7 and 8 */
	.browser-internet-explorer.browser-version-7 .mdInput .invalid,
	.browser-internet-explorer.browser-version-8 .mdInput .invalid { 
		background-color: #FFDDDD;
	}
	.mdText input:focus, .mdText textarea:focus { outline: none; } /* stop the god-awful stuff the browser does */
	.mdText input:valid, .mdText textarea:valid { border-bottom: 1px solid #009900; }

	/* Active State */
	.mdText input:focus ~ label, .mdText input.used ~ label,
	.mdText textarea:focus ~ label, .mdText textarea.used ~ label {
		color:#5264AE;
	}
	.mdInput.mdSmallText label {
		top:-5px;
		font-size: 10px;
	}
	.mdText input:valid ~ label , .mdText input:valid.used ~ label,
	.mdText textarea:valid ~ label , .mdText textarea:valid.used ~ label {
	  color: #336699;
	}

	
	/* Locked state */
	.mdInput .mdTextValueOnly {
		display: none;
	}
	.mdForm.locked .mdTextValueOnly {
		position: absolute;
		display: block;
		font-size: 18px;
		padding: 10px 10px 10px 5px;
		width: 100%;
		top: 6px;
		left: 1px;
		box-sizing: border-box;
	}
	.mdForm.locked .mdSmallText .mdTextValueOnly {
		font-size: 12px;
	}
	.mdForm.locked .mdSelect .mdTextValueOnly {
		top: 7px;
	}
	.mdForm.locked .mdSelect.mdSmallText .mdTextValueOnly {
		top: 7px;
	}
	.mdForm.locked input, .mdForm.locked textarea, .mdForm.locked span, .mdForm.locked .ir-btn {
		visibility: hidden; /* might seem odd, but this is the box will hold its shape when inline */
	}
	/* End Locked state */
/* End Text Input */

/* mdForm extras */
	.mdForm .showIfInvalidFields {
		display: none;
	}
	.mdForm .showIfNoInvalidFields {
		display: block;
	}
	.mdForm .mdShowIfUnlocked {
		display: block;
	}
	.mdForm.locked .mdShowIfUnlocked {
		display: none;
	}
	.mdForm .mdShowIfLocked {
		display: none;
	}
	.mdForm.locked .mdShowIfLocked {
		display: block;
	}
	.mdForm.locked span.mdShowIfLocked {
		display: inline-block;
		*display: inline;
		zoom: 1;
		visibility: visible;
	}
	.mdForm.invalid .showIfInvalidFields {
		display: block;
	}
	.mdForm.invalid .showIfNoInvalidFields {
		display: none;
	}
	.mdForm.invalid.locked .showIfInvalidFields {
		display: none;
	}
	.mdForm .mdRowInvalid {
		padding: 0.5em 0.5em;
		margin-top: 15px;
		margin-left: 10px;
	}
	.mdForm .mdRowInvalid .fa {
		color: #FFFFFF;
	}
/* end mdForm extras */

/* submit buttons */
	.mdForm .mdButton.mdSave {
		background-color: #009900;
	}
	.mdForm.locked .mdButton.mdSave {
		display: none;
	}
	.mdForm.invalid .mdButton.mdSave {
		display: none;
	}
/* end submit buttons */

/* Big select Items */
	.mdBigSelectItemHolder {
		max-width: 550px;
		width: 100%;
		vertical-align: top;
	}
	.mdForm.locked .mdBigSelectItemHolder {
		display: none;
	}
	.mdForm.locked .mdBigSelectItemHolder.selected,
	.mdForm .mdBigSelectItemHolder {
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	.mdBigSelectItem {
		position: relative;
		background-color: #EEEEEE;
		border: 1px solid #E0E0E0;
		width: 100%;
		padding: 10px;
		margin-right: 10px;
		margin-bottom: 10px;
		box-sizing: border-box;
		min-height: 90px;
		color: #333333;
		cursor: pointer;
		/* undo all the label stuff */
		font-weight: normal;
		line-height: normal;
		float: none;
	}
	.mdBigSelectItem:hover {
		background-color: #E7E7E7;
		border: 1px solid #DDDDDD;
	}
	.mdBigSelectItemCheck {
		display: none;
	}
	.mdBigSelectItemCheck:checked ~ .mdBigSelectItem,
	.mdBigSelectItem.selected {
		background-color: #E7E7FF;
		border: 1px solid #D0D0FF;
		border-bottom: 3px solid #336699;
	}
	.mdBigSelectItem.selected:hover {
		background-color: #E0E0FF;
		border: 1px solid #D0D0FF;
	}
	.mdBigSelectItem .selectedIndicator {
		display: none;
	}
	.mdBigSelectItemCheck:checked ~ .mdBigSelectItem .selectedIndicator,
	.mdBigSelectItem.selected .selectedIndicator {
		display: block;
		position: absolute;
		bottom: 3px;
		right: 3px;
		color: #336699;
	}
	.mdBigSelectItem h3 {
		color: #336699;
		border: none;
		margin-top: 10px;
	}
	.mdBigSelectItem .mdBigSelectItemDetail {
		position: absolute;
		top: 2px;
		right: 3px;
		font-size: 10px;
		color: #555555;
	}
/* End Big Select Item */

/* Info Boxes */
	.mdInfoBoxToggle {
		display: inline-block;
		*display: inline;
		zoom: 1;
		background-color: #336699;
		color: #FFFFFF;
		padding: 0.2em 0.7em;
		font-size: 1.05em;
		cursor: pointer;
	}
	.mdInfoBoxToggle.mdInfoBoxNoTitle {
		padding: 0.45em 0.7em;
	}
	.mdInfoBoxToggle:hover {
		background-color: #339966;
	}
	.mdInfoBoxToggle .mdInfoBoxToggleIcon {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	.mdInfoBoxToggle .mdInfoBoxToggleIconText {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	.mdInfoBoxMessageBox {
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 1em;
		background-color: #336699;
		color: #FFFFFF;
	}
	
	.mdInfoBoxMessageBox h3.mdInfoBoxMessageHeading {
		color: #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
	}
	.mdInfoBoxMessageBox a {
		color: #FFFF00;
	}
	.mdInfoBoxMessageBox a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
/* End Info Boxes */

/* mdDetails */
	.mdDetails {
		background-color: #F7F7F7;
		border: 1px solid #F0F0F0;
		padding: 10px;
	}
	.mdDetails .mdDetailsItem {
		clear: both;
		margin-bottom: 5px;
		border-bottom: 1px solid #DDDDDD;
	}
	.mdDetails .mdDetailsItem label {
		position: relative;
		top: 2px;
		width: 350px;
		padding: 0px;
		line-height: normal;
		font-size: 14px;
	}
	.mdDetails .mdDetailsItem .mdDetailsItemContent p {
		margin-bottom: 0px;
		line-height: normal;
	}
	.mdDetailsHorizontalListItem {
		display: inline-block;
		*display: inline;
		zoom: 1;
		background-color: #EEEEEE;
		padding: 2px 5px;
	}
	@media (max-width: 650px) {
		.mdDetails .mdDetailsItem label {
			width: 100%;
		}
		.mdDetails .mdDetailsItem .mdFullRowIfMobile {
			box-sizing: border-box;
			width: 100%;
		}
	}
/* end mdDetails */

/* Fifty Fifty */
	.mdFiftyFifty {
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: 49.7%;
	}
	@media (max-width: 650px) {
		.mdFiftyFifty {
			display: block;
			width: 100%;
		}
	
	}
/* End Fifty Fifty */

/* Jumbo Button */
	.mdJumboButton {
		font-size: 40px;
		background-color: #336699;
		color: #FFFFFF;
		cursor: pointer;
		border-radius: 5px;
		text-align: center;
		padding: 20px;
	}
	.mdJumboButton:hover {
		background-color: #5588BB;
		color: #FFFFFF;
	}
/* End Jumbo Button */

.mdInline {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.mdGapLeft {
	margin-left: 0.5em;
}

.mdFileInput {
}

.mdFileInput .mdTextInner label {
	color: #336699;
}

.mdFileInput input[type="file"] {
	height: 32px;
	padding-bottom: 40px;
	padding-top: 25px;
}

.mdFileInput .mdTextInner {
}