/* theodin.co.uk -Designed and developed by Philip Beel All Rights Reserved*/

#contactable {
    background: transparent url(../images/contactable/contact.png);
    color:#FFFFFF;
    cursor:pointer;
    height:102px;
    left:0;
    margin-left:-5px;
    overflow:hidden;
    position:fixed;
    text-indent:-100000px;
    top:288px;
    width:44px;
    z-index:900;
}

#contactForm {
    background: transparent url('../images/contactable/contact_bg_fade.png') repeat;
    border-right: 2px solid #FFFFFF;
    color:#FFFFFF;
    height:100%;
    left:0;
    margin-left:-400px;
    overflow:hidden;
    padding-left:30px;
    position:fixed;
    width:360px;
    z-index:99;
}

form#contactForm input, textarea {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #DFDFDF;
    font-family:georgia;
    font-size:1em;
    margin-bottom:5px;
    outline-style:none;
    outline-width:medium;
    padding:3px;
    width:325px;
}

form#contactForm .submit {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#21BADF none repeat scroll 0 0;
    border:3px solid #FFFFFF;
    color:#FFFFFF;
    cursor:pointer;
    font-family:Helvetica;
    font-size:1.2em;
    font-weight:bolder;
    margin-top:10px;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:3px;
    text-transform:uppercase;
    width:333px;
}

form#contactForm p {
    width:337px;
    font-size:0.9em;
}

form#contactForm .disclaimer {
    *margin-left:20px;
}

#contactForm .red {
    color:	#21BADF;
}

#overlay {
    background-color:#666666;
    display:none;
    height:100%;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0;
} 
.error { background-color: #EDBE9C; }

#name.error { background-color: #EDBE9C; } 
#email.error { background-color: #EDBE9C; }
#comment.error { background-color: #EDBE9C; }

form#contactForm label{

}

form#contactForm #loading {
    background: url(images/ajax-loader.gif) no-repeat;
    width:55px;
    height:55px;
    margin: 100px auto;
    display:none;
}

#callback {
    font-family: georgia;
    font-size:1.1em;
    color: #FFF;
    width:337px;
    margin: 100px auto;
    display:none;
}


#holder {
    margin:0 auto;
    padding-top:20px;
}

#holder .captcha {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    width: 333px;
}

#holder .captchaimage {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#21BADF none repeat scroll 0 0;
    border:2px solid #FFFFFF;
    display:block;
    float:left;
    margin-top:8px;
    padding:3px;
}

#holder .reloadimage {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#21BADF none repeat scroll 0 0;
    border:3px solid #FFFFFF;
    color:#FFFFFF;
    cursor:pointer;
    display:block;
    float:right;
    font-family:Helvetica;
    font-size:0.8em;
    font-weight:bolder;
    margin-top:20px;
    outline-color:-moz-use-text-color;
    padding:5px;
    text-align:center;
    text-transform:uppercase;
    width:105px;
}

#holder .captcha input {
    margin-top: 12px;
    font-family: 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
}