/* Kenworth Style Sheet */
/* Created: 02/06/12    */
/* Revised: 05/08/18    */

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;
}
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: #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;
}
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: 600px;
}

/* 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;
}
.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;
	max-width: 230px;
	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: #F80029;
}
.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;
}
.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;
}