
body {
	font: 12px 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	line-height: 18px;

	margin-top: 30px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 24px;
	min-width: 360px;
	text-rendering: optimizeLegibility;
}

#navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #939393;
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d1d1d1), color-stop(0.5, #d1d1d1));
	-webkit-background-origin: border;
	z-index: 100;
	font-size: 11px;
}

h1 {
	font-size: 16px;
	margin: 0px;
}

h2 {
	font-size: 14px;
	font-style: bold;
}

h2.section_title {
	font-size: 15px;
	font-style: bold;
	margin-top: 40px;
}

#navbar_left {
	position: absolute;
	left: 4px;
	top: 1px;
	right: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#navbar_right {
	position: absolute;
 	width: 300px;
	height: 100%;
	top: 1px;
	right: 4px;
	overflow: hidden;
	text-align: right;
}

#navbar a {
	color: #333;
	text-shadow: #FFFFFF 0px 1px 0;
}

a {
/*	color: #3366CC;*/
	color: blue;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
}

#breadcrumbs ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	display: inline;
	list-style: none;
}

#doc_header {
	background: url("../images/icon.png") left top no-repeat;
	height: 24px;
	padding-top: 8px;
	padding-left: 40px;
}

.task {
	background-color: #e6edff;
	list-style-type: decimal;
	list-style-position: outside;
	margin: 12px 0;
	padding: 2px 12px;
	border: solid 1px #bfbfbf
}

.task h2 {
	margin-top: 8px;
	margin-bottom: -4px;
	font-size: 1.0em;
	font-weight: bold;
}

.task ol {
	color: #000;
	line-height: 12pt;
	list-style-position: outside;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: -18px;
	padding-left: 40px
}

.task ol li {
	margin-top: 6px;
	margin-bottom: 6px
}

#bottomnav {
	width: 100%;
	margin-top: 25px;
	padding-bottom: 10px;
}

#nav_prev {
	width: 50%;
	float: left;
}

#nav_next {
	width: 50%;
	float: right;
	text-align: right;
}

pre {
	color: #333;
	white-space: pre-wrap;
	overflow: auto;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 25px;
}

/* Index page */

#index_left {
	width: 50%;
	float: left;
	padding-top: 10px;
}

#index_right {
	width: 50%;
	float: right;
}

#index_left h2 {
	margin: 0;
/*	font-size: 1.2em;*/
}

#index_left p {
	margin-top: 0px;
}

.box {
	border: 1px solid #939393;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: left;
	padding: 10px;
	margin-left: 24px;
	margin-bottom: 20px;
}