/* Основной файл стилей */

body {margin: 0px; padding: 0px; width: 100%; height: 100%; font-family: 'Verdana', sans-serif; background: url('$(httpRoot)style/bg.gif'); text-align: center;}

table {font-size: 8pt; border-collapse: collapse;}
td {padding: 0px; vertical-align: top;}
img {border: none 0px;}

table#bodyTable {width: 100%; height: 100%;}
td#bodyFieldLeft {width: 20%; border-right: solid 1px #fff3d6; background: url('$(styleRoot)bodyFieldLeft.gif') repeat-y right;}
td#bodyFieldRight {width: 20%; border-left: solid 1px #fff3d6; background: url('$(styleRoot)bodyFieldRight.gif') repeat-y left;}
td#baseBlock {background: #fff; width: 780px;}

table#contentTable {width: 100%; height: 100%;}

#header {height: 204px;}
#hdrOrder {width: 168px; height: 68px;  float: right; color: red; font-weight: bold; font-family: Arial, Tahoma, sans-serif;}
#hdrOrderBlock {padding: 0 0 0 20px;margin-top:6px;line-height:27px}

#hdrOrder1 {width: 168px; height: 68px; background-image: url('order1.gif'); float: right;}

#hdr3 {background-color: #fff; width: 100%;}
#hdr3 td {text-align: center;}
#hdr3 h1 {color: red; font-family: Arial, Tahoma, sans-serif; font-size: 13pt;}

#footer {height: 90px; text-align: center;}
#footer td.icon {text-align: center; font-weight: bold; width: 70px;}
#footer div.line {border-bottom: solid 12px #fff2d3;}
#footer .icon a {color: #efab07; text-decoration: none;}
#footer .icon a:visited {color: #efab07; text-decoration: none;}
#footer .icon a:hover {color: red; text-decoration: none;}

a {color: red; text-decoration: underline}
a:visited {color: red; text-decoration: underline;}
a:hover {color: red; text-decoration: none;}

body#content, td#content {
  background: #fff;
  text-align: justify;
  padding: 5px 15px 2em 5px; 
  font-size: 9pt;
}

p {text-indent: 1em; margin: 2px 0px 3px 0px; text-align: justify;}

h1 {font-family: 'Arial', sans-serif; color: #1C5570; font-style: italic; font-size: 13pt;}
h2 {font-family: 'Arial', sans-serif; color: #1C5570; font-size: 11pt;}
h3 {font-family: 'Arial', sans-serif; color: #1C5570; font-size: 10pt; margin: 0.5em 0 5px 1em;}
h4 {font-family: 'Arial', sans-serif; color: #1C5570; font-size: 9pt; margin: 1em 0px 2px 0px;}
h5 {font-family: 'Arial', sans-serif; color: #1C5570; font-size: 8pt; margin: 1em 0px 2px 1em;}

sup {font-size: 6pt;}
sub {font-size: 6pt;}

/*
li {text-align: justify;}

table.form {border: solid 1px #b50031;}
.form th {background-color: #b50031; color: white; font-family: 'Arial', sans-serif; font-size: 10pt;}
.form td {color: #000; font-family: 'Verdana', sans-serif; font-size: 8pt;}
.form input {border: solid 1px #b50031; background-color: #eee; font-size: 8pt; padding: 1px 3px;}
.form textarea {border: solid 1px #b50031; background-color: #eee; font-size: 8pt; padding: 1px 3px;}
.form input.button {background-color: #c6d3e7; border: solid 2px; border-color: #deebff #426984 #426984 #deebff; font-size: 8pt; width: 100px; color: black;}

input.contentButton {background-color: #c6d3e7; border: solid 2px; border-color: #deebff #426984 #426984 #deebff; font-size: 8pt; padding: 0px 5px; color: black;}
*/

div.errorBox {background: #fff; border: solid 2px #f00; font-size: 8pt; padding: 5px;}
.errorBox div{background: #f00; color: #fff; font-weight: bold; margin: -5px -5px 5px -5px; padding: 0px 5px 2px 5px;}

/* PLUGINS */

table#hMenu {border-collapse: separate; margin: 0 0 0 auto;}
#hMenu td {padding: 1px 5px; white-space: nowrap; background-color: #fcf290; border: solid 1px; border-color: #ffc #dd5 #dd5 #ffc; font-weight: bold;}
#hMenu td.selected {background-color: #fdb223; border-color: #fd5 #d80 #d80 #fd5;}
#hMenu a {color: #000; text-decoration: none;}
#hMenu a:visited {color: #000; text-decoration: none;}
#hMenu a:hover {color: red; text-decoration: none;}

td#plgTarifsCalcCap {font-weight: bold; text-align: center; padding: 0px 24px 0px 0px; line-height: 55px; vertical-align: middle;}
table.plgTarifs {border-collapse: separate; margin: 0 auto;}
.plgTarifs td, .plgTarifs th {border: solid 1px #bdbebd; padding: 1px 3px;}
.plgTarifs td {width: 100px; text-align: center;}
.plgTarifs th {background: #ffd76b url('$(styleRoot)tarifs/th.gif'); text-align: left;}

table#calcForm {margin-left: 25px; font-weight: bold;}
#calcForm select {width: 300px;}
#calcForm td {padding: 2px 5px;}
#plgTarifsHeader {font-weight: bold; font-size: 14pt; color: #4a695a;}
#plgTarifsFooter {margin: 10px 0px 0px 45px; position: absolute; color: red; font-size: 14pt;}
div#costFrame {text-align: center; color: blue; font-weight: bold; font-size: 10pt;}
span#cost {padding: 5px; font-size: 14pt;}
#bnx, #bnx a {font-size: 11px}