/************************************************************************************************
*																								*
*	qbuilder/css/template_qbuilder.css															*
*	22/06/04 - CM																				*
*																								*
*	Stylesheet template for qbuilder to be used in different sites. Defaults are specified		*
*	in qbuilder.css so these are overriding styles.	Also see qbuilder/common/common_init.php	*
*	for qboptions which can also control layout.												*
*																								*
************************************************************************************************/

/*********************** Page Layout ***********************/
/* qBuilder main form */
.qb_form {
	display:inline;
	color: #485664;
    font-size: 0.8em;
}
/* qBuilder main table layout style - should contain font settings and border-collapse.
   width and alignment can also be defined in directives 'qb_overall_align' and 'qb_total_width' */
.qb_main_table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border-collapse:collapse;
    width: 99%;
}
/* Answer block (the grid/listing section below a question) style - should contain font settings and border-collapse */
.qb_answerblock{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border-collapse:collapse;
	width:100%;
}
/* Cell containing answer block */
.qb_answerblock_holder {}
/* Header style for page */
.qb_header {
	font-size:14pt;
	font-weight:normal;
	padding:5px;
	color:#485664;
}
/* Question number alignment can also be defined in directive 'qb_question_number_align' */
.qb_question_number {
	width:0px;
}
/* Cell holding the page number */
#page_qnnr .qb_page_num_holder {
	height:10px;
	font-size:10px;
}
/* Rows spacing between sectioned option lists */
.qb_section_row_gap {}
/* Col spacing between sectioned option lists */
.qb_section_col_gap {}
/* Blank cells in sectioned option lists */
.qb_section_blank {}

/*********************** Diary Navigator  ***********************/

.qb_ds_navigator {
	clear:both;
	text-align:center;
	width:360px;
	margin:0px auto 20px auto;
}

.qb_ds_navigator_button {
	width:26px;
	float:left;
}

.qb_ds_navigator_text {
	color:#485664;
	padding:0px 6px 10px 6px;
	font-size:1em;
	text-align:center;
	font-weight:normal;
	width:236px;
	float:left;
}

.qb_ds_navigator_text span {
	font-weight:bold;
}

/*********************** Progress Bar  ***********************/

/* The style for the progress bar text */
.qb_progress_text {
	color:#485664;
}
/* The style for the actual progress bar. This is a div block so can contain an image (specified as a background) or a block of color (also as a bg) */
.qb_progress_bar {
	background-image: url(/images/page/progress_back.gif);
	background-repeat: no-repeat;
	background-position: right;
    background-color: #D8242F;
}
/* The outer container cell for the progress bar */
.qb_progress_container {
	border:1px solid #485664;
	margin-top: 0px;
	margin-bottom:10px;
}


/************************* Buttons ************************/
/* Styles for any image buttons in the form, for when the button is off, on or pressed */
.qb_form_button_off {}
.qb_form_button_on {}
.qb_form_button_press {}

/* Style for an HTML based button (only used if draw mode is QB_DRAW_PLAIN) */
.qb_form_button {}

/************************* Questions ************************/

/* --------- Layout  */

/* Question text. If more precise spacing between questions is required placing padding-top/bottom here.
   width and alignment can also be defined in directives 'qb_question_width' and 'qb_question_align' */
.qb_question_text, .qb_question_text_missed {
	font-size:1em;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	border-bottom: 1px solid #000000;
}

#page_qnnr .qb_question_text, #page_qnnr .qb_question_text_missed {
	padding:5px 5px 4px 5px;
	border-top:none;
}
/* Style for questions that were missed when server-side validation (QB_VALIDATE_SERVERONLY) is used
   width and alignment can also be defined in directives 'qb_question_width' and 'qb_question_align' */
.qb_question_text_missed {
	color:#C55552;
}

/* --------- Text boxes (includes multiple choice other text) */
/* Style for HTML text boxes */
.qb_text, .qb_date_year {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#ffffff;
	border:1px solid #000000;
	padding-left:3px;
}
/* Style for cell containing text boxes */
.qb_text_holder {}
/* Style for text box when its disabled */
.qb_text_disabled {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#eeeeee;
	border:1px solid #666666;
	padding-left:3px;

}
/* Style for a prefix that goes in front of a text box */
.qb_text_prefix {}

/* --------- Options (Radio) */

.qb_gridhead_hover {
	position:absolute;
	background-color:#E5EEF3;
	color:#220000;
	border:1px solid #485664;
	font-size:7pt;
	padding:3px 6px;
	margin-top:11px;
	margin-left:-8px;
	text-align:left;
	display:none;
	width:170px;
}


/* Style for the an HTML radio button (only used if draw mode is QB_DRAW_PLAIN) */
.qb_check, .qb_option {}
/* Style for the text for an option (radio button) */
.qb_check_text, .qb_option_text {
	color:#485664;
}
/* Style for the cell containing an option (radio button) */
.qb_check_holder, .qb_option_holder {
	text-align:center;
}
/* In grid questions, this is the style for text for options going down the page */
.qb_check_vert_text, .qb_option_vert_text {
	color:#485664;
	padding:5px 0px 5px 0px;
}
/* In grid questions, this is the style for text for options going accross the page */
.qb_check_horiz_text, .qb_option_horiz_text, 
.qb_check_horiz_text_hover_off, .qb_option_horiz_text_hover_off,
.qb_check_horiz_text_hover_on, .qb_option_horiz_text_hover_on {
	font-size:0.9em;
	padding-left:4px;
	padding-right:4px;
	color:#485664;
	text-align:center;
}


.qb_check_horiz_text_hover_off, .qb_option_horiz_text_hover_off {
	color:#666699;
}

.qb_check_horiz_text_hover_on, .qb_option_horiz_text_hover_on {
	cursor:pointer;
	color:#992222;
}


/* Row colours for alternating rows in a list of options (radio buttons) */
.qb_check_row_1, .qb_option_row_1 {
	 border-bottom: 1px solid #C7C7C7;
	 margin-left: 20px;
}
.qb_check_row_2, .qb_option_row_2 {
	border-bottom: 1px solid #C7C7C7;
 	margin-left: 20px;
}
/* Style for missed rows */
.qb_check_missed_vert_text, .qb_option_missed_vert_text {
	color:#C55552;
}
/* Section header in option lists */
.qb_check_section_head, .qb_option_section_head {
	font-weight:bold;
	height:18px;	
}
/* Option image (for when the options are images rather than text). Can be defined as a contextual selector. */

.qb_check_image_off, .qb_option_image_off {
	border:2px solid #FFFFFF;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;	
	padding:5px;
}
/* Option Image Selected, same as above but for selected items */
.qb_check_image_on, .qb_option_image_on {
	border:2px solid #485664;
	padding:5px;
}

#page_feedback_img_container_europe .qb_option_image_off, #page_feedback_img_container_europe .qb_option_image_on {
	padding-right:0px;
	padding-bottom:0px;
}

#page_feedback_img_container_asia .qb_option_image_off, #page_feedback_img_container_asia .qb_option_image_on {
	padding-right:7px;
	padding-bottom:9px;
	background-image:url(/images/page/page_cover_bigshad.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

/* --------- Check boxes */
/* See Options styles Above */

/*  ---------  Date Controls */
/* The style for the actual row that holds the date controls */
.qb_date {}

/* The style for the day/month/year text above the controls */
.qb_date_day_text {}
.qb_date_month_text {}
.qb_date_year_text {}

/* The style for the actual day/month/year controls (day & month are drop-downs and year is textual) */
.qb_date_day {
	font-size:1em;
}
.qb_date_month {
	font-size:1em;
}

/* Style to indicate when the year box is disabled */
.qb_date_year_disabled {}

/*  ---------  Dropdown Controls */
/* Style for an HTML drop down box */
.qb_dropdown {
	font-size:1em;
}
/* Style for the cell containing a dropdown */
.qb_dropdown_holder {
	padding:4px 0px 4px 35px;
}
/*  ---------  Image */
/* Style for an Image */
.qb_image {
	margin:2px;	
}
/* Style for an Image Caption */
.qb_image_caption {
	text-align:center;
	font-weight:bold;
	font-size:1em;
}
/* Style for the cell holding the image */
.qb_image_holder {
	padding:2px;
	text-align:center;
}

.qb_collage_holder {
	margin-left:auto;
	margin-right:auto;
	width:680px;
}

#qnnr_container_249 .qb_collage_holder {
	width:400px;
}

#qb_collage_mq_000009653 {
	width:620px;
}

#qnnr_container_249 #qb_collage_mq_000030635 {
	width:500px;
}

#qnnr_container_249 #qb_collage_mq_000030559 {
	width:500px;
}

#qb_collage_mq_000008583 {
	width:450px;
}

.qb_collage_image_highlight {
	border:3px solid #C53723;	
	width:auto;	
}

.qb_collage_image {
	border:3px solid #F6F6F6;	
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;	
	margin:0px;
}


#qnnr_container_248 .qb_collage_image {
	border:2px solid #F6F6F6;	
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;	
	margin:0px;
}

#qnnr_container_248 .qb_collage_holder {
	width:400px;
}

/*  ---------  Ranking */
/* Style for an Ranking question*/
.qb_rnk_holder {
	text-align:center;
	padding:3px;
}
.qb_rnk_unranked_list, .qb_rnk_ranked_list {
	text-align:left;
	font-size:1em;
	background-color:#FFFFFF;
	border:1px solid #1F4161;
	padding:2px;
	font-weight:normal;
}

.qb_rnk_item, .qb_rnk_item:hover, .qb_rnk_item:visited, .qb_rnk_item:active {
	padding:1px;
	text-decoration:none;
	color:#1F4161;
	border-bottom:1px solid #FFDEDE;
	font-weight:normal;
}
.qb_rnk_item_sel, .qb_rnk_item_sel:hover, .qb_rnk_item_sel:visited, .qb_rnk_item_sel:active {
	padding:1px;
	text-decoration:none;
	color:#DDDDDD;
	background-color:#824042;
	border-bottom:1px solid #FFDEDE;
	font-weight:normal;
}
.qb_rnk_item:hover, .qb_rnk_item_sel:hover {
	background-color:#908888;
	color:#FFFFFF;
	font-weight:normal;
}

.qb_rnk_button_holder {
	text-align:center;
	padding:2px;
}
.qb_rnk_button {}

/*  ---------  List 
	Style for an List */
.qb_list {}
.qb_list_item, .qb_list_item:hover, .qb_list_item:visited, .qb_list_item:active {}
.qb_list_item_sel {}
/* This hack ensures the list renders properly so use it! Hides from IE5-mac \*/
* html .qb_list_item, * html .qb_list_item:hover, * html .qb_list_item:visited, * html .qb_list_item:active {
	height:1%;
}
/* End hide IE5-mac */
.qb_list_item_caption_entry {}
.qb_list_item_caption {}

/*  ---------  Video Clip */
.qb_video_holder {

}
.qb_video_link, .qb_video_link:hover, .qb_video_link:visited, .qb_video_link:active {}

/*  ---------  Misc */

/* Style used for horizontal lines */
.qb_hr {}
/* Style for text defined as an instruction */
.qb_instruction {
	font-size:1em;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	background: url(../images/page/dots.gif) top repeat-x;
    color: #485664;
}
/* Style for text defined as a note */
.qb_note {
	font-size:1em;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #485664;
	color:#485664;
}

#page_qnnr .qb_note {
	font-size:1em;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #485664;
	color:#444466;
}


.qb_spellcheck_check {}

#qb_spell_mainwin {}

#qb_spell_clip_layer{}


#qb_spell_container {}

#qb_spell_mainwin #qb_spell_suggestions {}

#qb_spell_title_bar {}

#qb_spell_word_custom {}

#qb_spell_word {}

.qb_spell_item, .qb_spell_item:visited, .qb_spell_item:hover, .qb_spell_item:active {}

.qb_spell_item_sel, .qb_spell_item_sel:visited, .qb_spell_item_sel:hover, .qb_spell_item_sel:active {}

.qb_spell_item:hover {}

.qb_spell_item_sel:hover {}

.qb_spell_button_off {}

.qb_spell_button_on {}

.qb_thankyou_header {
	font-weight: bold;
	font-size: 11px;
	background: url(../images/page/dots.gif) bottom repeat-x;
	margin: 8px 0px 4px;
	padding: 2px 0px;
}

.qb_thankyou_body {
	font-size: 1em;
}

.qb_gridfloat_left {
}

.qb_gridfloat_right {
	border-left:1px solid #aaaaaa;
}

a.gridrow_image:active .gridrow_image_hover, a.gridrow_image:visited .gridrow_image_hover, a.gridrow_image:link .gridrow_image_hover {
	position:absolute; left:500px; top:100px;
	margin-left:-50px;
	margin-top:10px;
	display:none;
}

a.gridrow_image:hover .gridrow_image_hover {
	position:absolute; left:500px; top:100px;
	margin-left:-50px;
	margin-top:10px;
	display:block;
	font-weight:bold;

}

a.gridrow_image:active, a.gridrow_image:visited, a.gridrow_image:link, {
	border-bottom:1px dotted #aaaaaa;
}
a.gridrow_image:hover  {
	color:#ffffff;
	background-color:#cc0000;
}

a.gridrow_image_emulate .gridrow_image_hover {
	position:absolute;  left:500px; top:100px;
	margin-left:-50px;
	margin-top:10px;
	display:none;

}

a.gridrow_image_emulate_hover .gridrow_image_hover {
	position:absolute;  left:500px; top:100px;
	margin-left:-50px;
	margin-top:10px;
	display:block;

}

/* Search question type */	
.qb_search_results {
	border: 1px solid #000000;
	background-color: white;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 10000;
	display: none;
	list-style: none;
	min-height:39px;
	max-height:350px;
	width:500px;
	overflow: auto;
	font-family: inherit;
	font-size:0.9em;
}

.qb_search_results li {
	padding: 2px 5px;
	white-space: nowrap;
	color: #101010;
	text-align: left;
}

.qb_search_over {
	cursor: pointer;
	background-color: #d5e2ed;
}

.qb_search_match {
	text-decoration: underline;
	color: black;
}

/* End search question type */

#grid_module_question_000053881 a, #grid_module_question_000053880 a,
#grid_module_question_000053884 a, #grid_module_question_000053885 a {
	display: none;
}

#grid_module_question_000053884 #gridrow_0_options a,
#grid_module_question_000053885 #gridrow_0_options a,
#grid_module_question_000053881 #gridrow_0_options a,
#grid_module_question_000053880 #gridrow_0_options a {
	display: block !important;
}





.qb_slider_header_row th {
    text-align: center;
    font-size: 7pt;
    line-height: 9pt;
}

.qb_slider_row td, .qb_slider_row_other td {
    text-align: center;
}

.qb_slider_table {
    margin:0 !important;
    border-collapse:collapse;
}

.qb_slider_row_other .qb_option_holder{
    border:0;
    
}

.qb_slider_bg {
    border-left:1px solid #aaaaaf;
    border-right:1px solid #aaaaaf;
    height:22px;
    background: url(/public/qb/images/sliders/boots_slider_range.png) repeat-x !important;
    display:block;
    margin:1px 0;
    padding:0 !important;
    position: relative;
    margin-left:0px;
}

.qb_slider_button {
    height:22px;
    background:url(/public/qb/images/sliders/boots_slider_arrow.png) no-repeat;
    cursor:arrow;
    padding:0 !important;
    position:relative;
    width:22px;
}

.qb_slider_button_waiting {
    background:url(/public/qb/images/sliders/boots_slider_arrow_waiting.png) no-repeat !important;
}

.qb_slider_button_selected {
    background:url(/public/qb/images/sliders/boots_slider_arrow.png) no-repeat !important;
}

th.qb_slider_firstcol {
    text-align: left;
}




/* Word Concept */
.wc_holder {
    margin: 10px 40px;
    border: 1px solid #000000;
    background-color: #FAFAFA;    
    padding: 8px;
    color: black;
    line-height: 19px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;        
    border-radius: 7px;
}

.wc_holder span {
    cursor: pointer;
    height: 19px;
    padding: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    border-radius: 3px;
}

.wc_idle {
    color: black;
    border: 1px solid transparent;    
}

.wc_hover {
    color: #3177BA;
    border: 1px dashed #D5E2ED;
}

.wc_chosen {
    /* color: #3177BA; */
    color: #FFFFFF;
    border: 1px solid #FAFAFA;
    /* background-color: #fcffa2; */
    background-color: #339933;
}

.wc_holder_2 .wc_chosen {
    background-color: #db2626;
}