/**
 * @author Dale Larsen
 * These styles override the jquery ui default styles from out theme.
 * The point of this is so that when we need to update styles that are not controlled by
 * the theme roller we don't have to redo them.
 */
.ui-button-text-only .ui-button-text {
	padding: 0.1em 0.7em;
	font-size: 0.75em;
}
.buttonIcon {
	width: 12px;
	height: 12px;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
	padding: 5px;
	height: 12px;
	width: 12px;
}
.ui-state-error-wrapper .ui-icon {
  background-image: url('images/ui-icons_cd0a0a_256x240.png');
}
.ui-slider .ui-slider-handle {
	background: #4294C5;
	border-radius: 15px;
	border: none;
	top: -3px;
	margin-left: -7px;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	height: 14px;
	width: 14px;
	z-index: 3;
}
.ui-slider .ui-slider-handle.ui-state-active {
	cursor: -moz-grabbing !important;
	cursor: -webkit-grabbing !important;
}
.ui-slider-horizontal {
  height: 8px;
}
.ui-slider {
	background: #DCDCDC;
	border-radius: 0px !important;
}
.ui-slider-range {
	border-radius: 0px !important;
	background: #AAAAAA;/*#7BAAC8;/*#95D7F9*/
}

.ui-datepicker {
	font-size: 12px;
}