﻿/*　*/
html{
	background-color:#000;
}
body{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	margin:0;
	padding:0;
	
	font-family:sans-serif;
	
	cursor:default;
	
	word-break:break-all;
}
img,
audio,
video
{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
}
/*--------------------------------------
	color
--------------------------------------*/

.itrLeftButton, .itrRightButton, .itrFooterButton, .itrLeftButton_active, .itrLeftButton:active, .itrRightButton_active, .itrRightButton:active, .itrFooterButton_active, .itrFooterButton:active, .itrLeftButton_disabled, .itrRightButton_disabled, .itrFooterButton_disabled, .itrCloseButton_disabled, .itrDescButton_disabled
{
	border:1px solid #000000;
}
.itrCloseButton, .itrCloseButton_active, .itrCloseButton:active,
.itrDescButton, .itrDescButton_active, .itrDescButton:active
{
	border:2px solid #000000;
}
.itrLeftButton_disabled, .itrRightButton_disabled, .itrFooterButton_disabled, .itrCloseButton_disabled, .itrDescButton_disabled
{
	color:#333;
}
.itrLeftButton_disabled, .itrRightButton_disabled, .itrFooterButton_disabled,
.itrLeftButton_disabled:before, .itrRightButton_disabled:before, .itrCloseButton_disabled, .itrDescButton_disabled
{
	background-color: #7f7f7f;
}
.itrLeftButton_disabled, .itrRightButton_disabled, .itrFooterButton_disabled, .itrCloseButton_disabled, .itrDescButton_disabled
{
	border:1px solid #333333;
}
.itrLeftButton_disabled:after, .itrRightButton_disabled:after
{
	background-color: #333333;
}


.itrLeftButton, .itrLeftButton_active,
.itrRightButton, .itrRightButton_active,
.itrFooterButton, .itrFooterButton_active,
.itrCloseButton, .itrCloseButton_active,
.itrDescButton, .itrDescButton_active,
.itrOptionTFFalse, .itrOptionTFFalse_selected,
.itrOptionTFTrue, .itrOptionTFTrue_selected,
.itrOptionChoice, .itrOptionChoice_selected,
.itrOptionSelect, .itrOptionSelect_selected,
.itrBlankCombo, .itrBlankCombo_selected,
.itrReviewCell
{
	cursor:pointer;
}

.itrOptionSort, .itrOptionSort_active,
.itrMatchingLeft, .itrMatchingLeft_active, .itrMatchingLeft_selected,
.itrMatchingRight, .itrMatchingRight_active, .itrMatchingRight_selected,
.itrOptionGroupText, .itrOptionGroupText_active,
.itrOptionGroupImage, .itrOptionGroupImage_active,
.itrAreaPointer, .itrAreaPointer_active, .itrAreaPointer_selected
{
	/*
		cursor:move;
	*/
	cursor:pointer;
}

/*--------------------------------------
--------------------------------------*/
.itrPreloadWrapper
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	color:#666;
	background-color:#000;
	z-index:10000;
}
.itrPreloadWrapper img
{
	width:1px;
	height:1px;
	margin:0;
	padding:0;
	border:0;
}
.itrWrapper
{
/*
	position:relative;
*/
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	overflow:hidden;
}
.itrHeader
{
	position:absolute;
	font-size: 15px;
	text-align:center;
	width:100%;
	max-width:100%;
	height:48px;
	line-height:48px;
	z-index:9999;
	overflow:hidden;
	white-space:nowrap;
}
.itrMain
{
	position:absolute;
	width:100%;
	top:48px;
	bottom:48px;
	overflow:hidden;
}
.itrFooter
{
	position:absolute;
	font-size: 15px;
	bottom:0;
	width:100%;
	max-width:100%;
	height:48px;
	line-height:48px;
    overflow:hidden;
	z-index:9999;
	white-space:nowrap;
	overflow:hidden;
}
.itrPage
{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
/*
	-webkit-overflow-scrolling: touch;
*/
}
.itrPageContentWrapper
{
	position:relative;
	text-align:left;
	min-height:100%;
}
.questionOK,.questionNG, .questionWithoutResult
{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
/*
	min-height:240px;
*/
	opacity:0.666;
	background-color:rgba(32,32,32,0.7) !important;
}
.questionWithoutResult
{
	background-color:#999;
	opacity:0.666;
}
.questionOK
{
	background:none;
    background-image:url(image/questionOK.png);
	background-position: center;
	background-repeat:no-repeat;
}

.questionNG
{
	background:none;
    background-image:url(image/questionNG.png);
	background-position: center;
	background-repeat:no-repeat;
}

.itrPageContent
{
	position:relative;
	padding:4px;
}

.itrDescriptionPageWrapper
{
	position:relative;
	text-align:left;
	height:100%;
}
.itrDescriptionPageContent
{
	position:absolute;
	padding:0;
	left:4px;
	top:4px;
	right:4px;
	bottom:14px;
	border:6px solid #000;
	border-radius:6px;
	background-color:#fff;
}
.itrDescriptionPageContent:before
{
	position:absolute;
	content:"";
	bottom:-20px;
	right:0px;
	border-left:20px solid transparent;
	border-top:20px solid #000;
	border-right:20px solid transparent;
}
.itrDescriptionContent
{
	position:absolute;
	top:48px;
	bottom:0px;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#000;
/*
	-webkit-overflow-scrolling: touch;
*/
}

.itrDescriptionImage
{
	text-align:center;
}
.itrDescriptionImage img
{
	width:100%;
}
.itrDescriptionText
{
	margin:4px;
}

.itrHeaderDispWrapper
{
	position:absolute;
	text-align:center;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
.itrHeaderMessage
{
	display:inline-block;
}
.itrFooterButtonWrapper
{
	position:absolute;
	text-align:center;
	line-height:0;
	top:0;
	left:54px;
	right:54px;
	height:100%;
}

.itrIndex
{
/*
	display:inline-block;
*/
	display:none;
	margin-right:4px;
}
.itrTime
{
/*
	display:inline-block;
*/
	display:none;
	margin-left:4px;
   	background-position: 4px center;
   	background-repeat: no-repeat;
    background-image:url(image/clock_white.png);
    padding-left:24px;
}

.itrLeftButton, .itrLeftButton_active, .itrLeftButton_disabled
{
	position:absolute;
	float:left;
	text-decoration: none;
	padding-right:8px;
	line-height:28px;
    left:6px;
    top:9px;
    height:28px;
    min-width:40px;
    max-width:30%;
    margin-left:12px;
    border-radius:0 16px 16px 0;
	border-left:none;
	z-index:auto;
}
.itrLeftButton:before, .itrLeftButton_active:before, .itrLeftButton:after, .itrLeftButton_active:after, .itrLeftButton_disabled:before, .itrLeftButton_disabled:after
{
	content: "";
	position:absolute;
	top:-1px;
	width:30px;
	bottom:0px;
	height:30px;
	-webkit-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-moz-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-ms-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-o-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	overflow:hidden;
}
.itrLeftButton:before, .itrLeftButton_active:before, .itrLeftButton_disabled:before
{
	z-index:-1;
	left:-14px;
}
.itrLeftButton:after, .itrLeftButton_active:after, .itrLeftButton_disabled:after
{
	z-index:-2;
	left:-15px;
}
.itrLeftButton_active, .itrLeftButton:active, .itrLeftButton_disabled
{
	border-left:none;
}
.itrRightButton, .itrRightButton_active, .itrRightButton_disabled
{
	position:absolute;
	float:right;
	text-decoration: none;
	padding-left:8px;
	line-height:28px;
    right:6px;
    top:9px;
    height:28px;
    min-width:40px;
    margin-right:12px;
    border-radius:16px 0 0 16px;
    border-right:none;
	z-index:auto;
}
.itrRightButton:before, .itrRightButton_active:before, .itrRightButton:after, .itrRightButton_active:after, .itrRightButton_disabled:before, .itrRightButton_disabled:after
{
	position:absolute;
	top:-1px;
	content: "";
	width:30px;
	height:30px;
	-webkit-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-moz-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-ms-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
	-o-transform:scaleX(0.5) scaleY(0.70710678237309505079275297006769) rotate(45deg);
}
.itrRightButton:before, .itrRightButton_active:before, .itrRightButton_disabled:before
{
	z-index:-1;
	right:-14px;
}
.itrRightButton:after, .itrRightButton_active:after, .itrRightButton_disabled:after
{
	z-index:-2;
	right:-15px;
}
.itrRightButton_active, .itrRightButton:active, .itrRightButton_disabled
{
	border-right:none;
}
.itrFooterButton, .itrFooterButton_active, .itrFooterButton_disabled
{
	display:inline-block;
	line-height:32px;
    border-radius:16px;
	min-width:48px;
	height:32px;
	
    margin-top:7px;
    
    margin-left:4px;
    margin-right:4px;
    
	padding-left:16px;
	padding-right:16px;
	padding-top:0;
	padding-bottom:0;
	text-align:center;
	/*
	overflow:hidden;	
	*/
}
.itrCloseButton, .itrCloseButton_active, .itrCloseButton_disabled
{
	position:absolute;
	float:left;
	text-aligin:center;
	line-height:32px;
    left:12px;
    top:6px;
    width:32px;
    height:32px;
    border-radius:18px;
}
.itrCloseButton:after, .itrCloseButton_active:after, .itrCloseButton_disabled:after
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
   	background-position: center center;
   	background-repeat: no-repeat;
    background-image:url(image/close_white.png);
    background-size:75%;
}
.itrCloseButton_disabled:after
{
    background-image:url(image/close_black.png);
}
.itrDescButton, .itrDescButton_active, .itrDescButton_disabled
{
	position:absolute;
	float:right;
	text-align:center;
	line-height:32px;
    right:12px;
    top:6px;
    width:32px;
    height:32px;
    border-radius:18px;
}
.itrDescButton:after, .itrDescButton_active:after, .itrDescButton_disabled:after
{
	content:"";
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
   	background-position: center center;
   	background-repeat: no-repeat;
    background-image:url(image/desc_white.png);
    background-size:75%;
}
.itrDescButton_disabled:after
{
    background-image:url(image/desc_black.png);
}

.itrMainButtonText
{
	position:relative;
	vertical-align:bottom;
	overflow:hidden;
	height:100%;
}

/*--------------------------------------
--------------------------------------*/
.itrVideoWrapper
{
	position:relative;
	text-align:center;
	margin:4px 16px 8px 16px;
	min-width:64px;
	min-height:48px;
/*
	background-image:url(image/videoIcon.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
*/
	/*
	background-color:rgba(0,0,0,0.25);
	*/
	overflow:hidden;
}
video
{
/*
	size set by js?
	with margin 8px
*/
	max-width:100%;
	max-height:100%;
}
.itrAudioWrapper
{
	position:relative;
	text-align:center;
	width:50%;
	margin:4px auto 8px auto;
/*
	padding:4px;
	background-color:rgba(0,0,0,0.75);
*/
/*
	overflow:hidden;
*/
}
audio
{
	width:90%;
/*
	max-height:240px;
	width:100%;
*/
}

.itrPlainPageImage
{
	text-align:center;
	padding:4px;
}
.itrPlainPageImage img
{
	width:100%;
}
.itrPlainPageText
{
	color:#000;
	padding:4px;
}
/*--------------------------------------
--------------------------------------*/
.itrQuizPageImage
{
	text-align:center;
	padding:4px;
}
.itrQuizPageImage img
{
	width:100%;
}
.itrQuizPageText
{
	color:#000;
	padding:4px;
}
/*--------------------------------------
--------------------------------------*/
.itrQuestionnaireWrapper
{
	padding:16px;
}
.itrQuestionnaireWrapper textarea
{
	width:100%;
}
/*--------------------------------------
--------------------------------------*/
.itrOptionsWrapper
{
	position:relative;
}
.itrOptionsWrapperMatching
{
	position:relative;
	margin-left:0px;
	margin-right:11px;
}
.itrOptionsWrapperGroup
{
	clear:both;
	position:relative;
	margin:2px;
	border-radius:6px;
	border:1px solid #b3b3b3;
}
.itrOptionsWrapperTFL
{
	position:relative;
/*
	float:left;
*/
	width:50%;
	height:124px;
}
.itrOptionsWrapperTFR
{
	position:relative;
	margin-top:-124px;
	margin-left:50%;
	float:right;
	width:50%;
	height:124px;
}
/*
.itrOptionsWrapperTFR:after
{
	content: "";
	display: block;
	clear: both;
	margin:0;
	padding:0;
	width:0;
	height:0;
}
*/
.itrOptionTFFalse, .itrOptionTFFalse_selected,
.itrOptionTFTrue, .itrOptionTFTrue_selected
{
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
	border-radius:6px;
	border:1px solid #b3b3b3;
	text-align:center;
}
.itrOptionTFFalse_selected,
.itrOptionTFTrue_selected
{
	color:#ffffff;
	border:1px solid #b3b3b3;
}
.itrOptionTFFalse:before
{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
    background-image:url(image/tfFalse_blue.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrOptionTFTrue:before
{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
    background-image:url(image/tfTrue_red.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrOptionTFFalse_selected:before
{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
    background-image:url(image/tfFalse_white.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrOptionTFTrue_selected:before
{
	content:"";
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
    background-image:url(image/tfTrue_white.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrGroupsWrapperL
{
	position:relative;
	float:left;
	width:50%;
	height:208px;
}
.itrGroupsWrapperR
{
	position:relative;
	float:right;
	width:50%;
	height:208px;
}
.itrGroupsWrapperSL
{
	position:relative;
	float:left;
	width:50%;
	height:104px;
}
.itrGroupsWrapperSR
{
	position:relative;
	float:right;
	width:50%;
	height:104px;
}
.itrGroupsWrapperR:after, .itrGroupsWrapperSR:after
{
	content: "";
	display: block;
	clear: both;
	margin:0;
	padding:0;
	width:0;
	height:0;
}
.itrGroup
{
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
	border-radius:6px;
	border:1px solid #b3b3b3;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.itrGroupsWrapperL .itrGroup,
.itrGroupsWrapperR .itrGroup
{
	line-height:224px;
}
.itrGroupsWrapperSL .itrGroup,
.itrGroupsWrapperSR .itrGroup
{
	line-height:110px;
}
.itrGroupText
{
	position:relative;
	display:inline-block;
	/*
	position:absolute;
	width:100%;
	position:relative;
	display:inline-block;
	text-align:center;
	*/
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-shadow:0px 0px 2px #fff;
	line-height:20px;
}
.itrGroupImage
{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border-radius:6px;
}
.itrOptionGroupText, .itrOptionGroupText_active
{
	position:absolute;
	width:45%;
	height:24px;
	border-radius:6px;
	border:1px outset #b3b3b3 ;
	background-color:#CCC;
	overflow:hidden;
}
.itrOptionGroupText_active
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
.itrOptionGroupTextText
{
	position:relative;
	line-height:24px;
	color:#000;	
	font-size:12px;
	text-align:center;
}
.itrOptionGroupImage, .itrOptionGroupImage_active
{
	position:absolute;
	width:64px;
	height:48px;
	border-radius:6px;
	border:1px outset #b3b3b3;
	background-color:#CCC;
	/*
	overflow:hidden;
	*/
}
.itrOptionGroupImage_active
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
.itrOptionGroupImageImage
{
	position:absolute;
	left:2px;
	top:2px;
	right:2px;
	bottom:2px;
}
.itrOptionChoice, .itrOptionChoice_selected,
.itrOptionSelect, .itrOptionSelect_selected,
.itrOptionSort, .itrOptionSort_active
{
	position:relative;
	min-height:32px;
	margin-bottom:4px;
	padding-left:32px;
	padding-right:4px;
	border-radius:6px;
	border:1px solid #b3b3b3;
}
.itrOptionChoice_selected,
.itrOptionSelect_selected
{
	color:#ffffff;
	border:1px solid #b3b3b3;
}
.itrOptionChoice:before, .itrOptionChoice_selected:before
{
	position:absolute;
	left:0;
	width:32px;
	height:100%;
	content:"";
    background-image:url(image/radioOff.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrOptionChoice_selected:before
{
    background-image:url(image/radioOn.png);
}
.itrOptionSelect:before, .itrOptionSelect_selected:before
{
	position:absolute;
	left:0;
	width:32px;
	height:100%;
	content:"";
    background-image:url(image/checkOff.png);
	background-position: center;
	background-repeat:no-repeat;
}
.itrOptionSelect_selected:before
{
    background-image:url(image/checkOn.png);
}
.itrOptionSort, .itrOptionSort_active
{
	position:absolute;
	margin-left:0;
	left:38px;
	right:8px;
	padding-left:4px;
}
.itrOptionSort_active
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
.itrOptionSortIndex
{
	position:absolute;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	left:4px;
	width:32px;
	min-height:32px;
	text-align:center;
	border-radius:6px;
	border:1px solid #b3b3b3;
	background-color: #00a0c6;

}
.itrOptionWrapper
{
	position:relative;
	overflow:hidden;
	margin-top:4px;
	margin-bottom:4px;
}
.itrMatchingLeft, .itrMatchingLeft_active, .itrMatchingLeft_selected
{
	margin:0;
	padding:0;
	position:absolute;
	width:50%;
	min-height:44px;
	z-index:0;
}
.itrMatchingLeft_selected
{
	color:#ffffff;
}
.itrMatchingLeftBody
{
	margin:2px;
	margin-right:14px;
	padding:2px;
	vertical-align:middle;
}
.itrMatchingLeftLT
{
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	top:0;
	right:15px;
	height:50%;
	z-index:-1;
}
.itrMatchingLeft_active .itrMatchingLeftLT
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
.itrMatchingLeftLTT
{
	position:absolute;
	left:0px;
	top:0;
	bottom:18px;
	width:100%;

	border:1px solid #b3b3b3;
	border-bottom:none;
}
.itrMatchingLeft_selected .itrMatchingLeftLTT
{
}
.itrMatchingLeftLTB
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:18px;
	border:1px solid #b3b3b3;
	border-top:none;
	border-bottom:none;
}
.itrMatchingLeft_selected .itrMatchingLeftLTB
{
}
.itrMatchingLeftLB
{
	position:absolute;
	left:0px;
	top:50%;
	right:15px;
	height:50%;
	z-index:-1;
}
.itrMatchingLeft_active .itrMatchingLeftLB
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}

.itrMatchingLeftLBT
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:18px;
	border:1px solid #b3b3b3;
	border-top:none;
	border-bottom:none;
}
.itrMatchingLeft_selected .itrMatchingLeftLBT
{
}
.itrMatchingLeftLBB
{
	position:absolute;
	left:0px;
	top:18px;
	bottom:0;
	width:100%;
	border:1px solid #b3b3b3;
	border-top:none;
}
.itrMatchingLeft_selected .itrMatchingLeftLBB
{
}
.itrMatchingLeftRT
{
	position:absolute;
	top:0;
	right:0;
	width:14px;
	height:50%;
	overflow:hidden
}
.itrMatchingLeftRTB
{
	position:absolute;
	left:-50px;
	bottom:-50px;
	width:88px;
	height:88px;
	-webkit-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-moz-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-ms-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-o-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	border:6px solid #b3b3b3;
}
.itrMatchingLeft_selected .itrMatchingLeftRTB
{
}
.itrMatchingLeftRB
{
	position:absolute;
	right:0;
	top:50%;
	width:14px;
	height:50%;
	overflow:hidden;
}
.itrMatchingLeftRBT
{
	position:absolute;
	left:-50px;
	top:-50px;
	width:88px;
	height:88px;
	-webkit-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-moz-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-ms-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-o-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	border:6px solid #b3b3b3;
}
.itrMatchingLeft_selected .itrMatchingLeftRBT
{
}
.itrMatchingLeft_active .itrMatchingLeftRBT
{
	box-shadow:22px 22px 22px rgba(0,0,0,0.35);
}

.itrMatchingRight, .itrMatchingRight_active, .itrMatchingRight_selected
{
	margin:0;
	padding:0;
	position:absolute;
	width:50%;
	min-height:44px;
	z-index:0;
}
.itrMatchingRight_selected
{
	color:#ffffff;
}
/*
.itrMatchingRight_active
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
*/

.itrMatchingRightBody
{
	margin:2px;
	margin-left:16px;
	padding:2px;
}
.itrMatchingRightLT
{
	position:absolute;
	left:0;
	top:0;
	width:14px;
	height:50%;
	z-index:-1;
	overflow:hidden;
}
.itrMatchingRightLTT
{
	position:absolute;
	top:0px;
	bottom:18px;
	width:100%;
	border:1px solid #b3b3b3;
	border-bottom:none;
	border-right:none;
}
.itrMatchingRight_selected .itrMatchingRightLTT
{
}
.itrMatchingRightLTB2
{
	position:absolute;
	bottom:9px;
	width:100%;
	height:9px;
	border:1px solid #b3b3b3;
	border-top:none;
	border-bottom:none;
	border-right:none;
}
.itrMatchingRight_selected .itrMatchingRightLTB2
{
}
.itrMatchingRightLTB1
{
	position:absolute;
	left:-36px;
	bottom:-41px;
	width:88px;
	height:88px;
	-webkit-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-moz-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-ms-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-o-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	border:6px solid #b3b3b3;
}
.itrMatchingRight_selected .itrMatchingRightLTB1
{
}
.itrMatchingRightLB
{
	position:absolute;
	left:0;
	top:50%;
	width:14px;
	height:50%;
	z-index:-1;
	overflow:hidden;
}
.itrMatchingRight_active .itrMatchingRightLB
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
.itrMatchingRightLBT2
{
	position:absolute;
	top:9px;
	width:100%;
	height:9px;
	border:1px solid #b3b3b3;
	border-top:none;
	border-right:none;
	border-bottom:none;
}
.itrMatchingRight_selected .itrMatchingRightLBT2
{
}
.itrMatchingRightLBB
{
	position:absolute;
	top:18px;
	bottom:0px;
	width:100%;
	border:1px solid #b3b3b3;
	border-top:none;
	border-right:none;
}
.itrMatchingRight_selected .itrMatchingRightLBB
{
}
.itrMatchingRightLBT1
{
	position:absolute;
	left:-36px;
	top:-41px;
	width:88px;
	height:88px;
	-webkit-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-moz-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-ms-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	-o-transform:scaleX(0.15) scaleY(0.09) scaleX(1.41421356) scaleY(1.41421356) rotate(45deg);
	border:6px solid #b3b3b3;
}
.itrMatchingRight_selected .itrMatchingRightLBT1
{
}
.itrMatchingRightRT
{
	position:absolute;
	left:14px;
	top:0;
	right:0px;
	height:50%;
	z-index:-1;
}
.itrMatchingRight_active .itrMatchingRightRT
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}

.itrMatchingRightRTT
{
	position:absolute;
	left:0px;
	top:0;
	bottom:18px;
	width:100%;
	border:1px solid #b3b3b3;
	border-left:none;
	border-bottom:none;
}
.itrMatchingRight_selected .itrMatchingRightRTT
{
}
.itrMatchingRightRTB
{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:18px;
	border:1px solid #b3b3b3;
	border-left:none;
	border-top:none;
	border-bottom:none;
}
.itrMatchingRight_selected .itrMatchingRightRTB
{
}
.itrMatchingRightRB
{
	position:absolute;
	left:14px;
	top:50%;
	right:0px;
	height:50%;
	z-index:-1;
}
.itrMatchingRight_active .itrMatchingRightRB
{
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}

.itrMatchingRightRBT
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:18px;
	border:1px solid #b3b3b3;
	border-left:none;
	border-top:none;
	border-bottom:none;
}
.itrMatchingRight_selected .itrMatchingRightRBT
{
}
.itrMatchingRightRBB
{
	position:absolute;
	left:0px;
	top:18px;
	bottom:0;
	width:100%;
	border:1px solid #b3b3b3;
	border-left:none;
	border-top:none;
}
.itrMatchingRight_selected .itrMatchingRightRBB
{
}

.itrOptionImage
{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	width:132px;
	opacity:0;
}
.itrOptionImage img
{
	margin:0;
	padding:0;
	width:100%;
}
.itrOptionText
{
	position:relative;
	margin-left:4px;
}
.itrOptionTextWithImage
{
	position:relative;
	float:center;
	text-align:left;
	margin-left:136px;
}

.itrOptionTextWithImage:after {
	content: "";
	display: block;
	clear: both;
	margin:0;
	padding:0;
	width:0;
	height:0;
}

.itrPointAreaWrapper
{
	position:relative;
	margin:2px;
	border-radius:6px;
	border:1px solid #b3b3b3;
}
.itrPointAreaImage
{
	position:relative;
	margin:4px;
	margin-bottom:52px;
	padding:0;
}
.itrPointAreaAnswerCanvas
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	opacity:0.5;
	display:none;
}
.itrPointAreaImage img
{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.itrAltImage{
	width:100%;
	height:300px;
	background-color:#ccc;
}
.itrPointAreaCorrect
{
	position:absolute;
	background:rbga(255,192,0,0.7);
}
.itrAreaPointer, .itrAreaPointer_active, .itrAreaPointer_selected
{
	position:absolute;
	left:0;
	top:0;
	width:37px;
	height:55px;
	background:url(image/areaPointer_red.png) no-repeat 100% 50%
}
.itrAreaPointer_active, .itrAreaPointer_selected
{
	background:url(image/areaPointerSelected_green.png) no-repeat 100% 50%
}

.itrQuizPageText span
{
	margin:0px;
	padding:0px;
}
.itrBlank
{
	font-size:15px;
	border-radius: 4px;
}
.itrBlankCombo
{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    	
	font-size:15px;
    padding:2px 20px 2px 8px;
    border-radius: 15px;
	border:1px solid #000;
    
    color:#fff;
    background-color:#85c957;
}
.itrBlankCombo_selected
{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    
   	font-size:15px;
    padding:2px 20px 2px 8px;
    border-radius: 15px;
	border:1px solid #777;
    
    color:#fff;
	background-color: #00a0c6;
}
.itrResultSuccess, .itrResultFailed
{
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:64px;
	text-shadow:2px 2px 2px #666;
}
.itrResultSuccess
{
	color:#f00;
}
.itrResultFailed
{
	color:#00f;
}
.itrResultCorrects
{
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:32px;
}
.itrResultPercent
{
	margin-top:10px;
	width:100%;
	text-align:center;
	font-size:32px;
}
.itrResultTextWrapper
{
	width:100%;
	text-align:center;
}
.itrResultText
{
	margin-top:10px;
	margin-left:12px;
	margin-right:12px;
	text-align:left;
	font-size:18px;
	display:inline-block;
}
.itrReviewCell
{
	margin-top:8px;
	margin-left:30px;
	margin-right:30px;
	height:32px;
	border:1px solid #bbb;
	border-radius:16px;
	background-color:#ccc;
	text-align:center;
}
.itrReviewCellTextOK, .itrReviewCellTextNG
{
	position:relative;
	display:inline-block;
	font-size:24px;
	line-height:32px;
	padding-right:32px;
}
.itrReviewCellTextOK:after{
	position:absolute;
	content:"";
	right:0;
	top:0;
	width:24px;
	height:32px;
	background:url(image/reviewOK_black.png) no-repeat 50% 50%;
}
.itrReviewCellTextNG:after{
	position:absolute;
	content:"";
	right:0;
	top:0;
	width:24px;
	height:32px;
	background:url(image/reviewNG_black.png) no-repeat 50% 50%;
}

.itrScrollKnob
{
	position:absolute;
	width:2px;
	right:1px;
	
	top:0px;
	height:1px;
	
	border:1px solid #000;
	border-radius:2px;
	background-color:#fff;
	
	opacity:0.3;
}
