/* All Rights Reserved. Duplication prohibited.
   Redistribution, Transmission, displayed by any means prohibited.
   You may not alter or remove any trademark, copyright or other notices.
   Author: Valentina Shkarlet
---------------------------------------- */

/* Header
----------------------------*/

#header { height: 543px; background: none; }
#top-shadow { height: 543px; background: none; }
#header-bg { height: 483px; background: transparent url('/images/calc/header_bg.png') no-repeat left top; }

#main-menu { margin-top: 250px; }

/* Content
----------------------------*/

#content { padding: 30px; }
#calc { width: 836px; }

#calc form { float: left; overflow: visible; width: 530px; }
#calc #table { float: right; width: 300px; }
#calc table { border-collapse: collapse; margin-bottom: 15px; width: 300px; }
#calc th,
#calc td { border: 1px solid #6f6f6f; padding: 2px 5px; }
#calc td { text-align: right; }
#calc td.name { width: 180px; text-align: left; }
#calc .result td { height: 25px; vertical-align: bottom; }

p { clear: both; }

fieldset { padding-bottom: 15px; }
fieldset label { float: left; width: 160px; line-height: 19px; }
fieldset .input { width: 130px; line-height: 19px; }
fieldset select { width: 200px; height: 19px; }
fieldset select,
fieldset input { font-size: 11px; color: #6f6f6f; }
fieldset .input input { width: 50px; height: 15px; }

#insurance label,
#lathing label { width: auto; }

fieldset .lathing-volume { float: none; display: block; }
fieldset .rate { clear: left; width: 150px !important; }
fieldset .costly { clear: left; display: inline; margin-left: 150px; }

#send_button { float: left; display: inline; overflow: hidden; margin: 0 10px 0 200px; border: none; background: transparent url('/images/calc/submit.png') no-repeat left top; width: 94px; height: 29px; text-indent: -3000em; cursor: pointer; }
#cancel_button { float: left; overflow: hidden; border: none; background: transparent url('/images/calc/cancel.png') no-repeat left top; width: 94px; height: 29px; text-indent: -3000em; cursor: pointer; }
#result { float: left; padding-left: 20px; line-height: 29px; }

#toggle_explain { color: #dd0055; }
#explain ul { padding-left: 20px; }
#explain ul,
#explain ul li { list-style: outside disc; }
#explain ul li { margin-bottom: 10px; white-space: nowrap; }
* html #explain ul li { white-space: normal; }

#additional { margin-bottom: 50px; padding-top: 15px; }
ol, li { list-style-type: decimal; list-style-position: inside; }
.item { margin-bottom: 15px; font-weight: bold; font-size: 12px; }
.item span { font-weight: normal; font-size: 11px; }

span.dot { display: none; }
span.ruble { position: relative; font-weight: normal; text-transform: uppercase; }
span.hyphen { position: absolute; top: 70%; left: -1px; border-bottom: 1px solid #6f6f6f; height: 0; width: 90%; }
* html span.hyphen { top: 55%; width: 5px; }

.additional { display: block; clear: both; padding: 0; margin: 0; }