ul.sortable {
  list-style-image:none;
  list-style-type:none;
  margin-top:5px;
  margin:0px;
  padding:0px;
  font-size: 12px;
}

li.sort {
  margin-top:2px;
  padding-left:30px;
  background-color: #ECF3E1;
  border:1px solid #C5DEA1;
  cursor: move;
}

input.btn {
    color: rgb(0, 0, 0);
}

input:hover.btn {
   background-color: #ccff99;
}

.block1 {
   border: 2px rgb(0, 0, 0) ridge;
   background-color: #ECECE3;
   margin: 5px 5px 5px 5px;
}

.block2 {
   border: 2px rgb(0, 0, 0) ridge;
   background-color: #ccff99;
   margin: 10px 10px 10px 10px;
}

.block3 {
   border: 2px rgb(0, 0, 0) ridge;
   background-color: #DBDAC4;
}

input.btn1 {
    color: rgb(0, 0, 0);
}

input:hover.btn1 {
    background-color: #ccff99;
}

input.btn2 {
    color: rgb(0, 0, 0);
}

legend:hover {
    color: rgb(255, 0, 0);
}

input:hover.btn2 {
    background-color: #ccff99;
}

.ed_button {
	font-size: 10px;
	color: white;
    background-color: #000000;
}

.hide {
    display: none;
}

.show {
    display: block;
}

strong {
    font-weight: 800;
}

.darkheader {
    color: white; }
    .required { color: red;
}

h3,legend {
	font-weight: bold;
	font-size: 14px;
}

.quiznav {
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
    background-color: #37568D;
}

.currentnav {
	font-weight: bold;
	font-size: 14px;
	color: #aaaaaa;
    background-color: #37568D;
    border: 1px #cccccc inset;
    margin: 3px 3px 3px 3px;
}

ul#navlist {
	font-size: 12px;
    font-family: Verdana, sans-serif;
}

ul#navlist a {
    font-weight: bold;
    text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul#navlist li {
    float: left;
}

ul#navlist li a {
    color: #ffffff;
    background-color: #37568D;
    padding: 3px;
    border: 1px #cccccc outset;
}

ul#navlist li a:hover {
    color: #ffff00;
    background-color: #37568D;
}

ul#navlist li a:active {
    color: #cccccc;
    background-color: #37568D;
    padding: 3px;
    border: 1px #cccccc inset;
}

.question {
    background-color: #DBDAC4;
    padding: 5px;
}

.start {
    background-color: #ECECE3;
    padding-top: 5px;
    padding-bottom: 5px;
}

.intro {
    background-color: #ECECE3;
    padding: 5px;
}

.quizblock {
    background-color: #7DAF77;
    padding: 5px;
}

.introtext {
	font-size: 12px;
	font-style: normal;
	color: #0F1726;
	text-align: justify;
    margin: 10px 20px 10px 20px;
}

.bodytext {
	font-size: 12px;
	font-style: normal;
	color: #0F1726;
	text-align: justify;
    margin: 10px 20px 10px 20px;
    padding-left: 10px;
}

.subtext {
    margin: 5px 5px 10px 5px;
}

.responsetext {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
}

.answertext {
	font-size: 12px;
	font-style: normal;
	color: #0E1725;
}

.top {
	background-color: #7daf77;
}

.quiztext {
	font-size: 12px;
	font-style: normal;
	color: #1E2E4C;
	text-align: justify;
    margin: 10px 20px 10px 20px;
    padding: 2px;
}

body {
	background-color: #99d793;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

.LessonSubtitle {
	font-weight: bold;
	font-size: 16px;
	color: #421B11;
}

.rsptext {
	font-size: 14px;
	color: red;
    margin: 10px 20px 10px 20px;
}

.msgtext {
  font-family: sans-serif;
	font-size: 14px;
	color: red;
    margin: -15px 0px 0px 175px;
}

.qmsgtext {
  font-family: sans-serif;
	font-size: 14px;
	color: red;
}

#thirdlevel {
	margin-top: 25px;
	margin-left: 100px;
}

#fourthlevel {
	margin-top: 25px;
	margin-left: 10px;
}

.s {
	margin-top: 25px;
	margin-left: 100px;
}

#secondlevel {
	margin-top: 10px;
	float: left;
}

.sttitle {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 22px;
}

.stdescription {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
}

.match {
	float: left;
	margin-left: 50px;
	padding: 5px;
	background: #DDFFDD;
	border: 2px solid #000000;
	width: 400px;
	}
	
.mlist {
	font-size: 12px;
	float: left;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background: #DDFFDD;
	border: 1px solid #000000;
	width: 250px;
	}
	
.matchimage {
	float: left;
	margin-left: 50px;
	padding: 5px;
	background: #DDFFDD;
	border: 2px solid #000000;
	}
	
.answer {
	float: left;
	padding: 5px;
	background: #DDFFDD;
	width: 200px;
	}
	
.quest {
	text-align: justify;
	font-size: 14px;
	font-style: italic;
	color: #1E2E4C;
}

.style9 {
    color: #000000;
    font-size: 14px;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.subtable {
	float: left;
	margin-left: 10px;
}

.LessonTitle {
	font-size: 20px;
	font-weight: bold;
	color: #421B11;
}

.style11 {
    font-size: 14px; color: #203252;
}

.copyright {
	background-color: #7daf77;
}

td#copyright {
    font-size: 10px;
    color: #203252;
}

img#embed {
	margin-left: 10px;
}