﻿.lesson {
	border: none;
	width: 80%;
	padding: 0 5px 10px 5px;
	margin: 0 0 10px 0;
}

.icon {
	border-top: solid 3px #69f;
}

body {
	background-color: #ffffff;
}

h1 {
	color: #666;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 0.5em 0;
}

h2 {
	margin-top: 0.5em;
	font-size: 94%;
	margin-bottom: 0.5em;
}

h3 {
	color: #993300;
	margin-top: 0.5em;
}

h4 {
	font-weight: normal;
	font-size: 94%;
	color: #cc3300;
}

ul {
	list-style-type: none;
}

div.howto a {
	color: #333;
}

div.howto {
	width: 485px;
	margin: 0.5em auto 0 auto;
	line-height: 1.3em;
	border: solid 1px #ccc;
}

div.pagenation {
	clear: both;
	padding: 3px;
	margin: 3px;
	text-align: center;
}

div.pagenation a {
	border: 1px solid #cc0033;
	padding: 2px 5px;
	margin: 2px;
	text-decoration: none;
	color: #000000;
}

div.pagenation a:hover, div.pagenation a:active {
	background-color: #cc6666;
	color: #fff;
}

div.pagenation span.current {
	border: 1px solid #cc6666;
	padding: 2px 5px;
	margin: 2px;
	color: #000;
	background-color: #cc6666;
}

div.pagenation span.disabled {
	display: none;
}

#topicpath a:visited, a:active{
	color: #000;
}

#topicpath {
	color: #ccc;
	font-size: 82%;
}

.caption {
	font-size: 90%;
	padding: 5px;
	background-color: #cccccc;
}

dt {
	color: #333;
	font-weight: bold;
}

div.qnavi {
	float: right;
	background-color: #dedede;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0.2em 0.4em;
}

div.qnavi a, a:visited{
	color: #333;
}