/* Global page styles */
body
{
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 0 0 0 0;
	background: #cccccc;
	font-weight: normal;
	font-size: small;
}

a
{
	text-decoration: none;
	color: #000000;
}

a:hover
{
	text-decoration: underline;
}

table	{padding: 0; margin: 0; border-collapse: collapse}
img	{border:0px}

/* box */
.box
{
	border: 1px solid #000000;
	padding: 0px;
}

.box .title
{
	background-color: #000000;
	border-bottom: 0px dotted #003366;
	padding: 2px;
	color: #ffff00;
}

.box .content
{
	background-color: #eeeeff;
	padding: 2px;
}

/* header, navigation, page layout */
.header
{
	width: 99%;
	margin: 0 1ex .5ex 1ex;
	background-color: #cccccc;
	padding: 4px;
}

.header td
{
	text-align: center;
	padding-right: 15px;
}

.header img
{
	padding-left: 5px;
	vertical-align: middle;
}

.body
{
	margin: 0 1ex 0 1ex; width: 99%;
}

.body td
{
	vertical-align: top;
}

.body .navigationleft
{
	border: 1px solid #003366;
	background-color: #eeeeff;
	padding: 2px;
	white-space: nowrap;
}

.gitter
{
	margin-left: 2px;
	margin-right: 2px;
}

.navleftsel a
{
	font-weight: bold;
}

.navitemsel
{
	padding: 2px;
	background-color: black;
}

.navitemsel a
{
	color: white;
}

.navitem
{
	padding: 2px;
}

.nowrap
{
	white-space: nowrap;
}

.odd
{
	background-color: #eeeeff;
}

.even
{
	background-color: #e5e5e5;
}

/* Forms */
form
{
	display: inline;
}

.formlogin
{
	font-size: x-small;
	text-align: center;
}

.formlogin input
{
	margin-bottom: 4px;
}

.formlogin #username, #password
{
	width: 100px;
}

.formregister .text,
.formcreatemodule .text,
.formsettings .text,
.formforgotpassword .text
{
	width: 200px;
}

.formfilter .text
{
	width: 150px;
}

.formsettingscheck .text
{
	width: 30px;
}

.formstatistic .text
{
	width: 105px;
}

.formedit .text,
.formfeedback .text,
.formnews .text
{
	width: 300px;
}

.formedit textarea,
.formfeedback textarea,
.formnews textarea
{
	width: 300px;
	height: 100px;
}

.formfilter td
{
	text-align: center;
	vertical-align: bottom;
}

.formfeedback textarea
{
	width: 300px;
	height: 200px;
}

.formmodulelist table,
.formmoduledelete table,
.formedit table,
.formlearn table,
.formsettings table,
.formsettingscheck table,
.formexport table,
.formlearnstart table,
.formstatistic table,
.formlearnend table,
.formnews table,
.formfeedback table,
.help table,
.links table,
.stats table
{
	border-collapse: collapse;
	margin-bottom: 0px;
}

.formmodulelist td,
.formmoduledelete td,
.formedit td,
.formsettings td,
.formsettingscheck td,
.formexport td,
.formlearnstart td,
.formnews td,
.help td,
.formstatistic td,
.formlearnend td,
.formlearninside td,
.formfeedback td,
.links td,
.stats td
{
	border: none;
	padding: 2px;
	padding-right: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.formmodulelist th,
.formedit th,
.formexport th,
.formlearnstart th,
.formnews th,
.formstatistic th,
.formlearnend th,
.links th,
.stats th
{
	white-space: nowrap;
	border-bottom: 1px solid black;
	padding: 2px;
	padding-right: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.help th
{
	padding: 2px;
	padding-right: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

.formlearn th,
.formlearn td
{
	border: none;
	padding-right: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.formlearninside table
{
	margin: 0px;
	border-collapse: collapse;
}

/* Divers */
.askedword,
.askedlanguage
{
	color: #888888;
	font-style: italic;
}

.xlarge
{
	font-size: x-large;
	width: 300px;
}

.large
{
	font-size: large;
	width: 300px;
}

.medium
{
	font-size: medium;
	width: 300px;
}
/* News Box */
.news table
{
	border-collapse: collapse;
}

.news td
{
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: baseline;
}

.news .date
{
	font-size: x-small;
	font-weight: bold;
	white-space: nowrap;
}

.inactiv,
.inactiv a
{
	color: #bbbbbb;
}

/* Footer */
.footer
{
	margin-top: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: x-small;
}

.footer img
{
	vertical-align: middle;
}

.footer input
{
	vertical-align: middle;
}

.footer a
{
	text-decoration: none;
	color: #000000;
}

.footer a:hover
{
	text-decoration: underline;
}

/* Statistic Box */
.wrong
{
	color: red;
}

.correct
{
	color: green;
}

/* countdown */
.countdown input[type=text]
{
	width: 50px;
	background-color: #eeeeff;
	border: none;
}

/* faq */
.faq table
{
	border-collapse: collapse;
	margin-bottom: 0px;
}

.faq th
{
	font-weight: bold;
	text-align: left;
}

.faq td
{
	padding-bottom: 10px;
}

/* Space + line */
.space
{
	height: 4px;
	font-size: 0px;
}

.line
{
	border-top:1px dotted black;
	font-size: 0px;
	margin-top: 2px;
}

/* Editor */
.editor input[type=text]
{
	width: 400px;
}

.editor textarea
{
	width: 400px;
	height: 100px;
}