*{
	box-sizing:border-box;
}
html,body,form{
	width:100%;
}
html{
	position: relative;
    min-height: 100%;
	background-color:#ffffff;
	/*background: #666666 url('https://survey5.cobalt-sky.com/public/2020sketchbook005/bg.png') no-repeat center center;*/
	background-size:cover;
	min-width:1050px;
}
body
{
/*	background:#ffffff;*/

	font-family: 'Quicksand', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#1B1212;
	margin: 0 0 75px;
}
.bottom {
    position: absolute;
    left: 0;
    bottom: 0; 
    height: 47px;
    width: 100%;
	min-width:1000px;
	background: #000000;
}

/***********************************************/
/*CHANGE THE BACKGROUND IMAGE HERE FOR YOUR LOGO*/
/***********************************************/
.logodiv
{

	background: #ffffff url('https://survey5.cobalt-sky.com/public/2025sketchbook005/logo.png') no-repeat 3% center;
	background-size:300px;
	height: 110px;
	width:100%;
	text-align:left;
	margin:auto;
/*	float:right;*/
	position:relative;
	color:#f71a64;
}


/*****BOLD EVERYTHING SO THAT EVERYTHING STANDS OUT MORE THAN EVERYTHING*******/

.mrQuestionText{
	line-height: 1.5em;
}

/*
.mrQuestionText{
	font-weight:bold;
}
.mrQuestionTable .mrQuestionText{
	font-weight:normal;
}
.textnone .mrQuestionText{
	font-weight:normal;
}
.container .mrQuestionText{
	font-weight:normal;
}
.nobuttons .mrQuestionText{
	font-weight:bold;
}
*/

/**************************************/


.mainquestiontext{
	color:#003A52;
	font-size:115%;
}
.bluefooter{
/*	height:110px;
	background:url('http://survey4.cobalt-sky.com/public/studygroup/footer.jpg') no-repeat 45px center #ffffff;
	border-top:solid 2px #ffffff;
	position:relative;*/
/*	DISPLAY:NONE;*/
/*	height:32px;*/
/*background: #3d556b;
border-top:solid 3px #3d556b;*/
}
.footertext{
	color:red;
	font-size:75%;
	font-weight:bold;
	display:block;
	width:100%;
	height:1.5em;
	text-align:right;
	position:Absolute;
	bottom:2px;
	right:8px;
}	
.footertext2{
	color:#ffffff;
	font-size:75%;
	font-weight:bold;
	display:block;
	width:40%;
	height:2em;
	text-align:right;
	position:Absolute;
	bottom:-32px;
	right:8px;
}
.innerfooter{
	height:2em;
	display:table-cell;
	vertical-align:middle;
}

.footerdiv br{
	display:none;
}

.instr
{
	font-weight:300;
	font-style:italic;
	font-size:15px;
	color:#75c6e3;
}
.notbold
{
	font-weight: normal;
}
.wrapper{
	width:100%;
	min-width:1000px;
	position:relative;
}
.score
{
	color:#00aeef;
}


.navdiv
{
text-align:center;
/*height:40px;*/
}
.innernav{
	margin-top:8px;
}

.topspacer
{
/*	height:45px;*/
}

.mrPrev
{
	background:#ffffff url('https://survey5.cobalt-sky.com/public/2025sketchbook005/triangle_back.png') center center no-repeat;
	width:80px !important;
	height:30px;


	border:none;
font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
}
.mrPrev:hover
{
	background:#000000 url('https://survey5.cobalt-sky.com/public/2025sketchbook005/triangle_back_hover.png') center center no-repeat;
	color:#ffffff;

}
.mrNext, .mrPrev{
	font-size:0px !important;
}
.mrNext
{
	background:#ffffff url('https://survey5.cobalt-sky.com/public/2025sketchbook005/triangle_next.png') center center no-repeat;
	width:80px !important;
	height:30px;

	border:none;

font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#000000;
	cursor:pointer;
	font-weight:bold;
}
.mrNext:hover
{
	background:#000000 url('https://survey5.cobalt-sky.com/public/2025sketchbook005/triangle_next_hover.png') center center no-repeat;
	color:#ffffff;

}
.content
{
	background:url('https://survey5.cobalt-sky.com/public/2020sketchbook005/bg_white.png');
	width:80%;
	margin:auto;
	padding:30px;
	padding-left:30px;
	padding-right:30px;
	margin-top:14px;
	text-align: center;
	animation: fadeIn ease 1.5s;
    -webkit-animation: fadeIn ease 1.5s;
    -moz-animation: fadeIn ease 1.5s;
    -o-animation: fadeIn ease 1.5s;
    -ms-animation: fadeIn ease 1.5s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


.dividerimage{
	margin-top:-12px;
}

.innercontent
{
	display:inline-block;
	text-align:left;
}

/*


/*div progress bar table lives in*/
.outerprog{
	width:147px;
	height:30px;
	position:absolute;	
	top:40px;
	right:7%;
	background-color: transparent;
	z-index:999;
/*	display:none;*/
}
.progress{
	position:relative;
	width:147px;
	height:30px;
	margin:auto;
}
.progress table{
	border-collapse:collapse;
	table-layout:fixed;
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/prog_empty.png');
}
.progress td{
	padding:0;
	margin:0;
}
.leftprogcell{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/prog_full.png');
	background-color:transparent !important;
}
.progtext{
	display:none;
	position:absolute;
	width:147px;
	height:30px;
	left:0;
	top:14px;
	text-align:center;
	color:#d4d4d4;
	font-size:85%;
}



.pagecounter{
	width:180px;
	height:1em;
	text-align:right;
	position:absolute;
	right:70px;
	top:31px;
}
.surveytype{
	color:#ffffff;
	text-align:left;
	font-size:140%;


}
.whitedivider{
	width:100%;
	height:6px;
	display:none;
}
/*.logo{
	display:none;
	margin-left:9%;
	padding-top:10px;
}*/
.greydivider{
	/*display: none; */
    height: 3px;
    background: #f3dce2;
    /* opacity: 0.5; */
    text-align: left;
    padding-left: 50px;
    margin-bottom: 2px;
}
.mrQuestionGroup{
	display:inline-block;
	text-align:left;
/*	min-width:500px;*/
}

.mrQuestionGroup span
{
/*	display:block !important;*/
}

.mrQuestionTable
{
/*	width:100%;*/
border-collapse:collapse;
background:none !important;
margin-left:auto !important;
margin-right:auto !important;
}

.mrQuestionTable td{
background:none !important;
}

.mrErrorText
{
	color:red;
}

.mrEdit{
	display: inline-block;
	margin-left:auto !important;
	margin-right:auto !important;
	padding: 10px;
 	font-family: 'Montserrat', sans-serif;
 	font-size: 100%;
}
.mrOtherEdit{
	display: inline-block !important;
	font-family: 'Montserrat', sans-serif;
	font-size: 80% !Important;
	padding: 1px !Important;
}

.mrDropdown{
	display: block;
    margin: 0 auto !important;
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 90%;
	color: #1B1212;
	text-align: center;
}

.questiontable td {
 width: 120px;
 text-align: center;

}
.footerdiv {
	height:18px;
	width: 380px;
	position:absolute;
	right:50px;
	bottom:12px;
	text-align:right;
	color:#ffffff;
	font-size:85%;
}
.footerdiv a{
	color:#ffffff;
}
.footerdiv .mrBannerText{
	display:block;
	text-align:center;

}

.cookie_display {
	font-size: 11px;
}

.outerhover{
	display:block;
	position:relative;
	cursor:pointer;
}
.outerhover .hoverbox{
	display:none;
}
.outerhover:hover .hoverbox{
	text-align:left;
	display:block;
	vertical-align:middle;
	max-height:180px;
	max-width:250px;
	background:#F7F8F1;
	border:Solid #dddddd 1px;
	position:absolute;
	top:-40px;
	left:0px;
	font-size:10px;
	padding:8px;
	box-shadow: 0px 0px 3px 1px #444444;
	-webkit-box-shadow: 0px 0px 3px 1px #444444;
	-moz-box-shadow: 0px 0px 3px 1px #444444;
	-o-box-shadow: 0px 0px 3px 1px #444444;
	z-index:9999;
}
.outerhover .hoverbox2{
	display:none;
}
.maxdiffcounter{
	font-size:11px;
}
.leftaligner{
	text-align:left;
}
.outerhover:hover .hoverbox2{
	display:block;
	vertical-align:middle;
	height:120px;
	width:150px;
	background:#F7F8F1;
	border:Solid #dddddd 1px;
	position:absolute;
	top:-210px;
	left:0px;
	font-size:70%;
	padding:8px;
	box-shadow: 0px 0px 3px 1px #444444;
	-webkit-box-shadow: 0px 0px 3px 1px #444444;
	-moz-box-shadow: 0px 0px 3px 1px #444444;
	-o-box-shadow: 0px 0px 3px 1px #444444;
	z-index:9999;
}
.hovertitle{
	display:block;
	text-align:center;
	font-weight:bold;
}
.hoverbox ul, .hoverbox2 ul{
	padding-left:20px;
	margin-top:-5px;
	margin-bottom:0px;
}
.instructiontext{
	font-style:italic;
}

.sidebysidediv{
	width:95%;
	margin:auto;
}
.leftQ{
	width:48%;
	float:left;
    border-right: solid 1px #d3d3d3;
}
.rightQ{
	width:48%;
	float:right;
}

#total_text,#total_sum{
	padding-top:10px;
	border-top:solid 1px #aca899;
	font-weight:bold;
}

.lastcolumn{
	display:none;
}

.itemtext {
	text-align:left;
	color:blue;
}
.smltext {
	font-style:italic;
	font-size:10pt;
}
.q19q20img{
	width:105px;
	height:35px;
}
#source_cat1, #source_cat2{
	display:none;
}

.mrGridCategoryText img{
	max-width:180px;
	max-height:50px;
	/*padding-right:40px;*/
}

.mrGridCategoryText {
	vertical-align: middle !important;
}

.mrGridQuestionText img{
	max-width:180px;
	max-height:50px;
	/*padding-right:40px;*/
}

.boldtxt{
	color: #1245F3;
}

.smalltext{
	font-size: 12px;
}

.introtext{
	font-size:19px;
}
.littletext{
	font-size:11px;
	font-style:italic;
}
.Q2526img{
	text-align:center;
	max-height:200px;
	max-width:200px;
}
.stimimg img{
	max-width:500px;
}
.adstim img{
	width:300px;
	height:160px;
}
.imgsize img{
	max-width:500px !important;
	max-height:500px;
}
.Q123stim img{
	max-width:260px;
	max-height:135px;
}
.bigbold {
	font-weight:bold;
	font-size:18px;
	margin-left:8px;
}
.Q6img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.Q6img img{
	max-width:400px !important;
	max-height:200px;
}

.q28img img{
	max-width:400px !important;
	max-height:200px;
	display: block;
	margin: 0 auto;
}

.celltxt{
	display: block;
    width: 50%;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    border:solid #c8c8c8 3px;
	border-radius: 5px;
	background:#fbfbfb;
    font-size: 23px;
    color: #f71a63;
    font-weight: bold;
}
.brandimage{
    max-height: 520px;
    max-width: 520px;
}
.resizethisimage{
	max-width:150px;
}
.propbox{
	border: solid black 3px;
	padding:20px;
}
/*
div {border: solid red 1px;}
span {border: solid blue 1px;}
td {border: solid green 1px;}
body{border:solid pink 1px;}
*/
