.focusMC {
	position:relative;
	width: 620px;
	min-height: 460px;
	border: 4px solid #cccccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.focusMC {
	margin-top: 2.5em;
}
	.focusMC_responsivetrigger {
		display:none;
	}
	.focusMC_heading {
		font-size: 22px;
		color: #000;
		padding: 5px 10px;
	}
	.focusMC_info {
		background: #99ccff;
		font-family: Arial, Helvetica, sans-serif;
		padding: 3px 10px;
		line-height: 33px;
		font-size: 14px;
		position:relative;
	}
	.focusMC_info:after {
		content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; overflow:hidden;
	}
		.focusMC_current {
			float:left;
		}
		ul.focusMC_results {
			border: 1px solid #000;
			float:left;
			margin:0 20px;
			padding:0;
			position:absolute;
			left: 25%;
		}
			ul.focusMC_results li {
				float:left;
				display:block;
				width: 30px;
				height: 30px;
				text-align:center;
				background-color: #fff;
				background-position: center center;
				background-repeat: no-repeat;
				border-right: 1px solid #000;
			}
				ul.focusMC_results li:last-child,
				ul.focusMC_results li.last {
					border-right: 0;
				}
			ul.focusMC_results li.wrong {
				background-image: url('./img/cross.png');
				cursor:pointer;
			}
			ul.focusMC_results li.correct {
				background-image: url('./img/tick.png');
			}
		.focusMC_score {
			float:right;
			margin-right: 20px;
		}
	.focusMC_content {
		padding: 25px 20px;
		font-size: 18px;
		line-height:21px;
	}
		.focusMC_content:after {
			content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; overflow:hidden;
		}
		.focusMC_content img {
			float:right;
			border: 1px solid #000;
			-webkit-box-shadow: 3px 3px 5px 0px #999;
			box-shadow: 3px 3px 5px 0px #999;
		}
		.focusMC_content ul {
			list-style:none;
			margin:0;
			padding:0;
		}
			.focusMC_content ul li {
				margin-bottom: 20px;
			}
				.focusMC_content ul li label {
					cursor: pointer;
				}
				.focusMC_content ul li input {
					display:none;
				}
				.focusMC_content ul li b {
					display:block;
					width: 21px;
					height: 21px;
					background: url('./img/radiobutton.png') center center no-repeat;
					float:left;
					margin-right: 10px;
				}
		.focusMC_questionpanel {
			display:none;
		}
	.focusMC_notice {
		display:none;
		position:absolute;
		width: 380px;
		left: 50%;
		top: 40%;
		margin-left: -200px;
		border:1px solid #000;
		text-align:center;
		padding: 5px 10px;
		-webkit-box-shadow: 0px 0px 10px 0px #666;
		box-shadow: 0px 0px 10px 0px #666;
	}
		.focusMC_notice_wrong {
			background: #ff3300;
			color: #fff;
		}
		.focusMC_notice_right {
			background: #00be00;
			color: #fff;
		}


	/* ----------- */
	@media only screen and (min-width: 0px) and (max-width : 961px),
	       only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape),
		   only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
		
		
		.focusMC {
			margin-top: 2.5em;
		}
		.focusMC {
			width: 100%;
			height: auto;
		}
			.focusMC_responsivetrigger {
				display:block;
			}
		
	}

	/* ----------- */
	@media only screen 
	and (min-width: 0px) 
	and (max-width : 375px) {

		.focusMC {
			margin-top: 2.5em;
		}
		
		.focusMC_info {
			font-size: 80% !important;
		}
		
		.focusMC_score {
			margin-right: 0px !important;
		}
		
		ul.focusMC_results {
			left: 28%;
			top: 10px;
		}
		
		ul.focusMC_results li {
			width: 14px;
			height: 14px;
		}
		
		.focusMC_content img {
			float: none;
			margin: 0 auto 20px auto;
			max-width: 100%;
		}
		
		.focusMC_notice {
			width: 100%;
			left: 0%;
			margin-left: 0;
			padding: 5px 0;
		}
		
	}