input, body,select,textarea {
    line-height: 1;
    font-family: Arial, Helvetica, Sans-Serif;
    color:rgb(89,90,93);
}

h1
{
    font-size:16px;
    line-height: 18px;
    font-weight: bold;
    color: rgb(3,30,52);
    border-bottom: 1px solid rgb(3,30,52);
}

h4 {
	font-size: 12px;
	margin-top: 10px;
}

.fieldBlock  
{
    border-bottom: 1px solid rgb(229,231,233);
}



/* #region NEW BUTTON STYLES */

/* TODO: Replace with .button class only, not requiring 'a' or 'input' specificity 
   TODO: Will require changes to menubar button classes, maybe other elements as well */
a.button,
input.cancel, /* TODO: Replace with js-cancel in JS calls and remove CSS references */
input.submit /* TODO: Replace with js-submit in JS calls and remove CSS references */ {
	border: 2px solid rgb(50,74,109);
	background: rgba(50, 74, 109, .1);
	color: rgb(50, 74, 109);
	border-radius: 4px;
	padding: 4px 7px;
}

a.button:hover,
input.cancel:hover,
input.submit:hover {
	background: rgba(50, 74, 109, .6);
	color: #fff;
}

/* TODO: Reduce to .button--cta when specificity issue above is resolved */
a.button.button--cta,
input.cancel.button--cta,
input.submit.button--cta {
	background: rgb(50, 74, 109);
	color: #fff;
}

	a.button.button--cta:hover,
	input.cancel.button--cta:hover,
	input.submit.button--cta:hover {
		background: rgb(20, 34, 49);
	}

/* TODO: Reduce to .button--destructive when specificity issue above is resolved */
a.button.button--destructive,
input.cancel.button--destructive,
input.submit.button--destructive {
	border: 2px solid rgb(169, 50, 50);
	background: rgb(169, 50, 50);
	color: #fff;
}

a.button.button--destructive:hover,
input.cancel.button--destructive:hover,
input.submit.button--destructive:hover {
	background: rgb(79, 15, 15);
}

/* #endregion */