@charset "utf-8";

/**
 * NOTE: the toChecklist.css file is in the js folder, for the sake of SVN
*/

body           { background: #eed; font-family: Arial; font-size: .9em; line-height: 1.4em; }
select         { height: 150px; width: 300px; }
h1             { line-height: 1em; }
div#container  {
	background: #fafafa;
	border: 1px solid black;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #555;
	margin: 2em auto 2em auto;
	width: 800px;
}
div#content    { padding: 2em; }
select#Options { height: 200px; width: 230px; }
table          { margin-top: 1em; }

form#myForm { margin-bottom: 1em; }

div#myFormDiv { float: right; margin: 1em 0 0 1em; border: 1px solid #ddd; padding: 1em; background: #eed; width: 370px; z-index: 10; }
#myFormDiv div#lcol {  vertical-align: top; padding: 0 1em 0 0; width: 120px; height: 200px; float: left; }
#myFormDiv div#lcol h3 { margin-top: 0; font-size: 1em; }
#myFormDiv div#forListOfSelectedItems { height: 200px; overflow: auto; }
#myFormDiv div#rcol { float: left; }

div.ad { background: #eeeeff; border: 1px solid black; padding: 1em; font-size: 80%; }

div.download { clear: both; padding-top: .5em; background: #fafafa; padding: .5em; border: 2px solid blue; }
div.download a { color: blue; }
div.download ul { margin: .5em 0 .5em 0; padding-left: 3em; }

div.download h3 { margin: 0; }


div.buttons { text-align: center; margin-top: 1em; }

div.explanation { clear: left; }
pre, div#toc { border: 1px solid #ddd; padding: 1em; }
div#toc { float: left; margin: 1em 0; }
div#toc ol { padding: 0 0 0 2em; margin: 0; }
a { color: #554; }
a:visited { color: #887; }
a.backToTop { position: absolute; font-size: 10px; right: 20px; }
div#toc h5 { margin: 0 0 .8em 0; }


div.explanation h2 { background: #eed; border: 1px solid #ddd; }
div.explanation h3 { background: #eee; border: 1px solid #ddd; }
div.explanation h4 { border-bottom: 1px solid #ddd; }
div.explanation h2,div.explanation h3,div.explanation h4,div.explanation h5 { padding: .5em; position: relative; }
div.explanation h4,div.explanation h5 { padding-left: 0; }

div.musicplayer { float: right; margin: 0 0 .5em .5em; text-align: center; }

.warning { color: red; }
code { background: #eed; color: black; }

pre { font-size: 11px; overflow: visible; }

div.footer { border-top: 1px solid #ddd; font-size: .7em; line-height: 1em; padding-top: 2em; }


input.smallButton { margin-top: 10px; font-size: .7em; background: #ddd; color: #333; }
input.smallButton:disabled { color: #aaa; background: #eee; }

small { font-size: .7em; }