.clearfix {clear:both;}
.floatl {float:left;} .floatr {float:right;} .inline{display:inline;}
.fontbold{font-weight:bold;}
.fontwhite {color:#ffffff !important;}
.fontblack {color:#333333 !important;}
.fontgreen {color:#1ABE07 !important;}
.fontblue {color:#0198D1 !important;}
.fontgrey {color:#9d9d9d !important;}
.fontred {color:#A30004 !important;}

/* Slider Style */

.ui-slider-horizontal { height: 4px; top: 5px;}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider .ui-slider-handle{
	height:20px;
	width:20px;
    background: url(../images/bar_slider_left.png) no-repeat;
    position:absolute;
    top: -7px;
    border-style:none;
	cursor: pointer;
}
.ui-slider .ui-slider-handle.ui-slider-handle-right,
.ui-slider .range-min{
	 background: url(../images/bar_slider_right.png) no-repeat;
}
.disabledSlider .ui-slider .ui-slider-handle.ui-slider-handle-right,
.disabledSlider .ui-slider .range-min{
	 background: url(../images/bar_slider_right_dis.png) no-repeat;
}

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

.slider_outer								{ margin:0px; border:0px solid #e6e6e6; padding:2px 5px 10px 5px; width:295px;}
.slider_gutter 								{ float:left; width: 100%; display:block; position:relative; padding: 0px; margin: 0px; }
.slider_gutter_item							{ position:relative; float:left; width: 10px; left:100%; padding: 0px; margin: 0px; }
.slider_overlay								{ float: left; width: 255px; margin: 2px 0px 0 0px; }
#budget_slider_overlay,
#potential_slider_overlay, #feedback_slider_overlay					{ width: 255px;}

#slider_systemsize_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_systemsize_gutter_m						{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_systemsize_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#systemsize_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */


#slider_feedback_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_feedback_gutter_m						{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_feedback_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#feedback_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_potential_gutter_l,
#slider_budget_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left_active.png) no-repeat; }
.disabledSlider #slider_potential_gutter_l,
.disabledSlider #slider_budget_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left_active_dis.png) no-repeat; }

#slider_potential_gutter_m,
#slider_budget_gutter_m,
#slider_feedback_gutter_m						{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */

#slider_potential_gutter_r, #slider_feedback_gutter_r,
#slider_budget_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
.disabledSlider #slider_potential_gutter_r,
.disabledSlider #slider_budget_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right_dis.png) no-repeat; border:1px; z-index:0;}

#potential_slider,
#budget_slider, #feedback_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_assumptions_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_assumptions_gutter_m					{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_assumptions_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#assumptions_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_roofusage_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_roofusage_gutter_m						{ width:181px; margin-left:-191px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_roofusage_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#roofusage_slider								{ width:201px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_efficiency_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_efficiency_gutter_m						{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_efficiency_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#efficiency_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_experience_gutter_l, .slider_gutter_l	{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_experience_gutter_m						{ width:255px; margin-left:-270px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_experience_gutter_r, .slider_gutter_r	{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#experience_slider								{ width:280px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

#slider_customer_gutter_l, .slider_gutter_l		{ width:10px; margin-left:-100%; height:20px; background:url(../images/slider_bar_left.png) no-repeat; }
#slider_customer_gutter_m						{ width:181px; margin-left:-191px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x;} /* margin-left = width + 10 */
#slider_customer_gutter_r, .slider_gutter_r		{ width:10px; margin-left:-15px; height:20px; background:url(../images/slider_bar_right.png) no-repeat; border:1px; z-index:0;}
#customer_slider								{ width:201px; margin:0px; } /* width = slider_minmax_gutter_M.width + 20 */

.slider_gutter 								{ width:150px; margin:10px 0px 0px 0px; }
.slider_gutter_m							{ width:140px; margin-left:-150px;	height:20px; background:url(../images/slider_bar_center.png) repeat-x; }
.slider_selection_background				{ top:-20; }

.knob_left  									{ position:absolute; height:20px; width:20px; background:url(../images/bar_slider_left.png) no-repeat; cursor:pointer; }
.knob_right 									{ position:absolute; height:20px; width:20px; background:url(../images/bar_slider_right.png) no-repeat; cursor:pointer; z-index:1;}

.min_box_left								{ position: absolute; left: 0px; top: 20px;  text-align:center; margin: 0px; padding: 0px; }
.min_box_right								{ position: absolute; right: 20px; top: 20px; text-align:center; margin: 0px; padding: 0px; }

/* For Clip */
#systemsize_bkg_img								{ position:absolute; height:7px; margin:6px 10px 0px -0px; width:390px; overflow:hidden; }
#budget_bkg_img									{ position:absolute; height:7px; margin:6px 10px 0px -0px; width:390px; overflow:hidden; }
#assumptions_bkg_img							{ position:absolute; height:7px; margin:6px 0px 0px -10px; width:374px; overflow:hidden; }
#roofusage_bkg_img								{ position:absolute; height:7px; margin:6px 0px 0px -10px; width:374px; overflow:hidden; }
#efficiency_bkg_img								{ position:absolute; height:7px; margin:6px 0px 0px -10px; width:374px; overflow:hidden; }
#experience_bkg_img								{ position:absolute; height:7px; margin:6px 0px 0px -10px; width:374px; overflow:hidden; }
#customer_bkg_img								{ position:absolute; height:7px; margin:6px 0px 0px -10px; width:374px; overflow:hidden; }

.clearfix {
	clear:both;
	display:block;
}