/* Copyright (C) 2009 Sebastian Felling for Felling Softwareentwicklung, Germany
 * www.felling-software.com
 * v. 1.0.0.1 as of 2009-07-28
 */

#container div {
	font-family: "Times New Roman",Times,serif;
}

form#panel {
	margin-top: 1em;
	padding: .5em;
}

div.item {
	margin: 1em 4em 2em 0;
	padding: 1em 0 1em 0;
}

div.instructions {
	background-color: #e6f7d4;
	border: 1px solid #bfeb95;
	padding: .5em;
}

div#adPanel {
	background-color: #ffc58f;
	border: 1px solid #d66600;
	margin-top: 1em;
	padding: .5em;
}

div#itmWordInputs {
	margin-top: 1em;
}

/* FIB */
div#fibtext {
	margin-top: 1em;
}

a.fibInfo {
	/* background-color: #ff0; */
	background: url('/lib/exercises/images/info.png') top left no-repeat;
}

span.fibInfo {
	background-color: #ffbf85;
	border: 1px solid #ff7c05;
}

span.fibKeys {
	display: block;
	margin-left: 1em;
}

a.fibInfo:hover span.fibInfo {
	top:2em; 
	left:2em; 
	width: 20em;
}
/* END FIB */

/* ToolTips */
a.toolTip {
	padding-left: .4em;
}

span.toolTip {
	background-color: #ffbf85;
	border: 1px solid #ff7c05;
	font-size: .8em;
	padding: .5em;
}

a.toolTip:hover span.toolTip {
	top:2em; 
	left:2em;
	width: 20em;
}
/* END ToolTips */

div#loading {
	background-color: #eea89a;
	border: 1px solid #d70b22;
	margin-top: .5em;
	padding: .5em;
	font-size: 1.4em;
}

div#units {
	margin-top: .5em;
	padding: .5em;
}

div#infoBox {
	margin: .5em 0 0 0;
	padding: .5em;
	display: none;
}

div#infoBox.pass {
	background-color: #88d7b0;
	border: 1px solid green;
}

div#infoBox p,
div.instructions p {
	margin-top: 0 !important;
	color: #000 !important;
}

div#infoBox.fail {
	background-color: #F98699;
	border: 1px solid red;
}

div.buttons input {
	border: 2px solid black !important;
}

div.fc_front, div.fc_back {
	border: 1px solid #ccc;
	padding: 0 1em 0 1em;
	width: 58em;
}

div.fc_front img.clear, div.fc_back img.clear, p.clear {
	clear: both;
}

div.fc_front img, div.fc_back img {
	border: none;
	float: left;
	padding: 1em;
	width: 12em;
}

div.quizpanel {
	border: 1px solid #ccc;
	padding: 0 1em 0 1em;
	width: 58em;
}

div.quizpanel img {
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	width: 24em;
}

div.quizpanel strong.answer {
	margin-top: 2em;
}

div.quizpanel div.pass {
	background-color: #d6ffad;
	border: 1px solid #5ebd00;
	margin: 1em 0 0 0;
	padding: 1em;
}

div.quizpanel div.fail {
	background-color: #eea89a;
	border: 1px solid #912b18;
	margin: 1em 0 0 0;
	padding: 1em;
}

div#itmWordKeys {
	margin: 1em 0 0 1em;
}

div#itmFIB, div#itmWord {
	margin-bottom: 0;
	padding-bottom: 0;
}

span.example {
	font-style: italic;
}

input.word {
	width: 34em;
	margin-top: .5em;
}

input#next {
	font-weight: bold;
}

input.quiz_answer {
	margin-top: 1em;
	margin-bottom: 2em;
	width: 50em;
}

input.fib {
	margin-right: .2em;
}

input.correct, input.correct:focus, input.correct:active {
	background-color: #88d7b0 !important;
	color: #578a70 !important;
}

input.wrong, input.wrong:focus, input.wrong:active {
	background-color: #f98699 !important;
	color: #7a424b !important;
}

input, select {
	border: 1px solid #ccc;
}

input:focus, input:active, select:focus, select:active {
	background-color: #e6f7d4;
	border: 1px solid #bfeb95;
}

#fibtext p {
	line-height: 1.6em !important;
}

span.FIBblock {
	border: 1px solid red;
	display: block;
	float: left;
	margin: 1em;
}

#FIBblocks {
	padding: .5em;
	margin: 1em 1em 3em 1em;
}

p#javawarning {
	color: red;
}

span.labelLang {
	display: block;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}

span.FIBblock {
	border: 1px solid red;
	padding: .2em;
	margin: 0 1em 1em 0;
}

span.FIBblock.disabled {
	border: 1px solid #f98a9d;
	color: #c9c9c9;
}

select#select_units {
	height: 120px;
	width: 400px;
}

div#unit_props {
	float: right;
	height: 110px;
	padding: .4em;
	width: 18em;
	color: #555;
}

div#unit_props p {
	margin: .2em;
	padding: 0;	
}

div#studyStats {
	font-size: .8em;
	text-align: center;	
}

div#itmStats h2 {
	text-align: center;
}

ul.nobullets {
	list-style-type: none;
}