h1 {
	display:inline;
	color:#0EA2C0;
	font-family: Arial, Helvetica, Tahoma;
}
body {
	position:relative;
	margin:0px;
	font-size:10px;
	font-family: Arial, Helvetica, Tahoma;
}
#wrapper {
	position:relative;
	font-family: Arial, Helvetica, Tahoma;
	height: 100%;
	overflow: hidden;
	width: 100%;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #ccc;
	background-color:#fff;
}
#header {
	display: none;
	height: 10%;
	position: fixed;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(140, 140, 140, 0.75);
	-moz-box-shadow:    0px 3px 7px 0px rgba(140, 140, 140, 0.75);
	box-shadow:         0px 3px 7px 0px rgba(140, 140, 140, 0.75);
}
#headerLogo {
	display: inline-block;
	margin: 1% 0 0 1%;
	width:50%;
}
#footer {
	width: 100%;
	position: absolute;
	bottom: 4%;
	height: 20%;
}
#footerLogo {
	width: 30%;
	display: inline-block;/* text-align:  right; */
}
#footerLogo img {
	max-width: 100%;
	/* height: auto; */
	/* margin: 0% 5% 2%; */	
	position: absolute;
	right: 3%;
	width:  30%;
	/* bottom: 5%; */
	top: 45%;
}
#questionProgress {
	margin: 0 4% 0 0;
	position: absolute;
	text-align: center;
	top: 0%;
	left:86%;
	width: 10%;
	font-size:120%;
	color:#999;
	display: none;
}
.qNumber {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 8%;
	margin-bottom: 10%;
	text-align: center;
	color: #fff;
	font-size: 190%;
}
.progressBoxes {
	background: none repeat scroll 0 0 rgba(135, 86, 255, 0.1);
	display: inline-block;
	height: 7px;
	position: relative;
	width: 15px;
}
#content {
	display: inline-block;
	height: 83%;
	position: relative;
	
	width: 100%;
	z-index:4;
}
#introContent {
	color:#09738a;
	padding-top: 3%;
	background: #fff;
}
#intro {
	text-align: center;
	margin-top: 5%;
	/*background: url('endoflife_bg.png')bottom left repeat-x;*/
}
/*#introText {
	background: none repeat scroll 0 0 rgba(139, 209, 224, 0.5);
	position: relative;
	float: right;
	height: 13%;
	position: fixed;
	text-align: center;
	width: 53%;
	top: 48.5%;
	right: 0px;
	padding: 1.3em;
    
}*/

#introText p {
	color:fff;
	margin: 3% 0 0;
	padding: 0;
}
#finalResponse {
	color: #315ba9;
	font-family:  Arial, Helvetica, Tahoma;
	text-align:center;
	display:none;
	margin: 8% 3%;
	position:relative;
	z-index:1;
	height:100%;
	padding-top: 1%;
}
#startOver {
	cursor:pointer;
}


#explanationArea {
	height:100px;
	width:100%;
}
#startQuiz {
	/* left: 28%; */
  /*  position: static;*/
	/* top: 78%; */
    width: 100%;
	z-index: 1;
/*	background-color: #333;*/
	text-align: center;
	height: 15%;
}
#startBtn {
	/*position: absolute;*/
	/*position: fixed;*/
	cursor: pointer;
	/*top: 65%;
	left:  28%;*/
	width: 85%;
	margin-top: 2%;
}
#startBtn:hover {
	opacity: .5;
}
#socialBtn {
	margin: 1% 2% 1% 1%;
	cursor: pointer;
	position: absolute;
	right: 1%;
	z-index: 100;
}
#socialBtn span {
	background-image: url(addthis_32x32.png);
	opacity: 1;
	background-position: -32px;
	display: inline-block;
	height: 32px;
	width: 32px;
	position: relative;
	cursor: pointer;
	font-size: 11px;
	line-height: 16px;
}
#socialBtn span:hover {
	opacity: .75;
}
#socialIcons {
	position: absolute;
	width: 100%;
	text-align:right;
	padding: 1%;
	background-color: #fff;
	z-index: 5;
	margin: 0 5px 0 0;
	height: 34px;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}
#socialIcons span {
	/*width:10px;*/
	margin:0px;
}
#socialIcons span div {
	margin: 0 1px 4px -11px;
	width:28px;
!important
}
#socialIcons .twitter {
	width:0px;
	padding-right:0px;
}
#bg {
	height: 11.25%;
	position: absolute;
	top: 70%;
	width: 100%;
}
#bgLines {
}
.pbline {
	width: 100%;
	height: 100%;
	/* opacity: 0.7; */
	display: none;
	background: url('pb_bg.png') no-repeat left;
	background-size: 100%;
}
.pbline div {
	height: 100%;
	float: left;
}

.pbline div.inactive {
	
opacity: .3
}

.pbline div.active {
	opacity: 1.0

}
#moreInfo {
	border: 1px solid;
	height: 10px;
	width: 50px;
	display: inline-block;
	text-align: center;
}
#share {
	border: 1px solid;
	height: 10px;
	text-align: center;
	width: 50px;
	display: inline-block;
}

#jquiz ul, #jquiz ol, #jquiz {
	margin:0;
	padding:0;
	color: #999;
	list-style-type:none;
	z-index: 1;
}
#jquiz {
	position: relative;
	top: 5%;
}
#quizname {
	width: 70%;
	padding: 1% 0px 3% 10%;
	float: left;
	font-size: 120%;
	height: 10%;
	
}
#jquiz .qHeader {
	font-family: Arial, Helvetica, Tahoma;
	font-size:180%;
	margin: 3% 5% 1% 5%;
	color: #0EA2C0;
}
#jquiz ul {
	list-style-type:none;
	margin:0;
	padding:2px 10px 2px 0px;
}
#jquiz ol {
	list-style-type: decimal;
}
#jquiz > li {
	position:relative;
	height:100%;
	width:100%;
}
#jquiz li ul li {
	font-family: Arial, Helvetica, Tahoma;
	font-size:145%;
	cursor:pointer;
	padding: 1% 0 .5% 5%;
	color:#999;
	width: 100%;
}
#jquiz li ul li:hover, .incorrect:focus, .correct:focus {
	cursor:pointer;
	padding: 1% 0 .5% 5%;
}
#jquiz strong {
	font-weight:bold;
}
.wronganswer {
	text-decoration:line-through;
}
.correctanswer {
	color:#00BD00;
}
.realanswer {
	color:#00BD00;
}
.hidden {
	display:none;
}
.explanation {
	padding: 4% 7% 1% 5%;
	color:#878C8E;
	font-size: 130%;
	line-height: 130%;
}
#correctAnswer {
	color:#0EA2C0;
	font-size: 150%;
	padding: 0px;
	margin:0px;
}
#wrongAnswer {
	color:#0EA2C0;
	font-size: 150%;
	padding: 0px;
	margin:0px;
}
.explanation div {
}
.rightbox {
}
.rightbox a {
	color: #808066;
}
.wrongbox {
}
.wrongbox a {
	color: #825C58;
}
#jquizremarks {
	display:none;
	margin: 0 20px;
}
#jquiztotal {
	font-family: Arial, Helvetica, Tahoma;
	font-weight: bold;
	margin: 2% 0 2%;
	padding: 0px;
	color:#0EA2C0;
	font-size: 150%; /*230%*/
	text-align: center;
}

span.tally {
	color: #0EA2C0;
	font-size: 160%;
}
#learnMore {
	font-size: 130%;
}
#learnMore #startOver {
	cursor: pointer;
	margin-left: 2%;
}

.col-1 {
	width: 30%;
	/* padding-right: 3%; */
		
	float:  center;
	display:  inline-block;
	margin-left: 2.5%;
}

.col-1 img {
	max-width: 100%;
	height: auto;	
	-moz-box-shadow: 3px 3px 10px black;
	-webkit-box-shadow: 3px 3px 10px rgb(165, 165, 165);
	box-shadow: 3px 3px 10px rgb(165, 165, 165);
}


.col-1 img:hover {
	opacity: .5;	
}

#IOMcover {
	
	
	
	/* border: 1px solid white; */
	/* width: 18%; */
	
	
}
#embed {
	height: 81%;
	padding: 2% 0 0;
	text-align: center;
	font-size:120%;
}
#subscribe {
	display: block;
	font-size: 105%;
	margin: 2% 0 0;
	position: relative;
	top: 10%;
	width: 100%;
	color: #FFF;
}
#shareQuiz {
	cursor:pointer;
}
#shareQuiz2 {
	cursor: pointer;
margin: 0px 0px 0px 4%;
font-size: 120%;
border-radius: 4px;

padding: 2%;
color: #333;

position: absolute;
top: 6px;
min-width: 60px;
left: 25%;
width: 70%;
text-align: center;
}
#embedCode, #embedCode2 {
	display: none;
	clear:both;
	position: fixed;
	padding: 2%;
	display:none;
	margin: 2% 0 0;
	width: 88%;
	height: auto;
	font-size: 1.3em;
	-moz-opacity: 1.0;
	opacity:1.0;
	filter: alpha(opacity=100);/* For IE8 and earlier */
	height: 70%;
	background-color: #FFFFFF;
	border: 1px solid #91A3A8;
	color: #4B6CB5;
	left: 4%;
	top: 11%;
	float: left;
	/*display: inline;*/
	z-index: 999;
}
#embedCode {
/*clear: both;
	position: absolute;

	float: left;
	display: inline;*/
	 
}
#embedCode2 {
/*position: absolute; */
	/*z-index: 20;*/
	
}
#embedHeader2, #embedHeader {
	height:25%;
	text-align:left;
}
#embedHeader2 p {
	margin:0px;
}
#embedContent2 {
	/*height:50%;*/
	height: 55%;
}
#embedFooter2 {
	display: inline-block;
	height: 25%;
	float: right;
}
#embedFooter2 p {
	margin:0px;
	display:inline;
}
#dynamicWidth2, #dynamicWidth {
	width:40%;
	height:.9em;
}
#dynamicInput2, #dynamicInput {
	width:55%;
	float:right;
}
#dynamicInput2 p, #dynamicInput2 p {
	display:inline-block
}
#embedCode textarea, #embedCode2 textarea {
	width:100%;
	height:90%;
	background:none;
	resize:none;
	border:none;
	font-size:100%;
	font-weight:bold;
	resize:none;
	overflow: auto;
	margin-top: 2%;
	padding: 0;
}
#embedCode2 textarea {
	z-index:10;
}
#embedContent {
	height:50%;
}
#embedFooter {
	height:25%;
}
#embedFooter p {
	display:inline-block;
}
#embedCode p {
	display:inline-block;
	margin: 1% 0 0;
	padding: 0;
}
#newWidth {
	display:inline-block;
}
#copyClipboard {
	float:right;
}
.nextBtn {
	display:inline;
	float:right;
	z-index:10;
	cursor:pointer;
}
.resultsBtn {
	display:inline;
	float:right;
	z-index:10;
	cursor:pointer;
}
.nextBtn:hover, .resultsBtn:hover {
	opacity: .5;	
}

.nextBtn a {
}
#learnMore p.readTheReport {
	color:#FFF;
	margin:0px;
	text-decoration:none;
}
a:link {
	color:#FFF;
	text-decoration:none;
}      /* unvisited link */
/*a:visited {color:#7f3c8b;}  /* visited link */
a:hover {
	color:#FFF;
}  /* mouse over link */
a:active {
	color:#FFF;
}  /* selected link */
#learnMore p.wantto {
	margin:0px;
	color:#FFF;
}
a img {
	border: none;
}
img.closeIcon {
	width: 6%;
	position: absolute;
	top: 0%;
	left: 94%;
	cursor: pointer;
}
/***************** share widget style ************/
#articleDetails p#snippet {
	padding-bottom: 10px !important;
	height: auto !important;
}