div#lesson-header {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#lesson-info {
	float: left;
	margin: 0;
	padding: 0 0 0 16px;
}

#lesson-info h1 {
	margin: 0; 8px 0 0 8px;
}

#lesson-info p {
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #AAA;
	margin: 2px 0 0 10px;
}

hr {
	border: 2px solid #EEE;
	height: 1px;
	margin: 0 8px 0 8px;
	padding: 0;
	clear: both;
	border-collapse: collapse;
}

#lesson-content {
	float: left;
	margin: 16px 0 0 16px;
	padding: 0;
	width: 600px;
}

#margin-content {
	float: right;
	margin: 0 16px 0 0;
	width: 250px;
}

#margin-content h2 {
	font-family: arial, sans-serif;
	font-size: 16px;
	background-color: #EFEFFF;
	padding: 4px;
}

#margin-content ol {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	margin: 0;
}

#margin-content li a {
	color: #3D80CC;
}

#content #buttons {
	border-top: 1px solid #4DA0FF;
	margin-top: 16px;
	padding-top: 8px;
	text-align: center;
}

input#submit {
	width: 100px;
	padding: 8px;
	margin: 0;
}

/* ========================================================================== */

table.testInfo {
	width: 100%;
	border-collapse: collapse;
	border: 2px solid #DDD;
	margin: 16px 0 16px 0;
	padding: 0;
}

#content table.testInfo thead th {
	font-family: tahoma, verdana, arial, sans serif;
	font-weight: bold;
	font-size: 12px;
	xbackground-color: #EEE;
	color: #888;
	text-align: center;
	width: 33%;
	border-right: 2px solid #DDD;
}

#content table.testInfo tbody td {
	font-weight: normal;
	font-size: 12px;
	color: #888;
	text-align: center;
	width: 33%;
	border-right: 2px solid #DDD;
}

#content table.info {
	width: 100%;
	font-size: 11px;
	text-align: center;
	margin: 4px 0 4px 0;
	xborder-bottom: 1px solid #DDD;
}

/* ----------------------------------------------------------------------- */

#content div.rating {
	font-size: 13px;
	margin-top: 4px;
}

#content div.rating h4 {
	xcolor: #FFF;
	font-size: 11px;
	padding: 6px;
}

#content div.rating h4 img {
	position: relative;
	top: 1px;
	margin-right: 4px;
}

#content div.rating p {
	padding: 6px;
}

#content .positive h4 {
	border-bottom: 1px solid #9F9;
	color: #4B4;
}

#content .positive p {
	xborder-bottom: 1px solid #9F9;
}

#content .negative h4 {
	border-bottom: 1px solid #FBB;
	color: #F44;
}

#content .negative p {
	xborder-bottom: 1px solid #FBB;
}

#content .neutral h4 {
	border-bottom: 1px solid #CCC;
	color: #999;
}

#content .neutral p {
	xborder-bottom: 1px solid #CCC;
}

#content fieldset {
	margin: 0;
	padding: 8px 16px 8px 8px;
	border: 1px solid #BBB;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#content legend {
	font-weight: bold;
	color: #000;
}

#content form label {
	float: left;
	width: 100px;
}

#content form textarea {
	width: 340px;
	height: 80px;
	margin-bottom: 4px;
}

#content form select {
	width: 340px;
	margin-bottom: 4px;
}

#content form input#rateit {
	margin-left: 340px;
	padding: 4px;
	width: 100px;
}

/* ======================================================================== */

.comment {
	margin: 0;
	border-top: 2px solid #DDD;
	padding: 0;
}

.comment h4 {
	font-family: tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	background-color: #F2F2F2;
	color: #888;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}

.comment h4 a {
	font-weight: bold;
}

.comment h4 a.action {
	color: #FF366C;
}

.comment h4 .user_logo { width: 32px; height: 16px; position: relative; top: 4px; margin: 0 4px 0 4px; border: 1px solid #CCC; padding: 0; }