

/*Pool of questions*/
ul#v3_questionpool{
	min-height:30px; 
	margin:0px 50px 0px 15px; 
	padding:10px 0px; 
	border:1px dashed #008080;
	min-width: 460px;
}

/*<li> within pool of questions*/
ul#v3_questionpool li{
	background-color: #DDD;
	display: inline-block;
	min-width: 250px;
	margin: 0px 10px 5px 10px !important;
	cursor: default;
	float: left;
	border:2px solid #DDD;
}

/*jQuery UI highlight state for when <li> is between homes.*/
.ui-state-highlight{
	background-color: #ccc !important;
	height: 30px;
	margin: 0px !important;
}

/*Standard text paragraph*/
.par{
	margin:15px;
}

/*Sortable list used for each question*/
ul.option{
	min-height:50px; 
	margin: 0px;
	padding:0px; 
	border:1px dashed #008080;
	list-style: none;
	max-width: 650px;
}

/*<li> within sortable list used for each question*/
ul.option li{
	background-color: #DDD;
	display: block;
	min-width: 350px;
	cursor: default;
	border: 2px solid #DDD;
}

/*Question paragraph*/
.ol-par{
	margin:5px 0px;
}

/*Class to remove all padding and margin from an element*/
.nospace{
	padding:0px; 
	margin:0px;
}


/*All links*/
.links{
	color: #FF8040;
}

/*an activity button*/
.btn{
	background-color: #DDD;
	color: #4a4a4a;
	padding: 5px 10px;
	margin: 5px;
	text-decoration: none;
}




/*container for activity buttons*/
.btns{
	margin-left: 10px;
}

/*Class for "check" and "x" icons when right or wrong*/
.rightwrong{
	padding: 0px 5px;
	display: none;
}

/*Links placed around <li> sortables - makes list items tab-able - for accesibility*/
.clicker{
	display:block;
	text-decoration:none !important;
	color: #4a4a4a;
	padding: 5px 10px;

}

/*Links placed around <ul> sortables - makes lists tab-able - for accesibility*/
.dropper{
	display: block;
	margin-right: 60px;
	text-decoration: none !important;
	
}

ul li a.clicker:hover {text-decoration: none; } 
ul li a.dropper:hover {text-decoration: none !important; } 

