/*
Alphabet control
------------------------------------------------------------------
*/

/* alphabet letter container */
.kb_abc_choice
{}

	/* alphabet letter error message */
	.kb_abc_choice .errormsg
	{}

	/* alphabet letter header */
	.kb_abc_choice h3
	{ display: none; }

	/* alphabet letters */
	.kb_abc_choice ul.alphabet_list
	{ background-color: #eef7ff; border: 1px solid #b7dbff; color: #aaa; margin-left: 0; overflow: hidden; padding: 2px 30px 0 30px; }

	* html .kb_abc_choice ul.alphabet_list
	{ height: 1px; overflow: visible; }

		.kb_abc_choice ul.alphabet_list li
		{ background-image: none !important; border-left: 0 !important; display: block; float: left; font-size: 150%; font-weight: bold; padding: 2px 3px !important; }

			.kb_abc_choice ul.alphabet_list li a
			{ border-bottom: 2px solid #eef7ff; display: block; }

			.kb_abc_choice ul.alphabet_list li a:hover
			{ border-bottom: 2px solid #c00; text-decoration: none; }

			.kb_abc_choice ul.alphabet_list li a.active_letter
			{ border-bottom: 2px solid #c00; color: #c00; }

	/* alphabet letter search field */
	.kb_abc_choice fieldset
	{}

		.kb_abc_choice fieldset legend
		{}

			.kb_abc_choice fieldset legend label
			{ display: block; float: left; padding: 2px 4px 3px 4px; }

			* + html .kb_abc_choice fieldset legend label
			{ margin-bottom: 1px; }

		.kb_abc_choice fieldset input
		{ border: 1px solid #ddd; font-size: 100%; margin-top: 2px; padding: 1px 1px 2px 1px; width: 14em; }

		* html .kb_abc_choice fieldset input
		{ margin: 4px 2px 4px 8px; }

		* + html .kb_abc_choice fieldset input
		{ margin: 4px 2px 4px 8px; }

		.kb_abc_choice fieldset input.sbm_interaction_active
		{ font-size: 90%; padding: 1px 3px 2px 3px; width: auto; }

		* html .kb_abc_choice fieldset input.sbm_interaction_active
		{ margin-left: 0; }

		* + html .kb_abc_choice fieldset input.sbm_interaction_active
		{ margin-left: 0; }

/* alphabet results container */
.kb_result
{ background-color: #eef7ff; border: 1px solid #b7dbff; margin-top: 10px; }

	.kb_result ul
	{ list-style-type: none; margin-left: 0; }

		.kb_result ul li
		{ background-image: none !important; overflow: hidden; padding: 2px !important; }

		* html .kb_result ul li
		{ height: 1px; overflow: visible; }

		.kb_result ul.keyword li.resultspacer
		{ margin-top: 30px; }

			.kb_result ul li input
			{ clear: left; float: left; }

			* html .kb_result ul li input
			{ margin-left: -10px; }

			* + html .kb_result ul li input
			{ margin-left: -10px; }

			.kb_result ul li a
			{ float: left; padding: 3px 5px; width: 75%; }

			.kb_result ul li a:hover
			{}

	.kb_result ul.keyword
	{}

		.kb_result ul.keyword li
		{ background-color: #fff; border: 1px solid #b7dbff !important; margin: 5px 10px; padding: 5px; }

		.kb_result ul.keyword li.hover
		{ background-color: #fafafa !important; border-color: #3492c4; }

			.kb_result ul.keyword input.sbm_interaction_active
			{ background: #ddd url("/frontend/controls/KB_Alphabet/images/select.gif") -3px -21px no-repeat; padding: 2px 2px 3px 20px; text-align: right; width: 90px; }

			.kb_result ul.keyword input.selected
			{ background: #ddd url("/frontend/controls/kb_button/images/bg_button.gif") 0 48% repeat-x; text-align: left; padding: 2px 3px 3px 3px; width: 90px; }

			.kb_result ul.keyword input.sbm_interaction_active.hover
			{ background-position: -3px -1px; }

/*
Autocomplete styling
------------------------------------------------------------------
*/
.ac_results
{ background-color: #f0f7ff; border: 1px solid #9cf; font-size: 90%; overflow: hidden; padding: 0; }

	.ac_results ul
	{ background-color: #f0f7ff; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; width: 100%; }

		.ac_results ul li
		{border-bottom: 1px solid #e1e1e1; cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 2px 5px; width: 100%; }

	.ac_results iframe
	{ background-color: #f0f7ff; height: 3000px; left: 0; position: absolute; top: 0; width: 3000px; z-index: -1; }

.ac_loading
{}

.ac_over
{ background-color: #9cf; color: #000; }