.clear {
	clear: both !important;
}

fieldset + h4, fieldset + p {
	margin-top: 1.5em;
}

.assignmentTitle, .assignmentCommentTitle {
	padding-top: 1.5em;
}

.assignmentTitle {
	margin-bottom: 0;
}

.icon_teaser {
	margin-bottom: 0;
}

.icon_teaser + .assignmentTitle {
	padding-top: 0.2em;
}

h4.assignmentTitle + h5 {
	padding-top: 0.7em;
}

.divider + .assignmentTitle {
	padding-top: 0;
}

.icon_teaser h3 {
	margin-top: 0.25em;
	margin-bottom: 0.2em;
}

.assignmentInstructions {
	display: block;
	clear: left;
	font-style: italic;
}

.assignmentInstructions p {
	margin-bottom: 0.5em;
}

.assignmentResponse .responseOptionContainer {
	float: left;
	margin-right: 0.6em;
}
.assignmentResponse.type-4 .responseOptionContainer,
	.assignmentResponse.type-5 .responseOptionContainer {
	width: 100%;
}
.assignmentResponse.type-11 .responseOptionContainer,
	.assignmentResponse.type-11 .responseOptionContainer + .responseOption {
	clear: left;
}

.assignmentResponse textarea, textarea.assignmentResponse,
	.assignmentResponse input[type=text], input[type=text].assignmentResponse,
	.assignmentResponse.type-3 button, button.assignmentResponse,
	.assignmentComment textarea, textarea.assignmentComment,
	.assignmentResponse .responseOptionProperty,
	.assignmentResponse .responseOptionActions {
	border: 1px solid #999;
	border-radius: 0.5em;
	background-color: #fff;
	padding: 0.3em 0.6em;
	outline: 0;
}

.assignmentResponse .sortHandle {
	padding: 0.3em 0.3em 0.3em 0;
	opacity: 0.2;
}

.assignmentResponse.type-3 button, button.assignmentResponse {
	border: 2px solid #ccc;
	padding: 0.6em 0.7em;
}

.assignmentTitle + label, .assignmentTitle + label + input,
	.assignmentResponse textarea, textarea.assignmentResponse,
	.assignmentComment + p,
	.assignmentResponse select, select.assignmentResponse,
	.assignmentResponse + .assignmentCommentTrigger,
	.assignmentComment + .assignmentCommentTrigger,
	.assignmentComment + .assignmentCommentTitle,
	.assignmentResponse + label + .assignmentCommentTrigger,
	.assignmentResponse + .assignmentCommentTitle,
	.assignmentResponse + label + .assignmentCommentTitle,
	div.assignmentResponse,
	.assignmentSaveArea,
	.workbookProgressBar {
	margin-top: 0.3em;
}

.assignmentTitle.type-2 {
	float: left;
	padding-top: 0;
	margin-top: 1em;
	margin-right: 0.6em;
}
.assignmentTitle.type-2.questionAppendable {
	margin-top: 1em;
}

.fancy_box .assignmentResponse.label,
	.fancy_box .assignmentResponse,
	.fancy_box h4, .fancy_box .assignmentTitle {
	margin-top: 0;
	padding-top: 0;
}

.assignmentComment textarea,
	textarea.assignmentComment,
	.workbookProgressBar.small,
	.progressBarSpacer.small {
	margin-top: 0.5em;
}

.assignmentResponse.multiple button,
	.assignmentResponse.multiple input {
	margin-bottom: 0.4em;
}

.assignmentResponse.multiple button {
	float: left;
}

.assignmentResponse.multiple button + .responseOptionContainer {
	clear: left;
}

.assignmentSaveArea + textarea.assignmentResponse,
	.assignmentSaveArea + textarea.assignmentComment,
	.assignmentSaveArea + select.assignmentResponse,
	.assignmentSaveArea + div.assignmentResponse {
	margin-top: 3em;
}

.assignmentResponse textarea, textarea.assignmentResponse,
	.assignmentComment textarea, textarea.assignmentComment {
	display: block;
	clear: both;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.assignmentResponse + .assignmentInstructions {
	margin-top: 0.6em;
}

.assignmentResponse button, button.assignmentResponse {
	cursor: pointer;
	margin-left: 0;
}

.assignmentResponse button.selected, button.assignmentResponse.selected,
	.assignmentResponse input[type=text].selected, input[type=text].assignmentResponse.selected,
	.assignmentResponse input[type=text]:focus, input[type=text].assignmentResponse:focus,
	textarea.assignmentResponse:focus,
	textarea.assignmentComment:focus,
	.assignmentResponse .selected + .responseOptionProperty,
	.assignmentResponse .responseOptionActions {
	border: 2px solid #d8a500;
}

.assignmentResponse textarea:focus, textarea.assignmentResponse:focus,
	.assignmentComment textarea:focus, textarea.assignmentComment:focus {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.assignmentResponse textarea, textarea.assignmentResponse {
	width: 90%;
	height: 10em;
}

.assignmentComment textarea, textarea.assignmentComment,
	textarea.assignmentResponse.type-2,
	textarea.assignmentResponse.type-8,
	textarea.assignmentResponse.type-4,
	textarea.assignmentResponse.type-5,
	textarea.assignmentResponse.type-6 {
	width: 60%;
	height: 4em;
}

.assignmentResponse.type-4 input.responseOption,
	.assignmentResponse.type-5 input.responseOption {
	width: 60%;
}
.assignmentResponse.type-11 input.responseOption {
	width: 20em;
}

textarea.assignmentResponse.type-6 + .assignmentInstructions {
	padding-top: 0.7em;
}

.assignmentResponse .responseOptionProperty.type-date {
	width: 5.8em;
	margin-left: -1em;
	padding-right: 1.4em !important;
	border-left-width: 0 !important;
}
.assignmentResponse .responseOptionPropertyIcon.type-date {
	font-family: 'FontAwesome';
	margin-left: -0.8em;
	opacity: 0.2;
}
.assignmentResponse .responseOptionProperty,
	.assignmentResponse .responseOptionPropertyIcon {
	display: inline;
}
.assignmentResponse .responseOptionPropertyIcon.type-date + .responseOptionProperty.type-date {
	margin-left: -1.6em;
	padding-left: 2.2em;
}

.assignmentResponse .responseOptionActions {
	display: inline-block;
	padding-left: 0.7em;
	padding-right: 0.4em;
	margin-left: -1.4em;
	border-left: 0 !important;
	background-color: #fffbf0;
}
@media and (-webkit-min-device-pixel-ratio:0) {
	.assignmentResponse .responseOptionActions { padding-top: 0.25em; padding-bottom: 0.3em; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
	.assignmentResponse .responseOptionActions { padding-top: 0.25em; padding-bottom: 0.3em; }
}
@media screen and(-webkit-min-device-pixel-ratio:0) {
	.assignmentResponse .responseOptionActions {-chrome-:only(; 
 		padding-top: 0.25em; 
 		padding-bottom: 0.3em;
	);} 
}

.assignmentResponse .responseOptionPropertyIcon + .responseOptionActions {
	margin-left: -0.8em;
}
.assignmentResponse .responseOptionActions .responseOptionDelete {
	margin-right: 0;
}

#lppContentContainer .nextPost {
	margin-top: 1em;
}

.workbookProgressBar,
	.workbookProgressBar .currentProgress,
	.workbookProgressBar .currentProgress .rightSide,
	.workbookProgressBar .lessonHash,
	.workbookProgressBar .leftCap,
	.workbookProgressBar .rightCap {
	background: transparent url('../images/workbook-progress-bar.png') no-repeat scroll 0 0;
}

.workbookProgressBar {
	position: relative;
	height: 40px;
	background-position: 0 -120px;
	background-repeat: repeat;
	overflow: hidden;
}

.workbookProgressBar .currentProgress,
	.workbookProgressBar .currentProgress .rightSide,
	.workbookProgressBar .lessonHash,
	.workbookProgressBar .leftCap,
	.workbookProgressBar .rightCap {
	height: 100%;
}

.workbookProgressBar .currentProgress {
	position: relative;
	background-position: 0 -40px;
	background-repeat: repeat;
}

.workbookProgressBar .currentProgress .rightSide,
	.workbookProgressBar .lessonHash,
	.workbookProgressBar .leftCap,
	.workbookProgressBar .rightCap {
	position: absolute;
	top: 0;
}

.workbookProgressBar .leftCap,
	.workbookProgressBar .rightCap {
	width: 20px;
}

.workbookProgressBar .leftCap {
	left: 0;
}

.workbookProgressBar .rightCap {
	right: 0;
	background-position: -20px 0;
}

.workbookProgressBar .currentProgress .rightSide {
	right: -25px;
	width: 27px;
	background-position: 0 -80px;
}

.workbookProgressBar .lessonHash {
	width: 25px;
	height: 100%;
	background-position: 0 -160px;
}

.workbookProgressBar.small,
	.workbookProgressBar.small .currentProgress,
	.workbookProgressBar.small .currentProgress .rightSide,
	.workbookProgressBar.small .lessonHash,
	.workbookProgressBar.small .leftCap,
	.workbookProgressBar.small .rightCap {
	background: transparent url('../images/workbook-progress-bar_small.png') no-repeat scroll 0 0;
}

.workbookProgressBar.small,
	.progressBarSpacer.small {
	height: 20px;
	background-position: 0 -60px;
	background-repeat: repeat;
}

.workbookProgressBar.small .currentProgress {
	background-position: 0 -20px;
	background-repeat: repeat;
}

.workbookProgressBar.small .leftCap,
	.workbookProgressBar.small .rightCap {
	width: 10px;
}

.workbookProgressBar.small .rightCap {
	background-position: -10px 0;
}

.workbookProgressBar.small .currentProgress .rightSide {
	right: -12px;
	width: 13px;
	background-position: 0 -40px;
}

.workbookProgressBar.small .lessonHash {
	width: 12px;
	background-position: 0 -80px;
}

.workbookProgressBar + .progressBarHappyText {
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 1.2em;
}

@page { 
	size: auto;   /* auto is the initial value */ 
	
	/* this affects the margin in the printer settings */ 
	margin: 4em 3em;  
}

#lppContentContainer .assignmentSaveArea, 
#lppContentContainer .assignmentCommentTrigger,
#lppContentContainer .assignmentCommentTrigger + .assignmentCommentTitle, 
#lppContentContainer .assignmentCommentTrigger + .assignmentCommentTitle + textarea.assignmentComment {
	display: none;
}

#lppContentContainer .sectionLesson {
	float: left; 
	margin-right: 2em;
	text-align: center;
}
#lppContentContainer .sectionItem {
	clear: both;
}
#lppContentContainer .sectionItem + .sectionItem {
	padding-top: 2em;
}

#lppContentContainer .nextPost {
	display: none;
}

#lppContentContainer h6.toggle {
	display: none;
}

#lppContentContainer .assignmentResponse,
#lppContentContainer .assignmentComment {
	padding: 0.5em;
	border-left: none;
	border-right: none; 
	border-radius: 0;
	background-color: #f5f5f5;
}
#lppContentContainer textarea.assignmentResponse, 
#lppContentContainer textarea.assignmentComment {
	resize: none;
}
#lppContentContainer select.assignmentResponse {
	border: none;
	display: block;
	float: left;
	clear: left;
	margin-top: 3em;
	margin-bottom: 0.5em;
}
#lppContentContainer select.assignmentResponse + label {
	float: left;
	clear: right;
	width: 50%;
	margin-left: 1em;
	margin-top: 2em;
	margin-bottom: 0.5em;
	page-break-inside: avoid;
}
#lppContentContainer .assignmentResponse .responseOption {
	border: none;
}
#lppContentContainer .assignmentResponse .responseOption.selected {
	border: 2px solid #999;
}
#lppContentContainer .assignmentResponse input.responseOption {
	display: none;
}

#lppContentContainer .assignmentInstructions + select.assignmentResponse, 
#lppContentContainer .icon_teaser + select.assignmentResponse {
	margin-top: 0.2em;
}
#lppContentContainer .assignmentInstructions + select.assignmentResponse + label, 
#lppContentContainer .icon_teaser + select.assignmentResponse + label {
	margin-top: 0em;
}