body,p,span {
	font-family: verdana, arial;
	font-size: 10pt;
}
a:link { color: blue; }
a:visited { color: blue; }
a:active { color: blue; }
a:hover { color: red; }

td {
	font-family: verdana, arial;
	font-size: 12px;
	vertical-align: top;
 	text-align: left;
}
td.intro {
	padding-right: 15;
	text-align: justify;
	height: 110px;
}

table.start{
	border: 0;
	width: 900;
}
table.intro{
	border: 0;
}
td.start-left {
	width: 10%;
	height: 40;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
}
td.start-middle {
	width: 80%;
	height: 0;
	vertical-align: middle;
	text-align: justify;
}
td.start-right {
	width: 10%;
	height: 40;
}
table.register{
}
td.register {
	border: 1px solid #0000FF;
	padding: 10px;
	padding-left:15px;
	padding-bottom:0px;
}

table.login {
	border: 0;
	width: 685;
	padding: 2
}
td.login-left-small {
	vertical-align: middle;
	width: 28%;
	text-align: right;
	padding-right: 5px;
}
td.login-left-middle {
	vertical-align: middle;
	width: 50%;
	text-align: right;
	padding-right: 5px;
}
td.login-left-big {
	vertical-align: middle;
	width: 60%;
	text-align: right;
	padding-right: 5px;
}
select.standard {
	width: 150px;
}
input.register {
	size: 20;
	width: 100px;
}
table.login-small {
	border: 0px;
	padding: 0;
	vertical-align: middle;
	text-align: left;
	height: 30px;
}
td.login-small {
	font-size: 8pt;
	height: 15px;
	vertical-align: middle;
}
input.login-small {
	width: 60;
	size:1 0;
	height: 15;
	font-size: 8pt;
	vertical-align: middle;
}
input.login-hidden {
	size: 0;
	font-size: 0;
	width: 0;
	height: 0;
	visibility: hidden;
}
	

table.header {
	width: 100%;
	height: 20;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: white;
	vertical-align: middle;
	border-bottom: 2px solid blue;
}
td.title {
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	font-size: 16pt;
}
td.rider {
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	height: 45%;
}

td.modus_selected {
	text-align: left;
	background-color: yellow;
/*	border: 1px solid black;*/
	padding: 0px;
	padding-left: 3px;
	padding-top: 1px;
	vertical-align :middle;
}
td.modus_unselected {
	text-align: left;
	background-color: #FAFAFA;
/*	border: 1px solid black;*/
	padding: 0px;
	padding-left: 3px;
	padding-top: 1px;
	vertical-align: middle;
}
td.header-cell {
/*	border: 1px solid black; */
	padding:  0px;
	padding-left: 3px;
	vertical-align: middle;
}


table.main {
	border: 1px solid;
	width: 100%;
	height: 480;
}

td.separator {
	width:1%;
/*	background-color:#E8E8E8;*/
	background-color:#C0C0C0;
}
td.keyarea {
	width: 14%; height:60px;
	padding-left: 3px; padding-top: 2px;
	color:#000000;
	background-color:#E8E8E8;
	font-size: 13px;
}
td.cluster {
	width: 17%; 
	height: 80;
	padding-left: 3px; padding-top: 2px;
	color:#000000;
	background-color:#FAFAFA;
	font-size: 12px;
}
table.curriculum {
	width: 100%;
	height: 450;
	padding: 0;
}
td.listing {
	width: 30%;
	background-color:#FFFFB0;
	border-left: 2px solid blue;
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	border-right: 0px;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
}
table.listing-heading {
	width: 100%;
	height: 80;
	border :0;
	padding-top: 0px;
}
td.listing-heading-line {
	height: 30%;
	padding-left: 5px;
	padding-top: 5px;
}
td.listing-heading-title {
	width: 100%;
	height: 20%;
	padding-top: 5px;
	padding-left: 5px;
	border-right: 2px solid blue;
	border-bottom: 2px solid blue;
	color: black;
	font-family: arial black;
	font-weight: bold;
	font-size: 13px;
/*	background-color:#FDBEB5; */
	background-color:yellow;
}
table.listing {
	border: 0;
	width: 100%;
	height: 438;
}
td.listing_item {
	width: 100%;
	height: 40;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 5px;
}
td.listing_item_selected {
	width: 100%;
	height: 40;
	color: black;
	font-weight: bold;
	background-color:#FDBEB5;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 5px;
}
td.listing_item_editing {
	width: 100%;
	height: 40;
	color: black;
	font-weight: bold;
	background-color: #FD7777;
	border-bottom: 1px solid #CCCCCC;
	padding-left: 5px;
}
td.recycler_item {
	width: 100%;
	height: 40;
	border: 1px solid #CCCCCC;
}

td.editor {
	width: 35%;
	background-color:#FDBEB5;
	font-size: 13px;
/*	border:2px solid #FDBEB5; */
	padding-left: 20px; 
	padding-right: 5px; 
	padding-top: 3px;
	border-right:2px solid blue;
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	border-left: 0px;
}
td.editor_editing {
	width: 35%;
	background-color:#FD7777;
	font-size: 13px;
	padding-left: 20px; 
	padding-right: 5px; 
	padding-top: 3px;
	border-right:2px solid blue;
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	border-left: 0px;
}
td.editor_inactive {
	width: 35%;
	background-color:#CCCCCC;
	font-size: 13px;
/*	border:2px solid #CCCCCC; */
	padding-left: 20px; 
	padding-right: 5px; 
	padding-top: 3px;
	border-right: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left: 2px solid blue;
}
table.editor-heading {
	width: 100%;
	height: 80;
}
td.editor-heading-line {
	height: 30%;
}
td.editor-heading-title {
	width: 100%;
	height: 20%;
	color: black;
	font-family: arial black;
	font-weight: bold;
	font-size: 13px;
}

td.contents {
	width: 35%;
	font-size: 12px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	padding-left: 5px; padding-top: 3px;
}

td.assessment_inactive {
	width: 70%;
	background-color:#FFFFB0;
/*	background-color:#CCCCCC;*/
	font-size: 13px;
/*	border:2px solid #CCCCCC; */
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	border-right: 2px solid blue;
/*	border-top: 2px solid blue;*/
	border-bottom: 2px solid blue;
	border-left: 2px solid blue;
	border-collapse: collapse;
}
table.assessment {
	border: 0px;
	width: 100%;
	
}
td.assessment-heading-title {
	height: 20%;
	padding-top: 5px;
	padding-left: 5px;
	border-top: 2px solid blue;
	border-bottom: 2px solid blue;
	color: black;
	font-family: arial black;
	font-weight: bold;
	font-size: 13px;
/*	background-color:#FDBEB5; */
	background-color:yellow;
}
td.assessment-heading-left {
	width: 20%;
	color: blue;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
td.assessment-heading-right {
	width: 15%;
	color: blue;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
tr.assessment-line {
	border: 0;
	border-bottom: 1px solid black;
	background-color:#FFFFB0;
/*	background-color: white;*/
	height: 20px;
}
tr.assessment-line-edit {
	vertical-align: middle;
	border: 1px solid red;
	background-color: #FFCCCC;
	height: 20px;
}
td.assessment-data {
	width: 20%;
	color: black;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
	padding: 5px;
}
td.assessment-yes {
	width: 15%;
	background-color: #00BB00;
	text-align: center;
	vertical-align: middle;
}
td.assessment-part {
	width: 15%;
	background-color: yellow;
	text-align: center;
	vertical-align: middle;
}
td.assessment-no {
	width: 15%;
	background-color: red;
	text-align: center;
	vertical-align: middle;
}
td.assessment-empty {
	width: 15%;
	background-color: #FFFFB0;
	text-align: center;
	vertical-align: middle;
}



.button {
	font-family: verdana, arial;
	font-size: 14px;
	color:#000000;
	background-color: #F0F0F0;
	border: 2px solid;
	border-color: blue;
}
.delete-button {
	width: 70px;
	height: 17px;
	padding-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: #000000;
	background-color: red;
	border: 1px solid black;
}
.edit-button {
	width: 70px;
	height: 17px;
	vertical-align: middle;
	padding-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
	background-color: yellow;
/*	background-color:#99FF99; */
/*	background-color:#FFFFB0;*/
/*	background-color:#F0F0F0;*/
	border: 1px solid red;
/*	border-color:blue;*/
}
.save-button {
	width: 70px;
	height: 25px;
	vertical-align: middle;
	padding-bottom: 3px;
	font-family: verdana, arial;
	font-size: 13px;
	font-weight: bold;
	color: red;
	background-color: orange;
/*	background-color:#99FF99; */
/*	background-color:#FFFFB0;*/
/*	background-color:#F0F0F0;*/
	border: 3px solid red;
/*	border-color:blue;*/
}
.vote-button {
	width: 70px;
	height: 20px;
	vertical-align: middle;
	padding-bottom: 3px;
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
	background-color: yellow;
	border: 1px solid red;
}
.cancel-button {
	width: 70px;
	height: 17px;
	padding-bottom: 3px;
	vertical-align: middle;
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
	background-color: white;
	border: 1px solid black;
}
textarea.textfield {
	background-color:#FFFFFF;
	font-family: verdana, arial;
	vertical-align: top;
 	text-align: left;
 	color: red;
}
textarea.inactive {
	background-color: #DDDDDD;
}
input.text {
	background-color: #FFFFFF;
}
input.inactive {
	background-color: #DDDDDD;
}
select.userselect {
	size: 1;
	width: 240px;
	height: 20px;
	background-color: yellow;
}
span.items {
	font-size: 12px;
	font-style: italic;
	color: #000000;
}