/*

	The jquery-ui-override.css files are for adding additional styling onto the jQuery UI styles downloaded
	from ThemeRoller.  Obviously if we edit the downloaded ones we'll lose those next time we overwrite 
	them with further style changes, so if you want to add additional style rules add them here (if you're
	changing existing rules you should be using the URL in the jquery-ui-1.7.2.custom.css with the ThemeRoller
	tool).

*/

.xxui-state-warning {
	/* nicked from ui-state-highlight originally (i.e. ui-state-warning doesn't exist in jQuery UI styles */
	border-color: #fcd3a1; 
	border-width: 2px;
	background-color: #fee7ae; 
	color: #444444; 
}

.xxui-state-error
{
	border-width: 2px;
	border-color: #FCA494;
}

.xxui-state-warning a { 
	color: #444444; 
}


.ui-tabs-panel
{
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* Put the dropdown back to what we want, otherwise jQuery UI will stuff us over :( */
.ui-widget SELECT
{
	font-size: 90% !important;
}

.ui-widget-content {
	/*get rid of that annoying shading at the bottom of the tabs*/
	background-image: none;
}

.ui-accordion-content {
	/*get rid of annoying padding at bottom of tabs (well accordion within the tabs*/
	padding-bottom: 0px !important;
}

/*fixes the scrollbar problem*/
.ui-accordion .ui-accordion-content {
	overflow:hidden !important; 
}

.ui-autocomplete {
	width: 400px;
	z-index: 2000 !important;		/*ensures the autocomplete appears above any help on the page*/
}