div {
    padding: 15px;
}

p {
    margin-left: 10px;
}

#onep {
	position:absolute;
	top:160px;
	left:200px;
	border: 1px solid black;
}

.drag {
    height: 30px;
    padding: 5px;
}

li {
    clear: both;
    border-bottom: 1px solid #ccc;
    line-height: 1.2em;
}

.drop {
	height:3em;
    border: 3px solid #f90;
    border-radius: 1em;
}

#wordlists {
	max-height:200px;
}

#rlic {
	font-size:0.80em;
}

.aqua {
	background-color: aqua;
	width:55px;
}

.yellow {
	background-color: yellow;
	width:80px;	
}

.violet {
	background-color: violet;
	width:158px;	
}

.hsm {
	height:20px;
	line-height:5px;
}

.narr1 {
	width:165px;
}

#dancingrabbit {
	position:absolute;
	top:135px;
	left:300px;
	background-color:white;
	display:none;
}

#sorryrabbit {
	position:absolute;
	top:135px;
	left:300px;
	background-color:white;
	display:none;
}

#sentlist {
	position: relative;
	top:-500px;
	left:50px;
	width:500px;
	height:500px;
	overflow-y:auto;
	background-color:khaki;
	padding:20px;
`	border:1px solid #e0e0e0;
	z-index:3;
	display:none;
}

@media only screen
and (max-width : 820px) {

  #dancingrabbit {
	position:absolute;
	top:25px;
	left:400px;
  }
  
  #sorryrabbit {
	position:absolute;
	top:25px;
	left:400px;
  }