@import url("client.css");

BODY {
	font-family : Helvetica, Arial, sans-serif;
	color : #111111;
	font-size: 14px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.clear {
	clear: both;
}

li, a, div, p  {
	margin: 0px;
	padding: 0px;
}

/* ----- content ----- */
BODY.content {
	background-color : #FFFFFF;
	margin-left: 30px;
}

/* Backward compatibility */
Body.content p
{
	margin-bottom:10px;
}

A  {
	color : #111111;
	text-decoration : none;
}

A.download {
	text-decoration : none;
	position: absolute;
	right: 5px;
	cursor: pointer;
}	

.audio,
A.audio {
	text-decoration : none;
	position: absolute;
	left: 5px;
	display: block;
	cursor: pointer;
}

.note, 
.speaker,
.affair1,
.affair2,
.affair3 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.note .title,
A.note {
	font-weight: bold;
	text-decoration : none;
	font-size: 16px;	
	margin-bottom: 5px;	
}

.speaker .title,
A.speaker {
	font-weight: bold;	
	text-decoration : none;
	font-size: 16px;
	margin-bottom: 5px;
}

.affair1 .title,
A.affair1 {
	text-decoration : none;
	font-weight : bold;
	font-size: 20px;	
	display: block;

	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

.affair2 .title,
A.affair2 {
	text-decoration : none;
	font-weight: bold;
	font-size: 16px;	
	display: block;
	
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

.affair3 .title,
A.affair3 {
	text-decoration : none;
	font-weight: normal;
	font-size: 14px;	
	display: block;

	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}

/* ---------- header ---------- */
.header
{
/*	background-image: url(../image/headerbg.png);
	background-repeat: no-repeat;*/
	background-color : #FFFFFF;
}

.headerTitle
{
	text-decoration : none;
	font-weight: bold;
	font-size: 24px;
	color: #006FAB;
}

.menu
{
	position: absolute;
	left: 450px;
	top: 5px;
}

.menu a {
	color: #111111;
}

.menu .action
{
	float: left;
	margin-right: 16px;
}

.menu .action .text 
{
	float: left;
	margin-top: 10px;
	margin-left: 2px;
}

.menu .action .image 
{
	float: left;
}

.menu .action .text a
{
	font-size : 15px;
	color : #111111;
}

.menu .action .text a:hover 
{
	text-decoration: underline;
}

/* ---------- search ---------- */
.search {
	color : #111111;	
	padding-bottom: 2px;
}

a.search:active {
	color : #006FAB;
}

.searchHit {
	background-color : #006FAB;
	color : #111111;
}

.searchNoFoundMessage {
	color : #FF4444;
}

/* ---------- toc ---------- */
.toc
{
	background-color : #006FAB;
}

.toc div {
	position: relative;
	padding-bottom: 3px;
}

.toc .level0 {
	margin-left: 20px;
}

.toc .level1 {
	margin-left: 40px;
}

.toc .level2 {
	margin-left: 60px;
}

.toc .level3 {
	margin-left: 80px;
}

.toc .level4 {
	margin-left: 100px;
}

.toc .img {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: -20px;
	top: 0px;	
	display: block;
}

.toc .text {
	display: block;
	color : #FFFFFF;	
	padding: 0px;
	margin: 0px;
}

.toc .selected .text {
	color : #FFFFFF;
}

.toc .leaf {
	font-weight : normal;
	font-style: italic;
	font-size : 12px;
}

.toc .level0.node {
	font-weight : bold;
	font-size : 12px;
}

.toc .level1.node {
	font-weight : bold;
	font-size : 12px;
}

.toc .level2.node {
	font-size : 12px;
}

.toc .level3.node {
	font-size : 12px;
}
