/************************************************************************************************
*																								*
*	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;
}
/* 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:700px;
}
/* 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:1.5em;
	font-weight:normal;
	padding:5px;
	color:#FFFFFF;
}
/* 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:#444466;
	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 {
	padding:-3px 0px 05px;
	color:#FFFFFF;
	margin-bottom: 10px;
}
/* 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-color:#91C572;
}
/* The outer container cell for the progress bar */
.qb_progress_container {
	border:1px solid #000000;
}


/************************* 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;
	background: url(../images/page/dots.gif) bottom repeat-x;
}

#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: #0066FF;;
}

/* --------- 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 #B3C7D7;
	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:#444466;
}
/* 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:#444466;
	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:#444466;
	text-align:center;
}


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

.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 {
	 background-color:#CD5F60;
	 border-bottom: 1px solid #C7C7C7;
	 border-left: 20px solid #CD5F60;
}
.qb_check_row_2, .qb_option_row_2 {
	background-color:#CD5F60;
	border-bottom: 1px solid #C7C7C7;
	border-left: 20px solid #CD5F60;
}
/* 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 #B3C7D7;
	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:#FFFFFF;
}
/* Style for text defined as a note */
.qb_note {
	font-size:1em;
	font-weight:bold;
	padding:5px 5px 5px 10px;
	border-bottom:1px solid #B3C7D7;
	color:#FFFFFF;
}

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


.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, {
	color:#D3DAF1;
	border-bottom:1px dotted #aaaaaa;
}
a.gridrow_image:hover  {
	color:#D3DAF1;
	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;
}

.booth_qnnr_link_container {
    /*width:240px;*/
    margin-bottom:20px;
}