﻿
 body
{
  color: #000;

	
	font-family:'Inter', sans-serif;
	background-image:url('/Images/LoraxNew/english/english455px.jpg') ;
	background-repeat:no-repeat;
	/*background-color: #F8F9FA ; #019DDA, #31B4E8
 background-size:1349px 650px;
	 */
	 background-attachment:scroll;
}


.question
{
	font-size: 14px;
	font-family: 'Inter', sans-serif;
	color:Black;
}

.greeting
{
	font-size: 14px;
	font-family:'Inter', sans-serif;
	color:Black;
}

.disclaimer
{
	font-size: 11px;
	font-family: 'Inter', sans-serif;
}

.option
{
	font: 12px 'Inter', sans-serif;
}

.bodyText
{
	color: #000000;
	font-family: 'Inter', sans-serif;
	font-size: 10px;
	padding-top: 4px;
}

.grayTab
{
	color: #333333;
	font: bold 12px 'Inter', sans-serif;
	background-color: transparent;
}

.grayTab a {
	text-decoration: underline;
	color: #333333;
}

.grayTabOn
{
	color: #FFFFFF;
	font: bold 10px 'Inter', sans-serif;
	background-color: #666666;
}

.title
{
	color:#000000;
	font-family:'Inter', sans-serif;
	font-size:16px;
	font-weight:bold;
}

.titleMusic
{
	color: Red;
	font-family:'Inter', sans-serif;
	font-size:16px;
	font-weight:bold;
}

.bodyText
{
	color: #000000;
	font-family:'Inter', sans-serif;
	font-size:12px;
	font-style:normal;
}

.bodyText a
{
	text-decoration: underline;
	color: #5a84d6;
}

.bodyText a:hover
{
	text-decoration: none;
	background-color: #0066FF;
	color: #FFFFFF;

}

.navBar
{
	border-bottom: #E9ECEF 2px solid;
}

.results td
{
	font-family: 'Inter', sans-serif;
	font-size: 11px;
}

.BlackFont
{
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	color: Black;
	text-size-adjust: none;
}

.LargeRedFont
{
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	color: Red;
}

.VeryLargeNielsenBlueFont {
	margin-bottom: 0;
  font-family: "Knockout 28 A", "Knockout 28 B", sans-serif;
  font-size: 34px;
  line-height: 34px;
  letter-spacing: .7px;
  font-weight: 400;
  font-style: normal;
	text-transform: uppercase;
	color: #000;
}

.baseBar
{
	background: #313740;
  height: 20px;
	padding: 0 60px;
	font-family: 'Inter', sans-serif;
  font-weight: 400;
	font-style: normal;
	width: 100% !important;
}

.baseBar a
{
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}

.baseBar td:last-child {
    text-align: right;
}

.headerLeft
{
	float: left;
	clear: none;
}

.headerRight {
	display: none;
}

.LargeBlackFont
{
	font-family:  'Inter', sans-serif;
	font-size: 16px;
	color: Black;
	font-weight: bold;
}

.btnBlue
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: #31B4E8;
	cursor: pointer;
  	text-transform: uppercase;
  	font-size: 18px;
  	line-height: 24px;
  	letter-spacing: 1px;
  	border-radius: 2px;
  	padding: 5px 15px;
  	margin: 10px 0;
  	color: #fff;
  	white-space: normal;
  font-family: 'Inter', sans-serif;
  	font-weight: 400;
  	font-style: normal;
}

.btnGreen
{
	/*  url(images\btnBg1.jpg) repeat-x; */
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: #FFB100;
	cursor: pointer;
		text-transform: uppercase;
  	font-size: 18px;
  	line-height: 24px;
  	letter-spacing: 1px;
  	border-radius: 2px;
  	padding: 5px 15px;
  	margin: 10px 0;
  	color: #fff;
		white-space: normal;
	font-family: 'Inter', sans-serif;
  	font-weight: 400;
  	font-style: normal;
}

.grayContentSquare
{
/*	background-color: #fff;*/
	width: 980px;
}

td[style="width: 250px"],
td[style="width: 131px"] {
	padding-bottom: 20px;
}

.bodyText table {
	width: 100% !important;
}

#QuestionTextArea1_lblCharCount {
  padding-right: 60px;
}

#QuestionText1_txtTextArea {
	width: 88% !important;
}

table[width="90%"] {
	padding-left: 60px;
}

table[style="width: 1000px;padding-left: 20px;"],
table[style="width: 1000px; padding-left:20px;"],
table[style="width:1000px; padding-left:10px;"] {
	width: 100% !important;
}

table[style="width: 1000px; padding-left:20px;"] img {
	width: 97% !important;
}

table[style="width: 1000px; padding-left:20px;"] td {
	width: 50% !important;
}
.RebrandContent
{
    vertical-align:top;
 text-align:left;
    width:50% !important;
    }

@media (max-width: 990px) 
{
   .RebrandContent
{
    vertical-align:top;
 text-align:left;
    width:50% !important;
    }
	.grayContentSquare {
		width: 90%;
	}

  table[width="980"] {
    width: 100%;
  }

  #QuestionText1_txtTextArea {
    width: 82% !important;
  }

  td[style="width: 200px;"] {
    display:inline-block;
    width: 150px !important;
  }

  table[style="width: 850px;"] {
    padding-left: 0 60px;
    width: 100% !important;
  }

  td[style="width: 335px;"] img {
      width: 400px !important;
  }
}

@media (max-width: 767px) 
{
    
    body
{
  color: #000;

	
	font-family:'Inter', sans-serif;
	background-image:url('/Images/LoraxNew/english/englishmobile.jpg') ;
	background-repeat:no-repeat;
	/*background-color: #F8F9FA ; #019DDA, #31B4E8*/
	 background-size:767px 1275px;
	 background-attachment:scroll;
	 margin:0px !important;
	
}


    .RebrandContent
{
    vertical-align:top;
 text-align:left;
    width:100% !important;
    }
	.grayContentSquare {
		width: 100%;
	}
	.baseBar td, .baseBar td:last-child {
		text-align: center;
	}
	.baseBar td {
		display: block;
	}
.baseBar_RB td, .baseBar_RB td:last-child {
		text-align: center;
	}
	.baseBar_RB td {
		display: block;
	}
  table[style="width: 850px;"] {
    padding: 0 20px;
    width: 100% !important;
  }

  #QuestionText1_txtTextArea {
    width: 93% !important;
  }

	td[colspan="2"] {
		padding: 0 0 0 20px;
	}

  #QuestionMultiSelect1_cblMultiSelect,
  #QuestionSingleSelect1_rblSingleSelect,
  #QuestionText1_txtTextArea,
  #QuestionMultiTextBox1_MultiTextBoxOptions,
  #QuestionTextArea1_lblMaxCharacters {
  	padding-left: 20px
  }

  #QuestionTextArea1_lblMaxCharactersRemaining {
    padding-right: 0;
  }

  table[width="250"] {
    display: inline;
  }

  table[width="250"] div {
  	width: 210px !important;
  }

  table[width="90%"] {
    padding-left: 10px;
  }

  td[style="width: 200px;"],
  td[style="width: 200px; "],
  td[style="width: 200px"] {
    display: block;
  }

  td[style="width: 235px;"],
  td[style="width: 235px; "],
  td[style="width: 235px"] {
  	display: block;
  	padding-bottom: 15px;
  }

  td[style="width: 235px;"] input,
	td[style="width: 235px; "] input,
	td[style="width: 235px"] input {
		width: 260px !important;
	}

  #QuestionTextArea1_lblCharCount {
    padding-right: 0;
  }

  #QuestionTextArea1_lblMaxCharacters {
    padding-left: 0;
  }

  .bodyText td {
      display:block;
  }

  td[style="padding-top:15px; width:400px; vertical-align:top;"] {
      width: 97% !important;
  }

  td[style="width: 335px;"],
  img[style="width:350px;float: right; padding-right: 10px;"],
  td[rowspan="4"] {
    display: none;
  }

  table[style="width:1000px; padding-left:10px;"] td,
  table[style="width:1000px; padding-left:10px;"] td img {
      width:100% !important;
  }

  table[style="width: 1000px; padding-left:20px;"] td,
  table[style="width: 1000px; padding-left:20px;"] img {
      display:block;
      width: 100% !important;
  }

  td.grayTab {
          width: 100%;
  }

  #QuestionText1_txtTextArea {
  margin-left: 20px;
  }

   #QuestionTextArea1_lblMaxCharacters {
        padding-left: 20px;
   }
}

@media (max-width: 400px) 
{
    body
{
  color: #000;	
	font-family:'Inter', sans-serif;
	background-image:url('/Images/LoraxNew/english/englishmobile.jpg') ;
	background-repeat:no-repeat;
	/*background-color: #F8F9FA ; #019DDA, #31B4E8
	 background-size:470px 1275px;*/
	 background-attachment:scroll;
	 margin:0px !important;
	 background-position-y:center;
	
}

    
	td[style="width: 250px"] input {
		width: 100%;
	}

	td[style="width: 250px"],
	td[style="width: 250px;height: 18px;"] {
		width: 150px !important;
	}
	
	.RebrandContent
{
    vertical-align:top;
 text-align:center;
    width:100%;
  
    }.MobPad10{padding:10px;}
     .MobHeight
           {
               
               line-height:41px;
               }
               .LogoAlign{text-align:center;
                          float:none !important;}
                          
       .baseBar_RB a
{color:#fffff !important;}                 
                          
}
	
	




/* Digital Rebranding changes on 3/30/2022*/
.FooterGray{color:Gray;}
.RebrandingFont
{
   font-family: 'Inter', sans-serif;
    }
    .VeryLargeNielsen_BlueFont {
	margin-bottom: 0;
  /* font-family: "Knockout 28 A", "Knockout 28 B", sans-serif;
  text-transform: uppercase; */
  font-family: 'Inter', sans-serif;
  font-size: 42px;
  line-height: 42px;
  letter-spacing: .7px;
  font-weight: 600;
  font-style: normal;
	
	color :#2765F0 !important;
}
    
    .BlackFont
{
	font-family:  'Inter', sans-serif;
	font-size: 16px;
	line-height:24px;
	color: Black;
	text-size-adjust: none;
}
.btnBlueN
{
	
	background :url('/Images/LoraxNew/english/login_english.png') no-repeat center;
	
  	background-size:80px 35px;
  	
  	background-repeat:no-repeat;
  	
  	
  	border-style: none;
	
	border-width: 0;
	
	cursor: pointer;
  	/* text-transform: uppercase; */
  	font-size: 16px;
  	line-height: 24px;
  	letter-spacing: 1px;
  
  	padding: 5px 15px;
  	margin: 10px 0;
  	color: #fff;
  	white-space: normal;
  font-family: 'Inter', sans-serif;
  	
  	font-style: normal;
	 
  	
}.btnBackNew
{
	
	background :url('/Images/LoraxNew/english/login_english.png') no-repeat center;
	
  	background-size:66px 35px;
  	
  	background-repeat:no-repeat;
  	
  	
  	border-style: none;
	
	border-width: 0;
	
	cursor: pointer;
  	/* text-transform: uppercase; */
  	font-size: 18px;
  	line-height: 24px;
  	letter-spacing: 1px;
  
  	padding: 5px 15px;
  	margin: 10px 0;
  	color: #fff;
  	white-space: normal;
  font-family: 'Inter', sans-serif;
  	
  	font-style: normal;
	 
  	
}
.btnESP_Orange
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: #FA7000;
	cursor: pointer;
  	/* text-transform: uppercase; */
  	font-size: 18px;
  	line-height: 24px;
  	letter-spacing: 1px;
  	border-radius: 2px;
  	padding: 5px 15px;
  	margin: 10px 0;
  	color: #fff;
  	white-space: normal;
  font-family: 'Inter', sans-serif;
  	font-weight: 400;
  	font-style: normal;
}
.LargeBlackFontNew
{
	font-family: 'Inter', sans-serif;
	font-size: 16px;
	color: Black;
	
}
.NewblueColor
{
    color :#002041 !important;
    }
.NewOrangeColor
{
    color :#FA7000 !important;
    }
    
    
    .bodyText_new
{
	color: #000000;
	font-family:'Inter', sans-serif;
	font-size:12px;
	font-style:normal;
}

.bodyText_new a
{
	text-decoration: underline;
	color: #6E37FA;
}

.bodyText_new a:hover
{
	text-decoration: none;
	background-color: #6E37FA;
	color: #FFFFFF;

}
.baseBar_RB
{
	
  height: 20px;
	padding: 0 2px;
	font-family:'Inter', sans-serif;
 
color: #000000;
	width: 100% !important;
}

.baseBar_RB a
{
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
 .baseBar_RB a:hover
{
    background-color: white; text-decoration: none;
    color: #000000;
}
.baseBar_RB td:last-child {
 /*   text-align: right;*/
}

#LoraxReels img
        { width: 455px;  }
#LoraxReelsES img
        { width: 455px;  }
#RebrandingImg_legacy img
        {width: 455px; }
#imgLoginPeople img
        {width: 455px; }
#imgLoginPeopleES img
        {width: 455px;}
       .Tdheight
       {height:20px !important;
           }
           .Tdheight20{height:30px !important;
           }
        
               .LogoWidth{width:172px;}
/*rebranding end*/