ul.calc-profileSelect {  padding:0px; text-align:center; margin:30px auto;}
	ul.calc-profileSelect li { display: inline-block; width: 220px; height:164px; background: url(/css/images/calc/bg_deselected.jpg); color: #006275; position: relative; cursor: pointer; margin: 0px 5px; text-align: center; text-shadow: -1px 1px 1px rgba(0,0,0,0.3); background-color: #BCD6CD; box-shadow: inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px; -moz-box-shadow: inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px; -webkit-box-shadow: inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px; border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; -webkit-border-radius: 15px 0 15px 0; }
		ul.calc-profileSelect li a { color: #006275; position: absolute; width: 100%; left: 0px; height: 100%; }
span.calc-profile-title { font-family: DinNextCondensed; font-size: 32px; line-height: 32px; background: url(/css/images/dottedline_blue-t.png) no-repeat bottom center; display: block; width: 100%; position: absolute; bottom: 10px; text-transform: uppercase; padding-bottom: 15px; }
img.profile-select-icon { margin-top:16px; max-height:131px;}
.calc-resultSummary { font-family: DinNext; font-weight: 400; color: #006275; font-size: 1.4em; text-align: center; padding: 0px 40px; }
.resultSavingsText { font-family: DinNext; font-weight: 400; color: #006275; font-size: 1.6em; text-align: center; padding: 0px 40px 40px; }
.resultProfileIcon { text-align: center; }
span.resultProfileLabel { display: block; color: #006275; background:none; position:relative; bottom:0px; }
.calc-salary-selection { margin-bottom: 30px; }
.resultProfileIcon img.profile-select-icon { 
	-webkit-filter: invert(.2) sepia(1) saturate(2) hue-rotate(-30deg);
	filter: invert(.2) sepia(1) saturate(2) hue-rotate(-30deg);
}
h3.resultTableHeader {font-family: DinNextCondensed; text-transform:uppercase; background: #BCD6CD; color:#006275; font-weight:400; padding:9px 12px;  font-size: 24px; border: 1px solid #fff; margin:1px 0;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 2px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 2px;}
.resultTableContent { max-width: 660px; margin:auto;}
table.resultTable { margin:0px; padding:0px; width:100%; max-width:660px; margin-bottom:40px;}
	table.resultTable td { border-bottom: 1px solid #bcd6cd; color:#006275; font-size:1.2em; padding:10px 20px;}
		table.resultTable td.value { color: #f07f22; text-align:right; }
.resultsDisclaimer { color:#006275; font-weight:400; font-size:1.1em; max-width:660px; margin:30px auto;}
.resultsDisclaimer ul, .resultsDisclaimer ol {margin:15px 0 0 15px; padding-left:30px;}
.resultsDisclaimer li {margin:5px 0;}
.calc-value-display {font-family: Coco, Sans-Serif; color: #006275; font-weight: 400; font-size: 1.4em; margin: 25px 0 5px 0; text-align:center;}
.calc-below-subText { text-align: center; margin:0 0 20px; }
.subtext { text-align: center; font-size:.9em;}

.clickable { cursor: pointer; }

.calculator { margin: 0 auto; padding-bottom:30px;}

/* Categories */
.category-content-whole{ padding-bottom:15px;}
.calculator .category-container{overflow:hidden;}
.calculator .category-container hr{margin:0;}
.calculator .category-container.heighthidden{padding-bottom:0;}
.calculator .calculator-content{margin-top:20px;}
.calculator .calculator-content .close{background:url(/css/images/x_button-s.png) no-repeat; width:21px; height:21px; position:absolute; right: -30px; top: 10px;}
.calculator .calculator-content .categories { float: left; width:380px;}
.calculator .calculator-content .category-content{text-align:center; color:#006275; border-bottom:1px solid #93C6E3; border-left:1px solid #93C6E3; border-right:1px solid #93C6E3; margin:0 2px; padding-bottom:20px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px 2px; -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px 2px; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px 2px;
}

.calculator .calculator-content .categories p{font-family: coco; font-weight: 300; padding-top:15px;line-height:1.2;}

.calculator .calculator-content .category span{float:right; display:block; width:17px; height:17px; background:url(/css/images/calc/calc_arrow_deselected.png) no-repeat center center; padding:10px;}
.calculator .calculator-content #step2 .category span{display:none;}
.calculator .calculator-content .category.active { background: #F1801F; color:#fff; }
.calculator .calculator-content .category.active span{ background:url(/css/images/calc/calc_arrow_selected.png) no-repeat center center;}
.calculator .calculator-content #step2 .category span{ background:url(/css/images/calc/calc_arrow_deselected_down.png) no-repeat center center;}

.calculator .calculator-content .category-content.results{text-align:left; border: 0 none; box-shadow: none; padding-bottom: 7px; position:relative;}
.calculator .calculator-content .category-content.results p{font-family:Arial, Helvetica, Sans-Serif; font-size: 80%; font-weight: bold; text-transform: uppercase;}
.calculator .calculator-content .category-content.results p span{right:0px; position:absolute; color:#F1801F; font-size:120%; color:rgba(238, 125, 29, .8); text-shadow: 0px 1px 0px #F1801F, 0 0 0 #000, 0px 1px 1px #F1801F; text-transform:none; font-weight:normal; width:65px; text-align:center;}

.calculator .calculator-content .categories p.calc-totals{font-family: DinNext; font-weight: 300; padding-top: 18px; line-height: 1.2; font-size: 115%; color: #006275; padding: 5px 20px; position: relative;}
.calculator .calculator-content .categories p.calc-totals span{position: absolute; right: 0; top: 1px; font-family: DinNextCondensed; font-size: 140%; font-weight: 400; width: 65px; text-align: center;}

.calculator .calculator-content .title-Text2{color: #006275;}
.calculator .calculator-content .category-content h4{ padding:20px 20px 0px 20px;} 
.calculator .calculator-content .category-content p{ padding:10px 20px 0 20px;}

#stepCalc .ui-widget-content { border: 0px; background: transparent; }
.sliderMid { margin-top:2px; }
        
.calculator .sliders { position: relative;}	
.calculator .slider { width: 300px; height: 13px; left: 5px;  
    border-radius: 25px; -moz-border-radius: 25px;  -webkit-border-radius: 25px; } 
    
.calculator .sliders .tooltip { position: absolute; width:100px; text-align: right; top:7px; color:#fff; text-shadow: 0 -1px 1px #000; margin-left: -120px;}
.calculator .sliders .tooltip.calc-tool-left{text-align:left; color:#006275; text-shadow: 0 1px 1px #fff; margin-left: 20px;}

.calculator .sliders .slider-ar-container{width: 84%; height: 27px; margin:auto; background: url(/css/images/calc/arrow_less.png) no-repeat left;}
.calculator .sliders .slider-ar-container2{width: 100%; height: 27px; background: url(/css/images/calc/arrow_more.png) no-repeat right;}
.calculator .sliders .slider-container { position: relative; width:94%; margin:auto;}
.calculator .sliders .slider-container .slider-background { width: 100%; height: 16px; overflow: hidden; position: relative; top:5px; border: 1px solid; border-color: #777 #ccc #fff #ccc;
    border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; 
    background: #c96a18;
    background: -moz-linear-gradient(top,  #c96a18 0%, #ee7d1d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c96a18), color-stop(100%,#ee7d1d));
    background: -webkit-linear-gradient(top,  #c96a18 0%,#ee7d1d 100%);
    background: -o-linear-gradient(top,  #c96a18 0%,#ee7d1d 100%);
    background: -ms-linear-gradient(top,  #c96a18 0%,#ee7d1d 100%);
    background: linear-gradient(to bottom,  #c96a18 0%,#ee7d1d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c96a18', endColorstr='#ee7d1d',GradientType=0 );}
.calculator .sliders .slider-container .slider-foreground { width: 100%; height: 16px; position: absolute;
    background: #a1b6af;
    background: -moz-linear-gradient(top,  #a1b6af 0%, #deeae6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1b6af), color-stop(100%,#deeae6));
    background: -webkit-linear-gradient(top,  #a1b6af 0%,#deeae6 100%);
    background: -o-linear-gradient(top,  #a1b6af 0%,#deeae6 100%);
    background: -ms-linear-gradient(top,  #a1b6af 0%,#deeae6 100%);
    background: linear-gradient(to bottom,  #a1b6af 0%,#deeae6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b6af', endColorstr='#deeae6',GradientType=0 );}

.calculator .calculator-content .calc-question{border:1px solid #F1801F; margin:0 0 5px 0; color:#006275; height:90px; position:relative; width:100%;
    box-shadow: rgba(0,0,0,0.5) 1px 1px 5px -1px; -moz-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px -1px; -webkit-box-shadow:rgba(0,0,0,0.5) 1px 1px 5px -1px;
    background: #f0f9ff;
    background: -moz-linear-gradient(top,  #f0f9ff 0%, #d6d6d6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(100%,#d6d6d6));
    background: -webkit-linear-gradient(top,  #f0f9ff 0%,#d6d6d6 100%);
    background: -o-linear-gradient(top,  #f0f9ff 0%,#d6d6d6 100%);
    background: -ms-linear-gradient(top,  #f0f9ff 0%,#d6d6d6 100%);
    background: linear-gradient(to bottom,  #f0f9ff 0%,#d6d6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#d6d6d6',GradientType=0 );}        

.calculator .calculator-content .calc-question-header { text-align: center; text-transform: uppercase; font-size: 12px; height:21px; margin:5px 0px;}
.calculator .calculator-content .calc-question .min { font-family:DinNextCondensed; font-size: 27px; font-weight:300; position:absolute; left:2px; top:50%; margin-top:-13px;}
.calculator .calculator-content .calc-question .max{ font-family:DinNextCondensed; font-size: 27px; font-weight:300; position:absolute; right:2px; top:50%; margin-top:-13px;}
.calculator .sliders .slider-container .average { position: absolute; width: 70px; text-align: center; top: -11px; font-size: 70%; line-height: 11px; margin-left: -35px; }
.calculator .sliders .slider-container .average span{display: block; padding-top: 14px;}

.calc-navigation{ width:100%; margin:auto;text-align: center;}
.calc-navigation .calc-navigation2{height:50px;}
.calc-navigation .nav-button {display: inline-block; width:120px; cursor: pointer; padding:10px 35px; text-align:center; font-family: Coco, Sans-Serif; font-weight:normal;  text-shadow:-1px 1px 1px rgba(0,0,0,0.5); font-size:120%; color:#fff;
    box-shadow: inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px; -moz-box-shadow:inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px; -webkit-box-shadow:inset -5px 5px 5px -5px rgba(255, 255, 255, .5), rgba(0,0,0,0.5) 0px 1px 2px;}
.calc-navigation .nav-button.back { background: #BCD6CD; color:#006275; margin-right:10px;}

/* Final Page */
#age-final, #commuter-final{margin:0 auto 20px;; text-transform:uppercase;}
#age-final span, #commuter-final span{font-family: DinNextCondensed; font-size: 22px; line-height: 32px;  display: block; text-align: center;}
#age-final div,  #commuter-final div{margin:0 auto;}
#age-final.Single div{background:url(/css/images/calc/final_single.png) no-repeat; width:176px; height:165px; }
#age-final.Couple div{background:url(/css/images/calc/final_couple.png) no-repeat; width:238px; height:165px; }

#commuter-final.transit div{background:url(/css/images/calc/final_train.png) no-repeat; width:95px; height:162px;}
#commuter-final.vanpool div{background:url(/css/images/calc/final_van.png) no-repeat; width:148px; height:162px;}
#commuter-final.parkatwork div{background:url(/css/images/calc/final_car.png) no-repeat; width:174px; height:153px;}
#commuter-final.parkride div{background:url(/css/images/calc/final_park_and_ride.png) no-repeat; width:174px; height:116px;}

.results-text, .dependent-header{font-family:coco; font-weight:300; padding:10px 35px; text-align:center; width:350px; float:right; color:#006275;}
.results-text h4, .results-text .title-Text2{padding-bottom: 20px; background: url(/css/images/dottedline_blue-s.png) no-repeat bottom center; color:#006275;}
.results-text p{padding-top:20px;}
.results-text .contribution{font-family:DinNextCondensed; font-size: 19px; text-transform: uppercase;}

/* Overridden jQuery UI css */
#stepCalc .ui-slider-handle{position: absolute; z-index: 2; width:26px; height:26px; padding:2px; outline:0; top:-2px; margin-left:-13px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
    background: #aaaaaa;
    background: -moz-linear-gradient(top,  #aaaaaa 0%, #ffffff 32%, #5b5b5b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(32%,#ffffff), color-stop(100%,#5b5b5b));
    background: -webkit-linear-gradient(top,  #aaaaaa 0%,#ffffff 32%,#5b5b5b 100%);
    background: -o-linear-gradient(top,  #aaaaaa 0%,#ffffff 32%,#5b5b5b 100%);
    background: -ms-linear-gradient(top,  #aaaaaa 0%,#ffffff 32%,#5b5b5b 100%);
    background: linear-gradient(to bottom,  #aaaaaa 0%,#ffffff 32%,#5b5b5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#5b5b5b',GradientType=0 );}
#stepCalc .ui-slider-handle:before { content:''; display:block; width:100%; height:100%;
    border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; 
    background: #a1b6af;
    background: -moz-linear-gradient(left,  #a1b6af 0%, #deeae6 51%, #a1b6af 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a1b6af), color-stop(51%,#deeae6), color-stop(100%,#a1b6af));
    background: -webkit-linear-gradient(left,  #a1b6af 0%,#deeae6 51%,#a1b6af 100%);
    background: -o-linear-gradient(left,  #a1b6af 0%,#deeae6 51%,#a1b6af 100%);
    background: -ms-linear-gradient(left,  #a1b6af 0%,#deeae6 51%,#a1b6af 100%);
    background: linear-gradient(to right,  #a1b6af 0%,#deeae6 51%,#a1b6af 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1b6af', endColorstr='#a1b6af',GradientType=1 );}
.calculator .sliders .slider-container .ui-slider .ui-slider-handle { cursor: pointer; }

.hidebox{display:none;}
.tooltip1{color:#006276; margin:8px; padding:12px; background-color:#D5E8E2; position: absolute; z-index:100; width:315px; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: rgba(0,0,0,0.2) 2px 2px 15px 5px; -moz-box-shadow: rgba(0,0,0,0.2) 2px 2px 15px 5px; -webkit-box-shadow: rgba(0,0,0,0.2) 2px 2px 15px 5px;
}

.tooltip1 .arrow{width:100%; height:0; position:relative;}
.tooltip1 .arrow:after{content:''; position:absolute; top:10px; right:-8px; width: 0px; height: 0px; border-style: solid; border-width: 18px 20px 0 20px; border-color: #d5e8e2 transparent transparent transparent;}
.tooltip1 p{padding:10px 0; line-height:18px;}
.tooltip1 .title-Text2{color:#006276; text-align:center; line-height:28px; padding:0 0 15px 0; background:url(/css/images/dottedline_blue-s.png) no-repeat bottom center;}

.tooltip1.popup{font-size:14px;line-height:15px;}
.disclaimer {float:right;width:410px;font-size:11px;font-weight:bold; padding-bottom:60px;}
.contributions{float:right;width:410px;position:absolute;bottom:90px;right:0;text-align:right;color:#006275;text-transform:uppercase;font-size:18px;font-family:DinNextCondensed;line-height:22px;}
/*p.popup-text{font-size:16px;line-height:16px;}*/
#user-contributions, #dependent-user-contributions{font-size:22px;font-weight:bold;display:inline-block;width:38px;}
#user-contributions > span, #dependent-user-contributions > span{float:right;}
.contribution-max{display:inline-block;width:56px;font-size:22px;font-weight:bold;color:#ed174b;}
.max-question{background:url(/css/images/calc/question_mark.png) no-repeat;width:17px;height:17px;display:inline-block;margin-left:-5px;margin-bottom:-1px;}
.wizard-label{float:left; padding:0 10px 0 20px; font-family:DinNext; font-size:18px; line-height:33px; font-weight:500;}

@media all and (max-width: 770px){
    .calculator .calculator-content .close{right:0;}
	ul.calc-profileSelect li { margin-bottom: 10px; }
}

@media all and (max-width: 480px){
	.calc-navigation { width: 100%; }
	.calc-navigation .nav-button { width: 48%; margin:10px auto 0; box-sizing:border-box;}
		.calc-navigation .nav-button.next { float: right; }
		.calc-navigation .nav-button.back { margin-right: 0px; }
	
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
