/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}

/* beweb savvy cms styles - updated 19 August 2010 */
/* research specific style overrides */

#footer-nav-iframe {
	width: 700px;
	height: 25px;
	border: 0;
	scrolling: none;
}



.normal, .normal p {
	font-size: 13px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.researchtop {
	border-bottom: 4px solid #015294;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.column {
	margin-bottom: 50px;
}

.tablecontainer {
	border-bottom: 2px solid #015294;
	background-color: #c0d0e8;
	padding: 4px 7px;
	xmin-height: 165px;
}
/* html .tablecontainer{height:165px;}/*ie6*/
.column table {
	width: 100%;
	height: 150px;
}

.column table td {
	color: #000;
	vertical-align: top;
}

.column table table {
	height: auto;
}

.full-col {
	width: 100% !important;
}

div.databox div,
table.databox td {
	padding: 5px;
	vertical-align: top;
	font-weight: normal;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000;
	background-color: #c0d0e8;
}

div.databox div.field,
table.databox td.field {
}

div.databox div.label,
table.databox td.label {
	font-size: 11px;
	font-weight: bold;
	background-color: #c0d0e8;
}

div.databox div.field, div.databox div div td,
table.databox td.field, table.databox td table td {
	background-color: #d1e1f9;
}

div.databox div {
	padding: 0;
}

div.databox .cf {
	border-bottom: 1px solid white;
}

div.databox div.label,
div.databox div.field {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: %;
	padding: 5px;
}

div.databox div.field {
	border-left: 1px solid white;
	width: 45%;
}

div.databox div.field.reponsive-fix {
	min-height: 44px;
	background-color: #d1e1f9;
}

div.databox div.field.reponsive-fix div {
	background-color: #d1e1f9;
}


@media (max-width: 720px) {
	#wrap {
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	div.databox div.label,
	div.databox div.field {
		width: 100%;
		float: none;
		padding: 10px 20px;
		border-left: none;
	}

	div.databox div.field select,
	div.databox div.field input[type=text] {
		min-height: 24px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 2px;
	}

	div.databox div.field input[type=checkbox] {
		width: 20px;
		height: 20px;
		margin-right: 6px;
	}

	div.databox div.field input[type=text] {
		width: 100% !important;
	}

	div.databox div.field.reponsive-fix {
		min-height: 10px !important; /*fake value*/
	}

	.responsive-button {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none;
		background-color: #015294;
		color: #ffffff;
		padding: 6px;
		display: block;
		-ms-border-radius: 6px;
		border-radius: 6px;
		width: 100%;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		border: 0;
		float: left;
		margin: 10px 0;
	}

	.button-submit.responsive-button {
		width: 75%;
	}

	.button-cancel.responsive-button {
		width: 20%;
		float: right;
		background-color: #7399C6;
	}
}

.survey_intro {
	padding-top: 10px;
	font-size: 13px;
}

.survey_intro h3 {
	font-size: 13px;
}

div.yourdetails,
table.yourdetails {
	width: 542px;
	height: auto;
}

div.yourdetails div,
table.yourdetails td {
	background-color: #7399c6;
	padding: 10px;
	color: #fff;
}

div.normal {
	margin-bottom: 0 !important;
}

div.surveyBtmTbl,
table.surveyBtmTbl {
	margin-top: 15px;
	height: auto;
}

div.surveyBtmTbl div,
table.surveyBtmTbl td {
	xbackground-color: #005395;
	background-color: #7399c6;
	padding: 15px;
}

div.surveyBtmTbl .head,
table.surveyBtmTbl .head {
	margin-bottom: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

div.surveyBtmTbl div p,
div.surveyBtmTbl td p {
	margin-top: 10px;
	font-size: 11px;
	color: #fff;
}

table.questionnaire h2 {
	color: #000;
}

.survey_normal h3 {
	font-size: 13px;
}

.category_checkbox_table label, table label {
	padding-left: 4px;
}

/* old styles below */
/* the following defines the background when editing CMS text, used only in the CMS rich text editor */
body.normal {
	background-image: none;
	background-color: white;
}
/* the following table styles are used within the content area if a CMS user inserts (or pastes in) a table */
.Standard_Table {
	border: 1px solid #999;
	vertical-align: top;
	border-collapse: collapse;
}

.Standard_Table TH {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 5px 3px 5px;
	font-weight: bold;
	text-align: left;
	background-color: #ddd;
}

.Standard_Table TD {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 5px 3px 5px;
}

.Invisible_Gridlines {
	vertical-align: top;
}


.survey_section, .pageheading, .heading {
	font-weight: bold;
	font-size: 13px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #069;
	margin: 4px 0;
}

.survey_heading {
	font-weight: bold;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #036;
	margin: 0 0 10px 0;
}

.survey_question {
	font-weight: bold;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #005395;
	margin: 0 0 10px 0;
}

.survey_small {
	font-weight: normal;
	font-size: 10px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
}


.survey_question_emphasised {
	font: bold 13px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #069;
	margin: 4px 0;
}

.survey_normal {
	font-weight: normal;
	font-size: 12px;
	font-family: "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #555;
	margin: 4px 0 10px 0;
}

.survey_box_td {
	padding: 25px;
}

.survey_box_heading {
	font: bold 18px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #fff;
}

.survey_box_text, .survey_box_text p {
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #fff;
}

.survey_dark_box {
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #fff;
	background-color: #39C;
}

.survey_light_box {
	font: normal 14px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #069;
	background-color: #6cf;
}

.survey_box_friend {
	font-size: 18px;
	width: 150px;
	padding: 5px;
}

.survey_box_email {
	width: 300px;
	font-size: 18px;
	padding: 5px;
}

.survey_box_submit {
	padding: 5px 10px;
}

a.close-x {
	text-decoration: none;
	color: white;
	display: inline-block;
	padding: 0px 3px;
	margin-left: 5px;
	border-radius: 2px;
	transition: all 0.25s ease-in-out;
	moz-transition: all 0.25s ease-in-out;
	webkit-transition: all 0.25s ease-in-out;
	font-weight: bold;
}

a.close-x:hover {
	-webkit-box-shadow: 0 0 5px rgba(50, 50, 80, 0.45);
	-moz-box-shadow: 0 0 5px rgba(50, 50, 80, 0.45);
	box-shadow: 0 0 5px rgba(50, 50, 80, 0.45);
}

/*.databox
{
	background-color: #c0d0e8;
}*/
.dataheading {
	background-color: #039;
	height: 25px;
	color: #fff;
	font: bold 12px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}
/*.field
{
	border-bottom : 1px solid #000;
	padding-right : 5px;
	padding-top: 2px;
	vertical-align: top;
	font:normal 12px  "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000; 
}*/
.fieldsmall {
	border-bottom: 1px solid #000;
	padding-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	font: normal 11px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000;
}
/*.label
{
	border-bottom : 1px solid #000;
	padding-right : 5px;
	padding-top: 2px;
	vertical-align: top;
	font:normal 12px  "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000; 
}*/
.colhead, .colheadunderline {
	border-bottom: 1px solid #000;
	padding-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	font: bold 12px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #000;
}

.colheadunderline-subtle {
	border-bottom: 1px solid #000;
	padding-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	font: bold 12px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #666;
}

.colheadunderlineSubtle {
	border-bottom: 1px solid #000;
	padding-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	font: bold 12px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #069;
}


/* Rating Grid Styles */
table.ratingGrid th {
	background-color: #e5e5e5;
	border-left: 1px solid #ccc;
	padding: 2px 3px;
	color: #069;
	font-weight: normal;
}

table.ratingGrid td {
	background-color: #f1f1f1;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 2px 3px;
	color: #555;
	font-weight: bold;
}

/*Style Refactoring*/
.long-answer-textarea {
	width: 640px;
}

.std-width {
	width: 170px;
}

.greatersay .top-right-nav {
	display: none;
}

.greatersay .researchtop {
	border-bottom: none;
	margin-bottom: 0;
}

.greatersay #footer {
	border-top: 4px solid #779BB1;
}

.greatersay table.databox td {
	background-color: #97C4E0;
}

.greatersay table.databox td.field {
	background-color: #D9EBEF;
}

.hawkesbay .top-right-nav {
	display: none;
}

.hawkesbay .researchtop {
	border-bottom: none;
	margin-bottom: 0;
}

.hawkesbay #footer {
	border-top: 4px solid #779BB1;
}

.hawkesbay table.databox td {
	background-color: #97C4E0;
}

.hawkesbay table.databox td.field {
	background-color: #D9EBEF;
}

.heading {
	width: 100%;
	height: auto;
	position: relative;
}

.heading h2 {
	font-size: 10px;
	font-weight: normal;
	background: none;
	padding: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 99;
}

.heading .progress-bar {
	background: green;
	display: inline-block;
	height: 100%;
	position: absolute;
	-webkit-transition: width 0.5s ease;
	-moz-transition: width 0.5s ease;
	-ms-transition: width 0.5s ease;
	-o-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

.staging-indicator {
	background-color: green;
	color: white;
	position: absolute;
	padding: 5px;
}


.mandatory-validation {
	background: #BD362F url(images/alertbg.png) no-repeat 6px;
	/*url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)*/
	text-transform: uppercase;
	width: 100%;
	display: block;
	color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 0 5px 36px;
}

.consumer-link-progress {
	display: none;
}

.ratingGrid .category_checkbox_table label, .ratingGrid table label {
	padding: 0;
}

.custom-btn-content {
	display: none;
}

.mceContentBody {
	margin: 10px;
}


.hidden-but-active {
	opacity: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


.drag-drop-button {
	background-color: #015294;
	color: #ffffff;
	padding: 12px;
	display: block;
	-ms-border-radius: 6px;
	border-radius: 4px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
	/*text-transform: uppercase; 2025-04-04 jn removed*/
	text-decoration: none;
	border: 0;
	margin-bottom: 10px;
	min-height: 55px;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

@media screen and (max-width: 450px) { /*mobile view*/
	.drag-drop-button {
		padding: 7px;
		margin-bottom: 5px;
	}

}

#ranked-drag-guide {
	width: 10%;
}

#ranked-drag-drop {
	width: 90%;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.ranked-drag-number {
	height: 50px;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #015294;
}
@media screen and (max-width: 450px) { /*mobile view*/
	.ranked-drag-number {
		height: 42px;
	}
}
.top-nav-links {
	margin: 20px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.top-nav-links li {
	list-style-type: none;
	/*flex: 1 0 auto;*/
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}

li.mobile-order-1 {
	order: 1;
}

li.mobile-order-2 {
	order: 2;
}

li.mobile-order-3 {
	order: 3;
}

.top-nav-links li a {
	display: block;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	background: #039763;
	border: 1px solid white;
	padding: 5px;
}

.top-nav-links li.current-tab a {
	background: #012b4c;
}

@media screen and (min-width: 480px) {
	.top-nav-links li {
		order: unset !important;
	}

	.top-nav-links li a {
		padding: 10px;
	}
}


.top-nav-links li a:hover {
	background: #015294;
}