/*styles to override our regular lesson.css for AMA specific changes*/
#lessonBodyWrapper .feedbackSummary{
	margin:inherit !important;
}

#lessonBodyWrapper .answerGroup{
	/*min-width:400px need enough space for the check answer button*/
}

#lessonBodyWrapper .questions{
	width:100% !important; /*size the question to fix within the left side of the content and not stretch into the 2nd column*/
}

@media screen and (min-width: 480px) {
	/*on larger screens display the divs side by side*/
	/*this isn't really working; the answer text is too long to fix 2 columns side by side*/
	#lessonBodyWrapper .answerGroup{
		float:left;
	}
}

/*use blue instead of red for the selected color answer*/
#lessonBodyWrapper a.selected .multiChoiceLetter {
    background-color: #009ed0 !important;
}

/*override the hyperlink styles from blue to grey*/
#lessonBodyWrapper a span.multiChoiceText{
    color: rgb(119,119,119) !important;
}

#lessonBodyWrapper .content {
    height: 100% !important; /*no scrollbars so get rid of the height*/
    overflow: inherit !important; /*no scrollbars so get rid of the hidden*/
}

#lessonBodyWrapper .question {
    width: 100% !important;
}

#lessonBodyWrapper .questions {
    overflow: inherit !important; /*no scrollbars so get rid of the hidden*/
}
#lessonBodyWrapper {
    min-height: inherit !important;
}

#lessonBodyWrapper .question {
    padding-bottom: 20px !important;
    padding-left: 0 !important;	
}

/*Accio template is stepping on our fix size for the checkbox/radio buttons*/
.answerRow.muiltChoiceCheckbox span.multiChoiceLetter {
	box-sizing: unset !important;
	-webkit-box-sizing:  unset !important;
	-moz-box-sizing:  unset !important;
}
/*Accio template has a strange hover transition; don't think we want that*/
#lessonBodyWrapper a:link, lessonBodyWrapper a:visited, lessonBodyWrapper a:active, lessonBodyWrapper a:hover {
    transition: none 0s ease 0s ;
}