#jsearch_control_area {
	/*background		: #ddd;*/
	padding			: 8px 8px 8px 4px;
	margin			: 10px;
	border-radius		: 10px; 
	-moz-border-radius	: 10px; 
	-webkit-border-radius	: 10px;
	border			: 1px solid #444444;
	color			: black;
	font-size		: 11pt;
	font-weight		: normal;
	font-family		: 'Helvetica', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	width			: 620px;

	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top, #d3d3d3 0%, #aaaaaa 51%, #595959 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(51%,#aaaaaa), color-stop(100%,#595959)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d3d3d3 0%,#aaaaaa 51%,#595959 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d3d3d3 0%,#aaaaaa 51%,#595959 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #d3d3d3 0%,#aaaaaa 51%,#595959 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #d3d3d3 0%,#aaaaaa 51%,#595959 100%); /* W3C */

}

#jsearch_control_area table {
	border-collapse		: collapse !important;
}

#jsearch_control_area td {
	padding			: 0;
	margin			: 0;
	vertical-align		: top;
}

#jsearch_control_area .hr {
	border-top		: 1px solid #444;
	width			: 500px;
	margin-left		: auto;
	margin-right		: auto;
	margin-top		: 6px;
	margin-bottom		: 6px;
}

#jsearch_loading_notice {
	width			: 100%
	text-align		: center;
}

.jsearch_control_input_col {
	text-align		: center;
	width			: 200px;
}

#jsearch_term_box {
	width			: 140px;
	float			: left;
} 

#jsearch_control_area input[type=text], #jsearch_gsearch_box, #jsearch_control_area input[type=button], #jsearch_ppp_input {
	border			: 1px solid #999;
	padding			: 0px;
	margin			: 0px;
	line-height		: 10pt;
	font-size		: 10pt;
	height			: 18px !important;
}
#jsearch_control_area input[type=text], #jsearch_gsearch_box {
	background 		: url('jsearch_shadow.png');
	padding-left		: 4px;
}
#jsearch_control_area input[type=button] {
	color			: #444;
	font-size		: 8pt;
	font-weight		: bold;
	cursor			: hand;
	padding-bottom		: 3px;
	border-left		: 0;
	border-right		: 0;
	border-top		: 1px solid #999;
	border-bottom		: 1px solid #999;
}
.jsearch_input_focused { /*Applied via jquery to outline active boxes*/
	border			: 1px solid orange !important;
}

#jsearch_selected_terms_list, #jsearch_selected_cats_list, #jsearch_selected_tags_list {
	margin-left		: 15px;
	margin-top		: 8px;
	margin-bottom		: 8px;
}

.jsearch_item_name { /* One of the printed terms, categories, or tags that has been added to the search */
	padding-left		: 8px !important;
	padding-top		: 0px;
	text-align		: left;
}

/* This part for the google-like search box */
.jsearch_gsearch_box_off {
	background		: url('jsearch_gsearch_box_bk.gif') !important;
}

/* The pop up help */
#jsearch_help_pop {
	position		: absolute !important;
	width			: 250px;
	background		: #ededed;
	margin			: 0;
	padding			: 10px;
	border			: 2px solid #111;
	font-size		: 10pt;
	text-align		: left;
	color			: black !important;
	z-index			: 1001 !important;
	top 			: 100px;
	left			: 100px;
	display			: none;
}

.jsearch_button {
	background		: #ededed;
	height			: 16px;
	border-radius		: 6px; 
	-moz-border-radius	: 6px; 
	-webkit-border-radius	: 6px;
	border			: 1px solid #444444;
	line-height		: 11px;
	color			: black;
	text-align		: center;
	font-size		: 10pt;
	font-weight		: normal;
	font-family		: 'Helvetica', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	cursor			: hand;
	cursor			: pointer;
}

.jsearch_button_on {
	border			: 1px solid #bf8104;
}

.jsearch_button_off {
	border			: 1px solid #444444;
}

.jsearch_section_title_round_button {
	position		: relative;
	top			: 6px;
}

.jsearch_section_title_round_button, #jsearch_help_button, #jsearch_about_button, #jsearch_help_closer_button {
	cursor			: pointer;
	cursor			: hand;
}

#jsearch_help_area {
	display			: none; 
	padding			: 20px;
}

#jsearch_help_closer_button {
	width			: 150px;
	margin-left		: auto;
	margin-right		: auto;
}

.jsearch_question_title {
	padding-top		: 0px !important;
	padding-left		: 4px !important;
	padding-right		: 5px !important;
}

#jsearch_english {
	width			: 90%;
	padding			: 20px;
	margin-left		: auto;
	margin-right		: auto;
	border			: 1px solid #444444;
	border-radius		: 10px; 
	-moz-border-radius	: 10px; 
	-webkit-border-radius	: 10px;
}

/* ******************
JSEARCH CONTROL STUFF
******************* */

#jsearch_control_area_title{
	font-weight		: bold;
	text-transform		: uppercase;
	color			: #555;
	font-size		: 14pt;
	text-shadow		: 0px 1px 0px #fff;
	margin-bottom		: 8px;
	text-align		: center;
}

#jsearch_control_hider {
	display			: none; 	/* Hide this until everything is loaded (it will be made visible as the last jquery onload function call) */
}

/* Headers for the major sections of the Jsearch control are in a table for the various parts. This is the class for the table itself */
.jsearch_control_section_header_table {
	margin-bottom		: 8px;
	margin-left		: 8px;
}
/* Title text for the major sections of the jsearch control */
.jsearch_control_section_header {
	font-size		: 10pt;
	text-transform		: uppercase;
	width			: 200px;
	padding-top		: 7px;
}
/* The text for the "hide/show" controls for jsearch control headers */
.jsearch_control_section_hs_button {
	font-size		: 8pt !important;
	text-transform		: uppercase;
	margin-top		: 8px;
	margin-left		: 5px;
	padding-top		: 3px;
	height			: 12px;
	width			: 35px;
}
.jsearch_control_section_hs {
	font-weight		: bold;
	text-transform		: uppercase;
	color			: #777;
	padding-top		: 10px;
	font-size		: 9pt;
	text-shadow		: 0px 1px 0px #fff;
	display			: none;
}
#jsearch_items_added_help, #jsearch_items_adder_help, #jsearch_options_help {
	padding			: 10px;
	display			: none;
}

/* The border that surrounds the different sections of the jsearch control */
.jsearch_control_section_border {
	border			: 1px solid #444444;
	border-radius		: 15px; 
	-moz-border-radius	: 15px; 
	-webkit-border-radius	: 15px;
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E0E0E0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* W3C */
}

#jsearch_term_side_help, #jsearch_cat_side_help, #jsearch_tag_side_help {
	display			: none;
}

/* The title for the headers (Terms/Categories/Tags) in the adder control */
.jsearch_items_adder_title {
	font-weight		: bold;
	padding-top		: 8px !important;
	padding-bottom		: 3px !important;
}

/* This is the container that holds the search item selection controls */
#jsearch_items_adder_table {
	margin-bottom		: 10px;
}

#jsearch_items_adder_table, #jsearch_items_added_table, #jsearch_options_table {
	width			: 600px;
	border-top		: 1px solid #888;
	margin-left		: auto;
	margin-right		: auto;
}

#jsearch_items_adder_side_help {
	width			: 300px;
	padding-top		: 25px !important;
	padding-left		: 15px !important;
}

/* The titles above the listing of added items (terms/cats/tags) */
.jsearch_search_items_list_title {
	margin-left		: auto;
	margin-right		: auto;
	width			: 150px;
	font-weight		: bold;
	font-size		: 12px;
	text-transform		: uppercase;
}

/* This is goofy... I know... But it's to put a spacer from the border of tables to the content and there wasn't a different good way to do this */
.jsearch_control_section_table_spacer {
	height			: 8px;
}

/************************/
/*****> Term stuff <*****/
/************************/

#jsearch_term_input {
	width			: 195px;
/*	border			: none !important;*/
/*	background		: none !important;*/
	background		: url('jsearch_shadow2.png') !important;
}

/* I shouldn't have had to do this, but there you have it. Margins didn't work on term input for some f'ing reason. */
#jsearch_term_input_td {
	padding-left		: 5px;
	padding-bottom		: 5px;
}

#jsearch_term_input_q {
	padding-top		: 2px;
	width			: 10px;
}


#jsearch_cat_select_pop_open_button, #jsearch_tag_select_pop_open_button {
	width			: 180px;
	font-size		: 7pt; 
	padding-top		: 3px; 
	height			: 13px;
	margin-left		: auto;
	margin-right		: auto;
}

.jsearch_pop_done_button {
	margin-top		: 7px !important; 			/* Had to make an adjustment to their position for some reason. Ah well... */
	padding-top		: 4px !important; 			/* Had to make an adjustment to their position for some reason. Ah well... */
}

/****************************/
/*****> Category stuff <*****/
/****************************/
#jsearch_cat_dropbox {
}

#jsearch_cat_dropbox_container, #jsearch_tag_dropbox_container {
	padding			: 8px;
	height			: 75px;
	scroll			: auto;
	overflow		: scroll;
	margin-top		: 0px;
	background		: url('jsearch_shadow2.png') !important;
	border			: 1px solid #999;
}

/***********************/
/*****> Tag stuff <*****/
/***********************/

#jsearch_tag_filter {
	background		: url('jsearch_shadow2.png') !important;	
}

/****************************/
/*****> Options stuff  <*****/
/****************************/

#jsearch_options_table * {
	font-size		: 9pt;
	color			: 444;
}

#jsearch_options_table table {
	margin-left		: auto;
	margin-right		: auto;
}
/* Width is already set above somewhere. This is for other properties */
#jsearch_options_table {
	margin-bottom		: 10px;
}

/****************************/
/*****> Search button  (and friends) <*****/
/****************************/

#jsearch_search_button {
	border			: 2px solid #333 !important;
	margin-top		: 10px;
	margin-left		: auto;
	margin-right		: auto;
	font-weight		: bold;
	font-size		: 11pt;
	line-height		: 16px;
	width			: 300px;
	background		: orange;
}

/***************************/
/*     Widgets and ctonrols styles */
/***************************/


/*************************************************/
/* The JSEARCH equivalent of a normal search box */

/* This is here so you can apply styles to the whole section at once */
#jsearch_sb {
	text-align		: center;
}
/* The keyword input box */
#jsearch_sb_terms {
	margin-top		: 10px;
	width			: 125px;
}
/* The "Search" button */
#jsearch_sb_button {
	display			: block; 	/* Puts it on a new line. If you want it next to the text box, remove this */
	margin-left		: auto;
	margin-right		: auto;
	margin-top		: 4px;
	margin-bottom		: 4px;
}
/* The "Advanced Search link */
#jsearch_sb_advanced {
	display			: block; 	/* Puts it on a new line. If you want it next to the text box, remove this */
}