/* @override http://zedc3test.techprogress.org/issues/2009/01/stimulus_calculator.html/interactive/stimulus.css */

/* @override http://zedc3test.techprogress.org/issues/2009/01/stimulus_calculator.html/interactive/stimulus.css */



/* @group Layout */

#interactive {
	font: .85em Verdana, Arial, sans-serif;
	width: 600px;
	min-height: 500px;
	clear: both;
	overflow: hidden;
	line-height: 1.4em;
}

#interactive ul, #interactive li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	list-style-position: none;
	font-family: Verdana, Arial, sans-serif;
}

#interactive_header span {
	display: block;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
}

#interactive_content {
	position: relative;
}

#interactive_sidebar_container {
	position: absolute;
	width: 190px;
	top: 0;
	bottom: 0;
	right: 0;
}

#interactive_sidebar {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 190px;
	text-align: center;
}

ul#mainlist {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 400px;
}

#mainlist li.item {
	margin: 0px 0px 5px !important;
	padding: 5px 10px;
	height: 85px;
	background-color: #e6e6e6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6; overflow: hidden;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
}

#mainlist ul > li.item {
	height: 70px;
}

.item_elements {
	list-style: none;
	margin: 0;
	padding: 0;
}

.item_elements li {
}

li.item_head {
	font: 1.2em Georgia, serif !important;
}

.item_desc {
	color: #333;
	font-size: .8em;
}

.item_cost {
	float: right;
	width: 150px;
}

li.slider {
	margin: 3px 0 0 6px !important;
}

#interactive_sidebar li.number, #interactive_sidebar li.grade {
	margin: 10px 0;
}

li.number span, li.grade span {
	display: block;
	font: 2em Georgia, serif;
	line-height: 1em;
}

li.grade span {
	font-size: 5em;
}

/* @end */

/* @group Slider */

.ui-slider { height: 20px; width: 200px; position: relative; background: url(http://images2.americanprogress.org/CAPAF/2009/stimulus_interactive/images/slider-bar.png) no-repeat center center; display: block; float: left;}
.ui-slider-handle, .ui-slider-indicator { position: absolute; z-index: 1; height: 20px; width: 12px; margin-left: -6px; top: 0px; left: 0px; background: url('http://images2.americanprogress.org/CAPAF/2009/stimulus_interactive/images/slider-peg.png');}
.ui-slider-handle:hover { background: url('http://images2.americanprogress.org/CAPAF/2009/stimulus_interactive/images/slider-peg-hover.png'); }
.ui-slider-handle-active { background: url('http://images2.americanprogress.org/CAPAF/2009/stimulus_interactive/images/slider-peg-click.png');  }
.ui-slider-disabled .ui-slider-handle { opacity: 0.9; filter: alpha(opacity=90); }
.ui-slider-range { position: absolute; background: #50A029; opacity: 0.3; filter: alpha(opacity=30); width: 100%; height: 100%; }

/* @end */

/* @group Tabs */

#interactive_tabs {
	width: 400px;
	min-height: 30px;
	backgro und-color: #ccc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius: 5px 5px 0 0;
}

#interactive_tabs li {
	margin: 4px 4px 0 !important;
}

#interactive li.tab_section {
	height: 390px;
	width: 400px;
	padding: 10px 0;
	background-color: #f6f6f6;
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#interactive ul > li.tab_section {
	height: auto; min-height: 340px;
}

#interactive .ui-tabs {padding: .2em;}
#interactive .ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
#interactive .ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px 5px 0 0;}
#interactive .ui-tabs-nav li a { display:block; text-decoration: none; padding: 3px 1em; }
#interactive .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: 2px; border: 1px solid #aaa; border-bottom: 0; background-color: #f6f6f6; margin: 3px 3px 0 !important;}
#interactive .ui-tabs-panel { padding: .1em 1.4em;  display: block; border: 0; background: none; }
#interactive .ui-tabs-hide { display: none !important; overflow: hidden; height: 0px;}

/* @end */

.ie6sucks { opacity: 0.99; filter: alpha(opacity=99); }