/* These are a bunch of overrides originally put in blk-components.css
** These should be scoped and not global
** Their use is not apparent, so continuing to load on all sites
** Clean up and remove as time goes on
** Also add comments for each usage
** Many of these are probably UK-Retail specific
*/


/* jQuery UI base styles */

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
	padding: 0;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-right, .ui-corner-bl {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	border-radius: 0px;
}

.ui-widget {
	background: white;
	font-family: Arial, sans-serif !important;
	font-size: 13px;
}

.ui-widget-content {
	border: 1px solid #ccc;
	color: #333;
}

.ui-widget-content a {
	color: #333;
	font-weight: normal;
}

.ui-button .ui-button-text {
	line-height: normal;
	display: inline;
}

.ui-menu .ui-menu-item a {
	padding: 0;
	width: auto;
}

.ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-menu-item .ui-corner-all {
	font-size: 13px;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial, sans-serif;
	font-size: 13px;
}

.ui-autocomplete {
	font-size: 13px;
	*height: 300px;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* jQuery UI Autocomplete styles for tools */

#evaluatorTool .ui-autocomplete,
#historicalTool .ui-autocomplete,
#performanceTool .ui-autocomplete {
	width: 486px;
}

/* jQuery UI Upgrade means that previous fixes that avoided important no longer work! */
#evaluatorTool .ui-autocomplete-input,
#historicalTool .ui-autocomplete-input,
#performanceTool .ui-autocomplete-input {
	font-size: 13px;
	padding: 1px;
	margin: 0 !important;
	width: 470px !important;
}

#evaluatorTool #fundRange,
#performanceTool #productId, #performanceTool #classId,
#historicalTool #productId, #historicalTool #classId {
	height: 26px;
	padding:2px;
}

#evaluatorTool tbody td input,
#performanceTool #fromDate, #performanceTool #toDate,
#historicalTool #fromDate, #historicalTool #toDate {
	height:18px;
	padding:3px;
}

/* jQuery UI Datepicker */
.ui-datepicker.ui-widget {
	font-size: 12px !important;
	width: 209px;
}

.ui-datepicker .ui-datepicker-header {
	width: 208px;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 60px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	width: 21px;
}

.ui-datepicker table {
	margin: 0 0 .2em;
	font-size: 11px;
}

/* Fix for custom combobox taking up too much space in Historical Price/Performance tool */
.custom-combobox {
	display: inline !important;
}

/* Pulled from blk-components.css. This looks like an IE7 override
** for the UK Retail historical price tool
*/
/* Historical Price Tool */
#historicalTool button.ui-button-icon-only {
	*margin-left: -6px;
	*margin-top: 1px;
}
/* UK Retail Evaluator Tool
** UK Retail Historical Prices Tool
** UK Retail Performance Tool
** Align the arrow icon on the end of the dropdown/autocomplete combo boxes
** Change the background color to white
************************************************************************************/
#evaluatorTool .custom-combobox-toggle,
#historicalTool .custom-combobox-toggle,
#performanceTool .custom-combobox-toggle {
	border-left: none;
	height: 24px;
	vertical-align: top;
	width: 16px;
	*margin-top: 1px;
}
#evaluatorTool .custom-combobox-input,
#historicalTool .custom-combobox-input,
#performanceTool .custom-combobox-input {
	background: none;
	height:20px;
	padding:2px;
}