
#overlay {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  height: 100%; 
  width: 100%; 
  color: #004787;
  text-align: center;
  font-family: Arial, sans-serif;
}
#overlayOpacity {position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background: #FFFFFF; opacity:.5; _filter: alpha(opacity=50); -moz-opacity: 0.50;}

#calculatorContent {
  position: relative; 
  top: 300px;
  width: 770px; 
  margin: 0px auto; 
  text-align: left;
  font-family: Arial, sans-serif;
  font-size : 11px;
  color:   #004779;
}
a#calculatorClose {position: absolute; top: 15px; right: 15px; display: block; width: 19px; height: 0px; font-size: 0; padding-top: 19px; background: url("/Images/calculator/calc_close.gif") 0 0 no-repeat; overflow: hidden;}
#calculatorContent h2 {position: static; font-size: 2.4em; font-weight: normal; padding: 0px; margin: 0px; background: none;}
#calculatorContent div.calc_window {position: relative; width: 770px; height: 375px; margin:0px; background: url("/Images/calculator/bg1.gif") 0 0 no-repeat;}
#calculatorContent div.calc_window h2 {margin-left: 182px; padding-top: 40px; padding-bottom: 14px;}
#calculatorContent div.calc_window form {position: relative; margin: 0px; margin-left: 174px; height: 181px; /height: 195px; width: 566px; /width: 580px; padding-top: 14px; padding-left: 14px; background: url("/Images/calculator/page1_bg.gif") 0 0 no-repeat;}
#calculatorContent div.calc_window form table {font-size: 1.1em; font-weight: bold; width: 510px; margin-left: 32px; border-collapse: collapse;}
#calculatorContent div.calc_window form table tr.tr_select td {padding-top: 5px; padding-bottom: 14px;}
#calculatorContent table td {vertical-align: middle;} 
#calculatorContent table tr.tr_price td {color: #CF000A; white-space: nowrap; vertical-align: top;}
#calculatorContent div.calc_window form table td {text-align: center; padding: 10px;}
#calculatorContent div.calc_window form table td.td_third {width: 33%;}

#calculatorContent div.calc_print_window {position: relative; width: 770px; height: 510px; margin:0px; background-color: white;}

#calculatorContent #page2 ul {width: 280px; margin-left: 200px; *margin-left: 180px; padding: 0px; *padding-left: 20px; margin-top:0px;list-style-position : outside; font-size: 1.0em;}
#calculatorContent #page2 ul li {font-size: 1.0em; padding-bottom: 5px; list-style-type: square;}
#calculatorContent #page2 table {font-size: 1.1em; font-weight: bold; text-align: center;}
#calculatorContent #page2 table td {padding: 0px 5px;}
#calculatorContent #page2 table.first {position: absolute; top: 220px; left: 20px; width: 440px; height: 70px; background: url("/Images/calculator/table1_bg.gif") 0 0 no-repeat;}
#calculatorContent #page2 table.second {position: absolute; top: 220px; left: 470px; width: 282px; height: 70px; background: url("/Images/calculator/table2_bg.gif") 0 0 no-repeat;}
#calculatorContent #page2 #calculatorGraph {position: absolute; top: 90px; right: 70px; height: 130px; width: 190px;}

#calculatorContent #page3 {margin-bottom:0px; padding-bottom:0px;}
#calculatorContent #page3 h2 {margin-left: 50px; padding-top: 40px; padding-bottom: 14px;}
#calculatorContent #page3 h3 {margin-left: 52px; padding-top: 0px; padding-bottom: 0px; font-size:2.0em;font-weight: bold;}
#calculatorContent #page3 ul {width: 560px; margin-left: 80px; *margin-left: 50px; margin-top:0px; padding: 0px; *padding-left: 20px; list-style-type: square;}
#calculatorContent #page3 ul li {font-size: 1.4em; padding-bottom: 14px;}
#calculatorContent #page3 table {font-size: 1.1em; font-weight: bold; text-align: center;}
#calculatorContent #page3 table td {padding: 0px 5px;}
#calculatorContent #page3 table.first {position: absolute; top: 420px; left: 20px; width: 440px; height: 70px; background: url("/Images/calculator/table1_bg.gif") 0 0 no-repeat !important;}
#calculatorContent #page3 table.second {position: absolute; top: 420px; left: 470px; width: 282px; height: 70px; background: url("/Images/calculator/table2_bg.gif") 0 0 no-repeat;}
#calculatorContent #page3 #calculatorGraph2 {position: absolute; top: 290px; right: 70px; height: 130px; width: 190px;}

#calculatorButtonNext {position: absolute; bottom: -80px; right: 0px; display: block; width: 170px; height: 50px; font-size: 1.8em; color: #004787; cursor: pointer; background: url("/Images/calculator/button1_bg.gif") 0 0 no-repeat; border: 0px none;}
#calculatorButtonPrevious {position: absolute; top: 311px; right: 190px; display: block; width: 106px; height: 50px; font-size: 1.8em; color: #004787; cursor: pointer; background: url("/Images/calculator/button2_bg.gif") 0 0 no-repeat; border: 0px none;}
#calculatorButtonPrint {position: absolute; top: 311px; right: 16px; display: block; width: 170px; height: 50px; font-size: 1.8em; color: #004787; cursor: pointer; background: url("/Images/calculator/button1_bg.gif") 0 0 no-repeat; border: 0px none;}

#overlay div.disclaimerLink {position: absolute; top: 330px; right: 450px;}
#overlay div.disclaimerLink a {text-decoration: underline;  font-size: 1.1em; font-weight: bold; cursor: pointer; }

#calculatorDisclaimer {position: relative; width: 770px; background-color:white; padding-top:10px;padding-bottom:10px; _z-index: -1}
#calculatorDisclaimer h4 {text-align:justify; margin-left: 30px;margin-right: 30px; margin-top: 0px;font-size:1.1em;}
#calculatorDisclaimer p {text-align:justify; margin-left: 30px;margin-right: 30px;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
#calculatorButtonPrevious {padding-top: 15px;}
#calculatorButtonPrint {padding-top: 15px;}
}

@media print {
	body { _padding: 0px; _margin: 0px; _zoom: 85%;}
	#overlay a#calc_close {display:none}
}

#calculatorContent #page1 span.zirafa {position: absolute; top: 50px; left: 60px; display: block; width: 63px; height: 199px; font-size: 0; background: url("/Images/calculator/zirafa.gif") 0 0 no-repeat;}
#calculatorContent #page2 span.zirafa {position: absolute; top: 10px; left: 60px; display: block; width: 63px; height: 199px; font-size: 0; background: url("/Images/calculator/zirafa.gif") 0 0 no-repeat;}
#calculatorContent #page3 img.zirafa {position: absolute; top: 105px; left: 45px; display: block;}
#calculatorContent #page3 img.cslogo {position: absolute; top: 755px; right: 45px; display: block; z-index:3}
