body {
	font-size:1em;
	color: #000000;
	width:640px;
	margin:20px auto;
}
h1 { font-size:1.5em; }
h2 { font-size:1.25em; }

hr { margin-bottom: 0px; }

ul { margin:0px; padding:0px; width:100%; list-style-type: none; }
ul li { float:left; padding:5px; width:80px; height:100px; }
li div { width:80px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:30px; padding-bottom: 10px; font-size:3em;
}
.placeHolder div { background-color:white !important; border:dashed 1px gray !important; }

/* consonantAlphabetical */
#list1 { float: left;}
#list1 li { width:100px; }
#list1 li div { width:90px; }

/* consonantClass */
#list2 { float: left;}
#list3 { background-color: #0000FF; float: left;}
#list4 { background-color: #00DD00; float: left;}
#list7 { background-color: #FF00FF; float: left;}
#list8 { background-color: #6599FF; float: left;}
#list9 { background-color: #7ABA7A; float: left;}
#list10 { background-color: #B76EB8; float: left;}
#list11 { background-color: #2B4B6F; float: left;}
#list12 { background-color: #378B2E; float: left;}
#list13 { background-color: #482E74; float: left;}
#list14 { background-color: #226765; float: left;}
#list15 { background-color: #709C34; float: left;}
#list16 { background-color: #383276; float: left;}
#list17 { background-color: #313B74; float: left;}
#list18 { background-color: #277455; float: left;}
#list19 { background-color: #572A72; float: left;}
#list20 { background-color: #738CA6; float: left;}
#list21 { background-color: #8DCF8A; float: left;}
#list22 { background-color: #8E79AE; float: left;}
#list23 { background-color: #133253; float: left;}
#list24 { background-color: #5AAC56; float: left;}
#list25 { background-color: #694F91; float: left;}

/* maaniiSentences, vocabWords */
#list5 { float: left; }
#list5 li { width: auto; margin-right: 10px; }
#list5 li div { width: 100%; padding-left:5px; padding-right: 5px; }
#list6 { background-color: #E0E0E0; float: left; }
#list6 li { width: auto; margin-right: 10px; }
#list6 li div { width: 100%; padding-left:5px; padding-right: 5px; }
#targetSentence { font-size: 1.2em; font-weight: bold; color: #DD0000; }
#targetWord { font-size: 1.2em; font-weight: bold; color: #DD0000; }

#button-validate { width: 125px; }
#button-shuffle { width: 125px; }

#metadata { visibility:hidden; }