body{ font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
h1, h2, h3, h4 { color: #0079C1; }
h2{ margin-top: 0; font-size: 15px; }
h3{ font-size: 12px; margin-top: 15px; }
a{ color: #0079c1; }
.calculatorContainer{ background: url("../images/calculator_bg.gif") no-repeat; width: 460px; height: 615px; }
.calculatorTitle{ padding: 8px 0 0 19px; }
.calculatorTitleFR{ padding: 8px 0 0 19px; }
.calculatorContent{ width:420px; margin: 25px 20px 0 20px; }
.calculatorContentFR{ width:420px; margin: 19px 20px 0 20px; }
.calculatorContentLeft{ width: 210px; float: left; }
.calculatorContentRight{ width: 200px; float: left; padding-left: 10px;}
.balance_fr{ background: url("../images/slider_bg.gif") no-repeat; width: 420px; height:44px; margin-top: 35px;}
.balance{ background: url("../images/slider_bg_en.gif") no-repeat; width: 420px; height:44px; margin-top: 35px;}
.handle-count {color: #1C94C4; font-size: 16px; font-weight: bold; margin-top: 8px; position: absolute; text-align: center; text-decoration: none; top: 0; width: 80px;}
.ui-tabs .calculatorContainer .ui-widget-content { background: none repeat scroll 0 0 transparent; border:none; }
.ui-slider { position: relative;  text-align: left; }
.slider {  height: 50px;  width: 400px; }
.slider_fr {  height: 50px;  width: 410px; }
.ui-slider-horizontal .ui-slider-handle { background: url("../images/slider-handle.png") no-repeat scroll 0 0 transparent; height: 62px; margin-left: -32px; outline:0; text-decoration: none; top: -28px; width: 80px; position:absolute; display:block; border:0;}
#slider-balance a:hover, #slider-balance a:active, #slider-balance a:focus, #slider-balance a:visited { outline:0; border: 0; outline-color: #F00; }
.resultsContainer{ background: url("../images/calculator_results_bg.gif") no-repeat scroll 0 0 transparent; height: 56px; width: 200px; margin-top: 20px;}
.resultsContainerFR{ background: url("../images/calculator_results_bgFR.gif") no-repeat scroll 0 0 transparent; height: 56px; width: 200px; margin-top: 20px;}
.totalResultContainer{ background: url("../images/totalEqualBox.gif") no-repeat scroll 0 0 transparent; height: 69px; width: 200px; margin-top: 5px; color: white; font-size: 14px; font-weight: bold; position: relative; float: left; }
#totalResult{ position: absolute; top: 20px; left: 3px; text-align: center; }
.resultsTitle{ width: 60px; height: 30px; padding: 7px 6px; float:left; font-size: 11px; color: #0079C1; font-weight: bold; }
.resultsTitle.smallFont { font-size: 10px; padding: 4px 6px; }
.resultsTitleFR{ width: 60px; height: 30px; padding: 12px 6px 13px; float:left; font-size: 12px; color: #0079C1; font-weight: bold; }
.results{ height: 30px; width: 82px; padding: 12px 0px; float:left; font-size: 24px; color: #0079C1; font-weight: bold; text-align: right; }
.resultsFR{ height: 30px; width: 70px; padding: 15px 4px 10px 6px; float:left; font-size: 16px; color: #0079C1; font-weight: bold; text-align: right; }
.resultsText{ width: 20px; height: 30px; padding: 13px 7px 13px 9px; float:left; font-size: 12px; color: #0079C1; font-weight: bold; }
.boldBlue{ color: #0079C1; font-weight: bold; }
.didYouKnow{ background: url("../images/didyouknow_bg.gif") no-repeat; float:left; margin-top: 15px; width: 400px; height: 90px; padding: 10px; }
.didYouKnowTitle{ color: #0079C1; font-weight: bold; font-size: 15px; padding-bottom: 5px; }
a.learnMore{ background: url("../images/red_arrow.gif") no-repeat scroll right center transparent; color: #0079C1; font-weight: bold; padding-right: 10px; text-decoration: none; display: inline-block; }
a.learnMore:hover{ text-decoration: underline; color: #0079C1; cursor: pointer; }
.calculatorRewardsContainer{ background: url("../images/calculator_rewards_bg.gif") no-repeat scroll 0 0 transparent; width: 200px; height: 280px; margin-top:15px; position: relative; }
.calculatorRewardsTitle{ font-size: 13px; font-weight: bold; color: #0079C1; padding: 7px 0 3px 10px; float: left; width: 190px;}
.rewardsTabContent{ width: 184px; height: 176px; float: left; padding: 8px; }
.rewardsOpeningText{ width: 184px; margin-bottom: 10px; text-align:center; }
.rewardsListHeaderContainer{ float: left; height: 25px; background-color: #f4f4f4; margin-bottom: 10px; width: 184px; position: relative; }
.rewardsListHeader{ position: absolute; left: 55px; bottom: 10px; font-style:italic; }
.rewardsRow{ width: 184px; float:left; }
.rewardsTravelFlight{ width: 122px; float: left; padding: 0 5px; }
.rewardsSalesCost{ width: 52px; float: left; text-align: center; color: #0079C1; font-weight: bold; }
.hDots{ background: url("../images/hDots.gif") repeat-x scroll 0 0 transparent; width: 184px; height: 1px; margin: 10px 0; float:left; }