html, body{
    overflow-x:hidden;
}

header{
    background:#004400;
}

button.icon{
    margin-top:0.4rem;
}

button#info{
    background-color:rgba(0,0,0,0);
    background:url("../images/infoIcon.png") no-repeat;
    width:33px;
    height:33px;
}

div.title_container{
    padding-bottom:0;
    margin-bottom:0;
}

div.title_container h1{
    margin: 0.4rem;
    margin-bottom:0;
    padding-bottom:0;
}

button#info:hover {
    background-position: 0px -35px;
    cursor:pointer
}

div.instructionsholder{
    padding:0;
    margin:0;
}

#instructions{
    background-color:#006600;
}

table{
    width:100%;
    border: 1px solid #008800; 
    text-align: center;
    margin-bottom:2rem;
}

th { 
    color:white;
    background:#008800;
    border: 1px solid #008800;
    padding: 0.2rem;
    margin:0;
    width: 33%;
    text-align:center;
    height:1.2rem;	
}

td{
    width:33%;
    border: 1px solid #008800;
    margin:0;
    padding: 0.2rem;
    text-align:center;
    height:2.5rem;	 
}

ul.dragarea{
    background-color:rgba(22, 167, 157, 0.20);
    height:3rem;
    padding:0;
    margin-bottom:0;
}

li {
	list-style-type: none;
}

#selectableStatements{
	font-family: 'Open sans', sans-serif;
	cursor: pointer;
    padding:0;
    margin:0;
}

#results {
  text-align: center;
  font-family: 'Open sans', sans-serif;
  color: #ffffff;
	width: 100%;
  	background-color: #004400;
	border: thin;
	border-style:solid;
	border-color: #004400;
}

#checkBtn, #resetBtn{
	text-align: center;
	font-family: 'Open sans', sans-serif;
	color:white;
	width:100%;
}

.draggableItem {
    font-size: 1rem;
    height: 3rem;
    line-height: 1.2rem;
    cursor: pointer;
    text-align: center;
	counter-increment: foo;
	padding: 0.25rem;
    vertical-align: middle;
    color: #000000;
    list-style-position: inside;
    background-color: rgba(22, 167, 157, 0.46);
    -webkit-touch-callout: none;
    -khtml-user-select: none;
}