.dontUse {
	padding-top: 40px;
	text-align: center;
	background-color: #FFFFFF;
}

/* ------------- MAIN TEMPLATE ------------- */

body {
	text-align: center;
	background-color: #FFFFFF;
	font-family: "Open Sans", arial;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
	color: #000000;
	padding: 0;
	margin: 0;
}

body a:link, a:visited {
	color: #666666;
	text-decoration: none;
}

body a:hover {
	color: #666666;
	text-decoration: none;
}

.selectize-control {
	display: inline-block;
	padding-left: 0px !important;
	height: 26px;
	text-align: left;
	font-size: 16px;
}

.selectize-input {
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFFAF1;
	white-space: nowrap;
	height: inherit;
	border-color: rgb(169, 169, 169);
}

.selectize-input.full {
	background-color: #FFFAF1;
}

.selectize-dropdown {
	width: 360px !important;
}

#branchDropdown-selectized {
	width: 100%;
}

#branchLabel {
	display: inline-block;
	vertical-align: top;
	padding-top: 2px;
}

/* ---------------- VERY TOP --------------- */

#banner {
	width: 1000px;
	height: 82px;
	text-align: center;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	overflow: hidden;
}

#logo {
	width: auto;
	height: 82px;
	display: inline;
	float: left;
}

#logotext {
	width: auto;
	height: 90px;
	font-size: 36px;
	font-weight: bold;
	color: #005FAA;
	padding-left: 20px; /* 20 */
	padding-top: 34px;
	display: inline;
	float: left;
}

#logographic {
	width: 95px;
	height: 82px !important;
	margin: 0;
}

/* --------------- MAIN BOX ---------------- */

#wrapper {
	width: 1000px;
	height: auto;
	min-height: 800px;
	border: 1px solid #005FAA;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-top: 0px;
	margin-bottom: 80px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#topper {
	width: 100%;
	height: 60px;
	background-color: #005FAA;
	background: -webkit-linear-gradient(#3399EE, #005FAA);
	background: -o-linear-gradient(#3399EE, #005FAA);
	background: -moz-linear-gradient(#3399EE, #005FAA);
	background: linear-gradient(#3399EE, #005FAA);
	margin-bottom: 30px;
	float: left;
}

#content {
	width: 94%;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}

#bottomspace {
	width: 100%;
	height: 80px;
	float: left;
}

/* --------- CENTER LOGIN FOR DAN -----------*/

#centerlogin {
	width: 100%;
	height: auto;
	text-align: center;
}

#centerinner {
	width: 450px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* ------------- QUESTIONNAIRE ------------- */

.qrow {
	width: 100%;
	height: auto;
	margin-bottom: 18px;
	visibility: visible;
	float: left;
}

.qshade {
	background-color: #F4F3F0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.red {
	background-color: #FFEFEE;
}

.qcell {
	width: auto;
	height: auto;
	display: inline;
	line-height: 22px;
	float: left;
}

.unfloat {
	float: none;
}

.qspacer {
	width: 30px;
	height: auto;
	display: inline;
	line-height: 22px;
	visibility: visible;
	float: left;
}

.stack {
	width: auto;
	height: auto;
	margin-bottom: 8px;
	white-space: wrap;
	display: block;
	float: left;
}

.vspacer {
	width: 100%;
	height: 60px;
	float: left;
}

.divider {
	width: 100%;
	height: 1px;
	background-color: #888888;
	margin-bottom: 16px;
	visibility: visible;
	float: left;
}

.hrow {
	width: 100%;
	height: 0px;
	margin: 0;
	visibility: hidden;
	overflow: hidden;
	float: left;
}

.hrowlive {
	height: auto;
	visibility: visible;
	overflow: visible;
}

.bold {
	font-weight: bold;
}

.ital {
	font-style: italic;
}

#buttonrow {
	width: auto;
	height: 26px;
	text-align: right;
}

#navrow {
	width: 100%;
	height: 26px;
	margin-bottom: 30px;
	float: left;
}

#navrowleft {
	width: 50%;
	height: 26px;
	display: inline;
	float: left;
}

#navrowright {
	width: 50%;
	height: 26px;
	text-align: right;
	display: inline;
	float: right;
}

#hideaction {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}

#hideperms {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}

#custName {
	margin-left: 10px;
	width: 654px;
}

#otherPresent {
	margin-left: 10px;
	width: 306px;
}

#repairDiv {
	width: 100%;
}

#worktypes {
	float: right;
	padding-right: 14px;
	width: 150px;
}

.workTypeSelect {
	width: inherit !important;
}

/* -------------- PDF EMAILER -------------- */

#mailbox {
	position: absolute;
	visibility: hidden;
}

#mailboxinner {
	width: auto;
	height: auto;
	position: relative;
	left: +240px;
	top: +10px;
	background-color: #F4F3F0;
	background: -webkit-linear-gradient(#F4F3F0, #B5B4B0);
	background: -o-linear-gradient(#F4F3F0, #B5B4B0);
	background: -moz-linear-gradient(#F4F3F0, #B5B4B0);
	background: linear-gradient(#F4F3F0, #B5B4B0);
	border: 1px solid #888888;
	padding: 20px 20px 20px 20px;
	visibility: hidden;
	z-index: 5;
}

.aleft {
	text-align: right;
	width: 46px;
	float: left;
}

.smaller {
	font-size: 16px;
	width: 348px;
}

/* -------------- SEARCH PAGE -------------- */

.formbar {
	width: 100%;
	height: auto;
	background-color: #F4F3F0;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #CCCCCC;
	margin-bottom: 8px;
	display: inline-block;
	float: left;

}

/* ---------------- ALPHLIST --------------- */

.listnav {
	background-color: #006FBB;
	color: #FFFFFF;
	font-weight: bold;
}

.listnav a:link, a:visited {
	color: #000000;
	text-decoration: none;
}

.listnav a:hover {
	color: #AA0000;
	text-decoration: none;
}

/* ----------------- FONTS ----------------- */

h1 {
	width: auto;
	height: auto;
	font-family: "Open Sans", arial;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	margin-top: 36px;
	color: #005FAA;
}


p {
	font-family: "Open Sans", arial;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
}

p a:link, a:visited {
	color: #222222;
	text-decoration: none;
}

p a:hover {
	color: #222222;
	text-decoration: underline;
}

/* ------------------- FORMS ------------------- */

.formcopy {
	font-family: "Open Sans", arial;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #888888;
	text-align: right;
	white-space: nowrap;
}

.formbox {
	width: 300px;
	border: 1 solid #333333;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-family: "Open Sans", arial;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	padding-left: 4px;
	background-color: #FFFAF1;
	resize: none;
}

select.searchBox {
	width: 180px;
}

.searchBox {
	width: 172px;
	border-radius: 4px;
	font-family: "Open Sans", arial;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	padding-left: 4px;
	background-color: #FFFAF1 !important;
	resize: none;
}

.exportButton {
	margin-top: 6px;
	float: right;
}

div.dt-buttons {
	float: right !important;
}

.clickable:hover {
	cursor: pointer;
}

.formbutton {
	width: auto;
	height: auto;
	background-color: #FFFFFF;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #AAAAAA;
	font-family: "Open Sans", arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	color: #555555;
	padding-left: 10px;
	padding-right: 10px;
	background: linear-gradient(#EFEFEF, #BBBBBB);
	cursor: pointer;
	display: inline;
}

.formbutton:hover {
	color: #777777;
	background: linear-gradient(#FFFFFF, #AAAAAA);
	text-decoration: none;
}

.formbutton:disabled {
	color: #AAAAAA;
	background: linear-gradient(#FFFFFF, #DDDDDD);
	text-decoration: none;
	cursor: not-allowed;
}

/* this class was used for some buttons when .formbutton was 16px line height */

.formbuttonbig {
	line-height: 26px;
}

.formbutton a:link, a:visited {
	text-decoration: none;
}

.formbutton a:hover {
	text-decoration: none;
}

/* ------------------- TABLES ------------------ */

table {
	width: auto;
	height: auto;
}

td {
	font-family: "Open Sans", arial;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	padding: 2px;
}

td a:link, a:visited {
	color: #222222;
	text-decoration: none;
}

td a:hover {
	color: #222222;
	text-decoration: underline;
}

th {
	padding: 2px;
	font-family: "Open Sans", arial;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	color: #005FAA;
}

.tlist {
	font-family: "Open Sans", arial;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	text-align: left;
}

.alright {
	text-align: right;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

.spacer {
	width: 20px;
	height: auto;
}

.spacer2 {
	width: 10px;
	height: auto;
}

.tableSpacer {
	padding-right: 20px;
}

#resultsLink {
	float: right;
	margin-top: 50px;
	margin-bottom: 10px;
}

#test {
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.test2 {
	width: auto;
	height: auto;
	visibility: visible;
}

.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}

.alert {
	padding: 15px;
	margin-top: 76px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0;
}

.vanish {
	width: 0px;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}