.field{
    border: 2px solid .ddd;
    padding:0px 10px 10px 10px;
    margin: 10px 15px;
    clear:both;
}
.field:hover{border: 2px solid .f60; background: transparent;}

.fieldNameTop{
    margin-top:0px;
    position:relative;
    top:-13px;
    margin:0 10px;
    padding:0 7px;
}
.fieldNameBottom{
    float: right;
    position:relative;
    bottom: -35px;
    margin:0 10px;
    margin-top:-32px;
    padding:0 7px;
}

.clear{clear:both;}
.clr{clear:both;}

/* блок - заполнение пустым пространством */

.wid100{width:100%;margin: 0 auto;}
.wid99{width:99%;margin: 0 auto;}
.wid98{width:98%;margin: 0 auto;}
.wid97{width:97%;margin: 0 auto;}
.wid96{width:96%;margin: 0 auto;}
.wid95{width:95%;margin: 0 auto;}
.wid94{width:94%;margin: 0 auto;}
.wid93{width:93%;margin: 0 auto;}
.wid92{width:92%;margin: 0 auto;}
.wid91{width:91%;margin: 0 auto;}
.wid90{width:90%;margin: 0 auto;}
.wid85{width:85%;margin: 0 auto;}
.wid80{width:80%;margin: 0 auto;}
.wid75{width:75%;margin: 0 auto;}
.wid70{width:70%;margin: 0 auto;}
.wid65{width:65%;margin: 0 auto;}
.wid60{width:60%;margin: 0 auto;}

.fill5  {height:5px;}
.fill10  {height:10px;}
.fill15  {height:15px;}
.fill20  {height:20px;}
.fill25  {height:25px;}
.fill30  {height:30px;}
.fill35  {height:35px;}
.fill40  {height:40px;}
.fill45  {height:45px;}
.fill50  {height:50px;}
.fill60  {height:60px;}
.fill70  {height:70px;}
.fill80  {height:80px;}
.fill90  {height:90px;}
.fill100{height:100px;}
.fill150{height:150px;}
.fill200{height:200px;}
.fill250{height:250px;}
.fill300{height:300px;}
.fill400{height:400px;}
.fill500{height:500px;}

.wid50{width: 50px; margin:0 auto;}
.wid100{width: 100px; margin:0 auto;}
.wid150{width: 150px; margin:0 auto;}
.wid200{width: 200px; margin:0 auto;}
.wid250{width: 250px; margin:0 auto;}
.wid300{width: 300px; margin:0 auto;}
.wid350{width: 350px; margin:0 auto;}
.wid400{width: 400px; margin:0 auto;}
.wid450{width: 450px; margin:0 auto;}
.wid500{width: 500px; margin:0 auto;}
.wid550{width: 550px; margin:0 auto;}
.wid600{width: 600px; margin:0 auto;}
.wid650{width: 650px; margin:0 auto;}
.wid700{width: 700px; margin:0 auto;}
.wid750{width: 750px; margin:0 auto;}
.wid800{width: 800px; margin:0 auto;}
.wid850{width: 850px; margin:0 auto;}
.wid900{width: 900px; margin:0 auto;}
.wid950{width: 950px; margin:0 auto;}
.wid1000{width: 1000px; margin:0 auto;}


/* =========== КЛАССЫ ========== */

.black {color: #000;}
.white {color: #fff;}
.bold{font-weight: bold;}
.italic{font-style:italic;}

.margBot0{margin-bottom:0;}
.margHor100{margin:0 100px;}
.marg5{margin:5px;}
.marg10{margin:10px;}
.margC{margin: 0 auto;}
.margBot0{margin-bottom:0;}
.margHor100{margin:0 100px;}
.marg5{margin:5px;}
.marg10{margin:10px;}
.marg0, .noMarg, .noMargin{margin:0;}


.padd0{padding:0;}
.noPadd{padding:0;}

.alignR{text-align:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignJ{text-align:justify;}

.floatL, .fLeft{float:left;}
.floatR, .fRight{float:right;}

.width200{width:200px;}
.width300{width:300px;}
.width400{width:400px;}
.width500{width:500px;}
.width600{width:600px;}
.width700{width:700px;}
.width800{width:800px;}
.width900{width:900px;}

.date{text-align:left; font-weight:bold;color: #222; font-size:8pt;}
.noBorder{border: 0px}
.border{border:1px dashed red;}

.errors{font-size: 8pt; padding: 3px; color: #fff; background: #6af; margin: 3px;}

div.hr{width: 80%; height: 1px; background: #f8e38e; margin: 0 auto; margin-bottom: 20px; clear: both;}

img.hidden{position: absolute; left:-1000px; width:1px; height:1px;}
img.preload{position: absolute; left:-1000px; width:1px; height:1px;}

a.line{text-decoration:underline;}
a:hover.line{text-decoration:underline;}

a.white{color: #fff;}
a:hover.white{color: #fff;}

a.orange{color: #e60;}
a:hover.orange{color: #e60;}

a.black{color: #222;}
a:hover.black{color: #222;}

a.noline{text-decoration:none;}
a:hover.noline{text-decoration:none;}

a.lineOn{text-decoration:none;}
a:hover.lineOn{text-decoration:underline;}

a .lineOff{text-decoration:underline;}
a.lineOff{text-decoration:underline;}
a:hover .lineOff{text-decoration:none;}
a:hover.lineOff{text-decoration:none;}

ul.list{margin: 0 0 10px 20px;}
ul.list li{margin-bottom: 10px;}

ul.circle{list-style-type:circle;}
ul.square{list-style-type:square;}

.ctl, .cbl, .ctr, .cbr {
   position:absolute; 
   width:20px; 
   height:20px; 
   color:.0072c9; 
   background:.fff;
   overflow:hidden; 
   z-index:1;
}

.ctl {top:0; left:0;}
.cbl {bottom:0; left:0;}
.ctr {top:0; right:0;}
.cbr {bottom:0; right:0;}

.ctl b {left:-8px;}
.ctr b {left:-25px;}
.cbl b {left:-8px; top:-17px;}
.cbr b {left:-25px; top:-17px;}

table.border td{border:1px dashed red;}
table.noBorder td{border:0;}

table.noPadd td{padding:0;}
table.padd0 td{padding:0;}
table.padd1 td{padding:1px;}
table.padd2 td{padding:2px;}
table.padd3 td{padding:3px;}
table.padd4 td{padding:4px;}
table.padd5 td{padding:5px;}
table.padd6 td{padding:6px;}
table.padd7 td{padding:7px;}
table.padd8 td{padding:8px;}
table.padd9 td{padding:9px;}
table.padd10 td{padding:10px;}
table.padd15 td{padding:15px;}
table.padd25 td{padding:25px;}
table.padd50 td{padding:50px;}
table.padd100 td{padding:100px;}

table table.border td{border:1px dashed red;}
table table.noBorder td{border:0;}

table table.noPadd td{padding:0;}
table table.padd0 td{padding:0;}
table table.padd1 td{padding:1px;}
table table.padd2 td{padding:2px;}
table table.padd3 td{padding:3px;}
table table.padd4 td{padding:4px;}
table table.padd5 td{padding:5px;}
table table.padd6 td{padding:6px;}
table table.padd7 td{padding:7px;}
table table.padd8 td{padding:8px;}
table table.padd9 td{padding:9px;}
table table.padd10 td{padding:10px;}
table table.padd15 td{padding:15px;}
table table.padd25 td{padding:25px;}
table table.padd50 td{padding:50px;}
table table.padd100 td{padding:100px;}

td.border{border:1px dashed red;}
td.noBorder {border:0;}

td.noPadd {padding:0;}
td.padd0 {padding:0;}
td.padd1 {padding:1px;}
td.padd2 {padding:2px;}
td.padd3 {padding:3px;}
td.padd4 {padding:4px;}
td.padd5 {padding:5px;}
td.padd10 {padding:10px;}
td.padd15 {padding:15px;}
td.padd25 {padding:25px;}
td.padd50 {padding:50px;}
td.padd100 {padding:100px;}

table table.middle td{vertical-align:middle;}
table table.top td{vertical-align:top;}
table table.bottom td{vertical-align:bottom;}
table.middle td{vertical-align:middle;}
table.top td{vertical-align:top;}
table.bottom td{vertical-align:bottom;}

td.middle {vertical-align:middle;}
td.top {vertical-align:top;}
td.bottom {vertical-align:bottom;}
td.right{text-align:right;}
td.center{text-align:center;}
td.left{text-align:left;}

table td.middle {vertical-align:middle;}
table td.top {vertical-align:top;}
table td.bottom {vertical-align:bottom;}
table td.right{text-align:right;}
table td.center{text-align:center;}
table td.left{text-align:left;}

.mAuto{margin: 0 auto;}

/* Corners */
/*
table.fieldset tr{padding:0;margin: 0;}
table.fieldset td{padding:0;margin: 0;}
table.fieldset td.tl{height:10px; width:10px; background: transparent url(/images/border/tl.png) 0% 0% no-repeat;}
table.fieldset td.t{background: transparent url(/images/border/t.png) 0% 0% repeat-x;}
table.fieldset td.tr{width:10px; background: transparent url(/images/border/tr.png) 0% 0% no-repeat;}
table.fieldset td.l{background: transparent url(/images/border/l.png) 0% 0% repeat-y;}
table.fieldset td.m{background: .fff; padding: 15px;}
table.fieldset td.r{background: transparent url(/images/border/r.png) 0% 0% repeat-y;}
table.fieldset td.bl{height:10px; background: transparent url(/images/border/bl.png) 0% 0% no-repeat;}
table.fieldset td.b{background: transparent url(/images/border/b.png) 0% 0% repeat-x;}
table.fieldset td.br{background: transparent url(/images/border/br.png) 0% 0% no-repeat;}
*/

/*
<table class="fieldset border">
    <tr> 
        <td class="tl"></td>
        <td class="t"></td>
        <td class="tr"></td>
    </tr>
    <tr>
        <td class="l"></td>
        <td class="m">content</td>
        <td class="r"></td>
    </tr>
    <tr>
        <td class="bl"></td>
        <td class="b"></td>
        <td class="br"></td>
    </tr>
</table>
*/