/* in memomo_production, not memomo.net */
body  {
	background-color:	#ffffff;
	margin:				0ex; 
}
body, body *, h3, h4 ,h5 {
	font-family:		Lucida Grande, Helvetica, Arial, sans-serif;
/*	font-family:		Helvetica, Arial, sans-serif; */
}
h1,h2,h3,h4,h5 {
/*	font-family:		Optima, Lucida Grande, Helvetica, Arial, sans-serif;  */
	color:				#444444;
	font-style:			normal;
	font-weight:		normal;
	margin-bottom:		0;
	margin-top: 		2ex; 
}
h1, h2 {
	font-family:		Georgia, Optima, Lucida Grande, Helvetica, Arial, sans-serif;
}
h1 {
	font-size:			160%; }
h2 {
	font-size:			150%; }
h3 {
	font-size:			130%; }
h4 {
	font-size:			115%; }

div.mainbody {
	clear:				both;
	font-size:			85%;
	padding-left:		7ex;
	padding-right:		7ex;
	padding-top:		0.2ex;
	vertical-align:		top;
	background-color:	#FFFFFF;
}
div.mainbody * {
	line-height:		140%;
	max-width:			60em;
}

@media all and (max-width: 640px) {
    div.mainbody *  {width: 99%;}
}

div.mainbody img {
	margin-right:		1ex;
	margin-bottom:		1ex;
}
div.mainbody p {
	line-height:		140%;
}
p {
/*	font-size:			90%; */
	margin-left:		0ex; 
	margin-right:		0ex; 
	margin-top:			1ex;
	margin-bottom:		0ex;
}
p:first-letter {
	padding-left:		1em;
}	/* first line is indented by one character */
p.noindent:first-letter {
	padding-left:		0;
}   /* first line not indented by one character */

table {
	margin-left:		0ex; 
	margin-right:		0ex; 
	margin-top:			1ex;
	margin-bottom:		0ex;
	border:				0pt;
}
td {
/*	font-size:			90%; */
	vertical-align:		top;
}

dl, ul, ol {
	margin-top:			1ex; }
/* dt,dd { font-size:	85%; } */

dd {
	margin-left:		0ex; }

dd+dt {
	margin-top:			4pt; }

dt {
	font-weight:		bold; }
/* ul *, ol {	font-size:	90%; } */

/* end generic definitions */

h1.greeting_message {
	color:				green;
}
/* changed status at the bottom of each page */
p.changed {
	margin-top:			6ex;
}
p.changed * {
	text-decoration:	none;
	color:				#bbbbbb; 
}
p.changed span {
	 font-size:			70%;
	 background-color:	#f8f8f8;
	 border-width:		1px;
	 border-style:		solid;
	 border-color:		#dddddd;
	 padding:			3px;
	 margin:			10px;
}
p.changed span a {
	color:				#330066;
	text-decoration:	none;
}
p.changed span a:visited {
	color:				#660033;
}
p.changed span a:hover {
	text-decoration:	underline;
}
table.mainlayout {
	margin:			0	;
	padding:			0;
	width:				100%; 
	border:				0pt; 
}
table.slim {
	border-width:		0px;
	border-style:		solid;
	border-spacing:		0px;
	border-collapse:	collapse;
}
table.slim td {
	border-width:		1px;
	border-style:		solid;
}
table.numbers {
	border-width:		0px;
	border-style:		solid;
	border-spacing:		0px;
	border-collapse:	collapse;
}
table.numbers td {
	border-width:		1px;
	text-align:			right;
	border-style:		solid;
	padding:			2px;
	padding-left:		1em;
}
table.numbers th {
	border-width:		1px;
/*	font-size:			90%; */
	text-align:			center;
	border-style:		solid;
	padding:			2px;
}
tr.pagetop {
	height:				75px;
}
td.learnbox, tr.learnbox, tr.banner {
	vertical-align: 	middle;
}
td.logo {
	vertical-align: 	top;
}
td.banner {
	text-align:			center;
}

/* formats for statusbar: login and search fields */

div.statusbar {
	white-space:		nowrap;
	text-align:			right;
	vertical-align:		middle;
	width:				100%;
	height:				30px;
	margin-right:		100px;
	background-color:	#f0f0ff;
}
div.statusbar * {
	font-size:			80%;
	padding-bottom:		0.8ex;
}
div.statusbar input, div.statusbar button {
	margin:				1px;
	border-width:		1px;
	border-style:		solid;
	border-color:		#4444ff;
} 
div.statusbar input {
	padding:			2px;
	background-color:	#ddddff;
} 
div.statusbar button {
	padding:			1px;
	background-color:	#9999FF;
} 


img.head_logo {
	border:				0pt;
}
a {
	color:				#3300DD;
	text-decoration:	none;
}
a:visited {
	color:				#660033;
}
a:hover {
	text-decoration:	underline;
}
a.target {
	color:				#000000;
	text-decoration:	none;
}

b.correct_answer_number {
	color:				green;
}
b.false_answer_number {
	color:				red;
}
b.question_number {
	color:				black;
}
b.points {
	color:				blue;
}

fieldset.test {
	background-color:	#f0f0f0; }



/* menu definitions */

div.menublock {
	overflow:			hidden;
}

div.warning_message {
	font-size:			120%;
	color:				red;
}

div.a, div.b, div.c, div.d {
	font-size:			90%;
	width:				100%;
	line-height:		1.55em;
/*	height:				20pt; */
	overflow:			hidden;
	margin:				0; 
	padding-left:		3ex;
	padding-right:		2ex;
	padding-top:		0;
	padding-bottom:		0;
}

/* 2008-05-01
div.a { background-color:	#d8e8f0; }
div.b { background-color:	#c0d8f0; }
div.c { background-color:	#a8c8f0; }
div.d { background-color:	#90b8f0; }

span.a { background-color:	#c0d8f0; }
span.b { background-color:	#a8c8f0; }
span.c { background-color:	#90b8f0; }
*/

div.d {
	background-color:	#d8f0e8; }

div.c {
	background-color:	#c0f0d8; }

div.b {
	background-color:	#a8f0c8; }

div.a {
	background-color:	#90f0b8; }

span.c {
	background-color:	#d8f0e8;
	border-color:		#cccccc; }

span.b {
	background-color:	#c0f0d8;
	border-color:		#bbbbbb; }

span.a {
	background-color:	#a8f0c8;
	border-color:		#aaaaaa; }




span.underlined {
	margin-bottom:		0;
	padding-top:		1px;
	margin-bottom:		0px;
	border-bottom-width:	1px;
	border-style:		none none solid none;
	border-color:		#666666;
}
span.a, span.b, span.c {
/*	line-height:		1.5em; */
	font-family:		Georgia;
	margin-bottom:		0;
	padding-left:		0.5ex;
	padding-right:		0.5ex;
	padding-top:		0px;
	margin-bottom:		3px;
	border-width:		1px;
	border-bottom-width:	0;
	border-style:		solid solid none solid;
	padding-bottom:		0.5ex;  
}

a.menu {
	margin-top:			10px;
	font-family:		Georgia, Times, Times New Roman, serif;
}
a.menu:link {
	text-decoration:	none;
	color:				#000000;
}
a.menu:visited {
	color:				#444444;
	text-decoration:	none;
}
a.menu:active {
	text-decoration:	none;
}
a.menu:hover  {
	text-decoration:	underline;
}

/* menu definitions end */

/* statistics */

div.statistics_current_box {
	background-color:	#f8f8f8;
	border-width:		1px;
	border-style:		solid;
	border-color:		#e8e8ff;
	padding:			1ex;
	padding-top:		0ex;
}
table.box_statistics { 
	border-width:		1px;
	border-style:		solid;
	border-color:		black;
	border-collapse:	collapse;
	margin-top:			1ex;
	margin-bottom:		1ex;
}

table.box_statistics td, table.box_statistics th {
	border-width:		1px;
	border-style:		solid;
	border-color:		black;
	border-collapse:	collapse;
}
table.box_statistics td {
	padding-left:		2px;
	padding-right:		3px;
	text-align:			right;
}
table.box_statistics th {
	padding-left:		4px;
	padding-right:		4px;        
}
tr.statistics_elements td {
	width:				4ex;
}


/* question display in trainer */


div.display_answer_correct, div.display_answer_false,
div.display_answer_minor , div.display_answer_other {
	clear:				both;
	border-width:		5pt;
	border-style:		solid;
	background-color:	#EEEEEE;
	padding-bottom:		0;
}

div.display_answer_correct {
	border-color:		green;
}

div.display_answer_false {
	border-color:		red;
}

div.display_answer_minor  {
	border-color:		#ff5f00;
}

div.display_answer_other  {
	border-color:		white;
}

form.block_word, form.report_error {
	margin-bottom:		0;
	padding-bottom:		0;
}
p.last_question {
	vertical-align:		middle;
}


span.last_question {
	font-size:			20pt; 
	margin-right:		0;
}
span.question {
	font-size:			20pt;
	font-weight:		bold; }

/* error messages */

span.mistake, span.correct, span.alternative_meaning, span.accent_mistake, span.upper_lower_mistake {
	font-size:			20pt;
}

span.mistake, span.correct, span.visiting {
	font-weight:		bold;
}
span.mistake {
	color:				#ff0000;
}
span.correct {
	color:				#009900;
}
span.alternative_meaning {
	color:				#0000ff;
}
span.accent_mistake, span.upper_lower_mistake {
	color:				#ff8800;
}
span.warning_message {
	color:				red;
}
div.description {
	color:				#888888;
	font-size:			80%;
} 

div.next_question {
	background-color:	#f8f8f8;
	border-width:		1px;
	border-style:		solid;
	border-color:		#e8ffe8;
	border-top-color:	d0efd0;
	border-right-color:	d0efd0;
	border-left-color:	e8ffe8;
	border-bottom-color:	e8ffe8;
	margin-top:			1em;
	padding:			1ex;
	padding-top:		0;
}

div.question_counter {
	padding-left:		1em;
}

/* demo mode */

div.demo {
	clear:				both;
	border-width:		3pt;
	border-style:		dotted;
	background-color:	#ffff8f;
	padding-top:		1ex;
	padding-left:		1ex;
	padding-right:		1ex;
	padding-bottom:		1ex;
	border-color:		#ff0000;
}


/* wordlist */
table.wordlist tr td {
	color:				blue;
}
table.wordlist tr td+td {
	color:				black;
}
table.wordlist tr td.due {
	color:				green;
}

/* tour */
img.tour {
	border-width:		4px;
	border-color:		#777777;
	border-style:		solid;
	margin-left:		1em;
}


/* Javascript keyboard */
button.keyboard {
	border-width:		1px;
	border-color:		#444444;
	border-style:		solid;

	width:				100%;
	height:				100%;
	vertical-align: 	middle;
	text-align:			center;
	background-color:	#DDDDDD;
	margin:				0;
	padding:			0;
	font-size:			100%;
	color:				#444444;
}
table.keyboard td {
	height:				2em;
	width:				2em;
	margin:				0;
	padding:			2px;
}
table.keyboard tr {
	margin:				0;
	padding:			0;
}
table.keyboard {
	border-spacing:		0;
}

/* newuser */
table.newuser th {
	text-align:			right;
	font-weight:		bold;
}