﻿body {background:#fff url("/images/bg/top_tile.gif") repeat-x 0 0;}

#quizContainer	{padding:0px 0px 15px 15px; font-size:1.25em;background:#fff url(/images/bg/main.gif) repeat-x 0 -140px;}
#quizContainer h2	{margin:0px 0px 13px 0px;}
#quizContainer #mirror-left	{width:574px; float:left; margin:0px 15px 0px 0px; color:#0059a9; padding:0px 0px 10px 0px;}
#quizContainer #mirror-left #quizTop	{background:url(/External/images/quiz/orange-pod_top_a.gif) no-repeat; width:574px; height:12px;}
#quizContainer #mirror-left #quizMid	{background:#fff; border:solid 1px #aeaab0; padding:3px 15px 15px 15px;}
#quizContainer #mirror-left #quizMid h2	{font-weight:bold; font-family:Georgia; font-size:2em; color:#ff6602; border-bottom:solid 1px #ff6602; padding:10px 0px 20px 0px;}
#quizContainer #mirror-left #quizMid h2, #quizContainer #mirror-left #quizMid img.saverQuiz	{}
#quizContainer #mirror-left #quizMid p	{font-weight:bold; margin:0px 0px 15px 0px; font-family:Georgia;}
#quizContainer #mirror-left #quizMid li	{margin:0px 0px 15px 0px;}
#quizContainer #mirror-left #quizMid .copy {margin:15px 0px 15px 0px;}
#quizContainer #mirror-left #quizMid .copy img	{float:left; margin:0px 15px 0px 0px;}
#quizContainer #mirror-left #quizMid .copy p	{font-weight:normal; width:319px; float:left; line-height:1.1em; font-family:Verdana;}
#quizContainer #mirror-left #quizMid #btnNext, #quizContainer #mirror-left #quizMid #btnReset	{float:right;}
#quizContainer #mirror-left #quizMid #btnSubmit	{position:relative; width:122px; height:25px; float:right; cursor:pointer;}
#quizContainer #mirror-left #quizMid #btnSubmit span	{position:absolute; width:100%; height:100%; background:url(/External/images/quiz/btn_next-question.gif) no-repeat;}
#quizContainer #mirror-left #quizBottom	{background:url(/External/images/quiz/orange-pod_btm.gif) no-repeat; width:574px; height:16px;}
#quizContainer #mirror-right	{width:358px; float:left; color:#0059a9; border:solid 1px #aeaab0;}
#quizContainer #mirror-right .pod h2	{font-size:2em; color:#ff6602; border-bottom:solid 1px #ff6602; padding:10px 0px 20px 0px;}
#quizContainer #mirror-right .pod img	{float:left; margin-right:15px;}
#quizContainer #mirror-right .pod .copy	{float:left; width:216px;}
#quizContainer #mirror-right .pod .copy p	{font-size:0.85em; line-height:1.3em; margin:0px 0px 15px 0px;}
#quizContainer #mirror-right .pod .copy a	{color:#0059a9; text-decoration:underline; font-weight:bold;}
#quizContainer #mirror-right .pod .copy a:hover	{text-decoration:none;}
#quizContainer #mirror-right .pod .copy a:focus	{color:#fff; background:#0059a9;}
#quizContainer #mirror-right .pod h3	{font-weight:bold;}
#quizContainer #mirror-right .ad	{padding:0px 0px 0px 0px; background:#d3dce1;}
#quizContainer #mirror-right .podTop	{background:url(/external/images/home/left-pod_top.gif) no-repeat; width:358px; height:12px;font-size:0px;line-height:0;}
#quizContainer #mirror-right .pod	{background:#fff;padding:3px 15px 15px 15px; height:162px;}
#quizContainer #mirror-right .podBottom	{background:url(/external/images/home/left-pod_btm.gif) no-repeat; width:358px; height:16px;font-size:0px;line-height:0; margin:0px 0px 15px 0px;}

#calcContainer	{padding:0 0 15px 0;font-size:1.25em;background:#fff url(/images/bg/main.gif) repeat-x 0 -140px;}

h2.welcome	{width:303px; height:48px; position:relative; line-height:0.9em;}
h2.welcome span	{position:absolute; width:100%; height:100%;}
h2.savingTip	{font-family:Georgia; font-weight:bold; font-size:1.4em; margin:0px 0px 6px 0px; color:#0059a9;}
h2.savingTip span	{}

#targets {padding:15px 0;}
#targets h2	{float:left; margin:0px 0px 0px 15px; width:411px; height:47px;}
#targets #monthlyTarget	{float:left; color:#fff; font-family:Georgia; font-size:1.3em; margin:0px 10px 0px 72px; padding:5px 15px 5px 0px; border-right:dotted 1px #fff; text-align:center; width:200px;}
#targets #monthlyTarget span	{display:block; font-weight:bold; font-size:1.4em; margin:5px 0px 0px 0px;}
#targets #current	{float:left; color:#fff; font-family:Georgia; font-size:1.3em; text-align:center; padding:5px 5px 5px 5px; width:200px;}
#targets #current #totalSlideValue	{display:inline;}
#targets #current span	{display:block; font-weight:bold; font-size:1.4em; margin:5px 0px 0px 0px;}

#calcTop	{background:url(/External/images/calc/orange_backg_top_a.gif) no-repeat; width:948px; height:12px;}
#calcMid	{padding-top:119px;}
#calcMid #mirror-left	{float:left; width:757px;}
#calcMid #mirror-right	{float:left; margin:0px 0px 0px 0px; width:178px;}
#calcBottom	{background:url(/External/images/calc/orange_backg_btm.gif) no-repeat; width:948px; height:16px; clear:both; margin:0px 0px 15px 0px;}

#calcMid #mirror-right #whitePod	{background:#fff url(/External/images/calc/light-blue_tile.jpg) repeat-x; border:solid 1px #aeaab0; min-height:428px;}
#calcMid #mirror-right #whitePod #top	{background:url(/External/images/calc/pod_right_top.gif) no-repeat; width:178px; height:7px;}
#calcMid #mirror-right #whitePod #mid	{background:#fff; padding:5px 8px 5px 6px;}
#calcMid #mirror-right #whitePod #mid #copy	{color:#0059a9; font-size:0.9em;}
#calcMid #mirror-right #whitePod #mid #copy #preTarget h3, #calcMid #mirror-right #whitePod #mid #copy #preTarget p	{margin:0px 0px 10px 0px;}
#calcMid #mirror-right #whitePod #mid #copy #preTarget h3.instructions	{font-family:Georgia; font-size:1.4em; font-weight:bold;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget {color:#ff6500;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p	{margin:0px 0px 10px 0px; font-weight:bold; text-align:center;}
#calcMid #mirror-right #whitePod #mid #copy #preTarget p, #calcMid #mirror-right #whitePod #mid #copy #postTarget p, #calcMid #mirror-right #whitePod #mid #tip p	{font-size:0.95em; line-height:1.2em;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p	{margin:0px 0px 10px 0px; font-weight:bold; text-align:center;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p span	{display:block; font-size:3.2em; margin:10px 0px 10px 0px; font-family:Georgia;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p a#emailResults	{display:block; position:relative; width:137px; height:25px; margin:0px 0px 10px 13px; line-height:2.7em; cursor:pointer;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p a#emailResults span	{position:absolute; width:100%; height:100%; background:url(/External/images/calc/btn_email-your-plan.gif) no-repeat;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p a#printResults	{display:block; position:relative; width:137px; height:25px; margin:0px 0px 10px 13px; line-height:2.7em; cursor:pointer;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget p a#printResults span	{position:absolute; width:100%; height:100%; background:url(/External/images/calc/btn_print.gif) no-repeat;}
#calcMid #mirror-right #whitePod #mid #copy #postTarget img	{margin:10px 0px 0px 0px;}
#calcMid #mirror-right #whitePod #mid #copy h3	{font-weight:bold; font-size:1.1em;}
#calcMid #mirror-right #whitePod #mid #tip	{font-size:0.9em;}
#calcMid #mirror-right #whitePod #mid #tip h3	{font-size:1.1em; font-weight:bold; color:#ff6500; margin:3px 0px 3px 0px;}
#calcMid #mirror-right #whitePod #mid #tip p	{color:#0059a9;}
#calcMid #mirror-right #whitePod #bottom	{background:url(/External/images/calc/pod_right_btm.gif) no-repeat; width:178px; height:10px;}

#slide1,#slide2,#slide3,#slide4,#slide5,#slide6,#slide7,#slide8,#slide9,#slide10 {width:210px; margin:0px; display:block; margin:5px 0px 5px 10px;}
#slide1Value,#slide2Value,#slide3Value,#slide4Value,#slide5Value,#slide6Value,#slide7Value,#slide8Value,#slide9Value,#slide10Value	{float:left; width:41px; height:21px; background:url(/External/images/calc/amount_box.gif) no-repeat; padding:3px 0px 0px 0px; text-align:center; font-weight:bold; font-size:1.2em;color:#ff6500;}
.slidePod	{background:url(/External/images/calc/slider_backg.png) no-repeat; width:338px; height:79px; float:left; margin:0px 0px 0px 15px; padding:5px 10px 5px 10px; color:#0059a9; font-size:0.9em;}
.slidePod strong	{font-weight:bold;}
.slidePod .copy	{float:left; width:240px;}
.slidePod .copy h3	{text-align:center; font-weight:bold; font-family:Georgia; font-size:1.05em;}
.slidePod .copy .valuePre	{clear:both; float:left; margin:4px 0px 0px 0px;}
.slidePod .copy .valuePre strong	{color:#ff6500;}
.slidePod .copy .valuePost	{float:left; margin:4px 0px 0px 5px;}
.slidePod img	{float:left;}

#roResults, #thankYou	{width:725px; margin:0px 0px 0px 15px;}
#roResults .rorTop, #thankYou .rorTop	{background:url(/External/images/calc/white_backg_top.gif) no-repeat; width:725px; height:6px;}
#roResults .rorMid, #thankYou .rorMid	{background:#fff; color:#0059a9; border:solid 1px #aeaab0;}
#roResults .rorMid #emailForm, #roResults .rorMid #thanks, #thankYou .rorMid #thanks	{padding:9px 0px 15px 15px;}
#roResults .rorMid #emailForm h2, #roResults .rorMid #thanks h2, #thankYou .rorMid #thanks h2	{font-weight:bold; margin:0px 0px 15px 0px; font-size:2em; font-family:Georgia;}
#roResults .rorMid #emailForm h2, #roResults .rorMid #thanks p, #thankYou .rorMid #thanks p	{clear:both;}
#roResults .rorMid #emailForm .btnSend	{position:relative; width:70px; height:25px;float:left; display:block;}
#roResults .rorMid #emailForm .btnSend span	{background:url(/External/images/calc/btn_send.gif) no-repeat; width:100%; height:100%; position:absolute;}
#roResults .rorMid #emailForm label	{clear:both; float:left; display:block; margin:3px 6px 0px 0px;}
#roResults .rorMid #emailForm input.textBox	{float:left; display:block; width:200px; margin:0px 6px 0px 0px;}
#roResults .rorMid #results	{clear:both; margin:0px;}
#roResults .rorMid #results .item	{float:left; margin:0px 0px 15px 15px; width:310px;}
#roResults .rorMid #results img	{float:left; margin:0px 10px 0px 0px;}
#roResults .rorMid #results h3, #roResults .rorMid #results strong	{font-weight:bold; font-family:Georgia;}
#roResults .rorBottom	{background:url(/External/images/calc/white_backg_btm.gif) no-repeat; width:725px; height:10px;}

#errorEmail1, #errorEmail2	{clear:both; color:#ff0000; padding:0px 0px 6px 0px;}