/**
* @title Matching Pairs
* @description Matching Pairs Override
*
*
* @author James Hough
* @version 2.0 17/12/12
*/


.matchingpairsContentWrapperC.horizontalC .matchingpairsItemsWrapperC,
.matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC,
.matchingpairsContentWrapperC.horizontalC .matchingpairsTargetsWrapperC,
.matchingpairsContentWrapperC.verticalC .matchingpairsTargetsWrapperC
{
	z-index: 2;
}

.matchingpairsContentWrapperC .selectedStateC.greyC .circleC,
.matchingpairsContentWrapperC .unselectedStateC.greyC:hover .circleC,
.matchingpairsContentWrapperC .selectedStateC.greyC:hover .circleC
{
	background:#999;
	*display: inline;
	zoom: 1;
}

.matchingpairsItemsWrapperC .itemContentC,
.matchingpairsTargetsWrapperC .targetContentC
{
	margin: 0px;
}

.matchingpairsItemsWrapperC .itemContentC .textC,
.matchingpairsTargetsWrapperC .targetContentC .textC
{
	margin: 10px 20px;
	display: block;
	min-width: 200px;
}


.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsItemsWrapperC .circleC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC .circleC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsItemsWrapperC .circleC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsTargetsWrapperC .circleC
{
	background-image: url("../resources/@{gomo_spritesheet_questions}");
	background-position: -50px -50px;
	background-color: transparent;
	height: 16px;
	width: 16px;
}

.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsItemsWrapperC .circleC,
.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC .circleC,
.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsItemsWrapperC .circleC,
.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .matchingpairsTargetsWrapperC .circleC
{
	background-image: url(../resources/sprite_assets_questions.gif);
}

.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .unselectedStateC:hover .circleC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC:hover .circleC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC .circleC
{
	background-position: -200px -50px;
	background-image: url("../resources/@{gomo_spritesheet_questions}");
	background-color: transparent;
}

.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .unselectedStateC:hover .circleC,
.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC:hover .circleC,
.ie6C .matchingpairsAssetWrapperC .matchingpairsContentWrapperC .selectedStateC .circleC
{
	background-image: url(../resources/sprite_assets_questions.gif);
}


.matchingpairsItemsWrapperC a.matchingpairsItemC,
.matchingpairsTargetsWrapperC a.matchingpairsTargetC,
.matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC .matchingpairsItemC,
.matchingpairsContentWrapperC.verticalC .matchingpairsTargetsWrapperC .matchingpairsTargetC
{
	min-height: 0;
	min-width: 0;
}

.matchingpairsAssetWrapperC .horizontalC .matchingpairsItemsWrapperC .circleC,
.matchingpairsAssetWrapperC .horizontalC .matchingpairsTargetsWrapperC .circleC
{
	/* JC: This is a IE quirks mode specific workaround. Sorry. */
	*top:~"expression(Math.round((this.parentNode.offsetHeight / 2) - (this.offsetHeight / 2)) + 'px')";
	*margin-top:0px;
	*height:16px;
	/*
	height:100%;
	margin:0px;
	*/
	/*
	*top: 0px;
	*margin-top: 42%;
	*/
}

.matchingpairsAssetWrapperC .horizontalC .matchingpairsItemsWrapperC .circleC,
.matchingpairsAssetWrapperC .horizontalC .matchingpairsTargetsWrapperC .circleC
{
	margin-top: -8px;
}

.matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC .circleC,
.matchingpairsContentWrapperC.verticalC .matchingpairsTargetsWrapperC .circleC {
	margin-left: -8px;
}

.matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC .circleC
{
	bottom: -8px;
}

.matchingpairsContentWrapperC.verticalC .matchingpairsTargetsWrapperC .circleC
{
	top: -8px;
}

.matchingpairsContentWrapperC.horizontalC .matchingpairsItemsWrapperC .circleC
{
	right: -7px;
}

.matchingpairsContentWrapperC.horizontalC .matchingpairsTargetsWrapperC .circleC
{
	left: -7px;
}

.smartphoneC .matchingpairsItemsWrapperC .itemContentC,
.smartphoneC .matchingpairsTargetsWrapperC .targetContentC
{
	margin: 10px 0px;
}

.smartphoneC .matchingpairsItemsWrapperC .itemContentC .textC,
.smartphoneC .matchingpairsMobileDropDownC a .textC,
.smartphoneC .popupDropdownItemsC .textC
{
	background: #444;
	color:white;
	padding: 5px 15px;
	font-size: 12px;
	display: block;
}

.smartphoneC .matchingpairsCanvasC
{
	text-align:center;
}

.smartphoneC .matchingpairsContentWrapperC.horizontalC .matchingpairsItemsWrapperC,
.smartphoneC .matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC
{
	float:none;
	width: auto;
}

.smartphoneC .matchingpairsItemsWrapperC a.matchingpairsItemC,
.smartphoneC .matchingpairsTargetsWrapperC a.matchingpairsTargetC
{
	background-color:transparent;
	cursor:default;
	margin-bottom: 0px;

}
.smartphoneC .matchingpairsMobileDropDownC
{
	display:inline-block;
	margin: 0 0 20px 0;
}

.smartphoneC .matchingpairsMobileDropDownC a
{
	background-color: transparent;
	padding: 0;
	border: none;
	background-image: none;
}

.smartphoneC .matchingpairsMobileDropDownC a .matchingPairsSelectionTextC
{
	color:@gomo_base_colour;
	font-size:14px;
	font-family:@gomo_body_text_font;
	filter: none;
	-ms-filter: none;
	background-image: url(../../resources/sp_matchingpairs_down_arrow.png);
	background-color: #ececec;
	width:auto;
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px dotted @gomo_secondary_colour;
	padding: 30px 0;
	margin: 0px;
	min-width:130px;
	text-align:center;
	display: block;
}

.matchingpairsItemsWrapperC .itemContentC .debugC
{
	border: 1px solid #ccc;
	color: #ccc;
	left: -10px;
}

.smartphoneC .matchingpairsMobileDropDownC a .defaultMatchPrompt
{
	display:inline-block;
}

.smartphoneC .matchingpairsItemsWrapperC .itemContentC .debugC
{
	color: #000;
}
.smartphoneC .matchingpairsItemsWrapperC .correctnessMarkerC
{
	position:absolute;
	top:50%;
	margin-top:-10px;
	right: -25px;
}

.smartphoneC .matchingpairsItemsWrapperC .matchingpairsGroupingImg
{
	position: absolute;
	bottom: -10px;
	height: 20px;
	right: 60px;
	left: auto;
	width: 5px;
	background-image: none;
	_background-image: none;
	background-position: -50px -50px;
	background-color: transparent;
	border-bottom: @gomo_base_colour 2px solid;
	border-right: @gomo_base_colour 2px solid;
	border-top: @gomo_base_colour 2px solid;
	z-index: 1;
}

.smartphoneC .matchingpairsContentWrapperC.verticalC .matchingpairsItemsWrapperC .matchingpairsItemC,
.smartphoneC .matchingpairsContentWrapperC.verticalC .matchingpairsTargetsWrapperC .matchingpairsTargetC
{
	background: none;
	min-height: auto;
}

.matchingpairsLineC
{
	position:absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	width:100%;
	height:100%;
}

/* IE Quirks Mode Fix (can't identify docmode so have to use * which quirks and IE6 pickup) */
.matchingpairsAssetWrapperC,
.matchingpairsAssetWrapperC .matchingpairsContentWrapperC
{
	*width: 865px;
}

.matchingpairsItemsWrapperC .itemContentC .textC,
.matchingpairsTargetsWrapperC .targetContentC .textC
{
	*width: 200px;
}

.matchingpairsItemsWrapperC a,
.matchingpairsTargetsWrapperC a
{
	*border: none;
}