body {
	background-color: #e0e0e0;
}

#wrapper {
	height:620px;
	overflow-y: auto;
}

#contents {
	height:600px;
	overflow-y: auto;
}


#txtside {
	//background-color:white;
	background-image:url("Robot2trans.png");
}

#wordlists {
	height:380px;
}

#imageside {
	height: 600px;
}

#images {
	height: 580px;
	background-color:white;
}

#resetdia {
	position:absolute;
	top:100px;
	left:200px;
	background-color:lightyellow;
	padding: 10px;
	z-index:4;
	border: 1px solid red;
	display:none;
}


#print-me {
	width:600px;
	margin-left:0;
	margin-right:auto;
	margin-bottom:250px;
	margin-top:70px;
}

h3 {
	color: #770000;
	text-shadow: 2px 1px red;
}

.rdshad {
	color: #770000;
	text-shadow: 1px 1px red;
}

.illus {
	display:none;
}

.drop {
	height:40px;
    	border: 3px solid #e0e0e0;
    	border-radius: 1em;
	width:110px;
	background-color:white;
}

.drag {	
    height: 22px;
    padding-left:3px;
    width: 108px;
    cursor:move;
    background-color:white;
    font-size:0.90em;
}

.imgtrans {
	border: 1px solid transparent; 
  	background: transparent;
}

.aqua {
	border: 2px solid #00bfff;
}

.yellow {
	border: 2px solid yellow;
}

.orange {
	border: 2px solid orange;
}

.violet {
	border: 2px solid violet;
}

.green {
	border: 2px solid #00ff80;
}

.org {
	color:orange;
}


	

#rectanglebig {
	position:absolute;
	top:150px;
	left:150px;
	height:150px;
	width:100px;
	background-color:red;
	display:none;
}

.circle {
  position:absolute;
  top:160px;
  left:160px;
  height: 80px;
  width: 80px;
  background-color: yellow;
  border-radius: 50%;
  display:none;
}

.circlesmall {
  	position:absolute;
  	top:160px;
  	left:160px;
  	height: 20px;
  	width: 20px;
  	background-color: brown;
  	border-radius: 50%;
	text-align: center;
  	display:none;
}
.oval {
  	position:absolute;
  	top:160px;
  	left:160px;
  	height: 50px;
  	width: 100px;
  	background-color: dodgerblue;
  	border-radius: 50%;
	text-align: center;
  	display:none;
}

.square {
  	position:absolute;
  	top:160px;
  	left:160px;
  	height: 50px;
  	width: 50px;
  	background-color: orange;
	text-align: center;
  	display:none;
}

.hidden {
	display:none;
}

.triangle-up {
  	position:absolute;
  	top:160px;
  	left:160px;
      	width: 0;
      	height: 0;
	text-align: inherit;
        line-height: 120px;
      	border-left: 50px solid transparent;
      	border-right: 50px solid transparent;
      	border-bottom: 100px solid green;
  	background: transparent;
	display:none;
}

.txtlft {
	position:relative;
	left:-20px;
}

#gauge {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
	z-index:3;
}

#valveLeft {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
}

#valveRight {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
}

#bunnyRight {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
} 

#bunnyLeft {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
} 

#bootRight {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
} 

#bootLeft {
  	position:absolute;
  	top:60px;
  	left:60px;
	display:none;
} 
.grnX {
	color:white;
	background-color: green;
	border: 2px solid black;
}

.red {
	color: red;
}

.redR {
	color:white;
	background-color: crimson;
	border: 2px solid black;
}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}

@media only screen and (max-width: 820px) {
  #txtside {
	background-color:white;
	min-height:920px;
  }
  #sentside {
	margin-top:20px;
	}
}