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

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

.header {
    margin:0 0 10px 100px;
}
.header img {
    height: 100px;
    width: auto;
    float: left;
}
.header span {
    float: left;
    line-height: 0.10;
    margin-left: 20px;
}
hr {
     width: 100%;
     float: left;
     color: #fd832c;
}
.header h2 {
    font-size: 36px;
    color: #c81925;
}
.login-btn {
    float: right;
    padding: 10px 20px;
    background: #fd832c;
    border-radius: 5px;
}
.login-btn a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.container-main {
    width: 100%;
    float: left;
}
.container-admin {
    width: 80%;
    float: left;
    margin-left: 10%;
}
.reply {
    color: #f00;
    font-weight: bold;
    text-align: center;
    margin-bottom: -20px;
    padding-bottom: 0;
}
.intro-block{
    width: 40%;
    float: left;
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px 50px;
    margin-left: 4.5%;
}
.intro-block img {
    height: auto;
    width: 50%;
    float: left;
    margin: 0 20px 20px 0;
}
.form-block {
    width: 40%;
    float: left;
    border: 1px solid black;
    border-radius: 5px;
    padding: 0 10px 10px 10px;
    margin-left: 20px;
}
.form-block h3, .intro-block h3 {
    font-size: 24px;
    text-align: center;
    background:#39c467;
    color: #fff;
    padding: 10px;
}
.form-block h3 {
    margin-top: 0px;
    margin-left: -10px;
    width: 100%;
}
.intro-block h3 {
    margin-top:  -10px;
    margin-left: -50px;
    width: 115%;
}
.blocks {
    width: 100%;
    font-size: 80%;
    margin-left: 0;
}
.blocks p {
margin-bottom:10px;
position:relative;
}

.btn {
display:block;

float:left;
height:31px;
line-height:31px;
padding:0 10px;
background:url(../gfx/bgbtn.jpg) repeat-x;
color:#565e62;
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;
height: 20px;
}

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

.blocks label {
float:left;
width:100px;
line-height:37px;
text-align:right;
margin-right:15px;
font-weight:bold;
color:#666;
}

.blocks label.error,
.blocks label.ok {
position:absolute;
z-index:1;
top:-4px;
left:110px;
padding:5px 15px 5px 280px;
/*reset label*/
width:auto;
text-align:left;
margin:0;
background-repeat:no-repeat;
background-position:257px 16px;
}

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

.blocks label.error {
background-image:url(../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: #CCCCCC;
}

a img {
border:none;
}