/* ------ general
-----------------------------------------------*/

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

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


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

.btn {
display:block;
float:left;
height:25px;

padding:0 15px;
background:#864ca4;
color:#fff;
font-weight:bold;
font-size:11px;
border:1px solid #e1e0df;
outline:none;
}

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

.text {
width:220px;
}

.textarea {
height:150px;
width:350px;
}
.blocks  ol
{
    margin:5px 0px;  
}
.blocks  ol li
{
 width:650px;
 float:left;
 line-height:20px;
    margin:5px 0px;
}
.blocks label {

width:100px;

line-height: 20px;
text-align: right;
margin-right: 15px;
font-size: 13px;

color: #363636;

height: 20px;
font-weight: bold;
float: left;
}

.blocks input[type=text],textarea 
{
    float:left;
width:350px;
    
    }

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
padding: 5px 15px 5px 24px;
width: auto;
text-align: left;
font-size:11px;
margin: 0;
background-repeat: no-repeat;
background-position: 5px 6px;

}

.blocks label.ok {
background-image:url(../gfx/icook.gif);

color:#577530;
}

.blocks label.error {
background-image:url(../gfx/icofail.gif);

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: #CCCCCC;
}

a img {
border:none;
}