/* QUIZ STYLES */
/* Styles to prettify the quiz page */

html {
   background: #eee; 

}

body {
		width:90%;
    max-width: 800px;
    margin: 10px auto;
    border: 2px solid #ccc;
		background-color:#FFF;
    font-family: Helvetica,sans-serif;
    color: #353535;
}

h1,h2,h3,h4,h5,h6 {font-weight: bold;}

h1 {
    font-size: 1em;
		line-height:1.1em;
		padding-left:25px;
    color: #074b78;
		display:block;
		text-transform:uppercase;
}
h2 {
    font-size: 22px;
    margin: 15px 0;
}
h3 {
    font-size: 20px;
    margin: 15px 0 10px;
}
h4 {
    font-size: 16px;
    margin: 10px 0;
}
h5 {
    font-size: 14px;
    margin: 10px 0 5px;
}
h6 {
    font-size: 12px;
    margin: 5px 0;
}

p {
		font-size:14px;
		line-height:18px;
}

strong { font-weight: bold; }
em { font-style: italic; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol li { list-style-type: decimal; margin-left: 20px; }

img { max-width:100%; margin-top:10px;}

.top_bar {
	background: #a5c7a6; /* Old browsers */
	background: -moz-linear-gradient(left,  #a5c7a6 0%, #deeadc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a5c7a6), color-stop(100%,#deeadc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #a5c7a6 0%,#deeadc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #a5c7a6 0%,#deeadc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #a5c7a6 0%,#deeadc 100%); /* IE10+ */
	background: linear-gradient(to right,  #a5c7a6 0%,#deeadc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c7a6', endColorstr='#deeadc',GradientType=1 ); /* IE6-9 */
	padding-top:20px;
}

.icam_logo {
	background: #a5c7a6; /* Old browsers */
	background: -moz-linear-gradient(left,  #074b78 0%, #1d5178 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#074b78), color-stop(100%,#1d5178)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #074b78 0%,#1d5178 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #074b78 0%,#1d5178 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #074b78 0%,#1d5178 100%); /* IE10+ */
	background: linear-gradient(to right,  #074b78 0%,#1d5178 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#074b78', endColorstr='#1d5178',GradientType=1 ); /* IE6-9 */
	
	border:1px solid #000;
	border-right:none;
	padding-left:15px;
	margin:0 0 15px 25px;
}

.icam_logo img { 
	max-width:95%;		
}
		
.button.startQuiz {
	margin:15px 0 15px 25px;
}
.quizArea,
.quizResults {padding:15px 25px;}

.quizDescription {
	color:#074b78;
	padding: 0 25px;
}
	.quizDescription p {
		font-size:.85em;
		line-height:1.2em;
		margin:0;
	}

.button {
    float: left;
    width: auto;
    padding: 20px;
    color:#ffffff;
		background-color:#ed8001;
    border: 1px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
		text-decoration: none;
		text-transform:uppercase;
		font-size:16px;
}
.button:hover {
    background-color:#e79337;
}

.startQuiz {
    margin-top: 40px;
}

.tryAgain {
    float: none;
    margin: 20px 0;
}

/* clearfix */
.quizArea, .quizResults {
    zoom: 1;
}
.quizArea:before, .quizArea:after, .quizResults:before, .quizResults:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.quizArea:after, .quizResults:after {
    clear: both;
}

.questionCount {
    font-size: 14px;
    font-style: italic;
}
.questionCount span {
    font-weight: bold;
}

ol.questions {
    margin-top: 20px;
    margin-left: 0;
}
ol.questions li {
    margin: 0 0 10px 0;
}

ul.answers {
    margin-left: 20px;
    margin-bottom: 20px;
}

ul.responses li {
    margin: 10px 0px 20px;
}
ul.responses li p span {
    display: block;
    font-weight: bold;
    font-size: 18px;
		margin-bottom:5px;
}
.complete ul.answers li.correct, ul.responses li.correct p span {
    color: #8bb400;
}
ul.responses li.incorrect p span {
    color: #B5121B;
}

.quizResults h3 {
    margin: 0;
		background-color:#ed8001;
		color:#FFF;
		padding:20px 20px 10px 20px;
		
}
.quizResults h3 span {
    font-weight: normal;
    font-style: italic;
}


	.quizResults h4 span {
			font-weight: normal;
			font-style: italic;
			font-size:16px;
			line-height: 20px;
	}
	
.quizResultsCopy {
    margin: 20px 0;
}

.bottom_bar{
	height:50px;
	background: #deeadc; /* Old browsers */
	background: -moz-linear-gradient(left,  #deeadc 0%, #a5c7a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#deeadc), color-stop(100%,#a5c7a6)); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(left,  #deeadc 0%,#a5c7a6 100%); /* Chrome10+,Safari5.1+ */	
	background: -o-linear-gradient(left,  #deeadc 0%,#a5c7a6 100%); /* Opera 11.10+ */	
	background: -ms-linear-gradient(left,  #deeadc 0%,#a5c7a6 100%); /* IE10+ */	
	background: linear-gradient(to right,  #deeadc 0%,#a5c7a6 100%); /* W3C */	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deeadc', endColorstr='#a5c7a6',GradientType=1 ); /* IE6-9 */
}

	.bottom_bar img {
		float:right;
		margin:7px 5px 0 0;
	}


@media (max-width: 600px) {
	body {
		width:96%;
	}
	
}

@media (max-width: 400px) {
	body {
		margin:2px auto;
		width:98%;
	}
	
	.icam_logo {
		margin: 0 0 15px 10px;
		padding-left: 10px;
	}
	
	.quizResults h3 {
		display:block;
		text-align:center;
	}
}