/** Custom Styles for practice questions only **/
#progress
{
	background:#f7aa29;
	color:#fff;
	font-size:1.5em;
	margin:1em auto;
}



#simulationcanvas{
	border: none;	
}
#practicequestion
{
	border:1px solid #ccc;
	padding:1em 2em;
}
.highlightcorrect{
	background-color:#f9f1ad;
	border:1px solid #f7af5c;
	width:600px;	
}
.modal-backdrop {background: none; display:none;}
#distractors{
	position:relative;	
}
.modal-body{
	/*height: 250px;*/
}
.modal-content{
	 box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-transition: none;
	-webkit-transition: none;
	border:0px;
	width:550px;
	positon:absolute;
	float:right;
}
.modal-dialog{
	position:absolute;
	right:0px;
	float:right;
}
.modal{
	position:absolute;	
	height:700px;
}
.correct .modal-body{
	border-bottom: 2px solid #82a03d;
	border-left: 2px solid #82a03d;
	border-right: 2px solid #82a03d;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position:relative;
	top: -1px;
	/*height:300px;*/
}
.correct .modal-header{
	background: #d4e1c4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZTFjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZWQyYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d4e1c4 0%, #bed2a1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4e1c4), color-stop(100%,#bed2a1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d4e1c4 0%,#bed2a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d4e1c4 0%,#bed2a1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d4e1c4 0%,#bed2a1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d4e1c4 0%,#bed2a1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e1c4', endColorstr='#bed2a1',GradientType=0 ); /* IE6-8 */
	height:30px;
	padding:2px 8px 0px 0px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.correct .closebutton{
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMjglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgyYTAzZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 28%, #82a03d 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(28%,#ffffff), color-stop(100%,#82a03d)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 28%,#82a03d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 28%,#82a03d 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 28%,#82a03d 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #ffffff 28%,#82a03d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#82a03d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	border: 1px solid #82a03d;
	border-radius: 10px;
	padding:0px;
	margin: 0px;
	display:inline-block;
	float:right;
	width:20px;
	hight:18px;
	text-align:center;
	font-size: 20px;
	line-height:18px;
	top:3px;
	position:relative;
	cursor:pointer;
}
.correct .closebuttontext{
	color: #82a03d;
	position:relative;
	top:-2px;
}
.closebuttontext:hover{
	color:white;	
}













.incorrect .modal-body{
	border-bottom: 2px solid #f7aa29;
	border-left: 2px solid #f7aa29;
	border-right: 2px solid #f7aa29;	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position:relative;
	top: -1px;
	/*height:300px;*/
}
.incorrect .modal-header{
	background: #fbd494; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDQ5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2FiMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fbd494 0%, #f7ab2c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbd494), color-stop(100%,#f7ab2c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fbd494 0%,#f7ab2c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fbd494 0%,#f7ab2c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fbd494 0%,#f7ab2c 100%); /* IE10+ */
background: linear-gradient(to bottom, #fbd494 0%,#f7ab2c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd494', endColorstr='#f7ab2c',GradientType=0 ); /* IE6-8 */
	height:30px;
	padding:2px 8px 0px 0px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.incorrect .closebutton{
	background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZjODc3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffc877 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#ffc877)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#ffc877 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ffffff 0%,#ffc877 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%,#ffc877 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #ffffff 0%,#ffc877 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffc877',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	border: 1px solid #ff8900;
	border-radius: 10px;
	padding:0px;
	margin: 0px;
	display:inline-block;
	float:right;
	width:20px;
	hight:18px;
	text-align:center;
	font-size: 20px;
	line-height:18px;
	top:3px;
	position:relative;
	cursor:pointer;
}
.incorrect .closebuttontext{
	color: #ff8900;
	position:relative;
	top:-2px;
}
.padded{
	padding-left: 60px;	
}
.greyedout{
	background-color:#f0f1f1	;
	border: 1px solid #818383;
	padding-left: 10px;
	color: #484848;
}
.flatbutton{
	background-color: #f0f1f1;
	border: 1px solid #b6b8b9;
	color: #035f96;
	font-weight: bold;
}
.checkanswer{
	color: #0c5a90;	
}
.answerlabel{
	font-weight:bold;
	text-size: 11px;	
}
.exampleanswer{
	border: 1px solid #d0d0d0;
	border-radius:3px;
	display:inline-block;	
	width:135px;
	text-align:center;
}

body.modal-open{
	overflow: scroll;	
}

#btnClose {
	position:fixed;
	top:85px;
	right:40px;
	cursor:pointer;
	/*display:none;*/
	z-index:3;
}