@charset "utf-8";
/* CSS Document */
	body {  background-color:#222D22; color:#ffffff; padding: 0; margin: 0px; }
#cont { width:800px; margin: 0px auto; min-height:100vh; max-width: 100%;  padding: 0; background-color:#1A221A; position:relative; border-left: solid 2px #0E120E; border-right: solid 2px #484E48; }
#startbar { width:784px; height: 34px;   background-color:#222D22; border-top: solid 2px #484E48; border-bottom: solid 2px #0E120E; position:relative; left: -2px;   color:#ffffff; font-weight: 600; text-transform: uppercase; padding: 10px 0 2px 20px; }
#next { width:784px; height: 34px; text-align: right; background-color:#222D22; border-top: solid 2px #484E48; border-bottom: solid 2px #0E120E; position:relative; left: -2px;   color:#ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: 600; text-transform: uppercase; padding: 10px  20px 2px 0; }
.last {  width:784px; height: 34px;  background-color:#222D22; border-top: solid 2px #484E48; border-bottom: solid 2px #0E120E; position:relative; left: -2px;   color:#94a193; font-family: 'Nunito Sans', sans-serif; font-weight: 600; text-transform: uppercase; padding: 10px  20px 2px 0; font-size:112%; max-width:100%; margin-top:2em;
}
#start { width:99%;   position:relative;  color:#ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: 600; text-transform:none; padding: 8px .5% 2px; }
		p, li {padding: 3px 20px; font-family: 'Nunito Sans', sans-serif; font-weight:400;color:#DCE4DC; font-size:100%; } ul {list-style: none; color:#DCE4DC; padding: 10px;  }
				td { font-family: 'Nunito Sans', sans-serif; font-weight:400;color:#DCE4DC; }
								th { font-family: 'Nunito Sans', sans-serif; font-weight:600;color:#DCE4DC; text-align: left; }
.off { display: none; } 
.line { width:100%; position:absolute; z-index:1;}
.bar {position:absolute; z-index:2;}
table.grtab, table.grtab tr, table.grtab tr td ,  table.grtab tr th {line-height:1; padding:0;margin:0;border-collapse:collapse; border:none 0 #000000;}
a:link, a:visited,  a:active {color:#94acba; text-decoration:none; } a:hover{color:#3ec3ff;text-decoration:none;}
		.mark { height:24px; width: 24px; text-align: center; font-family: 'Nunito Sans', sans-serif; font-weight: 400; margin: 1px 4px; display: inline-block; }
.smark { height:6px; width: 6px;  margin: 1px ; display: inline-block; }
		.down { background-color: #429F42; color:#ffffff; font-family: 'Nunito Sans', sans-serif; font-weight: 400;border-top:solid 1px #86C286; border-left: solid 1px #86C286; border-bottom:solid 1px #429F42; border-right: solid 1px #429F42; }
		.wrong { background-color: #CD1414; color:#ffffff;font-family: 'Nunito Sans', sans-serif; font-weight: 400;  border-top:solid 1px #DF6969; border-left: solid 1px #DF6969; border-bottom:solid 1px #6D0B0B; border-right: solid 1px #6D0B0B; }
				.up { background-color: #1A221A; color:#429F42; border-top:solid 1px #0E120E; border-left: solid 1px #0E120E; border-bottom:solid 1px #515251; border-right: solid 1px #515251; }
		.over {color:#596259;}
		.row { width:100%; color: #5B795B;  }
.orangetextbox {
    display:inline-block; padding: 4px; border-radius:4px;background-color:#222D22; color:#818d80;
}
.orangetextbox_sm {
    display:inline-block; padding: 2px; border-radius:8px;background-color:#222D22; color:#818d80; font-size:90%;
}
img {max-width:100%; margin: 0 ; }