body { font-size: 12px; font-family: Arial, Verdana, Sans-Serif; color: #000; background-color: #fff; }
header, footer, nav, section { display: block; }
header { min-height: 25px; margin-bottom: 15px; padding: 12px; }
		header .logo-riglube { float: left; width: 180px; }
		header .btn.btn-link { color: #fff; padding: 14px 24px; font-size: 18px; }
				header .btn.btn-link:hover { color: #fff; }
footer { background-color: inherit; min-height: 135px; margin-top: 35px; }

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; max-width: 100%; }
.editor-label { margin: 1em 0 0 0; }
.editor-field { margin: 0.5em 0 0 0; }
input[type='checkbox'].size-lg { height: 48px; width: 48px; }
input[type='checkbox'].size-md { height: 26px; width: 26px; }
input[type='number'].size-sm,
input[type='text'].size-sm { max-width: 75px; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { margin-top: 1px; }

.cursor-pointer { cursor: pointer; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #f00; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00; }
.validation-summary-valid { display: none; }


/* Basic/General styles and classes
-----------------------------------------------------------*/
.init-hidden { display: none; }
.inline-block { display: inline-block; }
.form-control.auto-width { display: inline-block; }
.bold { font-weight: bold; }
.auto-width { width: auto; }
.fluid-width { width: 100%; }
.no-margin { margin: 0; }
.no-border { border: none; }

.box-button-grey { width: 100%; height: 200px; background-color: #e7e7e7; cursor: pointer; padding: 15% 0 0 0; }
		.box-button-grey img { display: block; margin: 0 auto; height: 65%; }
		.box-button-grey label { width: 100%; text-align: center; font-size: 18px; margin: 10px 0px; font-weight: normal; }
		
.rotate { -webkit-animation-name: spin; -webkit-animation-duration: 800ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 800ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 800ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 800ms; animation-iteration-count: infinite; animation-timing-function: linear; }
		@-ms-keyframes spin {
				from { -ms-transform: rotate(0deg); }
				to { -ms-transform: rotate(360deg); }
		}
		@-moz-keyframes spin {
				from { -moz-transform: rotate(0deg); }
				to { -moz-transform: rotate(360deg); }
		}
		@-webkit-keyframes spin {
				from { -webkit-transform: rotate(0deg); }
				to { -webkit-transform: rotate(360deg); }
		}
		@keyframes spin {
				from { transform: rotate(0deg); }
				to { transform: rotate(360deg); }
		}
/* Headlines
-----------------------------------------------------------*/
h1, .h1 { font-size: 32px; margin-top: 10px; margin-bottom: 5px; }
h2, .h2 { font-size: 26px; margin-top: 10px; margin-bottom: 5px; }
h3, .h3 { font-size: 22px; margin-top: 10px; margin-bottom: 5px; }
h4, .h4 { font-size: 20px; margin-top: 10px; margin-bottom: 5px; }
h5, .h5 { font-size: 18px; margin-top: 10px; margin-bottom: 5px; }
h6, .h6 { font-size: 16px; margin-top: 10px; margin-bottom: 5px; }

/* Tables
-----------------------------------------------------------*/
.table { border: 1px #C7C7C7 solid; }
		.table thead th { background-color: #F5F5F5; }
table.table-gridless tr td { border-top: none; }
table input[type='text'],
table input[type='number'] { width: 100%; min-width: 75px; }

/* Inputs
-----------------------------------------------------------*/
input.size-sm { width: 75px; min-width: 0px; }


/* Colour Classes
-----------------------------------------------------------*/
.backgroundcolor-navy { background-color: #213540; color: #FFF; }
.color-green { color: green; }
.color-red { color: red; }
.color-black { color: black; }
.color-orange { color: #E65100; }
/* Button Classes
-----------------------------------------------------------*/
.btn { border-radius: 0px; }
		.btn.fixed-width { width: 175px; }
		.btn.btn-thin { padding-top: 0px; padding-bottom: 0px; }
		.btn.btn-wider { padding-left: 35px; padding-right: 35px; }
		.btn.btn-link { background-color: none; color: #21333F; font-weight: bold; padding: 3px 12px; }
				.btn.btn-link:hover { text-decoration: underline; }
		.btn.btn-white { background-color: #FFF; color: black; border: 1px solid #aaaaaa; }
				.btn.btn-white:hover { background-color: #cfcfcf; }
				.btn.btn-white:active { background-color: #e2e2e2; }
		.btn.btn-red { background-color: #CE2424; color: white; }
				.btn.btn-red:hover { background-color: #f00; }
				.btn.btn-red:active { background-color: #b71313; }
		.btn.btn-navy { background-color: #213540; color: white; }
				.btn.btn-navy:hover { background-color: #2a6789; }
				.btn.btn-navy:active { background-color: #173241; }
		.btn.btn-blue { background-color: #337ab7; color: white; }
				.btn.btn-blue:hover { background-color: #3796e8; }
				.btn.btn-blue:active { background-color: #24537a; }
		.btn.btn-yellow { background-color: #ec971f; color: white; }
				.btn.btn-yellow:hover { background-color: #ffad39; }
				.btn.btn-yellow:active { background-color: #db8c1d; }