/*
	$Id$
*/

/*CSS - margin, padding, positioning....fonts and colors can be found in question_style.css */

/*####################################################*/
/*## Here you will find:															*/
/*##  - General stuff																	*/
/*## 	- Size and position of the different templates	*/
/*## 	- Essay																					*/	
/*##  - Choiceinteraction  														*/
/*##  - Inlinechoiceinteraction  											*/
/*##  - TextEntryInteraction													*/
/*##  - Hints and suggested solutions 								*/
/*##  - Feedback                    									*/
/*##  - Ordering																			*/
/*##  - Fraction                											*/
/*##  - Click word               											*/
/*##  - Matrise match            											*/
/*##  - question inline          											*/
/*##  - question_reading_test												*/
/*##  - Custominteraction                             */
/*##  - InlineBox                             */
/*##  - question_threeColumn_right												*/
/*##  - FOR NRK - Naturbruk??    											*/
/*####################################################*/


/*################## General #########################*/
form {
	margin:0px;
	padding:0px;
}
.debug {
	display:none;
}

body {
	text-align: center;
	padding-top:0px;
	margin-top:0px;
}

.standaloneBody {
	text-align:left;
	margin:0px;
	padding:0px;
}

.standaloneBody .QwD {
	width:879px;
	text-align: left;
	padding:20px;
}

* html .standaloneBody .QwD {
	width:920px;
}

* html .standaloneBody .QwD.defaultLayoutFlash  {
	width:879px;
}

#questionBody {
	text-align:left;
	width:903px;
	float:left;
	position:relative;
	margin-left:20px;
}

.itemContent {
	float: left;
	min-height: 200px;
	width: 879px;
	margin-left:21px;
}

* html .itemContent {
  height: 200px;
}

.standaloneBody .itemTitle, .standaloneBody .questionTitle {
	margin:0px;
	margin-bottom:20px;
}

.interactiveContent p.lineHeight {
   line-height:1.7;
}




.itemTitle, .questionTitle {
	float: left;
	margin-bottom: 0;
	margin-left: 20px;
	margin-top: 32px;
	width: 830px;
}

* html .questionTitle, * html .itemTitle {
	width:730px;
	margin-left:10px;
	margin-top:14px;
}

#questionBody  #resetBtnDiv input.resetButton  {
	width:12.47em;
	height:2.29em;
	padding-left:10px;
	
}

.illustrationMaterial{
	text-align:center;
}

.question_clean_skyassessment .illustrationMaterial{
    text-align:left;
}


.illustrationMaterial .questionDocument {
	text-align:left;
}

.not_allowed{
padding:10%;
font-weight:bold;
border: solid 1px black;
}

/*Button to answer in standalone mode*/
.buttonBottom {

}

.floatFixer {
	clear:both;
}

/*flashquestion in standalonemode*/
.standaloneBody .questionFlashWrapper {
	width:700px;
	left:210px;
	top:72px;
}

* html .standaloneBody .questionFlashWrapper {
	width:702px;
	height:387px;
}

.standaloneBody .questionFlashWrapper.medium_flash_flash {
	width:525px;
	left:390px;
}

* html .standaloneBody .questionFlashWrapper.medium_flash_flash {
	width:525px;
}


* html .questionFlashWrapper {
	top: 168px; 
}

.questionFlashWrapper {
	position: absolute;
	height:385px;
	width:700px;
	top:186px;
	border:#cccccc solid 1px;
}






#QTI_FLASH_PLAYER_MODULE_ASSESSMENT {
	border:#cccccc solid 1px;
}

/*declare rule after .questionFlashWrapper so that IE realizes that it has higher priority*/
.questionFlashWrapper.hiddenFlash{   
    left:10000px;
}

.standaloneBody .questionBody{
    /*position: relative; TODO: IE will need this*/
}


blockquote {
	margin:0px;
}

/*Start modalVideoWindow*/

.modalVideoWindow {
	background: white;
	border: 1px solid #000000;
	width: 342px;
	height: 300px;
	position: absolute;
	top: 146px;
	left: 573px;
	text-align: right;
	padding-bottom: 16px;
	z-index: 1000;
}

*html .modalVideoWindow {
	padding-bottom: 0px;
}

.standaloneBody .modalVideoWindow {
	top: 40px;
	left: 570px;
}

.modalWindowControll {
	position: absolute;
	top: 146px;
	left: 744px;
	width: 200px;
}

.standaloneBody .modalWindowControll {
	top: 40px;
	left: 745px;
}

span.modalVideoLink
{
	cursor:pointer;
	font-weight: bold;
	margin: 2px;
}

/*End modalVideoWindow*/

/*End of general*/


/*################## Size and position of the different templates #############################*/

/*Default size and position (Middels intro høyre)*/
.interactiveContent{
	float:left;
	width:469px;
	overflow:hidden;
	padding: 20px 20px 30px;	
}

* html .interactiveContent {
	width:509px;
}

.itemIllustration {
	width:350px;
	padding:0px;
	padding-left:20px;
	vertical-align:middle;
	float:right;	
}

.question_clean_skyassessment .itemIllustration {
    width:700px;
    padding:0px;
    vertical-align:middle;
    text-align: left;
    float:none;
}

.question_clean_skyassessment .itemIllustration img {
    margin-bottom: -4px; /* TODO where is this coming from??? */
}

.question_clean_skyassessment .itemIllustration img {
    max-width: 700px;
}

/*default*/
.wrapperToCenterVertically{
    padding-bottom: 0px;
	padding-top: 0px;
	float:left;
}

/*Default for flash*/
.defaultLayoutFlash  .interactiveContent {
	width:130px;
	padding:20px;
}

* html .defaultLayoutFlash  .interactiveContent {
	width:170px;
}

.defaultLayoutFlash .dummyFlashfieldUsedforStyling {/*dummydiv to simulate the flash div*/ 
	height:385px;
	width:694px;
	float:right;
	padding-left:10px;
}

.defaultLayoutFlash_flash {
	left:215px;
	width:700px;
}



/*Medium flash*/
.medium_flash  .interactiveContent {
	width:290px;
}

.medium_flash_flash {
	left:394px;
	width:525px;
	top:186px;
}

* html .medium_flash_flash {
	width:527px;
}


.medium_flash .dummyFlashfieldUsedforStyling {/*dummydiv to simulate the flash div*/
	height:385px;
	width:525px;
	float:left;
	padding-left:10px;
}

/*Middels intro venstre*/
.question_medium_left .wrapperToCenterVertically{
	float:right;
}

.question_medium_left .interactiveContent{
	float:right;
	width:469px;
	overflow:hidden;	
}

.question_medium_left .itemIllustration {
	width:350px;
	padding-left:0px;
	padding-right:20px;
	vertical-align:middle;
	float:left;	
}

/*Kort intro høyre*/
.question_short_right .interactiveContent{
	float:left;
	width:639px;
	overflow:hidden;	
}

* html .question_short_right .interactiveContent{
	width:679px;
}

.question_short_right .itemIllustration {
	width:180px;
	padding-left:20px;
	vertical-align:middle;
	float:right;	
}

/*Kort intro venstre*/
.question_short_left .wrapperToCenterVertically{
	float:right;
}
.question_short_left .interactiveContent{
	float:right;
	width:639px;
	overflow:hidden;	
}

.question_short_left .itemIllustration {
	width:180px;
	padding:0px;
	padding-right:20px;
	vertical-align:middle;
	float:left;	
}

* html .question_short_left .interactiveContent{
	width:679px;
	float:none;
}

/*som bokser - kort høyre*/
.inline_right .interactiveContent {
	float:left;
	width:649px;
	overflow:hidden;	
}

* html .inline_right .interactiveContent {
	width:685px;
}

.inline_right .itemIllustration {
	width:170px;
	padding-left:20px;
	vertical-align:middle;
	float:right;	
}

/*som bokser - kort venstre*/
.inline_left .wrapperToCenterVertically{
	float:right;
}
.inline_left .interactiveContent{
	float:right;
	width:649px;
	overflow:hidden;	
}

* html .inline_left .interactiveContent{
	width:685px;
	float: none;
}

.inline_left .itemIllustration {
	width:170px;
	padding-right:20px;
	padding-left:0px;
	vertical-align:middle;
	float:left;	
}


/*Lang intro venstre*/
.question_long_left .wrapperToCenterVertically{
	float:right;
}
.question_long_left .interactiveContent{
	float:right;
	width:194px;
	overflow:hidden;	
}

.question_long_left .itemIllustration {
	width:625px;
	padding:0px;
	padding-right:20px;
	vertical-align:middle;
	float:left;	
}

* html .question_long_left .interactiveContent{
	width:234px;
	float: none;
}

/*Lang intro høyre*/
.question_long_right .interactiveContent{
	float:left;
	width:194px;
	overflow:hidden;	
}

.question_long_right .itemIllustration {
	width:625px;
	vertical-align:middle;
	float:right;	
}

* html .question_long_right .interactiveContent{
	width:234px;
}

/*Sortering ingen intro*/
.center_no_ill .interactiveContent{
	float:left;
	width:838px;
	overflow:hidden;	
}

* html .center_no_ill .interactiveContent{
	width:884px;
}


.center_no_ill .itemIllustration {
	display:none;
}
/* end of size and position of the different templates*/



/*################## ESSAY #####################################*/
.extendedTextInteraction, .extendedTextInteractionFeedback {
	width:400px;
	height:100px;
}

.extendedTextInteractionFeedback {
	overflow:visible;
}

.extendedtext_feedbackDiv {
	clear:both;
	text-align: right;
	position: absolute;
	bottom: 100px;
	right: 20px;
}

.extendedtext_feedbackDiv a {
	line-height: 30px;
}

/*End of Essay*/

/*################## Choiceinteraction #####################################*/
.choiceInteraction a {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	/*float:left;*/
}

.choiceInteraction a:hover {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

.choiceInteraction a.current {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
/*UDE-399*/
.choiceInteraction a.current img{
   background-color:#EEEEEE;
}

.choiceInteraction img {
	vertical-align: middle;
}

td.answerContent a  {
	width:100%;
}


 .choiceInteraction a table {
	text-align:left;
}

 .choiceInteraction a table td.inputfield{
	width:22px;
}

 .choiceInteraction a table td.answerCorrect_multiple_choice {
     background:url('../../gfx/assessment/answerCorrect_multiple_choice.gif') no-repeat;
 }

  .choiceInteraction a table td.answerWrong_multiple_choice {
     background:url('../../gfx/assessment/answerWrong_multiple_choice.gif') no-repeat;
 }

 .choiceInteraction a table td.answerCorrect_multiple_choice_checked {
     background:url('../../gfx/assessment/answerCorrect_checked_multiple_choice.gif') no-repeat;
 }

 .choiceInteraction a table td.answerWrong_multiple_choice_checked {
     background:url('../../gfx/assessment/answerWrong_checked_multiple_choice.gif') no-repeat;
 }

  .choiceInteraction a table td.answerCorrect_multiple_response {
     background:url('../../gfx/assessment/answerCorrect_multiple_choice.gif') no-repeat;
 }

  .choiceInteraction a table td.answerWrong_multiple_response {
     background:url('../../gfx/assessment/answerWrong_multiple_choice.gif') no-repeat;
 }

 .choiceInteraction a table td.answerCorrect_multiple_response_checked {
     background:url('../../gfx/assessment/answerCorrect_checked_multiple_choice.gif') no-repeat;
 }

 .choiceInteraction a table td.answerWrong_multiple_response_checked {
     background:url('../../gfx/assessment/answerWrong_checked_multiple_choice.gif') no-repeat;
 }

 .choiceInteraction a table td.feedbackLine{
	border:#cccccc dotted 2px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
}

 .choiceInteraction a:hover {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

 .choiceInteraction a.current {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

/*End of Choiceinteraction*/

/*########### Inlinechoiceinteraction #############*/
.inlineChoiceInteraction {
	display:inline-block;
    margin-top:2px;
	margin-bottom:1px;
}

* html .inlineChoiceInteraction {
    margin-top:8px;
}

/*End of Inlinechoiceinteraction*/

/*########### TextEntryInteraction #############*/
.textEntryInteraction {
	display:inline;
}

.textEntryInteraction input {
	height:22px;
	margin-top:2px;
	margin-bottom:1px;
}
/*End of textEntryInteraction*/

/*########### Hints and suggested solutions #############*/
#hintInformation {
	padding-top:10px;
	padding-bottom:10px;
}

.showSolutionLinks {
	text-align:left;

}



.qti21Solution {
	height:300px;
	width:400px;
	padding:10px;
	overflow-y:auto;
	overflow-x:hidden;
}

#hintInformation {
	padding-top:10px;
	padding-bottom:10px;
	width:350px;
}
/*End of Hints and suggested solutions*/


/*########### Feedback #############*/
 #feedbackBlock {
	margin-left:0px;
	width:859px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

* html #feedbackBlock {
	width:885px;
}


.feedback {
}
/*End of feedback*/


/*########### Ordering #############*/
.floatFixer {
	clear:both;
}

.orderingList {
	list-style:none;
	float:left;
	padding-left:0px;
	margin-left:0px;
}

.orderingList li {
	float:left;
}

/*min-height of each element*/
.orderingList li table {
	height:44px;
	width:635px;
}

.orderingList li .orderingContent {
	width:710px;
	float:left;
}

.orderingList li .buttons {
	margin-left:3px;
	margin-right:3px;
	margin-top:2px;
	margin-botton:2px;
	width:122px;
	float:left;
	text-align:right;
}

 .orderingList li .buttons a.orderingDownLink {
	margin-left:10px;
}

 .orderingList li .buttons img {
	border:none;
}

 .orderingList .firstRow .orderingUpLink img{
	border:none;
	visibility:hidden;
}

 .orderingList .lastRow .orderingDownLink img {
	border:none;
	visibility:hidden;
}

 .orderingList .orderingDownLink{
	float:right;
}

 .orderingList  .orderingUpLink  {
	float:left;
}
/*End of ordering*/

/*################ Fraction ######################*/
.fraction #fractionTable {
	display:inline;
	position:absolute;
	top:-24px;
	left:0px;
}
.fractionStandalone #fractionTable {
	display:inline;
	position: relative;
	top: -5px;
}

#fractionWrapper {
	position:relative;
}

#fractionWrapper table {
	display:inline;
}

#firstElement tr {

}

#firstElement td {
	height:30px;
}

#firstElement input {
	margin-top:14px;
	height:22px;
}

.fraction span {
}

* html .fraction #fractionTable {
	top:0px;
}

.fraction #fractionSpacer {
	vertical-align:middle;
}

.fraction #fractionTable td.top{
	padding-bottom:2px;
}

.fraction #fractionTable td.bottom {
	padding-top:2px;
	border-top:#000 solid 1px;	
}

.fraction #fractionTable input {
    text-align:center;
}


.numerator {
    text-align:center;
    width:23px;
}

.denominator {
    text-align:center;
    width:23px;
}

.textEntryInteraction input.exponent {
    text-align:left;
    width:23px;
    height:16px;
    font-size:9px;
}
/*End fraction*/



/*########################### Click word ######################################*/
.clickword #content {
	width:470px;
	overflow:hidden;
}

.clickword #content p.lineHeight{
	line-height:2.5;
}

.clickword #content p.lineHeight input, .mediumRight #content p.lineHeight select {
	margin-top:3px;
}

* html .clickword #content  {
	width:510px;
}

.clickword #itemIllustration {
	width:350px;
	overflow:hidden;
	text-align:center;
}

.clickword #itemIllustration .documentDiv{
	text-align:left;
}
/*End of click word*/



/*########## Matrise match ######################*/
.matchSetTd {
	padding:4px;
	text-align:left;
}
td.matchSetTd {
	text-align: center;
}

.mathelement {
	float:left;
}

.mathelement img {
	float:left;
}


#contentCell {
	padding-right:20px;
}

#content blockquote {
	margin:0px;
}

#content .explanation {
	margin:0px;
	padding:0px;
	margin-bottom:22px;
}

.qti2QuestionPrompt {
	margin-bottom:8px;
	line-height:normal;
}



/*####################### question inline #########################*/
.question_inline .choiceInteraction a {
	padding:0px;
	float:left;
	
}

.question_inline .choiceInteraction a td.answerContent .inlineImage {
	
}	

.question_inline .choiceInteraction a td.answerContent .inlineText {
	padding:7px;
}

.question_inline .choiceInteraction a td.answerContent div {
	min-height:272px;
}	

* html .question_inline .choiceInteraction a td.answerContent div {
	height:220px;
}	

.question_inline .choiceInteraction a.alt2 {
	width:308px;
}

.question_inline .choiceInteraction a.alt2 td .inlineText {
	width:288px;
}

* html .question_inline .choiceInteraction a.alt2 td .inlineText {
	width:308px;
}

* html .question_inline .choiceInteraction a.alt2 {
	width:322px;
}


.question_inline .choiceInteraction a.alt3 {
	width:196px;
}

.question_inline .choiceInteraction a.alt3 td .inlineText {
	width:176px;
}

* html .question_inline .choiceInteraction a.alt3 td .inlineText {
	width:200px;
}

* html .question_inline .choiceInteraction a.alt3 {
	width:215px;
}

.question_inline .choiceInteraction a.alt4 {
	width:146px;
}

.question_inline .choiceInteraction a.alt4 td .inlineText {
	width:126px;
}

* html .question_inline .choiceInteraction a.alt4 td .inlineText {
	width:145px;
}

* html .question_inline .choiceInteraction a.alt4 {
	width:161px;
}
/*UDE-399*/
.choiceInteraction a img {
	border:none;
}

.question_inline .choiceInteraction a:hover {
	padding:0px;

}

.question_inline .choiceInteraction a.current {
	padding:0px;
}

.question_inline td.answerContent a  {

}

.question_inline .choiceInteraction a {

	padding:0px;
}

.question_inline .choiceInteraction a table {
	text-align:left;
	height:120px;
}

.question_inline .choiceInteraction a table td.inputfield{
	display:none;
}

.question_inline .choiceInteraction a table td.feedbackLine{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
}

.inline_center .itemIllustration{
	display:none;
}

.inline_center .interactiveContent {
	width: 840px;
}

*html .inline_center .interactiveContent {
	width: 860px;
}

.inline_center .choiceInteraction a.alt2 {
    width: 396px;
}

 .inline_center .choiceInteraction a.alt2 td .inlineText{
    width: 376px;
}

.inline_center .choiceInteraction a.alt3 {
    width: 256px;
}

 .inline_center .choiceInteraction a.alt3 td .inlineText {
    width: 236px;
}

.inline_center .choiceInteraction a.alt4 {
    width: 185px;
}

.inline_center .choiceInteraction a.alt4 td .inlineText {
    width: 165px;
}
*html .inline_center .choiceInteraction a.alt4 td .inlineText {
    width: 185px;
}


/* End of inline questions*/

/*########### question_reading_test ##################*/

.question_reading_test .itemIllustration {
	display: none;
}

.question_reading_test .interactiveContent {
	width: 819px;
}

*html .question_reading_test .interactiveContent {
	width: 863px;
}

.question_reading_test .interactiveContent #document{
	padding: 10px;
	overflow: auto;
	position: relative;
	background: #ffffff;
  /*font-size: 20px;*/
}



.reading_test_font12px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font12px .interactiveContent #document  {
	font-size: 12px;
}

.reading_test_font14px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font14px .interactiveContent #document {
	font-size: 14px;
}

.reading_test_font16px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font16px .interactiveContent #document {
	font-size: 16px;
}

.reading_test_font18px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font18px .interactiveContent #document {
	font-size: 18px;
}

.reading_test_font20px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font20px .interactiveContent #document {
	font-size: 20px;
}

.reading_test_font22px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font22px .interactiveContent #document {
	font-size: 22px;
}

.reading_test_font24px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font24px .interactiveContent #document {
	font-size: 24px;
}

.reading_test_font26px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font26px .interactiveContent #document {
	font-size: 26px;
}

.reading_test_font28px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font28px .interactiveContent #document {
	font-size: 28px;
}

.reading_test_font30px .question_reading_test .interactiveContent #document, .question_reading_test .reading_test_font30px .interactiveContent #document {
	font-size: 30px;
}

.question_reading_test .interactiveContent #document{
  font-size: 20px;
}

.interactiveContent #navigator {
	font-size: 12px;
	text-align: right;
	/* position: absolute; */
	bottom: 10px;
	right: 10px;
	}

.interactiveContent #navigator  ul{
	list-style-type: none;
	line-height: 30px;
	margin: 0px;
}

.interactiveContent #navigator  li{
	display: inline;
	padding: 5px;
	border: 3px solid #EEEEEE;
	background: #F9F9F9;
}


.interactiveContent #navigator  li.active{
	background: #B6B7B8;
}

.interactiveContent #navigator  a{
	color: #000000;
	text-decoration: none;
}


/* End of question_reading_test */

/*########### custominteraction ##################*/
.medium_flash .customInteraction .questionDocument table {
	width:100%;
}


/* End of custominteraction */

/*############### InlineBox #################*/
.inlineBox .interactiveContent {
    background:#fff;
    width:879px;
    padding-left:0px;
    padding-right:0px;
}



.inlineBox .inlineBoxText {
    padding:10px;
    width:125px;
    float:left;
}

.inlineBox .itemIllustration {
    display:none;
}

 .question_inline.inlineBox .choiceInteraction a td.answerContent div {
	min-height:160px;
     max-height:160px;
}

.inlineBox .inlineBoxContent {
    float: left;
    padding-left: 12px;
    width: 700px;
    margin-left:20px;
}

* html .inlineBox .inlineBoxContent {
    width: 720px;
}


.inlineBox .choiceInteraction a {
	width:186px;
    height:166px;
    overflow: hidden;
	padding-top:0px;
	padding-bottom:0px;
	display:block;
    margin: 15px;
	/*float:left;*/
}

* html .inlineBox .choiceInteraction a, * html .inlineBox .choiceInteraction a:hover, * html .inlineBox .choiceInteraction a.current  {
    width:201px;
    height:182px;
}

.inlineBox .choiceInteraction a:hover {
	width:186px;
    height:166px;
}

.inlineBox .choiceInteraction a.current {
	width:186px;
    height:166px;
}
/*UDE-399*/
.inlineBox .choiceInteraction a.current img{
   background-color:#EEEEEE;
}

.inlineBox .choiceInteraction img {
	vertical-align: middle;
}

.inlineBox  td.answerContent a  {
	width:21%;
}

.question_inline.inlineBox .choiceInteraction a.alt2 {
	width:186px;
}

.question_inline.inlineBox .choiceInteraction a.alt2 td .inlineText {
	width:166px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt2 td .inlineText {
	   width:185px;
    height:152px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt2 {
	   width:201px;
    height:182px;
}


.question_inline.inlineBox .choiceInteraction a.alt3 {
	width:186px;
}

.question_inline.inlineBox .choiceInteraction a.alt3 td .inlineText {
	width:166px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt3 td .inlineText {
	   width:185px;
    height:152px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt3 {
	   width:201px;
    height:182px;
}

.question_inline.inlineBox .choiceInteraction a.alt4 {
	width:186px;
}

.question_inline.inlineBox .choiceInteraction a.alt4 td .inlineText {
	width:166px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt4 td .inlineText {
	   width:185px;
    height:152px;
}

* html .question_inline.inlineBox .choiceInteraction a.alt4 {
	   width:201px;
    height:182px;
}





/*End of inlineBox*/







/*########### question_threeColumn_right ##################*/

.question_threeColumn_right .itemIllustration {
	width: 510px;
}

.question_threeColumn_right .interactiveContent {
	width: 309px;
}

*html .question_threeColumn_right .interactiveContent {
	width: 349px;
}

/* question_threeColumn_right*/

/*########### FOR NRK - Naturbruk?? ##################*/

.sequence
{
    position:relative;
    width:100%;
}
.sequence #QTI_FLASH_PLAYER_MODULE_ASSESSMENT
{
    position:absolute;
    top:80px;
    width:540px;    
}


.sequence .hiddenFlash{
 visibility: hidden;/*NAT-317. Do not set it as display:none!*/
 /*For our besty IE in order to let the flash module load in the background even when it can't be seen*/
 _visibility: visible;
 _left:-10000px;
}


.sequence .visibleFlash{
    left:0px;
    /*Further constant styling should be set on #QTI_FLASH_PLAYER_MODULE_ASSESSMENT otherwise as the element is toggled
    with visibleFlash and hiddenFlash it will cause the flash component to reload thus setting it's status as not ready
    which causes errors like NAT-317 "Error #1009"
    */
}
/*End of FOR NRK - Naturbruk?? */
a table{
 cursor:pointer;
}

/*Sound object styling*/
.object.contentSound{
  /*width:320px;*/
  height:40px;
}

.object.contentSound.leftFloating{
  float:left;
  display:inline;
  margin-right:5px;
  margin-bottom:5px;
}

.object.contentSound.rightFloating{
  float:right;
  display:inline;
  margin-right:5px;
  margin-bottom:5px;
}


/* JS MODULES */
.question_js_module .interactiveContent {
    width: 700px;
}

.jsPlayerModule .canvas {
    background-repeat: no-repeat;
    position: relative;
    width:700px;
    height:385px;
    background-color: #fff;
    overflow: auto;
}

/* JS MODULE drag and drop */
.graphicGapMatchInteraction .canvas .drag {
    cursor: pointer;
}

.graphicGapMatchInteraction .canvas .drag div.mainImage, .drag .text {
    text-align: center;
}

.graphicGapMatchInteraction .canvas .drag div.mainImage img {
    height:100%;
    width: auto;
}

.graphicGapMatchInteraction .canvas .drag .text {
    /*border: #000 solid 1px;*/
    margin-top: 1px;
    padding: 2px;
    text-align: center;
    background-color: #F5F5F5;
    font-size: 14px;
}

.graphicGapMatchInteraction .canvas .dropContents {
    width:100%;
    height:100%;
    position:absolute;
}

/* END JS MODULE drag and drop */

/* JS MODULE hotspot */
.hotspotInteraction .canvas {
    cursor:pointer;
    background-repeat: no-repeat;
}

.hotspotInteraction .canvas .hotspotPoint {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../../gfx/assessment/hotspot_point.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* END JS MODULE hotspot */

/*TESTC-177: CKEditor for essays*/

/*CKEditor will take the dimensions from this styling*/
textarea.ckeditor_essay{
    width:618px;
    height:500px;
}

/* END JS MODULES */


/* uploadInteraction */
.uploadInteractionWrapper {
    width: 600px;
}

.uploadInteractionWrapper .qti2QuestionPrompt {
    margin-right: 150px;
}

.buttonWrapper {
    background: #f9fafc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    border: #ebefee 2px solid;
    padding: 20px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.buttonWrapper .buttons {
    float: right;
    margin-left: 15px;
}

.buttonWrapper button {
    background-color: #0198eb;
    box-shadow: none;
    color: white;
    font-size: 16px;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.25s ease 0s;
    height: auto;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    padding: 7px 30px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: Open Sans;
    border: none;
}

.fileupload {
    display: none;
}

.fileDone {

}

.uploadInteractionWrapper .uploadServletLocation {
    display: none;
}

.fileInfo {
    width: 100%;
    display: none;
}

.fileInfo table {
    width: 100%;
    margin-bottom: 20px;
}

.fileInfo .template {
    display: none;
}

.fileInfo .done, .fileInfo .viewLink {
    display: none;
}

.fileInfo table th {
    padding-bottom: 10px;
    border-bottom: #ebefee 2px solid;

}


/* END uploadInteraction

/* CODE EDITOR */
.codeEditor {
    width: 100%;
    height: 400px;
    border-bottom: #ccc solid 1px;
}

.codeToolBar {
    background: #e8e8e8;
    border-bottom: #ccc solid 1px;
}

.goFullScreen {
    position: fixed !important;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 5000;
    background: #e8e8e8;
}

.goFullScreen .codeEditor {
    height: 92%;
}

/* END CODE EDTOR */

.contentDocument {
    padding: 20px 40px;
    background: #fff;
}

.contentDocument h1 {

}