.input_error
{
font-family: "Open Sans", Arial, sans-serif;
font-size: 12px;
color: #f00;
}

body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; background: #e3e3e3; color: #2a3038; height: 100%; }

html { height: 100%; }

.page-title { padding-bottom: 10px; background: #33383e; color: #f6f6f6; width: 100%; }

.box1 { float: right; background: #33383e; color: #FFF; padding: 5px; border-left: 1px solid #4c535b; border-right: 1px solid #292d32; }

.box2 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf; border-right: 1px solid #2b5588;}

.box2 a, .box3 a, .box4 a { color: #FFF;}

.box3 a { color: #FFF;}

.box3 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf;}

.box4 { float: right; background: #3671b9; color: #FFF; padding: 5px; border-left: 1px solid #3d7fcf; border-right: 1px solid #3d7fcf;}

.top-bar { background: #13181f;}

.top-links-box { background: #2f2f31; padding: 5px;}



.align-right { text-align: right; }

.align-left { text-align: left;}

.align-center { text-align: center; }



.float-right { float: right; }

.top-margin { margin-top: 15px; }

.spacing-elements { margin-top: 10px;}
.spacing-elements1 { margin-top: 10px; display:table-cell;}



.star { margin-left: 3px; margin-right: 3px; cursor: pointer; }

.footer { margin: 20px; }

#question { display: none; }

#question_display { display: none; }

#potential_answers { display: none;}

#star_count { display: none; }

#page_display { display: none; }

#required_display { display: none; }

#potential_answers_image { display: none; }

#thumbnail_size_w { display: none; }

#thumbnail_size_h { display: none; }

#custom_rating { display: none; }

.survey_thumbs { margin: 5px; text-align: center;}



.chart { width: 500px; height: 200px; border-left: 1px solid #000; border-bottom: 1px solid #000; position: relative; margin-bottom: 100px;  }

.chart-bit { position: absolute; bottom: 0px; left: 5px; width: 30px; background: #d91a50; height: 1px;  }

.chart-bit-text { padding-left: 10px; writing-mode:tb-rl;

	-webkit-transform:rotate(90deg);

	-moz-transform:rotate(90deg);

	-o-transform: rotate(90deg);

white-space:nowrap;

	display:block;

	font-size: 10px;}

.chart-scale-max { position: absolute; left: 0px; top: 0px; color: #000; z-index: 999999;}

.small-text { font-size: 11px; }

.fb-share-button { width: 100px; height: 100px; }



.survey-header { background: #38404d; height: 50px; }

.logo-text { color: #FFF; font-size: 22px; padding-top: 5px;}

.header-links { text-align: right; padding-top: 5px;}

.content-area { height: 100%; margin-top: 20px; border-radius: 4px 4px 4px 4px; padding: 10px; }



.panel-default .panel-heading { background: #689ec8; color: #FFF; border-color: #689ec8;}

.panel-default { border-color: #689ec8;}