.onlinetruck {
    font: normal normal 12px/2.3 Tahoma;
    color: #666666;
    border: 1px solid #bbb;
    width: 199px;
    margin: 0 auto 45px;
    padding: 10px 15px 10px 15px;
    background: url(../images/raschetnewfive.png) repeat;
}

.onlinetruck div {
    text-align: left;
}

.onlinetruck input[type="text"] {
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 7px;
    width: 90px;
    color: #444444;
    float: right;
}

.onlinetruck input[type="text"]:disabled {
    background: #f8e3e3;
    color: #bbb;
}

.onlinetruck input[type="text"]:focus {
    border: 1px solid #04924a;
    outline: none;
}

.onlinetruck input[type="checkbox"] {
    vertical-align: -3px;
}

.onlinetruck a {
    display: block;
    float: right;
    margin: 15px auto 0;
    width: 80px;
    text-align: center;
    padding: 3px 5px;
    cursor: pointer;
    border: 1px solid #bbb;
    font: bold 13px Tahoma;
    text-decoration: none;
    color: #555;
    background-color: #ddd;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.onlinetruck a:hover {
    background-color: #eee;
    color: #555;
}

.onlinetruck a:visited {
    color: #555;
}

.onlinetruck input[type="submit"], .onlinetruck input[type="reset"] {
    display: inline-block;
    margin: 15px 2px 0;
    width: 92px;
    text-align: center;
    padding: 3px 5px;
    cursor: pointer;
    border: 1px solid #bbb;
    font: bold 13px Tahoma;
    text-decoration: none;
    color: #555;
    background-color: #ddd;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0) );
    background-image: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.onlinetruck input[type="submit"]:hover {
    background-color: #eee;
    color: #555;
}

.onlinetruck p {
    font: normal bold 12px Tahoma;
    color: #04924A;
    text-align: center;
    margin: 0 0 10px 0;
}

#finpallet {
    width: 40px;
}

#pallet {
    width: 40px;
}

.palletblock {
    display: none;
}

#gruzpallet:checked + .palletblock {
    display: block;
}

.volumeblock {
    display: none;
}

#gruzvolume:checked + .volumeblock {
    display: block;
}

.data {
    font: normal normal 12px/1.8 Tahoma;
    color: #666666;
    border: 1px solid #bbb;
    width: 208px;
    height: 395px;
    margin: 0 auto;
    padding: 10px;
    background: url(../images/raschetnewfive.png) repeat;
    position: relative;
}

.data:before {
    content: url(../images/selecttrans/arrow.png);
    position: absolute;
    left: 80px;
    top: -42px;
}

.data p {
    font: normal normal 12px/1.8 Tahoma;
    color: #940707;
    text-align: center;
    top: 120px;
    position: relative;
}

.data img {
    border: 1px solid #bbb;
}

.data ul {
    list-style: none;
    margin: 10px auto 0;
    padding: 0;
}

.data ul li:first-child {
    font: normal bold 12px/1.8 Tahoma;
    color: #008000;
    text-align: center;
}

.data ul li {
    font: normal normal 12px/2 Tahoma;
    border-bottom: 1px dashed #e4dfe5;
    padding-left: 10px;
    position: relative;
}

.data ul li :before {
    content: "";
    border: 2px solid #04924a;
    position: absolute;
    left: 0px;
    bottom: 9px;
}

.data ul span {
    font: normal bold 11px/2.2 Tahoma;
    float: right;
}

.data ul sup {
    vertical-align: 1px;
    padding-right: 3px;
}

.data a {
    display: block;
    margin: 15px auto 0;
    width: 130px;
    text-align: center;
    padding: 3px 5px;
    cursor: pointer;
    border: 1px solid #bbb;
    font: bold 13px Tahoma;
    text-decoration: none;
    color: #555;
    background-color: #ddd;
    background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
}

.data a:hover {
    background-color: #eee;
    color: #555;
}

.data a:link {
    color: #555;
}

.data a:visited {
    color: #555;
}

.countertrans {
    font: normal normal 12px Tahoma;
    color: #808080;
    text-align: center;
    text-decoration: underline;
}