/*#MARK-------[ Introduction ]------- */

h2.intro {
	margin-bottom:50px;
}

img.introduction-logo {
	max-width: 30%;
	float:right;
	
	margin-left:25px;
	margin-right:5px;
	margin-bottom:5px;
}

form.signIn table td {
	height:60px;
}

img.signinidentifier {
	float: right;
	max-width: 30%;
	
	margin-top:15px;
	margin-left:20px;
	margin-bottom:15px;
}

div.section {
	background-color:#eee;
	border-radius:5px;
	
	padding:5px 20px;

	clear:both;
}

input#email {
	width: 90%;
}

table.courseReview {
	border-collapse: collapse;
	
	border:0px solid #eee;
	border-top-width:1px;
	border-left-width:1px;
	
	margin-bottom:30px;
}

table.courseReview td {
	padding: 10px;

	border:0px solid #eee;
	border-bottom-width:1px;
	border-right-width:1px;
}

form select {
	width:90%;
}

form textarea {
	width:90%;
	height:100px;
	
	resize:none;
}

div.captions {
	margin-top:20px;
	margin-bottom:20px;

	padding:20px;
	
	background-color: #eee;
	
	max-height: 200px;
	width:520px;
	
	overflow: scroll;
}

div.captions div {
	margin-bottom:20px;
}

div.captions div span {
	font-weight:bold;
}

table.radioQuestion {
	margin-left:20px;
}

table.radioQuestion td {
	padding-bottom: 10px;
}

table.radioQuestion td:first-child {
	vertical-align:top;
}


table.matchQuestion {
	margin-bottom: 20px;
	margin-left:20px;
}

table.matchQuestion select {
	width:120px;
	margin-left:10px;
	margin-right:10px;
}

table.matchQuestion td {
	vertical-align: top;
	padding-bottom: 20px;
}

table.matchQuestion td span {
	font-size:12px;
}

input[type=button] {
	margin-left:20px;
}

table.matchQuestion td:nth-child(1),
table.matchQuestion td:nth-child(4) {
	width:20px;
	font-weight: bold;
}

table.matchQuestion td:nth-child(2),
table.matchQuestion td:nth-child(5) {
	width:40%;
}

div.right {
	margin:20px;
	padding:20px;
	
	border-radius: 5px;
	
	background-color: #dfd;
}

div.wrong {
	margin:20px;
	padding:20px;
	
	border-radius: 5px;
	
	background-color: #fdd;
}


table.thinoutline {
	width:100%;

	border-collapse:collapse;

	border:0px solid #999;
	border-left-width:1px;
	border-top-width:1px;
}

table.thinoutline th,
table.thinoutline td {
	border:0px solid #999;
	border-right-width:1px;
	border-bottom-width:1px;
}

table.thinoutline th {
	background-color:#DFEBFA;
	padding:5px;
	font-weight:normal;
}

table.thinoutline.left th {
	padding:5px;
	text-align:left;
}
					
table.thinoutline td {
	padding:5px;
	text-align:center;
}

table.thinoutline.left td {
	padding:5px;
	text-align:left;
}