/**
 * BOQuestionaire.css
 *
 * This file contains styles common to all questionaires.
 * Questionaire-specific styles should be placed in questionaires/user_styles.css instead.
 */

/* The outer element that contains the form and all questions */
div.boq_frame {	/*background-color:#F0F0F0;*/
				padding:10px; }

/* The outer element that is shown, when no JavaScript was detected */				
div.boq_nojs {	width:600px;				
				border:1px solid #BB2E3A;
				padding:10px; }

/* The class of the container, that contains the number of the current question */
div.boq_numbering {	float:left;
					width:60px;
					padding-left:5px;  }
					
/* Class of question column. Contains question, answer input(s) and optional result labels to indicate e.g. input errors */
div.boq_question_column {	float:left; }

/* This class is applied instead of .boq_question_column when the actual has no number. In this case no div.boq_numbering exists
   and therefore this column must fill the space that otherwise would be occupied by div.boq_numbering */
div.boq_question_broad_column { float:left;							   
							   padding-left:65px; }

/* The class of the question container that contains the question labels and the input elements */
div.boq_question {	float:left;
					padding-right:10px; }

/* The class of the question label preceeding the input elements */
.boq_question_label {	width:170px; 
						display:block; 
						float:left; 
						text-align:left;
						padding:0 5px 5px 5px; }

/* The class of the optional label that is placed after the input elements */
.boq_question_label2 {}
					
/* 	Class of the warning element that is shown when trying to submit a form that still contains errors. */
div.boq_note_broad_column { 	text-align:center;
							background-color:#BB2E3A;
							color:white;
							margin-top:10px; }

/* Class of the splitter elements that separate between different questions */				
div.boq_splitter {	width:100%;
					height:1px;
					margin-top:10px;
					margin-bottom:10px;
					float:left;
					background-color:#D0D0D0;}

/* Class of caption elements */
div.boq_caption {	 font-weight:bold;
	padding-left:5px;
	}

/* Class of the progressbar */
div.boq_progressbar { 	border:1px solid #D0D0D0;
						height:28px;
						padding:1px; }
					
/* Class of the inner element of the progressbar indicating the current progress */
div.boq_progress {	background-color:#7D9F0B;
					height:28px; }

/* The default size of all Integer Textboxes */
.short_text { 
   width:45px; 
   border:2px solid #5C7600;
}

/* The default size of all Date Textboxes */
.date_text { width:80px; }

/* The default style of all textboxes and -areas */
.boq_text { font-family:Arial; }

/* Class of the label that is shown, when an invalid user-input was detected */
.boq_errorlabel { 	display:none;
					float:left;
					color:#BB2E3A;
					width:250px; }

/* Class of label that is shown when a valid user-input was detected. This label never contains text,
   its purpose is to show a graphic, e.g. a checkmark */					
.boq_oklabel {	display:none;
				background-image:url(images/checkmark.png);
				background-repeat:no-repeat;
				margin-top:3px;
				float:left;
				width:25px;
				height:25px; }
					
/* Class of label that is shown, when an valid user-input was detected and a result or calculation is being shown 
   in text form. */
.boq_resultlabel { 	display:none; 
					padding-left:10px; width:250px; }

/* Class of all elements that are hidden by default */
.boq_hidden { display:none; }


/* All labels */
label { padding:5px; }

/* Style of the container presenting the result of the questionaire */
.boq_result {
				padding-bottom:12px; }
				
/* Style of the caption of a result of the questionaire */
.boq_result_header {
					font-size: 14pt;
					font-weight:bold;
					padding-bottom:12px; }
					
/* Style of the container presenting the final result of the questionaire */
.boq_result_emph {
					font-weight:bold; }
					
/* Styles for the result table */					
.boq_result_great { background-color:lightgreen; }
.boq_result_ok { background-color:yellow; }
.boq_result_warning { background-color:orange; }
.boq_result_danger { background-color:orangered; }
.boq_result_failure { background-color:red; }

div.boq_navigation input {
	padding:2px 7px;
	}
.boq_question_column.short_text{
   border:1px solid black;
}
				
/* This style can be used to override the default input style inherited from Wordpress to decrease the default huge bottom margin */
/* div.boq_question input { margin-bottom:5px; }*/