img{
border: 0px;
}
body {
margin: 0;
padding: 0;
font-family: sans-serif;
overflow-y: scroll;
overflow-x: hidden;
hyphens: auto;
}
h1 {
font-size: 1.3em;
padding-top: 1em;
}
h2 {
font-size: 1.1em;
padding-top: 0.15em;
}
h3 {
font-size: 1em;
padding-top: 0.1em;
}
h1, h2, h3, h4, h5 {
font-weight: normal;
color: #000;
text-shadow: 1px 1px 1px #aaa ;
}
p, ul, ol, dl, fieldset {
line-height: 1.4em;
font-size: 0.9em;
}
fieldset{
border: 0px;
}
ul ul{
font-size: 1em;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.italicbold {
font-weight: bold;
font-style: italic;
}
.red {
color: red;
font-weight: bold;
font-size:1.3em;
margin-left: 25px;
}
.bottom_margin {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
.top_margin {
padding: 0;
margin: 0;
margin-top: 10px;
}
.nomargin {
padding: 0;
margin: 0;
}
.notopmargin {
padding-top: 0;
margin-top: 0;
}
.nobottommargin {
padding-bottom: 0;
margin-bottom: 0;
}
.bold{
font-weight: bold;
}
.vtop{
vertical-align: top;
}
.acenter{
text-align: center;
}
p.centertop{
text-align: center;
}
p.centertop img{
vertical-align: top;
}
p.lefttop{
text-align: left;
}
p.lefttop img{
vertical-align: top;
}
.underline{
text-decoration: underline;
}
.limargin{
margin-bottom: 8px;
}
tr, td, th{
padding: 5px;
border-collapse: collapse;
border: 1px solid lightgray;
text-align: left;
}
th{
padding: 5px;
border-collapse: collapse;
border: 1px solid lightgray;
background: #eee;
}
.a_r{
text-align: right;
}
.a_ra{
text-align: right;
background: lightblue;
}
table{
border-collapse: collapse;
}
.tablist{
text-align: right;
background: #eee;
font-size: 0.85em;
font-weight: bold;
}
hr{
margin-top: 75px;
max-width: 100%;
height: 5px;
border: none;
background: #EEE;
}
.border1{
border: 1px solid lightgray
}
.specialcode{
font-family: monospace;
white-space: pre-wrap;
}
.codecontainer{
padding-left: 5px;
padding-right: 2px;
background: #D9EBFD;
}
.codeoutcontainer{
padding-left: 5px;
padding-right: 2px;
padding-bottom: 2px;
background: #B1B4FC;
}
.c_out{
padding: 5px;
max-width: 100%;
border: none;
}
.c_in{
margin: 0 auto;
max-width: 1400px;
}
video{
border: 1px solid lightgray;
max-width: 100%;
}
#footer{
text-align: right;
}
.navi input{
-webkit-appearance: none;
font-weight: bold;
font-size: 1.1em;
color: blue;
min-height: 40px;
min-width: 150px;
}
.navi {
padding: 10px;
display: inline;
text-align: center;
}
#firsth{
margin-top:0;
padding-top:0;
}

#scorm_disclaimer{
	margin: 0 auto;
	border: 5px solid red; 
	font-weight: bold;
	text-align: center; 
	font-size: 1.2em;
	width: 55%;
	padding: 20px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#scorm_disclaimer a{
color: darkblue;
text-decoration: none;
}

.vidcontainer{
text-align: center
}

/* Footer */
footer {
	background: #1e3d59;
	padding: 20px 0;
	text-align: center;
	margin-top: 40px;
}

/* -------------------- */
footer {
	background-color: #222;
	color: #fff;
	padding: 15px 20px;
	font-size: 14px;
}

.footer-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

.footer-left, .footer-right {
	display: flex;
	align-items: center;
}

.footer-link {
	color: #fff;
	text-decoration: none;
	margin: 0 5px;
}

.footer-link:hover {
	text-decoration: underline;
}

.navicontainer{
padding: 25px;
text-align: center

}

#scormmaintab td:nth-child(1),  #scormmaintab th:nth-child(1) ,#scormmaintab td:nth-child(3),  #scormmaintab th:nth-child(3) {
    text-align: right;
}

#scormmaintab td:nth-child(2), #scormmaintab th:nth-child(2) {
    text-align: left;
}

#scormmaintab a{
text-decoration: none;
color: black;
}

#scormmaintab a:hover{
color: darkblue;
text-decoration: underline;
}

#scormmaintab{
border-collapse: collapse;
}

#scormmaintab th, #scormmaintab td{
padding: 5px;
border: 1px solid lightgray;
}
#chaph{
margin-top: 50px;
font-style: italic;
}

.scorm_tab_preview{
color: red;
font-weight: bold;
}

fieldset {
	border-bottom: 1px solid lightgray;
	font-size: 1em;
}

fieldset label {
	font-size: 0.9em;
}

.anssub{
margin: 10px;
padding: 5px;
}

.navi-link-button {
    display: inline-block;
    font-weight: bold;
    font-size: 1.1em;
    color: blue;
    min-height: 40px;
    min-width: 150px;
    text-decoration: none;
    text-align: center;
    line-height: 40px;
    background-color: #f0f0f0;
    border: 1px solid #767676;
    border-radius: 2px;
    padding: 0 10px;
    cursor: pointer;
    box-sizing: border-box;
    margin: 10px;
}

.navi-link-button:hover {
    background-color: #e5e5e5;
    border-color: #4f4f4f;
}

.navi-link-button:active {
    background-color: #d5d5d5;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
}
