*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
body {background-color: #553;}
#left {
	position: absolute;
	left: 10px; 
	top: 10px;
	right: 627px; 
	bottom: 10px;
	border: 0;
	min-width:250px;
}
#right { 
	position: absolute;
	top: 10px;
	right: 10px; 
	width: 605px; 
	float:right; 
}
#mainButtons {	
	position: absolute;
	background-color:#f7cc82;
	width:605px;
	height:470px;
}
#pronounScreen {
	position: absolute;
	top: 121px;
	right: 0px; 
	width: 605px;
	height:342px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#modalScreen {
	position: absolute;
	top: 199px;
	right: 0px; 
	width: 605px;
	height:112px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#verbScreen {
	position: absolute;
	top: 274px;
	right: 0px; 
	width: 605px;
	height:192px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#prepositionScreen {
	position: absolute;
	top: 200px;
	right: 0px; 
	width: 605px;
	height:266px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#conjunctionScreen {
	position: absolute;
	top: 274px;
	right: 0px; 
	width: 605px;
	height:192px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#adverbOfPlaceScreen {
	position: absolute;
	top: 200px;
	right: 0px; 
	width: 605px;
	height:266px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#adverbOfFrequencyScreen {
	position: absolute;
	top: 313px;
	right: 0px; 
	width: 605px;
	height:153px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#adverbOfTimeScreen {
	position: absolute;
	top: 274px;
	right: 0px; 
	width: 605px;
	height:193px;
	padding:8px 5px;
	background-color:#f7cc82;
}
#adverbOfDegreeScreen {
	position: absolute;
	top: 200px;
	right: 0px; 
	width: 605px;
	height:269px;
	padding:8px 5px;
	background-color:#f7cc82;
}
textarea {
	width: 100%;
	height: 100%;
	margin: 0;
	border: 0;
	padding: 15px;
	resize: none; 
	outline:none; 
	overflow:auto; 
	font-family:"Times New Roman", serif; 
	font-size:16pt;
}  
button {
	-webkit-box-shadow:rgba(0,0,0,.1) 0 1px 0 0;
	-moz-box-shadow:rgba(0,0,0,.1) 0 1px 0 0;
	box-shadow:rgba(0,0,0,.1) 0 1px 0 0;
	background-color:#000;
	border:0px solid #000;
	font-family:Arial, sans-serif;
	font-size:18px;
	height:28px;
	color:#fff;
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px
}
.determiners {position:absolute; background-color:#655ead; top:8px}
.adjective {
	position:absolute; 
	background-color:#8d0088; 
	height:34px; 
	font-size:22px;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	top:44px; 
	left:8px; 
	width:102px;
}
.adjectives {position:absolute; background-color:#8d0088; top:47px;}
.nouns {
	position:absolute; 
	background-color:#166621; 
	height:34px; 
	font-size:22px;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
	top:85px;
}
#noun {position:absolute; font-size:26px;}
.pronoun {
	position:absolute; 
	background-color:#40883c;
	height:34px; 
	font-size:22px;
	top:164px;
    border-bottom:3px solid #2e6535;
    border-right:3px solid #2e6535;
    border-top:2px solid #61c96c;
    border-left:2px solid #61c96c;
}
.pronouns {position:absolute; background-color:#40883c; top:167px;}

.proOnScreen {
	background-color:#40883c;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #2e6535;
    border-right:3px solid #2e6535;
    border-top:2px solid #61c96c;
    border-left:2px solid #61c96c;
}
.prosOnScreen {background-color:#40883c; margin-bottom:6px;}
.prosOnScreenFatRt {background-color:#40883c; margin-bottom:6px; margin-right:16px;}
.prosOnScreenDk {background-color:#257b61; margin-bottom:6px;}
.prosOnScreenFatRtDk {background-color:#257b61; margin-bottom:6px; margin-right:16px;}

.exitButton{float:right;}
.modalExitButton{float:right; margin-top:6px; }
.prepExitButton{float:right; margin-top:0px; }
.modal {
	position:absolute; 
	background-color:#6b8fbe;
	height:34px; 
	font-size:22px;
	top:202px;
    border-bottom:3px solid #4e698c;
    border-right:3px solid #4e698c;
    border-top:2px solid #8ebcf8;
    border-left:2px solid #8ebcf8;
}
.modals {position:absolute; background-color:#6b8fbe; top:205px;}
.modalOnScreen {
	background-color:#6b8fbe;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #4e698c;
    border-right:3px solid #4e698c;
    border-top:2px solid #8ebcf8;
    border-left:2px solid #8ebcf8;
}
.modalsOnScreen {background-color:#6b8fbe; margin-bottom:6px;}
.adverbs {position:absolute; background-color:#7f6085; }
.advsOnScreen {background-color:#7f6085; margin-top:6px;}
.have {position:absolute; background-color:#456c9b; top:205px;}
.be {position:absolute; background-color:#375780; top:240px;}
.verbs {
	position:absolute; 
	background-color:#1a52eb; 
	height:34px; 
	font-size:22px;
	top:275px;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
}
#usefulVerb {
	position:absolute; 
	background-color:#375780;
	height:34px; 
	font-size:22px;
	top:275px;
    border-bottom:3px solid #23375c;
    border-right:3px solid #23375c;
    border-top:2px solid #5a90ef;
    border-left:2px solid #5a90ef;
}
.verbOnScreen {
	background-color:#375780;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #23375c;
    border-right:3px solid #23375c;
    border-top:2px solid #5a90ef;
    border-left:2px solid #5a90ef;
}
.verbsOnScreenLt {background-color:#456c9b; margin-bottom:6px;}
.verbsOnScreenDk {background-color:#375780; margin-bottom:6px;}
.preposition {
	position:absolute; 
	background-color:#726345;
	height:34px; 
	font-size:22px;
	top:313px;
    border-bottom:3px solid #51472f;
    border-right:3px solid #51472f;
    border-top:2px solid #b7a072;
    border-left:2px solid #b7a072;
}
.prepositions {position:absolute; background-color:#726345; top:316px;}
.prepOnScreen {
	background-color:#726345;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #4b412c;
    border-right:3px solid #4b412c;
    border-top:2px solid #b7a072;
    border-left:2px solid #b7a072;
}
.prepsOnScreen {background-color:#726345; margin-bottom:6px;}
.conjunction {
	position:absolute; 
	background-color:#428484;
	height:34px; 
	font-size:22px;
	top:351px;
    border-bottom:3px solid #2c5d5e;
    border-right:3px solid #2c5d5e;
    border-top:2px solid #60bec0;
    border-left:2px solid #60bec0;
}
.conjunctions {position:absolute; background-color:#428484; top:354px;}
.conjOnScreen {
	background-color:#428484;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #2c5d5e;
    border-right:3px solid #2c5d5e;
    border-top:2px solid #60bec0;
    border-left:2px solid #60bec0;
}
.conjsOnScreen {background-color:#428484; margin-bottom:6px;}
.punctuation {position:absolute; background-color:#3c3c3c; font-size:22px; top:392px;}
.keyboard {position:absolute; top:392px; font-size:16px;}
.pluralize {position:absolute; top:126px;}
#adverbOfManner {
	position:absolute; 
	background-color:#803e7a; 
	height:34px; 
	font-size:22px;
	top:427px;
	border-radius:17px;
	-moz-border-radius:17px;
	-webkit-border-radius:17px;
}
.adverbsOfManner {position:absolute; background-color:#803e7a; top:430px;}
.adverbOfPlace {
	position:absolute; 
	background-color:#7f6085;
	height:34px; 
	font-size:22px;
	top:427px;
    border-bottom:3px solid #5c4560;
    border-right:3px solid #5c4560;
    border-top:2px solid #b98ec4;
    border-left:2px solid #b98ec4;
}
.adverbsOfPlace {position:absolute; background-color:#7f6085; top:468px;}
.adverbOf {
	background-color:#7f6085;
	height:34px; 
	font-size:22px;
	margin-top:-6px;
    border-bottom:3px solid #5c4560;
    border-right:3px solid #5c4560;
    border-top:2px solid #b98ec4;
    border-left:2px solid #b98ec4;
}
.adverbOfFrequency {
	position:absolute; 
	background-color:#7f6085;
	height:34px; 
	font-size:22px;
	top:427px;
    border-bottom:3px solid #5c4560;
    border-right:3px solid #5c4560;
    border-top:2px solid #b98ec4;
    border-left:2px solid #b98ec4;
}
.adverbsOfFrequency {position:absolute; background-color:#7f6085; top:506px;}
.adverbOfTime {
	position:absolute; 
	background-color:#7f6085;
	height:34px; 
	font-size:22px;
	top:427px;
    border-bottom:3px solid #5c4560;
    border-right:3px solid #5c4560;
    border-top:2px solid #b98ec4;
    border-left:2px solid #b98ec4;
}
.adverbsOfTime {position:absolute; background-color:#7f6085; top:544px;}
.adverbOfDegree {
	position:absolute; 
	background-color:#7f6085;
	height:34px; 
	font-size:22px;
	top:427px;
    border-bottom:3px solid #5c4560;
    border-right:3px solid #5c4560;
    border-top:2px solid #b98ec4;
    border-left:2px solid #b98ec4;
}
.adverbsOfDegree {position:absolute; background-color:#7f6085; top:582px;}
.suffixes {position:absolute; background-color:#b86b15;}

#this {display:none;}
#that {display:none;}
#these {display:none;}
#those {display:none;}
#all {display:none;}
#more {display:none;}
#most {display:none;}
#some {display:none;}
#y {display:none;}
#er {display:none;}
#est {display:none;}
#good {display:none;}
#bad {display:none;}
#little {display:none;}
#other {display:none;}
#own {display:none;}
#same {display:none;}
#person {display:none;}
#Name {display:none;}
#creature {display:none;}
#bodypart {display:none;}
#object {display:none;}
#substance {display:none;}
#place {display:none;}
#event {display:none;}
#concept {display:none;}
#pronoun {display:none;}
#I {display:none;}
#you {display:none;}
#she {display:none;}
#he {display:none;}
#one {display:none;}
#it {display:none;}
#we {display:none;}
#they {display:none;}
#ll {display:none;}
#d {display:none;}
#modal {display:none;}
#can {display:none;}
#could {display:none;}
#will {display:none;}
#not {display:none;}
#nt {display:none;}
#have {display:none;}
#has {display:none;}
#having {display:none;}
#had {display:none;}
#ve {display:none;}
#be {display:none;}
#am {display:none;}
#being {display:none;}
#was {display:none;}
#were {display:none;}
#been {display:none;}
#m {display:none;}
#s {display:none;}
#re {display:none;}
#usefulVerb {display:none;}
#verbed {display:none;}
#verben {display:none;}
#at {display:none;}
#by {display:none;}
#for {display:none;}
#into {display:none;}
#like {display:none;}
#on {display:none;}
#with {display:none;}
#conjunction {display:none;}
#because {display:none;}
#once {display:none;}
#so {display:none;}
#than {display:none;}
#yet {display:none;}
#apostrophe {display:none;}
#colon {display:none;}
#semicolon {display:none;}
#hyphen {display:none;}
#ly {display:none;}
#adverbOfPlace {display:none;}
#adverbOfFrequency {display:none;}
#adverbOfTime {display:none;}
#adverbOfDegree {display:none;}

.buttonyLink {
	position:absolute;
	top:480px;
	display: block;
    width: 105px;	
    font-family:Arial, sans-serif;
	font-size:16px;
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    padding: 5px 8px;
}
.buttonyIELink {
	position:absolute;
	top:520px;
	display: block;
    width: 197px;	
    font-family:Arial, sans-serif;
	font-size:16px;
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    padding: 5px 8px;
}
#intro {position:absolute; font-size:16px; width:86px; left:136px; top:480px; border:2px solid #d70;}
#medium {position:absolute; font-size:16px; width:108px; left:228px; top:480px;}
#expert {position:absolute; font-size:16px; width:63px; left:342px; top:480px;}
#clearButton {position:absolute; font-size:16px; width:170px; left:435px; top:480px;}