/* ------ Îáùèå ñòèëè
-----------------------------------------------*/

body {
font-family:Arial, Helvetica, sans-serif;
background:#fff;
font-size:11px ;
}

.wrapper {
margin:40px auto 0 ;
width:1000px ;
}


.blocks p {
margin-bottom:15px ;
position:relative ;

}


.text {
padding:5px 10px ;
/*height:27px !important;*/
border:1px solid #ddd ;
color:#333 ;
background:url(/data/gfx/bginput.jpg) repeat-x bottom #fff;
position:relative;
z-index:2;
}

.text {
width:207px !important;
}

.textarea {
height:150px;
width:350px;
}

.blocks label {
float:left;
width:100px;
line-height:12px;
text-align:right;
margin-right:15px;
color:#666;
padding-top:5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type .blocks label.error
{
background-position: 234px 11px ;
background-repeat: no-repeat ;
left: 152px ;
margin: -18px ;
padding: 7px 1px 6px 260px ;
position: relative ;
text-align: left ;
top: -16px ;
width: 235px ;
z-index: 1 ;
}

body:first-of-type .blocks  label.ok {
background-position: 234px 11px ;
background-repeat: no-repeat ;
left: 16px ;
margin: -18px ;
padding: 7px 1px 6px 260px ;
position: relative ;
text-align: left ;
top: 16px ;
width: 53px ;
z-index: 1 ;
}

body:first-of-type .blocks label {
float:left ;
width:121px ;
line-height:19px ;
text-align:right ;
margin-right:15px ;
color:#666 ;
padding-top:5px ;
}
}

.blocks label.error
{
position:absolute ;
z-index:1 ;
top:-4px ;
left:110px ;
padding:11px 10px 13px 270px ;
/*Ñáðàñûâàåì ìåòêó*/
width:235px ;
text-align:left ;
margin:0 ;
background-repeat:no-repeat ;
background-position:241px 11px ;
}


.blocks  label.ok {
position:absolute ;
z-index:1 ;
top:-4px ;
left:110px ;
padding:11px 10px 13px 270px ;
/*Ñáðàñûâàåì ìåòêó*/
width:auto ;
text-align:left ;
margin:0 ;
background-repeat:no-repeat ;
background-position:241px 11px ;
}

.blocks label.ok {
background-image:url(/data/gfx/icook.gif) ;
background-color:#deefca ;
color:#577530 ;
}

.blocks label.error {
background-image:url(/data/gfx/icofail.gif) ;
background-color:#f5d6d7 ;
color:#c81925 ;
}

.area label.ok,
.area label.error {
height:163px ;
padding-left:410px ;
background-position:387px 16px ;
}

/* CSS3 */
.btn,
.text,
.textarea,
.blocks label.error,
.blocks label.ok { 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

a {
color:#fff;
}

a img {
border:none;
}

