body{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:40px;
	background-color:#ffffff;
	font-family: Arial, sans-serif;
    font-size: 18px;	
}

/* THIS PREVENTS A MOBILE DEVICE FROM ZOOMING-IN WHEN THE DEVICE IS IN LANDSCAPE */
html {
	-webkit-text-size-adjust: none;
}

img{
	display:inline-block;
}

h1{
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 0;
	padding: 0;
	display: inline-block;
}

h2{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #414042;
}

a{
	color: #565eaf;
}

a:focus, input:focus, textarea:focus{	
	outline: 3px solid #000000 !important;	
	outline-offset: 2px;
}

.ContactUsInfo > a:focus, .FaqsInfo > a:focus{	
	outline: 2px solid #ffffff !important;
	outline-offset: 2px;
}

.nobr{
	white-space: nowrap;
	display: inline;
}


.skip-link {
    background-color: #4D4D4D;    
    color: #ffffff;        
    padding: 20px;
	position: fixed;
    left: -200px;
    top: 10px;
    text-decoration: none;   
	box-sizing: border-box;
	display: inline-block;
	transition: left 0.25s;
	z-index: 100000;
	font-weight: bold;
}


.skip-link:focus {
    left: 10px;    
}



.SmallLinks{	
	text-decoration:none;
	color:#ffffff;
}

.SmallLinks:focus{	
	outline: 3px solid #ffffff !important;
}

.GoToNavArea{
	display: none;
}

.BetaBadge{
	display: inline-block;	
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0c60a2;
	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	box-sizing: border-box;
	border-radius: 2px; 	
	margin-right:8px;
}

.QuestionContainerTable{
	width: 1190px;
}

.QuestionContainer{		
	padding-left:10px;
	padding-right:10px;
}

.ProgressContainer{	
	padding-left:50px;
}




/********* INCLUDE AND EXCLUDE TEXT STYLES IN GRIDS *********/

.summary-header{	
	font-family: Arial, sans-serif;
    font-size: 18px;
	font-weight: bold;
	display:block;
	vertical-align:middle;	
	overflow: hidden;	
	cursor:pointer;	
	color: #414042;
}

.summary-header:hover{	
	text-decoration: underline;
}

.summary-icon{	
	float: left;
	margin-right: 10px;
	background: url('https://portal.iffresearch.com/SPSSMR/ImageCache/ImageCache.aspx?Project=T11005Y6&File=en-US/images/plus_sign2.png') no-repeat;
	width: 24px; /* Width of new image */
	height: 24px; /* Height of new image */
	display:block;
	vertical-align:middle;
	cursor:pointer;	
}

div.summary-description > ul{	
    padding-left: 1em;
}

div.details > div.summary-description{
	display: none;
	padding-left: 34px;
}

.Showme {
	display:block !important;
}

.minus-icon {
	background: url('https://portal.iffresearch.com/SPSSMR/ImageCache/ImageCache.aspx?Project=T11005Y6&File=en-US/images/minus_sign2.png') no-repeat !important;
}


/********* 2022 NEW VERSION - INCLUDE AND EXCLUDE TEXT STYLES IN GRIDS *********/

details > summary {
  cursor: pointer;
  list-style: none;
  vertical-align:middle;
  color: #565eaf;
  text-decoration: underline;
}

details > summary:focus{	
	outline: 3px solid #000000 !important;	
	outline-offset: 2px;
}


details[open]  {

}

summary:before {
    display:inline-block;
    content: '>';
    font-family: Consolas,monaco,monospace;
    font-size:30px;
    text-align: center;
    vertical-align:middle;
    width: 30px;
    height: 30px;
    line-height:25px;
}

details[open] summary:before {
    transform: rotate(90deg);
}




/********* ERROR STYLES *********/

.ErrorContainer{
	display:none;	
}

.ErrorHeaderCell{
	
}

.ErrorHeader{	
	padding:15px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	background-color: #d0021b;
	color:#ffffff;
}

.ErrorHeaderBody{	
	padding:15px;
	line-height: 170%;
	background-color: #fae6e8;
}


.mrErrorText {
    display: inline-block;
	width: 100%;
	margin-bottom:10px;
	padding:10px;
	font-family: Arial, sans-serif;
	font-weight: normal !important;
    font-size: 18px;
	line-height:150%;  
	color: #000000 !important;
	background-color: #fae6e8;
	border-left: 9px solid #d0021b;
	box-sizing: border-box;	
}




/********* PROGRESS-SIDEBAR STYLES *********/

.ProgressList{
	list-style-type: none;
	padding: 0px;	
	margin-left: 9px;	
}

.ProgressTickOff{
	display: inline-block;
	width:18px;	
	height:18px;	
	margin-right: 10px;
}

.ProgressTickOn{
	display: inline-block;
	width:18px;	
	height:18px;	
	margin-right: 10px;
	background: url('https://portal.iffresearch.com/SPSSMR/ImageCache/ImageCache.aspx?Project=T11005Y6&File=en-US/images/tick2.jpg') no-repeat;
	
}

.ProgressTab{
	min-height: 45px;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	color: #414042;
	text-align: left;
	box-sizing: border-box;
	border-bottom: 1px solid #000000; 
}

.ProgressTabCurrent{	
	/*
	background-color: #f0f0fa;	
	box-shadow: -9px 0px 0px 0px #013f58;
	border-left: 1px solid #013f58 !important; 
	*/
}

.ProgressTab > a:focus{
	outline: 3px solid #000000 !important;
}





/********* SECTION HEADER IN MAIN QUESTION AREA STYLES *********/

.SectionNumber{	
	width:45px;
	height:45px;
	text-align:center;
	vertical-align:middle;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;	
	color: #ffffff;	
	background-color: #013f58;	
	-webkit-border-radius: 25;
	-moz-border-radius: 25;
	border-radius: 25px;  
}

.SectionText{	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	/*padding-left:15px;*/
}


/********* FORM ELEMENTS STYLES *********/

.mrQuestionText{
    font-family: Arial, sans-serif;
    font-size: 18px;
	line-height:150%;
	color:#414042;
}

.MainQuestionText {
    font-family: Arial, sans-serif;
    font-size: 28px;
	font-weight: bold;
	line-height:150%;	
	color:#414042;
}

.InstructionText{	
    font-family: Arial, sans-serif;  
	font-size: 18px;
	line-height:150%;		
	background-color: #f0f0fa;  
	padding:15px;
	width: 100%;
	border-left: 9px solid #013f58;
	box-sizing: border-box;		
}

.WarningText{	
    font-family: Arial, sans-serif;  
	font-size: 18px;
	font-weight: bold;
	line-height:150%;		
	background-color: #fdf6ec;  
	padding:15px;
	width: 100%;
	border-left: 9px solid #fd7720;
	box-sizing: border-box;		
}

/* This is used to stop bullet lists within the 'InstructionText' style from indenting */
.InstructionText UL {
	padding-left: 1em;
}

.mrBannerText {
    display: inline-block;
	font-family: Arial, sans-serif;
    font-size: 18px;
	line-height:150%;	
}

.mrSingleText, .mrMultipleText { 
    font-family: Arial, sans-serif;
    font-size: 18px;
    display: inline-block;
    width: 90%;
    vertical-align: middle;	
	color:#414042;
	margin:5px;
}
 
/* This style will make the Radio / Checkbox buttons bigger. */
.mrSingle, .mrMultiple[id*="_C"], .mrMultiple[id*="_F"], .mrMultiple[id*="_X"] { 
	height: 38px; 
	width: 38px;
	vertical-align: middle;		
}



.mrSingle:focus, .mrMultiple[id*="_C"]:focus, .mrMultiple[id*="_F"]:focus, .mrMultiple[id*="_X"]:focus{
	outline: 2px solid #000000 !important;
}



	
.mrEdit { 
	border: 2px solid #000000;	
	border-radius: 5px;
	font-family: Arial, sans-serif;
    font-size: 18px;
	padding:10px;
	box-sizing: border-box;
	width:100%;
}

/* This style is for textboxes used for 'other specifys' */
span[id^="Cell"] .mrEdit { 
	margin-top: 15px;
}

textarea{	
	width:95%;	
}

.mrDropdown { 
	border: 2px solid #000000;	
	border-radius: 5px;
	font-family: Arial, sans-serif;
    font-size: 18px;
	padding:10px;
	width:100%;
	box-sizing: border-box;
	margin-bottom:15px;
}

.mrDropdown:focus {    
	box-shadow: 0 0 0 3px #FFBF47;	   
}

span[id^="Cell"] {
	display: inline-block;
    border-radius: 5px;
	border: 2px solid #000000;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 100%;
	background-color: #ffffff;
	cursor:pointer;	
	-webkit-transition: background-color 0.25s, border 0.25s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.25s, border 0.25s;
}

.highlight_code{	
	border: 2px solid #000000 !important;			
	box-shadow: 0 0 0 3px #FFBF47;	
}


.highlight_gridcode{	
	border: 1px solid #000000 !important;		
}

.highlight_gridrow{	
	background-color: #414042 !important;  
	border-color: #414042 !important; 
	
}

.mrQuestionTable {
    border-collapse: collapse;
}

.mrGridQuestionText, .mrGridCategoryText {
    padding: 10px;
	border: 1px solid #000000 !important;
}

.mrGridQuestionText > .mrQuestionText {    
	font-size: 18px !important;	
}

.mrGridCategoryText > .mrQuestionText {    
	font-size: 18px !important;	
}











.ContactUsCloseButton{	
	width:30px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 31px;
	font-weight: bold;	
	color: #545454;	
	background-color: #ffffff;	
	-webkit-border-radius: 25;
	-moz-border-radius: 25;
	border-radius: 25px;  
	cursor:pointer;
}

#ContactUsLink_small{
	cursor:pointer;	
}


#WebChatButtonTab_small, #ContactUsButtonTab_small, #FaqsButton_small{
	display: inline-block !important;
	vertical-align: text-top !important;
}

.WebChatButtonContainer{
	display:none;
    position: fixed;
    left: -195px;
    top: 220px;
    z-index: 1;	
	transition: left 0.25s;
	box-sizing: border-box;
}

.WebChatButtonTab{    
    border-top-right-radius: 8px;    
    border-bottom-right-radius: 8px; 	
}

.ContactUsButtonContainer{
	display:none;
    position: fixed;
    left: -610px;
    top: 440px;
    z-index: 2;	
	transition: left 0.25s;	
}

.ContactUsInfo{
    width:610px;
	background-color: #545454;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	line-height:140%;
    font-size: 11pt;
	color: #ffffff;
	padding:10px;
	vertical-align:top;
}

.FaqsButtonContainer{
	display:none;
    position: fixed;
    left: -200px;
    top: 700px;
    z-index: 3;	
	transition: left 0.25s;		
}

.FaqsInfo{
    width:200px;
	background-color: #545454;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	line-height:140%;
    font-size: 11pt;
	color: #ffffff;
	padding:10px;
	vertical-align:top;
}


.SmallLinksContainer{
	/*display:none;	*/
}

.ContactUsRowContainer{
	display:none;	
}

.ContactUsRowContainer_show{
	display:block;	
}

.WebChatButtonContainer:hover, 
.ContactUsButtonContainer:hover, 
.FaqsButtonContainer:hover, 
.WebChatButtonContainer:focus, 
.ContactUsButtonContainer:focus, 
.FaqsButtonContainer:focus{    
    left: 0px;    
	outline: 3px solid #000000 !important;
}


/*USED TO SHOW THE LEFTHAND SLIDE OUTS WHEN TABBING THROUGH THE PAGE*/
.showSlideOut{    
    left: 0px !important;    
}


.LogoTable{
	width:1190px;
}

.LogoRowContainer{
	background-color:#ffffff;		
	padding:0px;	
	box-sizing: border-box;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.SurveyHeaderTable{
	width: 1190px;
}

#SmallLinksTable{
	width: 500px;
}


.SurveyHeader{
	background-color:#013f58;					
	height:40px;
	box-sizing: border-box;
	vertical-align:middle;		
}

.LinksHeader{
	background-color:#3b7a9e;					
	height:40px;
	box-sizing: border-box;
	vertical-align:middle;		
}

.ContactUsRowHeader{
	background-color:#545454;						
	box-sizing: border-box;
	vertical-align:middle;		
}

.SurveyHeaderText{	
	color: #ffffff;			
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	min-width: 150px;
	vertical-align:top;		
}


.PrintButtonLink{
	background-color: #f3f2f1;  
	width:170px;	
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;  
	font-family: Arial, sans-serif;
	font-size: 14px;	
	font-weight: bold;
	color: #414042;  
	padding: 10px 10px 10px 50px;	
	display: inline-block;    
	vertical-align: middle;	
	background-image: url(https://portal.iffresearch.com/SPSSMR/ImageCache/ImageCache.aspx?Project=T11005Y6&File=en-US/images/print_icon2.png);
	background-repeat: no-repeat; 
	background-size: 28px; 
	background-position: 10px 10px;
	box-sizing: border-box;
	line-height: 29px;
	height:48px;	
}

.PrintButtonLink:hover, .PrintButtonLink:focus{
	background-color: #dbdad9;
	outline: 3px solid #000000 !important;
}

.mrPrev, .mrStop {	
	font-family: Arial, sans-serif;
	font-size: 18px;	
	color: #565eaf;	
	background-color: #ffffff;  
	cursor:pointer;
	border: none;
	margin-left: -8px;	
	text-decoration: underline;
}

.mrNext {
	background-color: #0B5B2F;  
	width:320px;
	height:50px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;  
	font-family: Arial, sans-serif;
	font-size: 18px;	
	font-weight: bold;
	color: #ffffff;  
	padding: 10px 10px 10px 10px;  
	text-decoration: none;
	cursor:pointer;
	border: none;
	margin-bottom: 40px;
}

.mrNext:hover {
	background-color: #0f8143;
	text-decoration: none;
}

.RegisterLink {
	color: #ffffff !important;  
	text-decoration: none;
}

.RegisterButton {
	background-color: #0f8143;  
	width:320px;	
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;  
	font-family: Arial, sans-serif;
	font-size: 14pt;	
	font-weight: bold;	
	padding: 10px;  
	text-decoration: none;
	cursor:pointer;
	border: none;	
}

.RegisterButton:hover {
	background-color: #14a456;
	text-decoration: none;
}




.StartSurvey {
	background-color: #3b7a9e;  
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;  
	font-family: Arial, sans-serif;
	font-size: 12pt;	
	color: #ffffff;  
	padding: 10px 10px 10px 10px;  
	text-decoration: none;
	cursor:pointer;
	border: none;
	width:100%;
	box-sizing: border-box;
}

.StartSurvey:hover{
	background-color: #414042;
	text-decoration: none;
}


div[id^="AddToSearch"]{		
	cursor:pointer !important;		
}

.LoginBoxContainer{
	height:580px;	
}

.LoginBox{
	display: inline-block; 
	vertical-align: top; 
	width: 45%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #545454;
	background-color: #f0f0fa;
	padding:30px;	
	margin: 10px;
	box-sizing: border-box;
}

.DateBox{
	display: inline-block; 
	vertical-align: top; 
	width: 48%;
	height: 100%;	
}

.PortalBox{
	display: inline-block; 
	vertical-align: top; 
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border: 1px solid #545454;
	background-color: #f0f0fa;
	padding-top:15px;
	padding-right:15px;
	padding-left:15px;		
	box-sizing: border-box;
	text-align: left;
}

.percentbox{
    display: inline-block;
    background-color: #e2e2e3;
    padding: 10px;
    border: 2px solid #000000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-left: -2px;
}

@media (max-width: 490px) {
	
	#SmallLinksTable{
		width: 100%;
	}
	
}

@media (max-width: 650px) {

	.DateBox{		
		width: 100%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
}


@media (max-width: 950px) {
	
	.LoginBoxContainer{
		height:auto;	
	}

	.LoginBox{		
		width: 97%;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
	}	
	
}

@media (max-width: 1000px) {
	.ProgressContainer{
		display: none;
	}	
	
	.mrSingleText, .mrMultipleText { 
		width: 80%;
	}
}	

@media (max-width: 1200px) {	

	.LogoTable, .SurveyHeaderTable, .QuestionContainerTable{
		width:100%;
	}

}


@media (max-width: 1350px), (max-height: 870px) {
	.WebChatButtonContainer, .ContactUsButtonContainer, .FaqsButtonContainer{
		display: none;
	}
	
	.SmallLinksContainer{
		/*display:block;*/
	}

}	

@media (min-width: 1350px) (min-height: 820px){
	.ContactUsRowContainer{
		display: none;
	}
	
}

@media (max-width: 1280px) {	

	

}

@media (max-width: 700px) {	
	
	.mrGridQuestionText, .mrGridCategoryText { 
		padding: 3px !important;
		width: 100% !important;
		font-size: 10px !important;	
	}
	
	.mrGridQuestionText > .mrQuestionText {    
		font-size: 10px !important;	
	}

	.mrGridCategoryText > .mrQuestionText {    
		font-size: 10px !important;	
	}
	
	.summary-header{			
		font-size: 10px;		
	}
	
	.summary-icon, .minus-icon  {
		background-size: 14px;
		width: 14px; /* Width of new image */
		height: 14px; /* Height of new image */
	}	

	.nobr{
		white-space:normal;
	}

	#ifflogo{
		display:none;
	}
	
	.mrNext {
		width:100%;
	}

	.mrSingleText, .mrMultipleText { 
		width: 75%;
	}	
	
}


/*
@media (min-width: 1350px){
	.ContactUsRowContainer{
		display: none;
	}
	
}
*/