.component {
	width:693px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.chunks .component {
	background:#EEEEEE;
}

.sentences .component {
	background:#99FF99;
}

.stages .component {
	background:#FF9999;
}

.choiceoptions .component {
	background:#FFFF99;
}

.metadata .component {
	background:#FFFFCC;
}

.component .bodytext {
	font-family: arial;
	font-size: 10pt;
	color: #3F6F93;
}

.component h1 {
	font-family: arial;
	font-size: 12pt;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 4px;
}

.metadata .component h1 {
	background:#333366;
	color:#FFFFFF;
}

.chunks .component h1 {
	background:#3F6F93;
	color:#FFFFFF;
}

.sentences .component h1 {
	background:#009900;
	color:#FFFFFF;
}

.stages .component h1 {
	background:#FF6666;
	color:#FFFFFF;
}

.choiceoptions .component h1 {
	background:#CC9900;
	color:#FFFFFF;
}

.navigation .component h1 {
	background:#000000;
	color:#FFFFFF;
}

.navigation .component h1 a {
	background:#000000;
	color:#FFFFFF;
}

.component .options {
	text-align: right;
	color:#000000;
	font-family: arial;
	font-size: 8pt;
}

.component .options input {
	background:#3F6F93;
	color:#ffffff;
	font-family: arial;
	font-size: 8pt;
}

.component .logout {
	text-align: right;
	color:#000000;
	font-family: arial;
	font-size: 8pt;
}

.component .logout input {
	background:#3F6F93;
	color:#ffffff;
	font-family: arial;
	font-size: 8pt;
}

.metadata .component .options input {
	background:#333366;
	color:#ffffff;
}

.metadata .component .buttonlist input {
	background:#333366;
	color:#ffffff;
	font-size: 8pt;
}

.chunks .component .options input {
	background:#3F6F93;
	color:#ffffff;
}

.sentences .component .options input {
	background:#009900;
	color:#ffffff;
}

.stages .component .options input {
	background:#FF6666;
	color:#ffffff;
}

.choiceoptions .component .options input {
	background:#CC9900;
	color:#ffffff;
}

.navigation .component .options input {
	background:#000000;
	color:#ffffff;
}
.navigation .component .redoptions input {
	background:#FF0000;
	color:#ffffff;
}

.legend {
	font-weight: bold;
}

.content {
	font-family: arial;
	font-size: 10pt;

	margin-top: 10px; margin-bottom: 10px;
	margin-left: 10px; margin-right: 10px;

}

.LinkList p {
	font-family: arial;
	font-size: 10pt;

	margin-top: 3px; margin-bottom: 3px;
	margin-left: 10px; margin-right: 10px;
}

.content h1 { font-size: 150%; color: #3F6F93; }
.content h2 { font-size: 120%; color: #3F6F93; }
.content h3 { font-size: 100%; color: #3F6F93; }

.content th { font-size: 80%; }
.content td { font-size: 75%; }

.chunks .component .content h1 {
	background: #EEEEEE;
	color: #3F6F93;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.chunks .component .content a {
	color: #3F6F93;
	font-weight: bold;
}

/** Not used??? **/
.ManageUsers .component { background: #CCFFCC; }
.ManageUsers .component h1 { background:#336633; color:#FFFFFF; }
.ManageUsers .component .options input { background: #336633; color:#ffffff; }
.ManageUsers .content table { width: 690px; }
.ManageUsers .content table td { background-color: #eeeeee; font-family: arial; font-size: 10pt; padding: 4px; }
.ManageUsers .content table .notdata { background-color: transparent; }
.ManageUsers .content table tr th { text-align: left; font-family: arial; font-size: 10pt; }
.ManageUsers .content table input { background: #336633; color: #ffffff; font-size: 8pt; }