/*CUSTOM STLES FOR THE NAA eINDUCTION*/
/*GLOBAL INTERACTION STYLES*/
/*CLICK LIST usage M01P05*/
.clickListControlPanel {
    width:200px;
    float:left;
	border:none;
	padding:0;
} 

.clickListControlFieldset {
	border:none;
	width:100%;	
	float:left;
	padding:0;
}

.clickListControlPanel label {
    font-size:0;
    text-indent:-300px;
    display:block;
    height:0;
	
}
.clickListControlPanel button {
    width:100%;
	background:none;
	border:none;
	font-size:1em;
	margin-top:0.5em;
	margin-bottom:0.5em;
	position:relative;
	cursor:pointer;
}

.clickListControlPanel button p {
	padding-bottom:1em !important;	
	margin-bottom:0 !important;
	
}
.clickListControlLabel {
	padding-top:0.75em;
	text-align:left;
	width:80%;	
}


.clickListContentPanel {
	padding:1em;
}

.clickListContentPanel fieldset {
	border:none;
}

.clickListDescription {
    display:none;
}



.clickListDescription legend {
	font-size:1.2em;
	font-weight:bold;
	padding-left:0;
	margin-left:0;	
}

.clickListDescription h4 {
	padding-left:0 !important;
	margin-left:0;	
}

/*DRAG INTERACTION*/
.dragContainer {
    position:relative;
    height:100px;
	border:none;
	padding:0;
}
.dragSlider {
    position:absolute;
	border:none;
	margin:0;
	padding:0;
	margin-top:0.5em;
}

.dragSlider input {
	background-repeat:no-repeat;
	background-color:transparent;
	font-size:0;
	margin:0;
	padding:0;
	cursor:pointer;
}

.dragSliderLabel {
	font-size:0;
	display:block;
	text-indent:-5000px;
	overflow:hidden;

}



.markerContainer {
	border:none;
	padding:0;
}

.markerContainer fieldset {
	float:left;
	border:none;
	border-left:1px solid black;
	border-bottom:1px solid black;
	border-top:1px solid transparent;
	padding:0;
	padding-top:0.5em;
	
}


.dragSubmit {
	position:relative;
	text-align:center;
	border:none;	
}

.dragSubmitButtonContainer, .dragIndicatorContainer {
	border:none;
	padding-top:1em;
}

.dragIndicatorContainer label {
	font-weight:bold;
	padding-right:1em;
}

.dragIndicatorContainer input {
	font-size:1em;
	border:none;
	color:black;	
}

.dragSubmitButtonContainer label {
	font-size:0;
	
}

.dragSubmitButtonContainer input {
	font-size:1em;
	color:white;
	font-weight:bold;
	border:none;
	height:2.5em;
	padding-top:0.25em;
	width:250px;
	cursor:pointer;
	margin-left:-50px;
}

.dragFeedback {
    display:none;
	border:none;
	margin:0;
	padding:0;
	padding-top:0.5em;
}

.dragFeedback legend {
	font-size:0;
	float:left;
	display:block;
	text-indent:-5000px;
}

.dragFeedback fieldset {
	border:none;
	margin:0;
	padding:0;
	padding-left:1em;
}

.dragFeedback fieldset legend {
	float:none;
	font-size:1em;
	font-weight:bold;
	margin-left:0;
	padding-left:0;
	text-indent:0;
}

/*MULTIPLE CHOICE QUESTIONS*/
.multipleChoiceQuestionContainer {
	border:none;	
}

.multipleChoiceQuestionContainer legend {
	font-size:0;
	display:block;
	text-indent:-5000px;
}

.multipleChoiceFeedback, .correctFeedback, .incorrectFeedback {
     display:none;
}

.multipleChoiceContainer {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5em;
	font-size:1em;
	border:none;
}

.multipleChoiceContainer fieldset {
	border:none;
	margin-bottom:1em;	
}

.multipleChoiceContainer fieldset label {
	padding-left:1em;
}

.multipleChoiceSubmitButton {
	position:relative;
	text-align:center;
	border:none;	
	
	margin-top:1em;
	padding-bottom:1em;
}

.multipleChoiceSubmitButton input {
	font-size:1em;
	color:black;
	border:none;
	height:2.5em;
	padding-top:0.25em;
	width:250px;
	cursor:pointer;
	margin-left:-50px;
	margin-bottom:2em;
}

.multipleChoiceFeedback {
	border:none;
	margin:0;
	padding:0;
	padding-top:1em;
	padding-bottom:2em;
}

.multipleChoiceFeedback legend {
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-left:0;
	padding-left:0;
	text-indent:0px;
}

.correctFeedback, .incorrectFeedback {
	border:none;
	margin:0;
	padding:0;	
}


/*TRUE/FALSE QUESTIONS*/
.trueFalseQuestionContainer {
	border:none;	
}

.trueFalseQuestionContainer legend {
	font-size:0;
	display:block;
	text-indent:-5000px;
}

.trueFalseFeedback, .correctFeedback, .incorrectFeedback {
     display:none;
}

.trueFalseContainer {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:5em;
	font-size:1em;
	border:none;
}

.trueFalseContainer fieldset {
	border:none;
	margin-bottom:1em;	
}

.trueFalseContainer fieldset label {
	padding-left:1em;
}

.trueFalseSubmitButton {
	position:relative;
	text-align:center;
	border:none;	
	
	margin-top:1em;
	padding-bottom:1em;
}

.trueFalseSubmitButton input {
	font-size:1em;
	color:white;
	font-weight:bold;
	border:none;
	height:2.5em;
	padding-top:0.25em;
	width:250px;
	cursor:pointer;
	margin-left:-50px;
	margin-bottom:2em;
}

.trueFalseFeedback {
	border:none;
	margin:0;
	padding:0;
	padding-top:1em;
	padding-bottom:2em;
}

.trueFalseFeedback legend {
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-left:0;
	padding-left:0;
	text-indent:0;
}

.correctFeedback, .incorrectFeedback {
	border:none;
	margin:0;
	padding:0;	
}

/*TIMELINE INTERACTION*/
#timelineInstruction {
	margin-left:5em;
}

.timelineContainer {
	border:none;
	margin:0;
	padding:0;
	margin-bottom:0.5em;	
}
.dateLabelContainer {
	border:none;
	margin:0;
	padding:0;	
	padding-top:0.5em;
}
.timelineButtonContainer, .timelineBracketButtonContainer {
	display:inline;	
	border:none;
	padding:0;
	margin:0;
}

.timelineMainButton {
	width:7em;
	height:7em;	
	border:none;
	cursor:pointer;
	margin-left:0.25em;
	zoom:1;
}

.timelineMainButton h2 {
	color:white !important;
}


.timelineButton {
	vertical-align:top;
	margin-top:0.5em;
	height:4em;
	display:none;
	border:none;
	margin-left:0.25em;
	cursor:pointer;	
	padding-right:0;
	margin-top:1.5em;
	width:1em;
	margin-right:0;
	

}


.timelineButton[disabled] {
	cursor:default;
}

#dateLabelContainer {
	margin:0;
	padding:0;
	margin-top:0.5em;
	border:none;
	min-height:325px;	
}
.timelineMainLabel {
	clear:both;
	float:left;
	width:28%;
	padding-right:1em;	
	border:none;
	padding:0;
	margin:0;
	min-height:325px;
}

.timelineMainLabel label p {
	width:95%;	
	padding-right:1em;
	margin-bottom:0;
}

.timelineMainLabel legend {
	display:block;
	font-size:1em;
	font-weight:bold;
	margin-left:0;
	padding-left:0;	
}

.dateLabel {
	width:68%;
	float:left;
	border:none;
	padding:0;
	margin:0;
	padding-left:1em;
	font-size:smaller;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.dateLabel label p {
	width:100%;	
	padding-bottom:0.25em !important;
	margin-bottom:0 !important;
	

}



/*BUTTON INTERACTION*/
.buttonInteractionContainer {
	position:relative;
	margin:0;
	padding:0;
	border:none;	
}


.buttonInteractionContainer legend {
	font-size:0;	
	display:block;
	text-indent:-5000px;
}


.buttonInteractionButtonContainer {
	margin:0;
	padding:0;
	border:none;	
}	

.buttonInteractionControl {
	border:none;
	margin:0;
	padding:0;	
	font-size:1em;
	height:3em;
	padding-top:0.25em;
	color:white;
	font-weight:bold;
	margin-bottom:0.5em;
	cursor:pointer;
}

.buttonInteractionButtonContainer fieldset {
	float:left;	
	margin:0;
	padding:0;
	border:0;
}



/*CLICK BOX INTERACTION*/
.clickBoxContainer {
	border:none;
	margin:0;
	padding:0;
}



.clickBoxInstruction {
	font-size:0;
	text-indent:-3000px;
}

.clickBoxControlPanel {
    width:300px;
    float:left;
	border:none;
	margin:0;
	padding:0;
} 
.clickBoxControlPanel label {
    font-size:0;
    text-indent:-3000px;
    display:block;
    height:0;

}
.clickBoxControlPanel button {
	height:64px;
	background-color:white;
	position:relative;
	padding:0;
	margin:0;
	margin-bottom:0.5em;
	cursor:pointer;
	font-weight:bold;
}
.clickBoxControlPanel button, .clickBoxControlPanel ol, .clickBoxControlPanel li {
    width:100%;
} 

.clickBoxControlPanel ol {
	margin-top:1em;	
}

.clickBoxControlPanel .clickBoxImage {
	float:left;	
	border:none;
	margin:0;
	padding:0;
	
}
.clickBoxControlPanel ol, .clickBoxControlPanel li  {
	text-align:left;
	margin-left:2.25em;
	vertical-align:top;
	width:80%;
}
.clickBoxContentPanel {
	border:none;
	margin:0;
	padding:0;
	
}

.clickBoxDescription {
    display:none;
	width:80%;
	margin-left:2em;
	border:none;
}

.clickBoxDescription legend {
    display:none;
}

.clickBoxDescription h3 {
	margin-top:0;
	padding-top:0;
}


/*SILHOUETTE INTERACTION*/
.silhouetteForm {
	position:absolute;
	width:950px;
	overflow:hidden;
	margin:0;
	padding:0;
}

.silhouetteForm fieldset {
	border:none;
	margin:0;
	padding:0;
}

.silhouetteControlPanel {
	position:relative;
	padding:0;
	margin:0;
	
}

.silhouetteForm legend {
	display:none;
	
}
.silhouetteControlPanel .silhouetteControlLabel {
	position:absolute;
	top:-5000px;
	left:-5000px;
	border:none;
	
}

.silhouetteDescription {
	display:none;
	width:250px;
	
}

.silhouetteDescriptionText {
	position:relative;
	padding-left:1em;
	padding-right:1em;
	padding-top:1em;
}

.silhouetteLabel {
	font-weight:bold;
	position:relative;
	padding-left:1em;
	padding-right:1em;
}

.silhouetteDescriptionBackground {
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
	top:2px;
	left:2px;
	
}


.silhouetteDescriptionPointer {
	position:relative;
		
}

.silhouetteControlButton {
	border:none;
	padding:0;
	margin:0;
	background-color:transparent;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}

.silhouetteImage {
	vertical-align:bottom;
	padding:0;
	margin:0;
	position:relative;	
	bottom:0;

}

/*dynamic fields interaction*/
.dynamicFieldsLabelBox {
	border:none;
	display:block;
	height:16px;
	background-color:white;	
	float:left;
}
.dynamicFieldsMoreLabels {
	clear:both;
	text-align:center;
	display:block;	
}
.dynamicFieldsMoreLabels {
	display:none;
}
/* */

/*  ---- Calendar ---- */
.calendarControlPanel {
    width:400px;
    float:left;
    position:relative;
	border:none;
}
.calendarControlPanel label {
    position:absolute;
    top:-5000px;
    left:-5000px;
    font-size:0;
    text-indent:-300px;
    display:block;
    height:0;
}
.calendarControlButton {
    width:7em;
    height:7em;
    float:left;
	font-size:0;
	border:none;
	margin-right:5px;
	margin-bottom:5px;
	display:block;
	width:85px;
	height:85px;
	cursor:pointer;
	text-indent:-5000px;
}

.calendarContentPanel {
	border:none;	
}

.calendarDescription {
    display:none;
	border:none;
}
/* ----------------- */
		/*  ---- buttonPanel ---- */
		.buttonPanelControlPanel {
			width:400px;
			float:left;
			position:relative;
			border:none;
		}
		.buttonPanelControlPanel label {
			position:absolute;
			top:-5000px;
			left:-5000px;
			font-size:0;
			text-indent:-300px;
			display:block;
			height:0;
		}
		.buttonPanelControlButton {
			/*width:12em;
			height:12em;*/
			float:left;
			/*font-size:0;*/
			border:none;
			margin-right:5px;
			margin-bottom:5px;
			display:block;
			width:120px;
			height:110px;
			cursor:pointer;
			word-wrap:normal;
			white-space:normal;
			text-align:center;
			font-weight:bold;
			padding-left:5px;
			padding-right:5px;
			/*text-indent:-5000px;*/
		}
		
		.buttonPanelContentPanel {
			border:none;	
		}
		
		.buttonPanelDescription {
			display:none;
			border:none;
		}
		.buttonPanelDescription legend {
			display:none;
		}
		.buttonPanelDescription ul li {
			padding-bottom:0;
			padding-top:0;
			margin-bottom:0;
			margin-top:0;
			/*color:red;*/
		}
/*---------------------*/
.postItContainer {
	position:relative;
	height:275px;
	border:none;
	top:10px;
	left:0;
}

.postItNote {
	background-color:#ffff66 !important;
	top:0;
	/*
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	filter:progid:DXImageTransform.Microsoft.Matrix(M11='1.0', sizingmethod='auto expand');
	*/
	outline:none !important;
	cursor:pointer;

}

.cardFlipCard {
}


.postItNote p {
	width:100%;
	white-space:normal;
	font-weight:bold;
	font-size:larger;
}
/*MODULE 1*/
/*PAGE 1*/
.introImagesContainer {
    width: 900px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.introImages {
    width: 250px;
    float:left;
    margin-left:45px;
}

.introImages img {
	border:2px solid black;
}

.introImages cite {
    display:block;
    padding-top:1em;
}

/*PAGE 2*/

/*PAGE 11*/
.imagePage {
	background-color:#92b93b;
	padding:1em;
	height:380px;
}
.imagePageParagraph {
	width:375px;
	font-size:x-large;
	color:white;
	padding-left:1em;	
	padding-top:2em; 
}
.imagePageImage, .imagePageParagraph {
	float:left;
}


blockquote {
	padding:1em;
}

/*DEVNOTE*/
.devNote {
	color: red !important;
}