﻿body { font-family: verdana, helvetica, sans-serif; background-color: #006e4a; }
h1,
h2,
h3,
h4 { color: #393939; font-weight: bold; margin-top: 0.25em; margin-bottom: 0.25em }
h1 { font-size: 26px; line-height: 30px; color: #454545; font-family: 'Lato', sans-serif; margin: 2% 0; }
h2 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 22px; }
h3 { font-family: 'Lato', sans-serif; font-weight: normal; font-size: 18px; line-height: 19px; }
h4 { font-size: 14px; line-height: 1; }
input { font-size: 9px; }
hr { border: 1px dotted #ddd; width: 98%; margin: 4% auto; }
li a:hover { text-decoration: underline; color: #878787 }
li a:visited { color: #006E4A }
li a:link { color: #006E4A }
li a:active { color: #878787 }
li { padding-top: 14px; }
ul { font-size: 12px; color: #000000; font-family: verdana, helvetica, sans-serif; margin-top: 0px; margin-bottom: 15px; }
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0; }
p { margin-bottom: 0 }
.font-weight-normal { font-weight: normal; }

/* Components */
.d-flex { display: -ms-flexbox!important; display: flex!important; }
.col-6 { float: left; width: 50%; }
.mb-4 { margin-bottom: 1.5rem!important; }

#mainsubheader { background-color: #fff; color: #006; text-align: left; font-size: 11px; width: 700px; }
#secondquestion { background-color: #fff; color: black; font-size: 12px; text-align: left; }

.validation { color: Red; font-weight: bold; font-size: 11px; text-align: left; }
.errormessage { color: Red; font-weight: bold; font-size: 11px; text-align: left; }
a.topnav { text-decoration: none; color: #fff; }
.topnav { font-size: 12px; color: #fff; font-weight: bold; }
a.toc { text-decoration: none; color: #006; }
.toc { font-size: 11px; color: black; font-weight: bold; }

.fieldlabel { font-weight: bold; color: black; text-align: right; width: 250px; font-size: 12px; vertical-align: text-top; }
.fieldinput { color: black; font-size: 12px; }
.fieldinputemployee { color: Black; font-size: 12px; width: 300px; font-weight: bold }
.fieldcombo { color: black; font-size: 12px; width: 150px; }

.divident { margin-left: 15px }
.mainlogin { background-color: #FFFFFF; margin: auto; width: 975px; border-style: none; padding-bottom: 5px; font-size: 12px; font-weight: bold; margin-bottom: 0; }

.content { min-height: 800px; height: auto; overflow: hidden; background-color: #fff; width: 975px; border-style: none; padding-bottom: 5px; font-size: 13px; margin: auto; }

.covidcontent { background-color: #fff; width: 975px; border-style: none; padding-bottom: 5px; background-color: white; font-size: 13px; margin: auto; }

.top { background-image: url(../images/back.jpg); color: #fff; margin: 0; width: 800px; text-align: center; height: 20px; margin: auto; font-size: 9px; padding-bottom: 10px; }

.mainmenu { background-color: #fff; margin: 0 auto; width: 975px; border-style: none; padding-bottom: 10px; background-color: white; }
.mp-menu { width: 964px; vertical-align: middle; margin: 0 auto; }
.mp-menu td { font-size: 12px; font-weight: bold; padding-bottom: 2px; margin: 0 auto; }
.clearFloat { clear: both; }

ul.sublist { margin: 0; }

/* Banner */
.banner { text-align: center; padding: 20px 0; width: 100%; background-color: rgb(183, 220, 120); box-shadow: 0 0 4px rgba(0,0,0,0.2); }
.banner p { font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0; }

/* Landing Page Specific */
ul.isb-landing { list-style: none; margin: 0 0 5% 0; }
ul.isb-landing li { width: 30%; float: left; margin-right: 3%; }
ul.isb-landing li a img { -webkit-transition: .4s; -moz-transition: .4s; }
ul.isb-landing li a img:hover { margin-top: -10px }

/* Forms and Resources Page */
.resourceTypes { background: #f5f5f5; border: 1px solid #ddd; padding: 2%; width: 90%; margin: 0 auto; margin-bottom: 35px; }
div.active.resourceTypes { border-left: 12px solid #007a50 !important; }
.resourceTypes h2 { color: #007a50; }

/* Training Page Specific */
.trainingSteps { background: #f5f5f5; padding: 2%; border-left: 10px solid #ddd; margin: 2% 0 0 0; width: 65%; float: left; display: inline-block; }
.trainingSteps h3 { color: #007a50; font-weight: bold; background: url(../images/isb-icon-check.png) no-repeat left; padding-left: 30px; }
.trainingInstructions { background: #e5e5e5; float: left; width: 24%; display: inline-block; margin: 2% 0 0 0; padding: 2%; }
.trainingInstructions h3 { font-weight: bold; background: url(../images/isb-icon-info.png) no-repeat left; padding-left: 30px; }
#supportTraining { min-height: 230px; }
#reporterTraining { min-height: 295px; }
#backgroundCheck { min-height: 175px; }
ul.trainingAssistance { list-style: none; margin: 0 0 50px 0; padding: 0 }
ul.trainingAssistance li { float: left; width: 29%; margin-left: 3%; text-align: center; min-height: 120px; display: block; }
ul.trainingAssistance li strong { color: #007a50; }
img#trainingSearch { float: right; margin: 2% 0 0 3%; -webkit-transition: .4s; -moz-transition: .4s; }
img#trainingSearch:hover { margin-top: -3px; }

/* ISB List */
.isblist { height: auto; }

/* Top Logo Start */
.mp-logo { width: 964px; text-align: center; vertical-align: top; }
.mp-logo td { float: left; background-color: white; height: 75px; width: 964px; }
#header { text-align: center; background-color: #FFF; padding-top: 10px; margin-right: auto; margin-left: auto; }
#headerleft { width: 237px; height: 75px; float: left; margin-top: 0; padding-bottom: 10px; margin-left: 5px; padding-top: 3px; }
#headerright { background-image: url(../images/header_address_block.gif); background-repeat: no-repeat; width: 262px; height: 85px; background-color: white; float: right; padding-top: 2px; padding-bottom: 5px; }

/* Background for top menu and copyright */
.mp-menu td { background-color: #006e4a; font-size: 11px; font-weight: bold; text-align: center; vertical-align: middle; padding: 6px; width: 150px; }
.mp-menu td:hover { background-color: #005d3f; }
.mp-menu td a { display: block; }
.copyright { background-image: url(../images/background.png); color: #fff; margin: auto; width: 975px; height: 20px; font-size: 12px; padding-left: 10px; padding-top: 1px; }
#copyright a:link,
#copyright a:active,
#copyright a:visited { font-size: 12px; color: #FFFFFF; font-family: verdana, helvetica, sans-serif; text-decoration: underline }
#copyright A:hover { font-size: 12px; color: #FFFFFF; font-family: verdana, helvetica, sans-serif; text-decoration: none }

.dates { width: 95%; margin: 0 auto; margin-bottom: 20px; }
.dates .header { background: #007a50; padding: 1.5% 2%; display: block; margin-top: 3%; }
.dates h2 { color: #fff; font-weight: bold; font-size: 18px; }
.dates ul li { width: 48%; margin-right: 1%; float: left; font-size: 13px; list-style: url(../images/icon-checkmark.png); }
.dates ul li span { color: #007a50; text-transform: uppercase; font-size: 14px; font-weight: bold; }

.text { font-size: 13px; color: #000000; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.text a { font-size: 13px; color: #457234; font-family: verdana, helvetica, sans-serif; text-decoration: underline }
.text a:link { font-size: 13px; color: #457234; font-family: verdana, helvetica, sans-serif; text-decoration: underline }
.text a:active { font-size: 13px; color: #457234; font-family: verdana, helvetica, sans-serif; text-decoration: underline }
.text a:visited { font-size: 13px; color: #457234; font-family: verdana, helvetica, sans-serif; text-decoration: underline }
.text a:hover { font-size: 13px; color: #878787; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.text10 { font-size: 10px; color: #000000; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.text10 a:link { font-size: 10px; color: #457234; font-family: verdana, helvetica, sans-serif }
.text10 a:active { font-size: 10px; color: #457234; font-family: verdana, helvetica, sans-serif }
.text10 a:visited { font-size: 10px; color: #457234; font-family: verdana, helvetica, sans-serif }
.text10 a:hover { font-size: 10px; color: #999999; font-family: verdana, helvetica, sans-serif }
.textgreen { font-size: 11px; color: #457234; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.textbold { font-size: 11px; color: #000000; font-family: verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none }
.textboldgreen { font-size: 11px; color: #457234; font-family: verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none }
.textbold13 { font-size: 13px; color: #000000; font-family: verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none }
.textbold10 { font-size: 10px; color: #000000; font-family: verdana, helvetica, sans-serif; font-weight: bold; text-decoration: none }
.text8 { font-size: 8px; color: #000000; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.textError { font-weight: bold; font-size: 11px; color: #ff0000; font-family: verdana, helvetica, sans-serif }

.subhead { font-size: 13px; font-weight: bold; color: #457234; padding-bottom: 3px; padding-top: 3px; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.subsmall { font-size: 11px; font-weight: bold; color: #457234; margin-bottom: 3px; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.subsubsmall { font-size: 11px; font-weight: bold; color: #457234; margin-bottom: 3px; margin-top: 7px; font-family: verdana, helvetica, sans-serif; text-decoration: none }
.subcontent { text-align: left; font-size: 13px; color: #000000; font-family: verdana, helvetica, sans-serif; padding: 4%; padding-top: 2%; line-height: 1.6em; }
.subcontent p a { color: #007A50; }

.pageheader { color: black; font-weight: bold; font-size: 13px; padding-bottom: 5px; padding-left: 8px; }

#maincontent_default { padding-top: 0px; background-color: #FFF; text-align: left; width: 975px; margin: auto; }

:link img,
:visited img,
:active img,
:hover img { border: none; }

img#feedback { float: right; margin-left: 2%; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #006E4A; }
.sr-only:active,
.sr-only:focus { position: static; width: auto; margin: 0; overflow: visible; clip: auto; }