.hidden {
	display:none;
}

/* imagelistId styling */ 
#imageBoard 
{  
    margin: 11px 0px 0px -11px;
    list-style-type: none; 
} 

.goplay-sort {
	background: none repeat scroll 0 0 #000000;
	height: 98%;
	left: 0;
	opacity: 0.93;
	position: absolute;
	top: 0;
	width: 95%;
	z-index: 1;
	margin: .75rem;
}
.goplay-sort a {
	position: absolute;
	top: 43%;
	left: 35%;
	background: url("../images/photoanalysis_start_btn.png") repeat-x scroll;
	width: 200px;
	height: 67px;
	overflow: hidden;
	display: block;
	text-indent: -99999px;
	border: 0px solid #F00;
}

#countdown_dashboard {
	width: 58px;
	position: absolute;
	background: #000;
	border-radius: 10px;
	padding: 7px;
	height: 32px;
	top: 0;
	left: 30rem;
}

.memory-game {
	min-width: 150px;
	margin-right: 7px;
}

.memory_maincontent_left {
	padding: 0em;
}
.memory_maincontent_right {
	padding: 0em;
	padding-left: 0em;
	margin: 1em;
	min-width: 560px;
}
.description-box .text-holder-full {
	position:relative;
	margin-left:.7em;
	margin-right:.7em;
	color:#333;
	line-height:1.5;
}
.description-box .text-holder-full > ul {
	list-style: none;
	padding:0;
	/*margin:-1.8em 0 2.5em -0.5em*/		/* removed because it wrecks the print version page */
}
.description-box .text-holder-full > ul > li {
	margin-bottom:.8em;
	margin-left:1em;
}
.cia-concentration {
	margin:2em 0;
	max-width:100%;
}
#game-container {
	margin-bottom:0em;
	overflow:hidden;
	border: none;
	display:none;
}
#game-positioner {
	position:relative;
	width:100%;
	float:left;
	margin:0 auto;
	border:none;
	background:none;
	z-index:2;
}
.game-large #game-positioner {
	float:left;
	margin-right: auto;
	margin-left:auto;
}


.text-holder-full > p,
.text-holder-full > ul,
.text-holder-full > h5 {
	margin: 16px 3.6%;
}
.text-holder-full > img {
	margin-bottom:2em;
}

#game-container > img {
	display:none;
}

/*
 CSS for Memogry game plugin
 Author: Yane Frenski
	
*/
/* the stle for the wrapper element */
.quizy-memorygame {
	position: relative;
	width:600px;
	margin:20px auto 0;
}
.quizy-memorygame .mgcard-show img {
	border: 1px solid #3e547e;
	border-style:solid;
	max-width: 100%;
	max-height: 100%;
}
	/* styles of the card to show */
	.quizy-memorygame .mgcard-show {
		width: 86px;
		height: 87px;
		background: url('../images/mg-mcard.png');
	}
	.quizy-memorygame .quizy-mg-item {
		position: absolute;
		cursor: pointer;
		text-align: center;
		margin-right: 3.5em;
	}
		.quizy-memorygame .quizy-mg-item .quizy-mg-item-bottom, 
		.quizy-memorygame .quizy-mg-item .quizy-mg-item-top {
			position: absolute;
			top: 0;
			left: 0;
			text-align: center;
		}
.quizy-mg-item .quizy-mg-item-top {
	/* background: url('../media/images/game-piece-back.jpg') no-repeat 0 -162px; */
	font-size: 2vh;
	font-family: Century Gothic;
	content: "?";
	border: 1px dashed black;
	color: cornflowerblue;
}
/* styles for the popup notifications */
.quizy-mg-notification-fly {
	width: 90px;
	height: 90px;
	position: absolute;
	z-index: 10000;
	display: none;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}
.quizy-mg-notification-fly-neg {
	background: url('../images/quizy-mg-notif-neg.png');
}
.quizy-mg-notification-fly-pos {
	background: url('../images/quizy-mg-notif-pos.png');
}
/* styles for the game summary */
/*#quizy-game-summary {
	width: 300px;
	height: 120px;
	position: absolute;
	z-index: 1001;
	background: #515b69;
	box-shadow: rgba(0,0,0,0.7) 0 0 4px, inset 0 0 20px rgba(0, 0, 0, 0.4);
	border: 1px solid #000;
	cursor: pointer;
	display: none;
}*/
#quizy-game-summary {
	display: none;
	background: none repeat scroll 0 0 #FEFEFE;
	border: 2px solid #333333;
	box-shadow: 0 0 10px #333333;
	color: #333333;
	font-family: Helvetica,Arial,sans-serif;
	left: 50%;
	padding: 10px 20px;
	position: absolute;
	top: 450px;
	transition: top 0.4s linear 0s;
	width: 400px;
	z-index: 1000;
	margin-left:-200px;
}

	#quizy-game-summary {
		/*width: 75px;*/
		/*float: left;
		padding: 10px;*/
		color: #000;
		text-align: center;
	}
	#quizy-game-summary h1 {
		color: #5F1D1D;
		font-size: 1.333em;
		font-weight: bold;
		line-height: 1.188em;
		margin-bottom:5px;
	}

/* BUTTONS */
.start-links {
	list-style:none;
	margin:1em 0 2em .5em;
	padding:0;
}
.start-links li {
	margin:0;
}
.start-links li a:hover {
	background: linear-gradient(to bottom, #7B5801 0%, #AD8107 52%, #A27A01 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-decoration: none;
}
.text-holder-full .start-links li a {
	color: #FFFFFF !important;
	max-width: 112px;
}
.text-holder-full .start-links li a:focus {
	outline: thin dotted;
}
.start-links li a {
	border: 1px solid #647694;
	line-height:normal;
	height: auto;
	padding: 7px 38px 7px 0.5em;
	position: relative;
	background:#A27A01;
	-webkit-background: linear-gradient(to bottom, #A27A01 0%, #A17600 52%, #7B5801 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	-moz-background: linear-gradient(to bottom, #A27A01 0%, #A17600 52%, #7B5801 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(to bottom, #A27A01 0%, #A17600 52%, #7B5801 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: block;
	font-size: 1.08333em;
	font-weight: bold;
	margin-bottom: .5em;
	min-width: 20px;
	text-decoration: none;
	text-shadow: 1px 0 0 #000000;
}
.start-links li a span {
	-webkit-background: url("../images/view-btn-arrow3.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	-moz-background: url("../images/view-btn-arrow3.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	background: url("../images/view-btn-arrow3.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
}
/* ./BUTTONS */

div#modal-window-overlay {
	background: none repeat scroll 0 0 #000;
	cursor: pointer;
	height: 100%;
	left: 0;
	opacity: 0.5;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}

a.button, b.button {
	display: inline-block;
	outline: medium none;
	position: relative;
	transition: border-color 0.218s ease 0s;
}

div#quizy-game-summary .button {
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
	border: 1px solid #E6E6E6;
	border-radius: 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333333;
	cursor: pointer;
	float: right;
	font-size: 13px;
	margin: 3px 0;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.quizy-mg-item .quizy-mg-item-top {
		/*background: url('../media/images/game-piece-back.jpg') no-repeat 0 0;*/
		font-size: 4.75em;
		font-family: Franklin Gothic Book;
		content: "?";
		border: 1px dashed black;
		color: cornflowerblue;
	}
/*
@media only screen and (max-width: 2847px) {
	.goplay-sort {
		width: 74rem;
	}
}
@media only screen and (max-width: 2436px) {
	.goplay-sort {
		width: 63rem;
	}
}
@media only screen and (max-width: 2026px) {
	.goplay-sort {
		width: 53rem;
	}
}*/
@media only screen and (max-width: 1615px) {
	/*.goplay-sort {
		width: 31rem;
	}*/
}
@media only screen and (max-width: 991px) {
	/*.goplay-sort {
		width: 95%;
	}*/
	#imageBoard {
		margin: 11px 0 0 -11px;
	}
}

@media only screen and (min-width: 650px) {
	.quizy-memorygame {
		width:auto;
	}
	#game-positioner {
		float: left;
		margin-right:14px;
		width: 400px;
	}
	#game-container {

	}
	.quizy-mg-item {
		width: 118px;
		height: 120px;
	}
	.quizy-memorygame .mgcard-show {		/*  // can't have this like this with large game 650-844  */
		width: 118px;
		height: 120px;
	}
	.text-holder-full > p,
	.text-holder-full > ul,
	.text-holder-full > h5 {
		margin-left: 0;
		margin-right: 0;
	}
	.description-box .text-holder-full > ul {
		/*margin:-2.5em 0 2.5em;*/		/* removed because it wrecks the print version page */
	}
	#game-container > img {
		display:block;
		position:absolute;
		bottom:120px;
		left:-8px;
		z-index:0;
	}
}

@media only screen and (min-width: 850px) {
	.game-large #game-positioner {
		float:left;
	}
}

@media only screen and (min-width: 650px) and (max-width: 849px) {
	.game-large .quizy-mg-item .quizy-mg-item-top {
		/*background: url('../media/images/game-piece-back.jpg') no-repeat 0 -162px;*/
		font-size: 6vh;
		font-family: Franklin Gothic Book;
		content: "?";
		border: 1px dashed black;
		color: cornflowerblue;
	}

	.quizy-memorygame .mgcard-show {
		width: 118px;
		height: 120px;
	}
	.imageItem img {
		width: 100px;
		height: 125px;
	}
	 
	#imageBoard, #MemoryDescription {
		/*width: 27rem;		*/
	}
}

@media only screen and (min-width: 350px) and (max-width: 580px) {
	#countdown_dashboard {
		position: initial !important;

	}

	.memory_maincontent_right {
		min-width: 22rem;
	}

	.memory_maincontent_right .btn {
		margin-bottom: 0.5rem;
	}
}

@media only screen and (max-width: 849px) {
	.game-large .quizy-memorygame .mgcard-show {
		width: 86px;
		height: 87px;
	}
}