/*Calc wrap*/
.calc-wr { width:831px; height:447px;}
.calc-wr ul { display:none; list-style:none; margin:0; padding:0;}

/*Calc top navigation*/
.calc-top-menu { background: url(cacl-t-m-rep.gif) repeat-x left top; height:50px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; behavior: url(/g/pie/pie.htc); position:relative; margin-bottom:2px;}
.calc-top-menu ul { display:block; text-align:center; padding:10px 10px 0; font-size:0;}
.calc-top-menu ul li { display:inline-block; font:bold 16px/29px Arial, Helvetica, sans-serif; color:#fff; padding:0; padding:0 16px; cursor:pointer;}
.calc-top-menu ul li:hover { text-decoration:underline;}
.calc-top-menu li.active { background:#ffffff; color:#ed7900; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(/g/pie/pie.htc); position:relative;}
.calc-top-menu li.active:hover {text-decoration:none;}
.calc-top-menu li.active span { display:block; background:url(calc-t-m-bg.jpg) no-repeat center bottom; height: 4px; position: absolute; left: 0; right: 0;}

/*Calc density*/
.calc-content { position:relative;}
.calc-right { position:absolute; right:0; top:0; width:169px; height:372px; background:url(calc-bg-right.jpg) no-repeat left top; padding: 13px 4px 10px 5px;}
.calc-density-tit { font: bold 14px/1 Arial, Helvetica, sans-serif; color:#2d3132; text-transform:uppercase; padding-left:5px; padding-bottom:10px;}
.calc-right ul { font: 12px/20px Arial, Helvetica, sans-serif; color:#2d3132;}
.calc-right ul li {list-style:none;}
.calc-right ul.active { display:block;}
.calc-right ul li span { display: inline-block; vertical-align: top; margin-top: -1px;}

/*Calc left navigation*/
.calc-left-menu { position:absolute; top:1px; width:158px; background:#004d95; height:393px; border-bottom:1px solid #b8bcbd;}
.calc-left-menu-tit { font: bold 14px/1 Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; padding:11px 0 9px 15px;}
.calc-left-menu ul { display:block;}
.calc-left-menu ul li { cursor:pointer; font: 14px/1 Arial, Helvetica, sans-serif; color:#bdd4ea; border-top:1px solid #4d83b5; padding:6px 0 7px 16px; position:relative; list-style: none;margin:0;}
.calc-left-menu ul li:hover { color:#fff; text-decoration:underline;}
.calc-left-menu ul li.active span { width:4px; position:absolute; top:0; bottom:0; right:-4px; background:url(calc-l-m-bg.jpg) no-repeat left center; z-index:2;}
.calc-left-menu ul li.active { background:#ec7b00; color:#fff; padding-top:8px; padding-bottom:9px; border:none;}
.calc-left-menu ul li.active:last-child {padding-bottom:8px;}
.calc-left-menu ul li.active +li {border:none;}
.calc-left-menu ul li.active:hover { text-decoration:none;}

/*Calc content*/
.calc-content-center { position:absolute; left:158px; top:0;}
.calc-content-center ul { display:block; text-align:right;}
.calc-content-center > ul > li { display:none; width:495px; height:395px; position:relative;}
.calc-content-center ul li.active {display:block;}

.calc-content-center ul li input { background:#ffffff; border:1px solid #e5e6e7; padding:2px 3px 0; margin:0 3px 8px 7px; width:64px; height:22px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; behavior: url(/g/pie/pie.htc); position:relative; font:14px/22px Arial, Helvetica, sans-serif; color:#2d3132; text-align:right;}
.calc-params { position:absolute; top:20px; right:13px; font: 14px Arial, Helvetica, sans-serif; color:#454545;}

.area-wr { position:absolute; bottom:41px; right:17px; font: 14px Arial, Helvetica, sans-serif; color:#454545;}
.weight-wr { position:absolute; bottom:7px; right:22px; font: 14px Arial, Helvetica, sans-serif; color:#454545;}

.area-wr sup { font-size:10px;}
.area-wr b, .weight-wr b { color:#004d95;}

.calc-content-center ul li span { display: inline-block; width: 20px; text-align: left;}

.calc-content-center ul li#l1 { background:url(l1.jpg) no-repeat left top;}
.calc-content-center ul li#l2 { background:url(l2.jpg) no-repeat left top;}
.calc-content-center ul li#l3 { background:url(l3.jpg) no-repeat left top;}
.calc-content-center ul li#l4 { background:url(l4.jpg) no-repeat left top;}
.calc-content-center ul li#l5 { background:url(l5.jpg) no-repeat left top;}
.calc-content-center ul li#l6 { background:url(l6.jpg) no-repeat left top;}
.calc-content-center ul li#l7 { background:url(l7.jpg) no-repeat left top;}
.calc-content-center ul li#l8 { background:url(l8.jpg) no-repeat left top;}
.calc-content-center ul li#l9 { background:url(l9.jpg) no-repeat left top;}
.calc-content-center ul li#l10 { background:url(l10.jpg) no-repeat left top;}
.calc-content-center ul li#l11 { background:url(l11.jpg) no-repeat left top;}
.calc-content-center ul li#l12 { background:url(l12.jpg) no-repeat left top;}

.calc-content-center ul li input::-moz-placeholder { color: #2d3132; }
.calc-content-center ul li input::-webkit-input-placeholder { color: #2d3132; }