body { margin: 0;  padding: 0 0 32px 0; 
	background-color: #AAA; }

#ccr { padding: 0;  width: 576px;  margin: 0 auto; }

#container { padding: 0 8px 0 8px;  border: none; 
	background: #FFF url(../_img/calc/bg/ccr.gif) top left repeat-y; }


#head { height: 76px; 
	background: #1e3f9c url(../_img/calc/bg/head-lt.jpg) bottom left no-repeat; }


#hl { padding: 16px 0 0 216px; }
#hl h1 { margin: 0;  padding: 0;  
	font: 18px Arial;  font-weight: bold;  color: #315e91; }
#hl h2 { margin: 0;  padding: 0 0 0 24px;
	font: 19px Arial;  font-weight: bold;  font-style: italic;  
	color: #cd5f15; }



.bar { height: 23px;  text-align: right; 
	font: 12px/23px "Arial Black";  color: #EEE;  
	background: #7b9cc0 url(../_img/calc/bg/bar.jpg) top left repeat-x; }

.tabc { float: right; }

.bar .tab { float: left;  height: 23px;  color: #FFF;  text-align: left; 
	background: #5c83ad url(../_img/calc/bg/tab.jpg) top left repeat-x; }

.bar .sep_bt { float: left;  height: 23px;  width: 17px; 
	background: #7b9cc0 url(../_img/calc/bg/sep_bt.jpg) top left no-repeat; }

.bar .sep_tt { float: left;  height: 23px;  width: 17px; 
	background: #5c83ad url(../_img/calc/bg/sep_tt.jpg) top left no-repeat; }

.bar a { color: #FFF;  font-weight: normal;
	display: block;  padding: 0 20px 0 6px;  cursor: pointer; }
.bar a.on { color: #000; }
.bar a:hover { color: #333; }



#main { clear: both;  padding: 0;  overflow: hidden; }


#mcc { position: relative;  left: 17px; }
#mc { position: relative;  height: 570px; }


.stepc { padding: 0;  width: 527px;  
	margin: 4px 0 11px 0; 
	visibility: hidden;  
	position: absolute;  top: 0; left: 0; }

.stepc h1 { margin: 0;  color: #FFF;  padding: 8px 0 3px 20px; 
	font: 18px/24px "Arial Black";  font-weight: normal; 
	background: #555 url(../_img/calc/bg/step_h1.jpg) top left no-repeat; }

.step { padding: 0 10px 0 8px; 
	background: #ecebe8 url(../_img/calc/bg/step.gif) top left repeat-y;}

.step h2 { margin: 0;  color: #cd5f15; 
	font: 16px/26px "Arial Black";  font-weight: normal; }

.scap { margin: 0;  padding: 0;  height: 22px; 
	background: #ecebe8 url(../_img/calc/bg/scap.jpg) top left no-repeat; }



.content { margin: 0;  padding: 7px 14px 5px 12px; }

.content p { font: 11px Arial;  color: #333;  margin-bottom: 0; }

.bbtns { margin: 0;  padding: 0; }
.bbtns a { margin: 0;  padding: 0; }



.form table, .form td, .form th { border: none; } 

.form th { padding: 6px 0 2px 0; }
.form .th3 { padding-top: 14px; }

th h3 { margin: 0;  padding: 0;  font-size: 11px;  color: #315e91; 
	border-bottom: 1px solid #666; }

.form td { padding: 1px 12px 0 0;  vertical-align: 0; }

.form input.text { padding: 2px 0 1px 2px;  margin: 0;  font-weight: bold; 
	width: 76px;  color: #000;  border: 1px solid #999; }

.form label { color: #666;  font-size: 9px;  
	padding-left: 50px; }

td.slabel { text-align: right;  padding-right: 8px;}
td.slabel label { color: #333; }

td.sum { color: #000;  /* border-top: 1px solid #666; */ }
td.sum input.text { font-weight: bold;  color: #000; 
	background-color: #f5efe0; /* #e6eff8; */
	border-color: #cbcac8; }

td.ro { padding-left: 0;  font-size: 9px;  color: #000;  font-weight: bold;}

td.sel { padding: 1px 12px 0 20px; }
td.sel label { padding: 2px 0 0 0; }

td.sel select { font-size: 10px;  margin: 2px 0 2px 0;  
	border: 1px solid #999; }

.form td a, .form h3 a { color: #315e91;  font-size: 9px; }
.form td a:hover, .form h3 a:hover { color: #000; }

.form h3 a { vertical-align: 1px; }


div.contactForm label { padding: 6px 0 1px 0;  font-size: 9px; }


.note { font-size: 9px;  font-weight: normal;  line-height: 10px;  
	color: #666;  width: 150px;  padding: 3px 0 0 6px; }

td.note { padding-left: 0;  width: 80px; }

#calc3dh { border: 1px solid #cbcac8;  margin-top: 16px; 
	background-color: #f8f8f8;  padding: 5px 5px 9px 5px; }

td.instr { font-size: 9px;  color: #000;  padding: 1px 6px 3px 0; }
.bigNum { float: left;  padding-right: 4px;  color: #cd5f15; 
	font: 20px/18px "Arial Black"; }



#formTable, #formTable td, #formTable th { border: none; 
	background: transparent;  z-index: 100; }

#formTable td { padding: 0 10px 8px 0;  color: #1e3f9c; }
#formTable input.text { width: 120px;  margin-top: 2px; }
#formTable select { width: 123px;  margin-top: 2px;  font-size: 11px; }

label, div.boxlabel { font-size: 9px; }
/*div.boxlabel { width: 240px; }*/


#ack { padding: 16px 36px 11px 35px; 
	font-size: 13px;  text-align: center; }


#footc { color: #666;  background-color: #dfdccf; }
#foot { padding: 3px 8px 4px 7px;  font-size: 9px; }
#foot a { color: #555; }
#foot a:hover { color: #000; }
#foot .sep { padding: 0 4px; }
#fcap { clear: both;  height: 9px; 
	background: #AAA url(../_img/calc/bg/cap.gif) top left no-repeat; }



table.struct, table.struct td, table.struct th { 
	border: none;  margin: 0;  padding: 0; }



#debug { background-color: #999;  color: #EEE;  font-size: 9px; }
#debug pre { font: 9px Monaco; }

#ff_js { color: #EEE;  background-color: #AAA;  
	padding: 1px;  border: 1px solid #CCC; }
#debugc { padding: 8px; }
#debugc .btns { padding-left: 12px; }
#debugc .btns a { color: #FFF;  border-width: 1px;  background-color: #BBB; 
	border: 1px solid #DDD; }
#debugc .btns a:hover { background-color: #AAA; }



.pop { position: absolute;  visibility: hidden;  z-index: 11;  
	background-color: #FFF;  
	border: 2px solid #4b88d8;  border-top-width: 7px; }

.poph { font-size: 14px;  font-weight: bold;  
	color: #FFF; background-color: #4b88d8;  
	padding: 2px 6px 6px 6px;  text-align: center; }

.popc { padding: 9px;  font-size: 11px; }


.sup { font: 11px Arial;  font-weight: normal;  vertical-align: 5px; }