/*HIDES THE DIVS INSERTED INTO RESPONSE LISTS*/
.solo {
	display: none;
}
.allabove
{
	display: none;
}
.other_text {
	display: none;
}
.button_options
{
	display: none;
}



/********************************************/
/* THESE CONTROL THE SIZE OF THE AREA THAT RESPONSE TEXT
   LIVES IN.  QUESTIONTEXTAREA IS FOR OTHER SPECIFY RESPONSES.  
   PADDING-LEFT FORCES TEXT TO INDENT, AND ALLOWS WRAPPED
   TEXT RESPONSES TO ALIGN.
   PLAY WITH PADDING-TOP TO MAKE YOUR RESPONSE TEXT LINE UP
   VERTICALLY WITH TICK BOXES/RADIO BUTTONS. */

.mrQuestionArea {
	padding-top: 3px;
	padding-left: 40px;
	padding-right: 14px;
	cursor:pointer;
}
.mrQuestionTextArea {
	vertical-align: middle;
	padding-top: 7px;
	padding-left: 40px;
}
/***********************/

/*images*/
.option_on,.grid_on{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/option_on.png') no-repeat center center;
}
.option_off,.grid_off{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/option_off.png') no-repeat center center;
}
.option_off:hover,.grid_off:hover{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/option_hover.png') no-repeat center center;
}
.multi_on,.multigrid_on,.gridmulti_on {
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/multi_on.png') no-repeat center center;
}
.multi_off,.multigrid_off,.gridmulti_off{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/multi_off.png') no-repeat center center;
}
.multi_off:hover,.multigrid_off:hover,.gridmulti_off:hover{
	background:url('https://survey5.cobalt-sky.com/public/2025sketchbook005/multi_hover.png') no-repeat center center;
}
/*size*/
.option_on,.option_off,.multi_on,.multi_off,.grid_on,.grid_off,.multigrid_on,.multigrid_off,.gridmulti_on,.gridmulti_off{
	width:33px;
	height:33px;
	cursor:pointer;
}
/*position*/
.option_on,.option_off,.multi_on,.multi_off{
	float:left;
}
.grid_on,.grid_off,.multigrid_on,.multigrid_off,.gridmulti_on,.gridmulti_off{
	margin-left: auto;
	margin-right: auto;
}

/*
.option_on {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/option_on.png') no-repeat;
	float:left;
	cursor:pointer;
}
.option_off {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/option_off.png') no-repeat;
	float:left;
	cursor:pointer;
}
.option_off:hover {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/option_hover.png') no-repeat;
	float:left;
	cursor:pointer;
}

.multi_on {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/multi_on.png') no-repeat;
	float:left;
	cursor:pointer;
}
.multi_off {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/multi_off.png') no-repeat;
	float:left;
	cursor:pointer;
}
.multi_off:hover {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/bonamyfinch/multi_hover.png') no-repeat;
	float:left;
	cursor:pointer;
}


.grid_on {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/option_on_blue_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
.grid_off {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/option_off_grey_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
.grid_off:hover {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/option_off_hover_grey_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}

.multigrid_on {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/multi_on_blue_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
.multigrid_off {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/multi_off_grey_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
.multigrid_off:hover {
	width:33px;
	height:33px;
	background:url('https://survey5.cobalt-sky.com/public/wiki/response_buttons/multi_off_hover_grey_flat.png') no-repeat center center;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
}
*/



.ownbuttons_off, .ownbuttons_on{
	width: 200px;
    height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
	font-size: 90%;
	padding: 10px;
	margin: 5px;
}
.ownbuttons_off img,.ownbuttons_on img{
	max-height:290px;
	max-width: 270px;
	vertical-align:middle;
	background: #fff;
	padding: 5px;
}
.ownbuttons_off{
	border:solid #c8c8c8 3px;
	background:#fbfbfb;
	color:#000000;
}
.ownbuttons_off:hover{
	border:solid #f71a64 3px;
}
.ownbuttons_on{
	border:solid #f71a64 3px;
	background:#f71a64;
	color:white;
}
.ownbuttons_on:hover{
	border:solid #c8c8c8 3px;
}

.other_category textarea{
                display:inline !important;
}
#other_error{
                color:red;
}

.maxclicks .multi_off + .mrQuestionArea .mrMultipleText{ 
	opacity:0.5;
}
.maxclicks .multi_off { 
	opacity:0.5;
}

.maxclicks .multi_off + .mrQuestionTextArea .mrMultipleText{ 
	opacity:0.5;
}
.maxclicks .ownbuttons_off {
	opacity:0.5;
}

.propositionborder {
	display:inline-block;
	border:solid 3px black;
	padding:10px;
	border-radius:15px;
	
}
