body {
  background: url(https://www.prophet-questionnaire.com/Media/P001385/background-1480.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	margin: 0;
	padding: 0;
	font-family: "Calibri W01 Regular_904604" , "Helvetica" , "Arial" , sans-serif;
	-webkit-font-smoothing: antialiased;
}
	.bannerContainer{
									 width: 100%;
									 background-color: #FFFFFF;
									 padding: 0;
									 margin-left 0;
									 vertical-alignment: text-top;
									 }

	.logoContainer{
								 background-color: #FFFFFF;
								 width: 65%;
								 padding-top: 20px;
								 padding-bottom: 20px;
								 vertical-alignment: text-top;
								 }
@media (max-width: 980px) {
.logoContainer {
padding-top: 8px;
padding-bottom: 2px;
}
.bannerContainer TABLE {
width: 95% !important;
}
}
	.plogo{
				 width: 40%;
				 padding-bottom: 10px;}
	.logoText{
						/*font-family: "Calibri" , "Helvetica" , "Arial" , sans-serif;*/
						font-size: 200%;
						font-size: 2.2vw;
						line-height: 1.2;
						color: #003594;
	}
@media (max-width: 980px) {
.logoText {
	font-size: 0.8em;
}
.plogo {
	width: 60%;
	 padding-bottom: 10px;
}

}

	
.insightImageContainer{
							 width: 33%;				 
							 padding-top: 0;
							 vertical-alignment: text-top;	
}
.insightImage{
				width: 85%;
				vertical-alignment: text-top;					 
	}
@media (max-width: 980px) {
.insightImage{
				width: 2em;
				vertical-alignment: text-top;					 
	}
}

	.insightText{
						/*font-family: "Calibri" , "Helvetica" , "Arial" , sans-serif;*/
						font-size: 150%;
						font-size: 1.2vw;
					  line-height: 1.0;
						color: #003594;
	}
@media (max-width: 980px) {
.insightText {
font-size: 0.8em;
}
.insightImage {
width: 2em;
}
}

	.spacerDiv{
						 height: 50px;
	}
	.spacerDiv2{
						 height: 20px;
	}
	.logoRow{
					 display: none;
					}
			
	.roundedTable{
								width: 60%;
								background: #FFFFFF;
								border-style: solid !important;
								border-width: 10px  !important;
								border-color: #FFFFFF !important;
								border-collapse: collapse !important;							
	}
@media (max-width: 980px) {
	.roundedTable{
								width:95%;
	}
}

	#NewNavTable{
	  					  width:60%; 
               	margin-left:20%; 
               	margin-right:20%;
  							background: #FFFFFF;
								padding: 10px;
								border-style: solid !important;
								border-width: 10px  !important;
								border-color: #FFFFFF !important;
								border-collapse: collapse !important;
	}
	
.footer-container{
			width: 60%;
			margin-left: 20%;
			background-color: #FFFFFF;
			text-align: center;
			padding-top: 30px;
}

	
.nav-button {
		/*font-family: "Calibri" , "Helvetica" , "Arial" , sans-serif;*/
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
		font-size: 24px;
    font-size: 1.9vw;
		height: 40px;
    height: 2.5vw;
		max-height: 40px;
    text-align: center;
    width: 50%;
		max-width: 175px;
		padding-top: 4px;
		padding-bottom: 2px;	
		padding-top: 0.25vw;
		padding-bottom: 0.25vw;
}
.exit-button {
		/*font-family: "Calibri" , "Helvetica" , "Arial" , sans-serif;*/
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
		font-size: 24px;
    font-size: 1.9vw;
		height: 40px;
    height: 2.5vw;
		max-height: 40px;
    text-align: center;
    width: 50%;
		max-width: 430px;
		padding-top: 4px;
		padding-bottom: 2px;		
		padding-top: 0.25vw;
		padding-bottom: 0.25vw;
	  background-color: #FFFFFF;
		color: #003594;
		border: 2px solid #003594;
}
.nav-button.disabled {
    background-color: #ddd;
    border-color: #888;
    color: #888;
    pointer-events: none;
}
.BackCell {
					padding-right: 4px;
					padding-right: 2vw;
}
.NextCell {
					padding-left: 4px;
					padding-left: 2vw;
}
.prev-button{
				  background-color: #FFFFFF;
					color: #003594;
    			border: 2px solid #003594;
					/*padding-right: 1vw;*/						
}

.next-button{
				  background-color: #003594;
					color: #FFFFFF;
					border: 2px solid #003594;		
}
#newNext{display: none;}
#newPrev{display: none;}
.mrNext{display: none;}
.mrPrev{display: none;}
.mrStop{display: none;}

.start {
background-color: #003594;
 width: 200px;
 font-family: Calibri W01 Regular_904604, Helvetica , Arial, sans-serif;
font-size: 30px;
 color: #FFFFFF;
 border-style: none;
 padding-top: 5px;
 padding-bottom: 5px;
 cursor: pointer;
}
@media (max-width: 980px) {
.start {
font-size: 18px;
}
}