@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#survey_target #vocModal {
    width: 60%;
	max-width:960px;
    top: 20%;
    left: 20%;
}

#modalContents { padding:1em; }

.surveyNav a { font-size: 0.8em; }

.vocradio { 2px; }

.legendText { font-weight: bold; }

/* --------------------
   Question list styles */

ul.showList {
	font-weight: normal;
	color: #000;
	line-height: normal;
	padding: 0px;
	margin: 0;
	list-style-type:none; 
}

li.outter {
	margin: 0px 0px 15px 10px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
  text-align: left;
}

li.outter td, li.outter th { padding:0.1em; }

.vocquestiontext {
    color: #e25543;
	text-transform: uppercase;
	font-size: 15px;
	font-weight:bold;
}

#survey-container .vocquestiontext { font-size:12px; }

.vocquestionnumber { display: none; }

.required_question { }


/* --------------
   Question types */

.vocradiosshort { }  /* combined answer text <= 90 chars */
.vocradioslong { }   /* > 90 chars */
.place_vert { }
.place_horiz { }
.place_horiz legend { float: left; }

.vocradio { padding-left: 10px; }

.vocdropdown { }

.vocmultiselect { }

.voccheckboxes { }
.voccheckbox { clear: left; float: left; }

.voctextfield { }
.voctextarea { }
.text_question_area {
  width: 90%;
  height: 80px;
  margin: 10px;
}

#response_raw_responses_attributes_3_answer, #response_raw_responses_attributes_8_answer { width:20em; }


/* ----------------------------
   Page-level visibility toggle */

.current_page { }

.hidden_page {
	display: none;
}

.current_page fieldset { padding-top: 10px; padding-bottom: 10px; }

.column-content #page_1 .surveyNav { display:none; }

/* -----------------------------
   Required field error messages */

.error_messages {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
  font-size: 12px;
}

.error_messages h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

.error_messages p {
  margin: 8px 10px;
}

.error_messages ul {
  margin: 0;
}


/* ----------------------
   Survey page navigation */

div.surveyNav {
	color: rgba(0, 0, 0, 0);
	text-align: center;
}

span.surveyNavPrev {
	display: inline-block;
	padding: 10px 0;
	margin-left: 8px;
}

span.surveyNavNext {
	display: inline-block;
	padding: 10px 0;
}

span.surveyNavSub {
	display: inline-block;
}

.start-survey, a.surveyNav, a.surveyNav:link, a.surveyNav:visited, .surveyNavSub input {
  height:38px;
  font-size:110%;
  font-weight: bold;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  color:#fff;
  background: #c61f0c;
  border: 1px #c61f0c solid;
  margin: 0 5px 0 0;
  text-decoration: none;
}
#survey-container .start-survey, #survey-container a.surveyNav, #survey-container a.surveyNav:link, #survey-container a.surveyNav:visited, #survey-container .surveyNavSub input { padding: 5px 8px 5px 8px; }

.surveyNavPrev a.surveyNav, .surveyNavPrev a.surveyNav:link, .surveyNavPrev a.surveyNav:visited {
  height:38px;
  font-size:110%;
  font-weight: bold;
  padding: 10px 15px 10px 15px;
  cursor: pointer;
  color:#154285;
  background:#fff;
  border: 1px #24496B solid;
}
.start-survey{
  margin: auto;
}
.start-survey:hover, .start-survey:active, 
a.surveyNav:hover, a.surveyNav:active,
.surveyNavSub input:hover, .surveyNavSub input:hover {
  cursor: pointer;
  text-decoration: underline;
}

.surveyNavSub input[type=submit] { width:150px; float: none; height: 43px; }

#survey-container .surveyNavSub input[type=submit] { width:140px; float: none; height: 31px; }


/* ---------------------
   System Thank You page */

#thank_you_text { }

#important_to_us { }


/* ------------
   Poll Results */

#poll_results_title { }

#poll_results { }

.question_results {
	margin: 20px 0px;
}

.question_statement { }

.poll_answers { }

.poll_answer {
	margin: 5px 0px;
}

.answer_statement { }

.bar_container { }

.poll_result_bar {
	background-color: LightBlue;
	display: inline-block;
	margin: 0px 5px;
}

.answer_percentage { }

.total_question_answers { }

#survey-container {
    border: 2px solid #d5c391;
    padding: 5px;
	float:right;
	width:95%;
}

#survey-container.one-off { width:66%; }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body{
        font-size: 15px;
    }

}

@media only screen and (max-width: 768px) {

	#modalContents { padding: 0.25em; }
	
	li.outter {margin:0; }

	#survey_target #vocModal {
    	width: 90%;
		max-width:960px;
    	top: 5%;
    	left: 5%;
	}
	
	.showList table { font-size: 0.8em; }
	
	#survey-container, #survey-container.one-off { width:95%; }
	
}