/* Create - Sign Up Form
============================================================================= */

#signUp, #logIn, #contactUs, #contactDetails, #forgottenPassword, #jobApplication {
    background: #f3f4f4;
    height: 520px;
}


#jobApplication { height: auto; padding-bottom: 35px; min-height:500px;}
#forgottenPassword { height: auto; }

#signUpForm, #loginUpForm, #contactUsForm, #forgottenPasswordForm, #designApplication  {
    display: inline-block;
}

#signUpForm label, #logInForm label, #contactUsForm label, #forgottenPasswordForm label, #content form label {
    color: #7b7c7f;
    font-size: 14px;
    float: left;
    width: 250px;
    position: relative;
    margin-bottom: 8px;
}

#content form label.wide {
    width: 500px;
}

#signUpForm .textbox, #logInForm .textbox, #contactUsForm .textbox, #forgottenPasswordForm .textbox, #content form .textbox {
    display: block;
    font-size: 14px;
    color: #56575a;

    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    
    background: #fdfdfd;
    border: 1px solid #e7e7e7;
    border-top: 1px solid #c4c4c4;

    width: 232px;
    line-height: 16px;

    padding: 6px 7px;

    position: relative;
    margin: 5px auto 10px 0px;
    
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
}
#signUpForm .textbox:focus, #logInForm .textbox:focus, #contactUsForm .textbox:focus, #forgottenPasswordForm .textbox:focus, #content form .textbox:focus {
    border: 1px solid #ffc11c; /* Older Browsers */ 
    border: 1px solid rgba(255,193,28,0.4); 
    background: #fff;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

 #content form .watermark.textbox.on { color: #aeaeae; }
 #content form .watermark.textbox.off { color: #3a4356; }

 #content form  textarea.textbox.wide { width: 508px; height: 150px; }

#contactUsForm .textbox.filefield {
    width: 136px;
}

#cv { position: absolute; right: 0px; margin-top: 5px;
-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;

}

#logInForm .textbox { width: 260px; }
#contactUsForm textarea.textbox { width: 508px; height: 150px; }

#logInForm .textbox.error,#signUpForm .textbox.error  { border: 1px solid #b73535;  }

#logIn {
    background: #f3f4f4;
}

#dynatip {
    display:none;
    background: #ffc11c url(../img/backgrounds/tooltip.png) repeat-x;
    font-size:12px;
   
  
    padding:5px 10px;
    color: #4e3e12;

    max-height: 71px;
    border: 1px solid #f5bd29;

    text-shadow: 1px 1px #ffd76d;
    z-index: 100;

    -moz-box-shadow:0 0 4px 0px #7b7c7f;
    -webkit-box-shadow:0 0 4px 0px #7b7c7f;
    
}

/*img.information {
    position: relative;
    cursor: pointer;
    top: 2px;
}*/
img.information {
padding:0px;
float:right;
margin-right:12px;
}
a.information-a {
padding:0px;
float:right;
margin-right:12px; margin-top:1px;
display:block;
height:16px; width:16px; cursor: help;
background:url('../img/icons/information.png') no-repeat;
}
a.information-a:hover {
background:url('../img/icons/information.png') no-repeat bottom;
}

#signUpError,#logInError { display: none; margin-top: 25px; width: 270px; color: #b73535;}
#logInError { width: 150px; margin-top: 10px;}
#loadingBox  { display: none; margin-top: 40px; width: 250px; font-size: 24px;}
#contactError{ margin-top: 25px; width: 270px; color: #b73535; }
#forgotError { color: #b73535 }