/* Kenworth Style Sheet */
/* Created: 02/06/12    */
/* Revised: 07/15/19    */

body {
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	text-align: left;
	margin: 5 auto;
	/*background-image: url(/bcaweb/images/page_fade.png);*/
	background-repeat: repeat-x;
}

/* 	Saved Code:
	background-color: #e7e7e7;
*/

/* GENERIC TABLE SETTINGS */
table {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

th {
	font-weight: bold;
	color: #FFF;
	background-color: #04468D;
	text-align: center;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}

td {
	vertical-align: top;
	text-align: left;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-collapse: collapse;
}

table.PageTop td {
	text-align: center;
}

/* Link Behavior and Appearance */
a:link, a:visited {
	text-decoration: none;
	color: #025A8E;
	cursor: pointer;
}
.link-text {
	text-decoration: none;
	color: #025A8E;
	cursor: pointer;
}
a:hover {
	color: #037BC2;
}

	a:active {
		color: #B63637;
	}

/* HEADINGS */

/* Titles */
h1 {
	color: #1C7FBA;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin-top: 8px;
	margin-bottom: 4px;
}
/* Subtitles */
h2 {
	color: #1C7FBA;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}
.h2records {
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	margin: 0px;
}
/* Notes */
h3 {
	color: #000;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	margin: 0px;
}
h4 {
	color: #000;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 4px;
}

hr {
	border: 0;
	width: 100%;
	color: #1C7FBA;
	background-color: #1C7FBA;
	height: 1px;
}

div.IconLabel {
	text-align: center;
	font-weight: bold;
}

div.IconLabel2 {
	text-align: center;
	font-weight: bold;
	background-color: #ffff6b;
}

/* TRAINING CALENDAR */
table.calendar {
	margin-top: 10px;
	width: 95%;
	border: solid 1px #04468D;
	border-collapse: separate;
	background-color: #FFFFFF;
}

	/* Day of the Week */
	table.calendar th {
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background-color: #04468D;
		border: solid 1px #000;
		width: 14.28571428571429%;
	}
/* Day of Current Month */
.CalDOM {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-align: right;
	background-color: #CDC7BA;
	border: solid 1px #000;
}
/* Day of Prior or Next Month */
.CalDOPM {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #615D53;
	text-align: right;
	background-color: #EEE;
	border: solid 1px #000;
}
/* Link to Course Description */
.CalEvent {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	border: solid 1px #615D53;
}
/* Course Venue */
.CalVenue {
	font-size: 10px;
	text-align: center;
	font-style: italic;
}
/* Week with no events */
.CalEmpty {
	height: 35px;
}

/* OBSERVED SKILLS CHECKLIST */
table.Checklist {
	margin: 10px;
	border: 2px solid gray;
	background-color: #FFF;
}

	table.Checklist td {
		font-size: 16px;
		padding: 8px;
		border-top: 1px solid gray;
		border-bottom: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

Select.PassFail {
	background-color: #1C7FBA;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	padding: 6px;
	cursor: pointer;
}

.SaveCancel {
	background-color: #1C7FBA;
	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	padding: 6px;
	cursor: pointer;
	width: 100px;
}

/* STANDARD REPORT LAYOUT */
table.StdReport {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

table.StdReport th {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	background-color: #025A8E;
	border: 1px solid gray;
	border-collapse: collapse;
	padding: 3px;
	vertical-align: bottom;
	text-align: left;
}

table.StdReport tr:nth-child(odd) {
	background-color: #fff;
}

table.StdReport tr:nth-child(even) {
	background-color: #eee;
}

table.StdReport td {
	font-size: 11px;
	padding: 3px;
	border: 1px solid gray;
	border-collapse: collapse;
	vertical-align: top;
}

/* KENWORTH TRUCK SALES FLEXIGRID */
table.StdReport1 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport1 th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #cb3333;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport1 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport1 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport1 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
}

table.StdReport2 {
margin: 10px;
border: 2px solid gray;
border-collapse: collapse;
}

	table.StdReport2 th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #ff6600;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport2 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport2 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport2 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
}

table.StdReport3 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport3 th {
		font-weight: bold;
		font-size: 12px;
		color: #000;
		background-color: #ffff00;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport3 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport3 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport3 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

table.StdReport4 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport4 th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #33cc66;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport4 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport4 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport4 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

table.StdReport5 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport5 th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #3366ff;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport5 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport5 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport5 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

table.StdReport6 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport6 th {
		font-weight: bold;
		font-size: 12px;
		color: #FFF;
		background-color: #000;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport6 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport6 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport6 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

table.StdReport7 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport7 th {
		font-weight: bold;
		font-size: 12px;
		color: #FFF;
		background-color: #424242;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport7 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport7 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport7 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

table.StdReport8 {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.StdReport8 th {
		font-weight: bold;
		font-size: 12px;
		color: #FFF;
		background-color: #01B0F1;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
	}

	table.StdReport8 tr:nth-child(odd) {
		background-color: #fff;
	}

	table.StdReport8 tr:nth-child(even) {
		background-color: #eee;
	}

	table.StdReport8 td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

/* CRITERIA FORM */
.ScrollBox {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding: 3px;
	border: 1px solid #CCC;
	overflow: auto;
	direction: ltr;
	background-color: #FFF;
	height: 253px;
}

/* FORMAT FOR LOADICONS.BCA */
table.LoadIcons {
	margin: 10px;
	border: 0px;
}

	table.LoadIcons td {
		padding: 10px;
	}

/* FORMAT FOR REPORTLIST.BCA */
table.ReportList {
	width: 800 px;
	margin: 0px;
}

	table.ReportList td {
		border: 1px solid gray;
		border-collapse: collapse;
		background-color: #f8f8f8;
		padding: 6px;
		vertical-align: top;
		width: 400px;
	}

/* FONTS BY SIZE */
.Font7Pt {
	font-size: 7pt;
}

.Font8Pt {
	font-size: 8pt;
}

.Font9Pt {
	font-size: 9pt;
}

.Font10Pt {
	font-size: 10pt;
}

.Font12Pt {
	font-size: 12pt;
}

.Font14Pt {
	font-size: 14pt;
}

.tiny {
	font-size: 10px;
}

/* COLORS */
.red {
	color: red;
}

.BigRed {
	color: red;
	font-size: 20px;
}

.green {
	color: green;
}

.purple {
	color: purple;
}

.center {
	text-align: center;
}

/* DATA ENTRY */
table.DataEntry {
	margin: 0px;
	border: 2px solid gray;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

	table.DataEntry th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #025A8E;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 4px;
		vertical-align: middle;
		text-align: right;
	}

	table.DataEntry td {
		font-size: 11px;
		padding: 2px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

/* Data Entry Form */
.FormLabel {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	background-color: #666666;
}

.FormSection {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #A52908;
}

.FormNote {
	font-size: 10px;
	color: #006600;
}

.FormReadOnly {
	font-size: 12px;
	color: #003399;
}

.PhotoBox {
	width: 100px;
	border: thin;
}

.BioText {
	color: #000;
	text-align: left;
	font-size: 14px;
	padding-left: 8px;
}

/* REGISTRATOIN FORMS */
table.Registration1 {
	margin: 0px;
	border: 2px solid gray;
	background-color: #F5F5F5;
	border-collapse: collapse;
}

	table.Registration1 th {
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		background-color: #025A8E;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 4px;
		vertical-align: middle;
		text-align: left;
	}

	table.Registration1 td {
		font-size: 11px;
		padding: 4px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: middle;
	}

/* REGISTRATION FORM SUB-TABLE */
table.Registration2 {
	margin: 0px;
	border: 0;
	background-color: #F5F5F5;
}

	table.Registration2 th {
		font-weight: bold;
		font-size: 11px;
		color: #000;
		border: 0;
		padding-right: 2px;
		vertical-align: middle;
		text-align: right;
		background-color: #F5F5F5;
	}

	table.Registration2 td {
		font-size: 11px;
		border: 0;
		padding: 1px;
		margin: 0px;
		vertical-align: middle;
	}

/* WORKBOOK PAGES */
table.Workbook {
	margin-top: 10px;
	width: 880px;
	border: 0;
	border-collapse: separate;
}

	table.Workbook td {
		text-align: left;
		border: 0;
		vertical-align: top;
		padding-right: 3px;
		padding-bottom: 5px;
	}

	table.Workbook th {
		color: #000;
		font-weight: bold;
		text-align: left;
		vertical-align: top;
		padding-bottom: 8px;
		background-color: transparent;
	}

table.MsgBox {
	width: 800px;
	margin-top: 50px;
}

	table.MsgBox td {
		font-size: 16px;
		padding: 20px;
		overflow: auto;
		text-align: left;
		border: 2px solid red;
	}

/* Tooltipster */
.tooltipster-ppd {
	border-radius: 7px;
	background: #fff;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
	color: #2c2c2c;
}

	.tooltipster-ppd .tooltipster-content {
		font-family: verdana, helvetica, serif;
		font-size: 12px;
		line-height: 16px;
		padding: 8px;
	}

table.Roadmap td {
	border-collapse: collapse;
	text-align: center;
}

.Breadcrumbs {
	font-size: 8pt;
	text-align: left;
}

/* QUICK LIST LAYOUT */
table.QuickList {
	margin: 4px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.QuickList th {
		font-weight: bold;
		font-size: 10px;
		color: #fff;
		background-color: #666666;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 3px;
		vertical-align: bottom;
		text-align: left;
	}

	table.QuickList td {
		font-size: 9px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
	}

.HelpMain {
	margin: 0;
	padding: 0;
	text-align: center;
}

.HelpBox {
	margin: 10;
	padding: 12px;
	border: 1px solid #CCC;
	overflow: auto;
	direction: ltr;
	background-color: #FFF;
	height: 200px;
	width: 272px;
	display: inline-block;
	text-align: left;
}

.HelpTopic {
	direction: ltr;
	font-weight: normal;
	color: #666666;
	font-size: 18px;
}

.HelpBullets {
	direction: ltr;
	font-weight: normal;
	color: #666666;
	font-size: 14px;
	list-style-type: square;
}

/* REPORT PAGE LAYOUT. 11/04/2016 */
.ReportMain {
	margin: 0;
	padding: 0;
	text-align: center;
	max-width: 1290px;
}

.ReportBox {
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 5px 5px 5px #888888;
	direction: ltr;
	display: inline-block;
	height: 80px;
	margin: 5px;
	padding: 12px;
	overflow: auto;
	text-align: left;
	width: 264px;
}

.ReportName {
	direction: ltr;
	font-weight: bold;
	color: #666666;
	font-size: 1.2em;
}

.ReportDescription {
	direction: ltr;
	font-weight: normal;
	color: #666666;
	font-size: 1em;
	list-style-type: square;
}

/* DASHBOARD LAYOUT 11/08/2016 */
.DashMain {
	margin: 0;
	padding: 0;
	text-align: center;
	max-width: 1290px;
}

.DashCol {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0;
	text-align: center;
	display: inline-block;
	max-width: 280px;
	vertical-align: top;
}

.DashWidget {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0;
	width: 280px;
	overflow: auto;
	direction: ltr;
}

/* TRAINING DASHBOARD */
table.DashTable td {
	padding: 1px;
	vertical-align: middle;
}

.Wood_DIV {
	width: 280px;
	height: 40px;
	background-image: url(/bcaweb/images/wood_plaque.jpg);
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1px;
}

.Wood_TXT {
	position: relative;
	top: 10px;
}

.DashLabel {
	font-size: 9pt;
	font-weight: bold;
}

.DashBox {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 3px;
	width: 270px;
	border: 1px solid #CCC;
	overflow: auto;
	direction: ltr;
	background-color: #FFF;
}

.GaugeLabel {
	font-size: 11pt;
	font-weight: bold;
	color: #006600;
	text-align: center;
}

.Explanation {
	font-size: 7pt;
	text-align: left;
}

table.specialties {
	font-size: 12px;
	background-color: #EAEAEA;
	border-collapse: collapse;
	margin-top: 5px;
	width: 100%;
}

	table.specialties th {
		font-weight: bold;
		text-align: center;
		padding: 3px;
		border: 1px solid gray;
		vertical-align: middle;
	}

	table.specialties td {
		text-align: center;
		padding: 3px;
		border: 1px solid gray;
		vertical-align: middle;
	}

/* PAGE HEADER. 11/09/16 */
.HeaderMain {
	width: 100%;
	max-width: 1290px;
}

.HeaderBox {
	display: inline-block;
	vertical-align: top;
	direction: ltr;
	max-width: 610px;
}

.HeaderLogo {
	width: 207px;
	height: 115px;
	padding-right: 40px;
}

.HeaderTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 26px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 207px;
}

.Welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #1C7FBA;
	text-align: center;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	width: 207px;
}

.Search {
	padding-top: 24px;
}

.SearchInput {
	background-color: #ffffff;
	border: 1px solid #959595;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 5px;
}

#SearchBox {
	font-family: BebasNeueRegular, myriad pro, helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	color: #4C4C4C;
	width: 100px;
	border: none;
	height: 12px;
}

#btnSearch2 {
	position: relative;
	top: 5px;
}

.MenuButtons {
	text-align: right;
	padding-top: 20px;
	max-width: 600px;
}

.Mbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
	padding: 0px, 0px, 0px, 0px;
	background-color: transparent;
	border-style: none;
	display: inline-block;
	padding-bottom: 10px;
}

	.Mbutton:hover {
		color: #a70000;
	}

	.Mbutton:active {
		color: #cc0000;
	}

.MainContent {
	margin-top: 10px;
}

@media screen and (max-width: 932px) {
	.MenuButtons {
		text-align: center;
	}
}

@media screen and (max-width: 530px) {
	.Mbutton {
		font-size: 15px;
		font-weight: normal;
		padding: 8px;
	}
}

/* ICON PAGE. 11/10/16 */
.IconBox {
	display: inline-block;
	width: 174px;
	vertical-align: top;
	margin: 10px;
	text-align: center;
}

.IconBoxImage {
	background-color: #FFFFFF;
	box-shadow: 5px 5px 5px #888888;
	width: 174px;
	height: 98px;
}

.IconBoxTiny {
	display: inline-block;
	width: 57px;
	vertical-align: top;
	margin: 10px;
	text-align: center;
}
.IconBoxImageTiny {
	background-color: #FFFFFF;
	box-shadow: 5px 5px 5px #888888;
	width: 57px;
	height: 32px;
}

.IconBoxLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	text-align: center;
}

.LabelYellow {
	background-color: #ffff99;
}

.IconChartImage {
	width: 50px;
	height: 50px;
}

/* USER-MAINTAINED WEB PAGES. 11/11/16 */
.InfoPageMain {
	margin: 0;
	padding: 0;
	max-width: 1024px;
	text-align: center;
	margin: 0px auto;
}

.InfoPageBox {
	display: inline-block;
	width: 270px;
	vertical-align: top;
	text-align: left;
	border: thin solid #A52908;
	padding: 10px;
	margin: 10px;
	background-color: #FFFFFF;
}

.InfoPageBoxWide {
	display: inline-block;
	min-width: 270px;
	max-width: 877px;
	vertical-align: top;
	text-align: left;
	border: thin solid #1C7FBA;
	padding: 10px;
	margin: 10px;
	background-color: #FFFFFF;
}

/* FLEX-GRID PAGE */
.Width900px {
	max-width: 900px;
	margin: 0 auto;
}

/* PACCAR Parts Learning Center */
.PartsMain {
	margin: 0;
	padding: 0;
	max-width: 1024px;
	text-align: center;
	margin: 0px auto;
}

.PartsBox {
	display: inline-block;
	width: 140px;
	vertical-align: top;
	border: 0;
	margin: 5px;
}

.PartsBtnBox {
	border: 0;
	vertical-align: top;
	padding: 8px 0px 0px 0px;
}

.Hbutton {
	font-family: verdana, helvetica, serif;
	font-weight: bold;
	color: #FFFFFF !important;
	font-size: 12px;
	box-shadow: 3px 3px 5px #A1A1A1;
	padding: 5px 5px;
	white-space: normal;
	width: 140px;
	height: 45px;
	vertical-align: middle;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #0a3c59;
	background: #306a91;
	background: url(/bcaweb/images/buttons/BlueGradient.png);
	background-repeat: repeat-x;
	background: -ms-linear-gradient(top, #7ac1f0, #306a91);
	background: -webkit-gradient(linear, left top, left bottom, from(#7ac1f0), to(#306a91));
	background: -moz-linear-gradient(top, #7ac1f0, #306a91);
	background: linear-gradient(top, #7ac1f0, #306a91);
}

.Sbutton {
	border: 1px solid #696969;
	font-family: verdana, helvetica, serif;
	font-weight: bold;
	color: #FFFFFF !important;
	font-size: 12px;
	white-space: normal;
	width: 140px;
	vertical-align: middle;
	box-shadow: 3px 3px 5px #A1A1A1;
	padding: 5px 5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	background: #696969;
	background: url(/bcaweb/images/buttons/GrayGradient.png);
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, left top, left bottom, from(#C8C8C8), to(#696969));
	background: -webkit-linear-gradient(top, #C8C8C8, #696969);
	background: -moz-linear-gradient(top, #C8C8C8, #696969);
	background: -ms-linear-gradient(top, #C8C8C8, #696969);
	background: -o-linear-gradient(top, #C8C8C8, #696969);
	background: linear-gradient(top, #C8C8C8, #696969);
}

	.Sbutton:hover {
		color: #fff;
		border: 1px solid #2A2A2A;
		background: #2A2A2A;
		background: url(/bcaweb/images/buttons/BlackGradient.png);
		background-repeat: repeat-x;
		background: -webkit-gradient(linear, left top, left bottom, from(#7d7d7d), to(#2A2A2A));
		background: -webkit-linear-gradient(top, #7d7d7d, #2A2A2A);
		background: -moz-linear-gradient(top, #7d7d7d, #2A2A2A);
		background: -ms-linear-gradient(top, #7d7d7d, #2A2A2A);
		background: -o-linear-gradient(top, #7d7d7d, #2A2A2A);
		background: linear-gradient(top, #7d7d7d, #2A2A2A);
	}

	.Sbutton:active {
		color: #fff;
		border: 1px solid #6e0b0b;
		background: #6e0b0b;
		background: -webkit-gradient(linear, left top, left bottom, from(#f04343), to(#6e0b0b));
		background: -webkit-linear-gradient(top, #f04343, #6e0b0b);
		background: -moz-linear-gradient(top, #f04343, #6e0b0b);
		background: -ms-linear-gradient(top, #f04343, #6e0b0b);
		background: -o-linear-gradient(top, #f04343, #6e0b0b);
		background: linear-gradient(top, #f04343, #6e0b0b);
	}

/* RECORD SEARCH PAGE */
.RecSearchMain {
	margin: 0px auto;
	max-width: 1680px;
	padding: 0;
	text-align: center;
}

.RecSearchBox {
	background-color: #F3F5F8;
	border: solid thin gray;
	display: inline-block;
	margin: 15px 10px 0px 0px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.RecSearchLabel {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

.RecSearchField {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-bottom: 8px;
}

.RecSearchResults {
	display: inline-block;
	margin: 5px 0px 0px 0px;
}

/* WORKBOOK PAGE. 1/6/17 */
.BookBox {
	display: inline-block;
	margin: 10px;
	text-align: left;
	vertical-align: top;
	width: 174px;
}

.BookLabel {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	vertical-align: top;
}

.BookButtonBox {
	border: 1px;
	text-align: left;
	text-indent: -25px;
	padding-left: 25px;
	margin-top: 7px;
}

.BookButtonParts {
	border: 1px solid #000;
	white-space: normal;
	width: 16px;
	height: 16px;
	box-shadow: 3px 3px 5px #A1A1A1;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	background: #333399;
}

	.BookButtonParts:hover {
		color: #fff;
		background: #FFFF00;
	}

	.BookButtonParts:active {
		color: #fff;
		background: #ff9933;
	}

.BookButtonSvc {
	border: 1px solid #000;
	white-space: normal;
	width: 16px;
	height: 16px;
	box-shadow: 3px 3px 5px #A1A1A1;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	background: #364C93;
}

	.BookButtonSvc:hover {
		color: #fff;
		background: #FFFF00;
	}

	.BookButtonSvc:active {
		color: #fff;
		background: #ff9933;
	}

.BookButtonDone {
	background: #33cc33;
}

.BookDeadline {
	text-align: left;
	font-size: 9px;
	margin-top: 10px;
}

/* Old login settings... */
table.LoginForm {
	margin: 0px;
	border: 2px solid gray;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

	table.LoginForm th {
		font-weight: normal;
		color: #fff;
		background-color: #025A8E;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
		text-align: right;
		vertical-align: middle;
		font-size: 16px;
		font-size: 5.5vw;
		padding: 4px;
		padding: 1vw;
	}

	table.LoginForm td {
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: middle;
		padding: 4px;
		padding: 1vw;
		font-size: 14px;
		font-size: 4vw;
	}

.LoginTitle {
	font-size: 16px;
	font-size: 7vw;
	padding: 4px;
	padding: 1vw;
}

.LoginField {
	font-size: 16px;
	font-size: 5.5vw;
	padding: 4px;
	padding: 1vw;
}

input.LoginButton {
	font-size: 16px;
	font-size: 6vw;
	padding: 4px;
	padding: 2vw;
	width: 200px;
	width: 35vw;
}

.LoginText {
	font-size: 14px;
	font-size: 5vw;
}

/* SET LIMITS FOR HOW BIG THE LOGIN FORM CAN BE. */
@media screen and (min-width: 769px) {
	table.LoginForm th {
		font-size: 16px;
		padding: 4px;
	}

	table.LoginForm td {
		padding: 4px;
		font-size: 16px;
	}

	.LoginTitle {
		font-size: 30px;
		padding: 4px;
	}

	.LoginField {
		font-size: 16px;
		padding: 4px;
	}

	input.LoginButton {
		font-size: 16px;
		padding: 4px;
		width: 100px;
	}

	.LoginText {
		font-size: 16px;
	}
}

.NoCopy {
	cursor: default;
	user-select: none;
	-webkit-user-select: none;
	/* Chrome/Safari/Opera */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* IE/Edge */
	-webkit-touch-callout: none;
	/* iOS Safari */
}

.FavReport {
	margin: 0;
	border: 0;
	padding: 0;
	padding-right: 2px;
	font-size: 24px;
	color: #FFCC00;
	background-color: transparent;
	text-align: left;
	display: inline-block;
}

	.FavReport.Not {
		color: #000;
	}

/* 2018 LMS Layout Redesign ............................................................................. */

.CenterMe {
	margin: 0 auto; /* Center this element */
	padding: 40px;
	max-width: 1040px;
}

.MainContainer {
	position: relative;
}

.MainPanel {
	position: absolute;
	left: 0px;
	margin-left: 20px;
	margin-right: 10px;
	max-width: 190px;
	border: 0;
}

.MainLogo {
	padding: 8px;
	margin: 0 auto;
}

.MainMenu {
	width: 175px;
	padding: 8px;
	padding-top: 20px;
	background: #FFFFFF;
	text-align: left;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	border: 0;
	border-radius: 20px;
	overflow: auto;
	min-height: calc(100vh - 153px);
}

.MenuTop {
	min-height: calc(100vh - 280px);
}

.SearchFormBox {
	margin-top: 10px;
	margin-left: 6px;
	margin-bottom: 6px;
}

.SearchInputBox {
	border: thin solid black;
	border-radius: 5px;
	background-color: #eeeeee;
	padding: 5px 2px 4px 5px;
}

#SearchField {
	border: 0;
	margin: 0;
	font-size: 14px;
	background-color: #eeeeee;
	width: 118px;
}
/* Magnifying glass image */
#btnSearch3 {
	position: relative;
	top: 5px;
}

.MainSection {
	margin-left: 232px;
	margin-right: 20px;
	min-width: 200px;
}

.NavUser {
	font-size: 16px;
	padding: 0px 5px 4px 5px;
}

.NavButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #292a2e;
	white-space: nowrap;
	background-color: transparent;
	border-style: none;
	display: inline-block;
	padding: 2px 5px 2px 5px;
}

	.NavButton.Chosen {
		color: #a70000;
	}

	.NavButton:hover {
		border: thin red solid;
		padding: 1px 4px 1px 4px;
	}

	.NavButton:active {
		color: #a70000;
		border: 0;
		outline: 0;
	}

	.NavButton:focus {
		outline: none;
		border: thin red solid;
		padding: 1px 4px 1px 4px;
	}

/* Data Grid Table */
table.DataGrid {
	margin: 10px;
	border: 2px solid gray;
	border-collapse: collapse;
}

	table.DataGrid th {
		font-weight: bold;
		font-size: 11px;
		color: #fff;
		background-color: #025A8E;
		border: 1px solid gray;
		border-collapse: collapse;
		padding: 2px;
		vertical-align: bottom;
	}

	table.DataGrid tr:nth-child(odd) {
		background-color: #fff;
	}

	table.DataGrid tr:nth-child(even) {
		background-color: #eee;
	}

	table.DataGrid td {
		font-size: 11px;
		padding: 3px;
		border: 1px solid gray;
		border-collapse: collapse;
		vertical-align: top;
		text-align: left;
	}
/* Center the element and position it 1/3 from the top of the page. */
.FYI {
	margin: 0 auto;
	text-align: center;
	padding-top: 33vh;
}

.Note {
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}

/* ALERT PAGE LAYOUT */
.AlertTable {
	margin: 10px;
	width: 98%;
}

	.AlertTable td {
		padding-bottom: 10px;
	}

	.AlertTable tr:hover {
		background-color: #eeeeee;
	}

.ToDoIcon {
	height: 40px;
	padding-right: 10px;
}

.AlertName {
	direction: ltr;
	font-weight: normal;
	font-size: 18px;
}

.AlertItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	display: block;
}

.AlertOuter {
	margin-top: 4px;
	padding: 20px; 
	background: #FFFFFF;
	text-align: left;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	border: 0;
	border-radius: 20px;
	min-height: calc(100vh - 140px);
}

.AlertInner {
	overflow: auto;
	height: calc(100vh - 140px);
	min-height: 175px;
	margin-top: 16px;
}


textarea:focus, input:focus {
	outline: none;
}

.buttonContainer {
	height: 28px;
}

.accountButton {
	background-color: #3d8d66;
	border-bottom: 2px solid rgba(0,0,0,.2);
	border-left: 2px solid rgba(255,255,255,.2);
	border-right: 2px solid rgba(0,0,0,.2);
	border-top: 2px solid rgba(255,255,255,.2);
	color: #ffffff;
	cursor: pointer;
	font-family: "Roboto";
	font-weight: 500;
	height: 28px;
	margin-bottom: 5px;
}

	.accountButton:hover {
		background-color: #42926a;
	}

	.accountButton:active {
		border-bottom: 0px solid rgba(255,255,255,.2);
		border-left: 2px solid rgba(0,0,0,.2);
		border-right: 2px solid rgba(255,255,255,.2);
		border-top: 2px solid rgba(0,0,0,.2);
	}

	.accountButton.edit {
		width: 100%;
	}

	.accountButton.save {
		float: left;
		width: 49.5%;
	}

	.accountButton.cancel {
		float: right;
		width: 49.5%;
	}

	.accountButton.newPage {
		background-image: url("images/symbols/new_window.png");
		background-position: right center;
		background-repeat: no-repeat;
		margin-top: 14px;
		width: 100%;
	}


.pageBorder {
	border-radius: 10px;
	font-family: Roboto, sans-serif;
	margin: 15px 0px 20px 0px;
	max-width: 100%;
	min-width: 500px;
}

.pageTitle {
	background-color: #515779;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.pagePanel {
	background-color: #ffffff;
	border: 2px solid rgba(0,0,0,.15);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
	font-size: 14px;
	text-align: left;
}

.panelSection {
	border-top: 2px solid rgba(0,0,0,.15);
	padding: 10px 15px 20px 15px;
}

	.panelSection:first-child {
		border-top: none;
	}

.sectionTitle {
	color: #888888;
	margin: 0 0 5px 5px;
}

.sectionInner {
	margin: 0 auto 0 auto;
	width: 400px;
}



.accountTable {
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

	.accountTable:last-child {
		margin-top: 15px;
	}

	.accountTable tbody tr {
		height: 30px;
		vertical-align: top;
	}

		.accountTable tbody tr th {
			background-color: transparent;
			color: #000000;
			text-align: left;
			width: 45%;
		}

		.accountTable tbody tr td {
			width: 55%;
		}

.dealerTable {
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

	.dealerTable tbody tr {
		height: 30px;
		vertical-align: top;
	}

		.dealerTable tbody tr th {
			background-color: transparent;
			color: #000000;
			text-align: left;
			width: 30%;
		}

		.dealerTable tbody tr td {
			width: 70%;
		}

.patches {
	display: table;
}

	.patches img {
		display: block;
		margin: 4px auto;
	}

/*	                                                                                    MISC FORMATTING	                                                                                    */

.clickable a:link, .clickable a:visited, .clickable a:hover, .clickable a:active {
	color: #3d8d66;
}

.greyedOut {
	color: #909090;
}

.required {
	color: #ca2127;
}

.asterisk:before {
	content: "*";
	float: right;
}

.footnote {
	font-size: 13px;
	height: 24px;
	line-height: 24px;
	text-align: right;
}

.smallprint {
	font-size: 12px;
	text-align: left;
}

.personal input, .personal select {
	width: 96%;
}

.login input {
	width: 100%;
}

.emailButton {
	background-color: transparent;
	border: 1px solid #3d8d66;
	border-radius: 50%;
	color: #3d8d66;
	cursor: pointer;
	float: right;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}

	.emailButton.question {
	}

	.emailButton.minus {
		border: 1px solid #909090;
		color: #909090;
		display: none;
	}

.smsButton {
	background-color: transparent;
	border: 1px solid #3d8d66;
	border-radius: 50%;
	color: #3d8d66;
	cursor: pointer;
	float: right;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	width: 20px;
	text-align: center;
}

	.smsButton.question {
	}

	.smsButton.minus {
		border: 1px solid #909090;
		color: #909090;
		display: none;
	}

.passReqsContainer {
	margin: 0 0 60px 50%;
}

.passReqs {
	left: -50%;
	position: relative;
	white-space: nowrap;
}

.dealerImg {
	display: block;
	margin: 0 auto 0 auto;
}


/*	                                                  HIDE/SHOW	                                                  */

.displayMode {
}

.editMode {
	display: none;
}

.hiddenForm {
	max-height: 0px;
	overflow: hidden;
	transition: max-height 150ms ease-out;
}

	.hiddenForm.showForm {
		max-height: 305px;
	}

.emailInfo {
	margin-top: 10px;
	margin-bottom: 10px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 150ms ease-out;
}

	.emailInfo.showInfo {
		max-height: 100px;
	}

.smsInfo {
	margin-top: 10px;
	margin-bottom: 10px;
	max-height: 0px;
	overflow: hidden;
	transition: max-height 150ms ease-out;
}

	.smsInfo.showInfo {
		max-height: 100px;
	}


/*	                                                          CHECKBOX	                                                          */

.switchContainer {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 35px;
}

.switch {
	background-color: #cccccc;
	border-radius: 20px;
	cursor: pointer;
	position: absolute;
	transition: 50ms;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

	.switch:before {
		background-color: white;
		border-radius: 50%;
		content: "";
		height: 16px;
		position: absolute;
		transition: 50ms;
		width: 16px;
		bottom: 2px;
		left: 2px;
	}

input:checked + .switch {
	background-color: #3d8d66;
}

	input:checked + .switch:hover {
		background-color: #42926a;
	}

	input:checked + .switch:before {
		transform: translateX(15px);
	}

.switchText {
	margin-left: 10px;
}