@charset "utf-8";
/* jquery ui overrides */
@import url('/climate/styles/tabs-nested.css');

/* jquery ui overrides */
div.tabs { position:relative; }
.ui-widget * { outline: none;} /* review alternatives - e.g. keyboard detection for outlines, most widgets have additional visual cues */

.tabs-nested.ui-tabs { padding: 1.0em 0.6em !important; }
.ui-tabs .ui-tabs-nav li { margin-right: 0.4em; }

div.ui-tabs div.ui-tabs-panel { padding: 0.5em; margin:0; min-height:500px; }
.ui-tabs .ui-tabs-nav li a { padding: .5em 0.7em; }
.ui-dialog .ui-widget-content a { color: #06C; }
.ui-dialog .ui-widget-content a:hover { color: #F60; }

.ui-tabs .ui-tabs-panel { padding: 1em .4em .4em .4em; }
.ui-widget-content { border: none;}
.ui-widget-header {
	border:none;
	border-bottom: 1px solid #ddd;
	background: #fff;
	border-radius: 0;
}

.ui-progressbar .ui-widget-header {
background: #ccc !important;
border: 1px solid #ccc !important;
}

.ui-progressbar { margin-top: 10px; border: 1px solid #ccc !important;}

/* review for CDU specificity - ie nested nested tabs! */
.tabs-nested.ui-tabs { padding: 1.0em 0.0em !important;}
.tabs-nested-first.ui-tabs { padding: 0 .4em .4em .4em;}

.tabs-nested-first > .ui-widget-header { background: linear-gradient(to top,#efefef, #fff) !important; margin-bottom: 2em; margin-top: 0;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: linear-gradient(to top, #efefef, #fff ); }

.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-default,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-widget-content .ui-state-default,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-widget-header .ui-state-default {
	background:none;
	border: none;
}

.ui-tabs.tabs-nested-first > .ui-tabs-nav > li.ui-state-default {
	margin-bottom: 6px;
}

.ui-tabs.tabs-nested-first > .ui-tabs-nav > li.ui-tabs-active {
	color: #fff;
	background-color:#06C;
	border-radius: 4px;
}
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:link,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:visited,
.ui-tabs.tabs-nested-first > .ui-tabs-nav > .ui-state-active a:hover
{
	color: #fff;
}
#dialog {max-width: 100%;}


@media print {
	.ui-tabs-nav { display: none; }
	#tabs div.ui-tabs div.ui-tabs-panel, #tabs .ui-widget .ui-widget-content { padding:0; min-height: auto; height: auto; display: block !important; width: 100% !important; }
}