ul {
	list-style-type: none
}
#order li, #sortingSortable li {

	    /* padding: 0.8em; */
   min-height: 3em; /*CHANGED BY RHYS 04/01/16 */  
    /* HEIGHT: auto; */
    
    margin-bottom: 0.2em;
   /* font-size: 1.2em;*/

/*	padding: 0.6em;
	padding-top: 0.4em;
	padding-bottom: 1.2em;*/
	/*height: 1.8em;*/
/*    font-size: 15px;*/


}




#sortingSortable li {
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	background-color: #BB4A00;
	color: #fff;
	border-bottom: 1px dashed #ffffff!important;
	line-height: 3em;
	position: relative;


}

#sortingSortable li span {
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2.9em;
	/*padding: 0.8em 0;*/
	background: #BB4A00;
	color: #fff;
	text-align: center;
	z-index: 5;


}
#sortingSortable li {
	list-style: none;
	position: relative;
}
#sortingSortable li.drop-hover .element {
	opacity: .5;
}
.element.being-dragged {
	background: #333;
	z-index: 6;
	-webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
	-moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
	box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
}
#order li {
	font-weight: bold;
	background-color: #E87E04;
	color: #fff;
	border-bottom: 1px dashed #ffffff!important;
	  padding-left: 0.5em;
    /*vertical-align: middle;
    line-height: 35px;*/

}
.ui-sortable-handle {
/* border: 1px dashed #309091;*/
}
.ui-sortable-helper {
}
#activityButtons button {
	margin: 0 .5% 0 .5%;
	float: right;
}
#totalCorrectHolder {
	
}

#definition h2, #keyTerms h2{line-height:42px}
#endMsg{display:none}



@media only screen and (max-width: 560px) {
#activity {
	margin-left: 5%;
}
#order {
	width: 100%;
}
#sortingSortable {
	width: 100%;
}
#sortingSortable li, #order li {
	font-size: 0.9em;
}



/* ----------- Laptop ----------- */

@media screen and (max-width: 1366px) and (max-height: 768px) {
/* Styles */
#order li, #sortingSortable li, #sortingSortable li span {
	height: 1.7em;
}
#order li, #sortingSortable li {
	padding: 0.7em;
}
#sortingSortable li span {
	padding: 0.7em 0;
}
}

/* ----------- Laptop MDPI screen ----------- */

@media screen and (max-width: 1280px) and (max-height: 800px) {
/* Styles */
#order li, #sortingSortable li, #sortingSortable li span {
	height: 1.7em;
}
#order li, #sortingSortable li {
	padding: 0.8em;
}
#sortingSortable li span {
	padding: 0.8em 0;
}

}

/* ----------- iPad ----------- */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* Styles */

#order li {

	background-color: #ccc;

    vertical-align: middle !important;
    line-height: 20px !important; 

}

}
