/* Custom CSS stylesheet */

div.outlined {border: 1px solid #CCC; margin-top: 0px; margin-left: -15px; margin-right: -15px; padding: 30px;}

/* Orange Header Bar */
.form-header-bar {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	Background: url('https://webpay.payments-gateway.com/custfiles/HPOccMed/images/background_image.png') repeat-x 0 0 #efa300;
	padding-left: 30px;
	height: 50px;
	padding-top: 0px;
}

@font-size-base: 15px;

.rmessage { font-family: 'Verdana'; font-size: 14px; font-weight: bold; color: #c54b4a; }

h2 { color: #ffffff; font-weight: bold; font-family: 'MetaPro'; }
h4 { color: #258fad; font-weight: bold; font-family: 'Verdana'; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }

input, select { border-radius: 4px; border-color: #cdcdcd; color: #666666; }
input:focus, select:focus { border-color: #efa300 !important; box-shadow: 0 0 3px #efa300 !important; outline: 0 !important; }
:focus {outline: 0;}

label { color: #48494a; font-weight: bold; font-family: 'Verdana'; }
a:link, a:visited { color: #258fad; text-decoration: none; font-family: 'Verdana'; }
p { color: #48494a; font-weight: normal; font-family: 'Verdana'; }

.phnum { color: #258fad; text-decoration: none; font-family: 'Verdana';}
a.printlink { text-decoration: underline; }

label.error {
	margin-top: 5px;
	padding: 1px 4px 1px 4px;
	box-shadow: none !important;
	border-radius: 4px !important;
	background: #ff0000;
	color: #ffffff;
	font-family: 'Verdana';
}

label.error span {
	color: yellow;
}

input.error, select.error { border: 1px solid red; }

input.valid, select.valid {border: 1px solid green; }

div.error {
	padding: 1px 4px 1px 4px;
	box-shadow: none !important;
	border-radius: 4px !important;
	background: #ff0000;
	color: #ffffff;
	font-family: 'Verdana';
}