/*
	These are additional customizations to the jQuery UI theme that could not be generated by the Themeroller.

	Other customizations include carrying forward the following files from older themes:
	- ui-bg_flat_0_aaaaaa_40x100.png
	- ui-bg_flat_75_ffffff_40x100.png
	- ui_bg_flat_55_f2f2f2_40x100.png
	- ui_bg_flat_65_4f2c1d_40x100.png
	- ui_bg_flat_75_cccccc_40x100.png
	- ui_bg_flat_75_f26303_40x100.png
	- ui_bg_flat_75_ff7300_40x100.png
	- ui-icons_222222_256x240.png
	- ui-icons_fff_256x240.png
 */

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}

.ui-accordion .ui-accordion-content {
	border-top: 0;
}

.ui-accordion .ui-accordion-header {
	font-weight: 700;
}

.ui-tabs .ui-tabs-nav li {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

.ui-widget {
	/* font-size: 1.1em; */
	font-weight: 400;
	border-bottom: 2px solid #ececec;
}

.ui-widget .ui-widget-content,
.ui-widget-content {
	border: none;
}

.ui-widget-header {
	border: none;
	color: #66341f;
	font-weight: 700;
}

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "europa", Avenir Next, Avenir, Helvetica, sans-serif;
}

.ui-widget {
	font-weight: 300;
	font-size: 1.0em;
}

.ui-dialog {
	z-index: 10099999;  /* Ensure this is above the BGSU logo and navigation bar */
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border-top: 2px solid #ececec;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border-top: 2px solid #fd7300;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border-top: 2px solid #fd7300;
	font-weight: 700;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	background: #fef1ec;
}

.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .5;
	filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
}

.ui-dialog {
	border: 1px solid #5a5b5c;
}

.ui-dialog-titlebar-close {
	width: 17px !important;
	height: 17px !important;
	border: none;
	background-image: url("images/ui-icons_5a5b5c_256x240.png");
	background-position: -96px -128px !important;
}

.ui-dialog-titlebar-close:hover {
	border-top: 2px solid #fd7300 !important;
	background-image: url("images/ui-icons_fd7300_256x240.png");
}

.ui-tooltip {
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

.ui-tooltip.ui-widget-content {
	background: #ffffff !important;
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_5a5b5c_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_fd7300_256x240.png");
}

/*
	Restore styling of Datepicker control.  The ui-datepicker class was explicitly added to the rules
	to prevent accidental interference with other jQuery UI widgets.
 */
div.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
}

.ui-datepicker.ui-widget {
	font-size: 1.2em !important;
}

.ui-datepicker.ui-widget-content {
	border: 1px solid #ccc;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222 !important;
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}

.ui-datepicker .ui-widget-header {
	border: 1px solid #ccc;
	background: #cccccc url(images/ui-bg_flat_75_cccccc_40x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-datepicker .ui-widget-header .ui-state-hover .ui-icon,
.ui-datepicker .ui-widget-header .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_fff_256x240.png);
}

.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget-header .ui-state-default {
	border: 1px solid #ff7300;
	background: #ff7300 url(images/ui-bg_flat_75_ff7300_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}

.ui-datepicker .ui-state-hover,
.ui-datepicker.ui-widget-content .ui-state-hover,
.ui-datepicker.ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker.ui-widget-content .ui-state-focus,
.ui-datepicker.ui-widget-header .ui-state-focus {
	border: 1px solid #f26303;
	background: #f26303 url(images/ui-bg_flat_75_f26303_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-datepicker.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #f2f2f2 url(images/ui-bg_flat_55_f2f2f2_40x100.png) 50% 50% repeat-x;
	color: #363636;
}

.ui-datepicker .ui-state-active,
.ui-datepicker.ui-widget-content .ui-state-active,
.ui-datepicker.ui-widget-header .ui-state-active {
	border: 1px solid #4f2c1d;
	background: #4f2c1d url(images/ui-bg_flat_65_4f2c1d_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}