/* General Styles */

h3, h4 {
	font-family: Arial, san-serif;
	font-weight: bold;
	color: black;
	line-height: 1;
	margin: 10px 0px 10px 0px;
}

#content3 h4 {
	margin-top: 50px;
}

hr {
	border-color: #d9e3f7;
}

#content3 img {
	margin-bottom: 30px;
	margin-left: calc(50% - 117px)
}

a, a:hover {
	color: #23468c;
}

/* Change Widths of Content 2 and Content 3 */

#content2 {
	width: 20%;
	box-sizing: border-box;
	margin: 0px;
	padding: 20px;
	position: relative;
	top: 170px;
}

#content3 {
	width: 80%;
	box-sizing: border-box;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}

div#content1 img {
    margin: 20px auto;
    display: block;
}


/* Hide stuff in content 4 */
#content4 {
	display: none;
}

/* Progress Bar */

div.arrow-steps.clearfix {
	margin-bottom: 40px
}

.arrow-steps .step {
	font-size: 14px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 3px;
	padding: 8px 30px 8px 50px;
	min-width: 227px;
	float: left;
	position: relative;
	background-color: #d9e3f7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 17px solid #d9e3f7;	
	z-index: 2;
  transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;	
	z-index: 0;
}

.arrow-steps .step:first-child:before {
	border: none;
}

.arrow-steps .step span {
	position: relative;
}

.arrow-steps .step span:before {
	opacity: 0;
	position: absolute;
	top: -2px;
	left: -20px;
}

.arrow-steps .step.done span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}

.arrow-steps .step.current {
	color: #fff;
	background-color: #23468c;
}

.arrow-steps .step.current:after {
	border-left: 17px solid #23468c;	
}

.step a, .step a:hover{
  color: inherit;
  text-decoration: none;
}

/* Additional Brands */
#addbrands p{
	line-height: 2
}

/* Account Status Message */
.accountstatus {
	color: red;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* Blue Bars */
.dkbluehead {
	background-color: #23468c;
	color: white;
	padding: 5px;
	width: 100%;
	margin: 0px;
	box-sizing: border-box;
}

.dkblueheadwof {
	background-color: #23468c;
  color: white;
	padding: 5px;
	width: 725px;
	margin: 0px;
	box-sizing: border-box;
}

.shortwidth {
	width: 140px;
	margin: 0px;
	box-sizing: border-box;
	display: inline-block;
}

.shortwidthwof {
	width: 290px;
	margin: 0px;
	box-sizing: border-box;
	display: inline-block;
}

.longwidth {
	width: 275px;
	margin: 0px;
	box-sizing: border-box;
  display: inline-block;
}

.ltbluehead {
	width: 100%;
	background-color: #d9e3f7;
	color: black;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	box-sizing: border-box;
}

div.dkbluehead + div.ltbluehead,
div.dkblueheadwof + div.ltbluehead
{
  margin-top: 0px;
}

/* Nlet and Deployment Styles */

.nletname {
	width: 100%;
	color: #23468c;
	padding-left: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.freq,
.sample {
	width: 140px;
  padding-right: 10px;
	box-sizing: border-box;
	line-height: 1;
	display: inline-block; 
  vertical-align: top;
}

.drg-element-type-deployment-type.drg-element-sub-type-none .questionlabel,
.drg-element-type-product.drg-element-sub-type-type-2 .questionlabel,
 {
	width: 140px;
	box-sizing: border-box;
	line-height: 1;
}

.drg-element-type-deployment-type.drg-element-sub-type-none,
.drg-element-type-product.drg-element-sub-type-type-2, 
.ltbluehead ~ .drg-element-type-demographic.drg-element-sub-type-type-1
{
  display: inline-block; 
  vertical-align: top;
	width: 155px;
  padding-right: 10px;
	box-sizing: border-box;
  padding-left: 5px;
}

.nletdesc {
	width: 275px;
	display: inline-block;
  padding-right: 10px;
	box-sizing: border-box;	
	line-height: 1;
}

p[id^="pp"] .questionlabel, p[id^="pd"] .questionlabel,
.ltbluehead ~ .drg-element-type-demographic.drg-element-sub-type-type-1 .questionlabel {
	display: none;
	margin-bottom: 0px;
}

.ltbluehead ~ .drg-element-type-demographic.drg-element-sub-type-type-1 p {
	display: none;
}

p[id^="pp"], p[id^="pd"] {
	margin-bottom: 0px;
}

/* Consent */
#stndprivacy {
  margin-top: 10px;
}

#pd1915, #pd2174, #pd2175, #pd2176 {
  margin-left: 16px; 
  width: 100%;
  margin-top: 10px;
}

#pd1915 input, #pd2174 input, #pd2175 input, #pd2176 input{
  margin-left: -16px
}


/* Button */

#submitbtn {
display: none;
}

#prefbtn {
	text-align: center;
	margin-top: 50px;
}

#prefbtn input {
	background-color: #23468c;
	border: none;
	border-radius: 0px;
	background-image: none;
	color: white;
	text-decoration: none;
	text-shadow: none;
	padding: 10px 20px;
}

#prefbtn input:hover {
	background-color: #d9e3f7;
	color:black;
}

#prefbtn p {
	color: #23468c
}

/* Footer */
.preffooter {
	margin-top: 20px;
	font-size: .8em;
}

.preffooter p{
	margin-bottom: 0px;
}

.preffooter li {
	display: inline;
	margin-right: 30px;
}


/* Faux Newsletters */

.spanc8265, .spanc8266 {
  display: inline-block; 
  vertical-align: top;
  padding-right: 10px;
  padding-left: 5px;
	box-sizing: border-box;
}

.spanc8265 p, .spanc8266 p{
	display: none;
}

.spanc8265 li, .spanc8266 li {
	width: 140px;
  padding-right: 10px;
	box-sizing: border-box;
	line-height: 1;
}

/* Topics of Interest */
.spanc8263 li{
  width: 33%;
	display: inline-block
}

.spanc8263 .questionlabel {
	display: none;
}

/* Social Media */
#socialmedia {
  text-align: center;
  margin-bottom: 10px;
}

#socialmedia a{
text-decoration: none;
}

#socialmedia h4 {
	margin-top: 0px;
}

.confirmation p~h4 {
	text-align: center;
}