.draggable {
	margin:5px;
	display:inline-block;
	padding:10px;
	border:solid 1px #CCCCCC;
	border-radius: 2px;
	background:#FFFFFF;
	box-shadow: 0px 1px 3px #cccccc;
	cursor:pointer;
	position:relative;
	white-space:nowrap;
}
.ui-draggable-dragging {
	z-index:100;
}
.droppable {
	padding: 10px 0;
	position:relative;
}
.ui-state-hover {
	background:#cecece;
}
.dropped_on {
	color:#6C6;
}
.dropped {
	border:none !important;
	padding:10px 11px !important;
	background:none !important;
	box-shadow:none !important;
	position:absolute;
}
label {
	cursor:pointer;
	display:inline-block;
}
#answer_array,#answer_array_filler {
	margin-bottom: 20px;
	text-align:center;
	background:#ffffff;
	max-width:785px;
	min-width:300px;
	min-height:54px;
	border-style: solid;
	border-radius: 3px;
	border-image: url(/images/beads_blue_sqr.png) 6 6 round;
	border-image-outset: 2px;
	border-width: 6px;
}
#answer_array_filler {
	visibility:hidden;
	display:none;
}

#story_container p{
	line-height:40px;
}
#story_container .droppable {
	line-height:normal;
	position:relative;
}

.story_hint {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -1px;
	font-size: .8em;
	font-style: italic;
	text-align: center;
}
.image_audio {
	background: url("/images/icons/audio.png") no-repeat top right;
	cursor: pointer;
	padding: 10px;
}
.play_sound {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 5px;
	background:url("/images/icons/audio.png");
	
}

.multi_image {
	padding:0 20px 0 0 ;
}

#check_answers, #score {
	position:absolute;
	bottom:150px;
	z-index:10;
}

#score {
	position:absolute;
	z-index:1;
	bottom:140px;
	padding-left:300px;
	font-family: 'finlekregular' !important;
	font-size: 40px;
}

.correct {
	color:#009A77;
	background-image:url("/images/icons/michif_check.svg") !important;
	background-size: 23px !important;
	background-repeat: no-repeat !important;
	background-position:right top !important;
}
.incorrect {
	color:#B73F39;
	background-image:url("/images/icons/michif_x.svg") !important;
	background-size: 23px !important;
    background-repeat: no-repeat !important;
	background-position:right top !important;
}

input.correct, input.incorrect {
	background-size: 18px !important;
}

span.correct, label.correct, span.incorrect, label.incorrect {
	padding-right:30px !important;
}

span>label.correct, span>label.incorrect {
	background-size: 30px !important;
	background-position:left top !important;
	padding-right:20px !important;
}

.ml_prev, .ml_next {
	font-family: 'finlekregular' !important;
	font-size: 1.5em;
	line-height: 0.5em;
	margin-bottom: 20px;
}
.ml_prev {
	float:left;
}
.ml_next {
	float:right;
}
.ml_app_links {
	display:none;
	text-align:center;
}

@media (max-width: 680px) {
	.ml_web_container {
		display:none;
	}
	.ml_app_links {
		display:block;
	}
}