#moneyback-calculator{
    font-size: 62.5%;
    color:#666;
    font-family:"Arial","Helvetica",sans-serif;
	background: #f9f9f9;
	width: 770px;
	overflow: hidden;
	padding: 10px 0 10px 10px;
	border: 1px solid #e3e3e3;
	/* ie 6 hack - box model */
	_width: 782px;
}

#moneyback-calculator a  {
    color:#D81E05;
    text-decoration:none;
}

#moneyback-calculator a img {
    border: none;
}

#moneyback-calculator .header{
	background: url(../img/icn-calculator.jpg) 8px top no-repeat; 
	padding-left: 62px;
	margin: 0 110px 20px 0; 
}
#moneyback-calculator .header .title{
	font-size: 1.8em; 
    margin-bottom:0;
}
#moneyback-calculator .header .intro{
	font-size: 1.4em;
	line-height: 1.4em;
    margin: 0;
}
#moneyback-calculator .calculator{
	position: relative;
	float: left;
	background: #fff;
	width: 477px;
	padding: 15px 0 0 20px;
	border: 1px solid #e3e3e3;
	z-index: 99;
	/* ie 6 hack - box model */
	_width: 497px;
}
#moneyback-calculator .calculator .stat-avg{
	display: block;
	position: absolute;
	width: 2px;
	height: 10px;
	border: 1px solid #bfbfbf;
	border-width: 0 1px;
}
#moneyback-calculator .calculator .legend{
	position: relative;
	background: #f6f6f6;
	padding: 6px 0;
	margin: 0 20px 10px 0;
    font-size: 1.2em;
	overflow: hidden;
}
#moneyback-calculator .calculator .a{ margin-left: 10px}
#moneyback-calculator .calculator .b{ margin-left: 148px }
#moneyback-calculator .calculator .c{ margin-left: 128px }
#moneyback-calculator .calculator .d{ margin-left: 32px }
#moneyback-calculator.lang_fr .calculator .d{ margin-left: 20px }

#moneyback-calculator .calculator label{
	display: block;
	clear: both;
	margin: 5px 0;
	font-size: 1.4em;
	font-weight: bold;
}
#moneyback-calculator .calculator label .tool-tip{
	vertical-align: middle;
}
.tool-tip{
	position: relative;
}
.tool-tip img {
    border:none;
}
#ie6 .tool-tip{
	z-index: 999;
}

#context-help, #close-help { position:absolute }

#close-help { z-index:1000; left: 150px; }

#context-help {
	background: #fff;
	width: 275px;
	margin-bottom: 20px;
	border: 1px solid #999;
	overflow: hidden;
	z-index: 999;
	
	-webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5);
	box-shadow: 4px 4px 0 rgba(0,0,0,.5);
}
#context-help:focus {
    outline:none;
}

#help-title span { font-weight:normal }

#help-title {
	background: #f1f1f1; 
	height: 35px;
    margin:0;
	line-height: 35px;
	text-indent: 10px;
	border-top: 1px solid #fff;
}

#help-description {
	padding: 10px;
	font-weight:normal;
}

#moneyback-calculator .calculator .slider{
	position: relative;
	float: left;
	clear: left;
	background: url(../img/bg-slider.jpg) left 15px no-repeat;
	width: 290px;
	height: 44px;
	padding: 5px 41px 0 40px;
	margin: 0 10px 0px 0;
	overflow: hidden;
	/* ie 6 hack - boxmodel */
    _height:1%;
}
#food-expenses-slider .stat-avg{ left: 174px; top: 0; }
#transportation-expenses-slider .stat-avg{ left: 220px; top: 0; }
#recreational-expenses-slider .stat-avg{ left: 110px; top: 0; }
#misc-expenses-slider .stat-avg{ left: 114px; top: 0; }

#moneyback-calculator .calculator .slider .track{
	position: relative;
	height: 42px;
	cursor: pointer;
}
#moneyback-calculator .calculator .slider .ui-slider-handle{
	display: block;
	position: absolute;
	background: url(../img/slider-handle.png) left top no-repeat;
	color: #fff;
	width: 100px;
	height: 30px;
	_height: 42px;
	padding-top: 12px;
	margin: 0 0 0 -50px;
	font-size: 1.4em;
	font-weight: bold; 
    outline: 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px 0 #6d1b07;
	/* ie 6 hack - png 8 - box model */
	_background: url(../img/slider-handle-ie6.png) left top no-repeat;
	_width: 73px;
	_margin: 0 0 0 -36px;
}
#moneyback-calculator .calculator .slider .ui-slider-handle:focus,
#moneyback-calculator .calculator .slider .ui-slider-handle:active {
	outline: 0;
}
#moneyback-calculator .calculator .slider-value{
	float: left;
	margin-top: 7px;
	font-size: 2em;
	font-weight: bold;
}
#moneyback-calculator .calculator .slider-value input{
	background: #f6f6f6;
	color: #666;
	width: 50px;
	height: 26px;
	border-radius: 4px;
	font-size: .8em;
	text-align: center;
}

#moneyback-calculator .calculator .total{
	float: left;
	clear: both;
	background: #f6f6f6;
	width: 417px;
	padding: 20px;
	margin: 20px 20px 10px 0;
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
	/* ie 6 hack - box model */
	_width: 447px;
}
#moneyback-calculator .calculator .total .savings{
	position: relative;
	padding-left: .4em;
	font-size: 1.8em;
}
#moneyback-calculator .calculator .total .savings sup{
	position: absolute;
	left: 0;
	top: 0;
	font-size: .6em;
}
#moneyback-calculator.lang_fr .calculator .total .savings sup{
    position:static;
}
#moneyback-calculator .calculator .info{
	clear: both;
	height: 70px;
	font-size: 1.4em;
    padding-left:25px;
    margin-right: 20px;
    margin-top:5px;
    background: url(../img/icn-arrow.png) no-repeat top left;
}
#moneyback-calculator .calculator .info .aboveMax,
#moneyback-calculator .calculator .max .belowMax,
#moneyback-calculator .calculator .info.max .belowMax{
	display: none;
}
#moneyback-calculator .calculator .max .aboveMax{
	display: block;
}
#moneyback-calculator .calculator .footer{
	clear: both;
	margin-bottom: 18px;
}
#moneyback-calculator .calculator .footer .legend{
	display: block;
	clear: both;
	background: none;
}
#moneyback-calculator .calculator .footer .legend .stat-avg{
	position: relative;
	float: left;
	margin-right: 10px;
}
#moneyback-calculator .calculator .footer img,
#moneyback-calculator .calculator .footer .legal{
	float: left;
}
#moneyback-calculator .calculator .footer .legal{
	position: relative;
	top: -12px;
	width: 320px;
	line-height: 1.5em;
	padding-left: 20px;
}
#moneyback-calculator .calculator .footer .asterisks{
	position: absolute;
	left: 10px;
	top: 3px;
	font-size: 1.6em;
}

#moneyback-calculator .aside{
	float: left;
	width: 250px;
}
#moneyback-calculator .aside .toggle{
	float: left;
	/* background: url(../img/icn-info-disabled.png) left center no-repeat; */
	color: #989898;
	height: 18px;
	line-height: 18px;
	margin: 0 0 10px 10px;
	padding-left: 20px;
	font-size: 1.2em;
}
#moneyback-calculator .closed .toggle,
#moneyback-calculator .aside.closed .toggle{
	/* background: url(../img/icn-info.png) left center no-repeat; */
	color: #D81E05;
}
#moneyback-calculator .aside .panel{
	position: relative;
	float: left;
	background: #fff url(../img/bg-panel.jpg) left top repeat-y;
	width: 250px;
	padding-top: 5px;
	border: 2px solid #e3e3e3;
	border-left: none;
	z-index: 9;
    margin-top: 15px;
	
	-webkit-box-shadow: 1px 1px 0 #ccc;
	-moz-box-shadow: 1px 1px 0 #ccc;
	box-shadow: 1px 1px 0 #ccc;
}

#moneyback-calculator .panel h3 {
    font-size:1.6em; 
    padding-left:25px;
    margin: 20px 0;
}
#moneyback-calculator .closed .panel,
#moneyback-calculator .aside.closed .panel{
	left: -255px;
}
#moneyback-calculator .aside .panel .quote{
	position: relative;
	height: 78px;
	padding: 10px 5px 0 100px;
	margin: 0 0 10px 15px;
	font-size: 1.4em;
	font-weight: bold;
	text-indent: -10px;
	/* ie 6 hack - box model */
	_height: 88px;
}
#moneyback-calculator .aside .panel .top {
    margin-bottom: 20px;
}
#moneyback-calculator .aside .panel .top .quote{
	background: url(../img/headshot-1.png) left top no-repeat;
}
#moneyback-calculator .aside .panel .bottom .quote{
	background: url(../img/headshot-2.png) left top no-repeat;
}
#moneyback-calculator .aside .panel ul{
	list-style: none;
	line-height: 1.6em;
	font-size: 1.3em;
	margin-bottom: 10px;
    margin-right:10px;
    text-align: right;
    padding-left: 9px;
    margin-left:0;
}
#moneyback-calculator.lang_fr .aside .panel ul{
    padding-left:15px;
    _padding-left:10px;
}
#moneyback-calculator .aside .panel ul li.total {
    border-top: 1px solid #e2e2e2;
    margin-top:5px;
    padding-top:5px;
}
#moneyback-calculator .aside .panel ul li .amount{
	float: right;
    text-align:left;
	width: 40px;
    margin-left:5px;
	font-weight: bold;
}
#moneyback-calculator.lang_fr .aside .panel ul li .amount{
    text-align:right;
}
#moneyback-calculator .aside .panel .use-averages{
	margin-left: 115px;
	font-size: 1.2em;
}
#moneyback-calculator .aside .panel hr{
	margin: 20px 20px 20px 115px;
}
#moneyback-calculator .aside .panel .bottom{
	margin-bottom: 20px;
}
#moneyback-calculator .aside .panel .close{
	position: absolute;
	background: url(../img/icn-close.jpg) center center no-repeat;
	right: 0;
	top: 0;
	width: 25px;
	height:25px;
	margin: 8px 8px 0 0;
	text-indent: -9999em;
}
#moneyback-calculator #context-help ul{
	list-style: disc;
	padding-left: 20px;
	line-height: 1.4em;
}