/*
Popup Contact Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
All the style elements use form id selector (notice the #contactus). So, including this
stylesheet does not affect the other elements at all!
*/

#contactus fieldset {
   width: 320px;
   padding: 20px;
   border: 1px solid #444;
   background-color: #222;
   color: #fff;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;   
}

#contactus legend, h2 {
   font-family: Arial, sans-serif;
   font-size: 1.3em;
   font-weight: bold;
   color: #ddd;
}

#contactus label {
   font-family: Arial, sans-serif;
   font-size: 0.8em;
   font-weight: bold;
   color: #ccc;
}

#contactus input[type="text"], textarea {
   font-family: Arial, Verdana, sans-serif;
   font-size: 0.8em;
   line-height: 140%;
   color: #ddd; 
   background-color: #333;
   padding: 3px; 
   border: 1px solid #555;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
}

#contactus input[type="text"] {
   height: 18px;
   width: 220px;
}

#contactus #scaptcha {
   width: 60px;
   height: 18px;
}

#contactus input[type="submit"] {
   width: 100px;
   height: 30px;
   padding-left: 0px;
   background-color: #444;
   color: #fff;
   border: 1px solid #666;
}

#contactus textarea {
   height: 120px;
   width: 310px;
}

#contactus input[type="text"]:focus, textarea:focus {
   color: #fff;
   border: 1px solid #990000;
   background-color: #555;
   font-weight: bold;
}

#contactus .container {
   margin-top: 8px;
   margin-bottom: 10px;
}

#contactus .error {
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color: #333;
}

#contactus fieldset#antispam {
   padding: 2px;
   border-top: 1px solid #555;
   border-left: 0;
   border-right: 0;
   border-bottom: 0;
   width: 350px;
}

#contactus fieldset#antispam legend {
   font-family: Arial, sans-serif;
   font-size: 0.8em;
   font-weight: bold;
   color: #ddd;   
}

#contactus .short_explanation {
   font-family: Arial, sans-serif;
   font-size: 0.6em;
   color: #ddd;   
}

#fg_formContainer {
   height: 500px;
   width: 390px;
   background: #333;
   border: 1px solid #000;
   padding: 0;
   position: absolute;
   z-index: 999;
   cursor: default;   
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;   
   display: none;
}

#fg_container_header {
   height: 30px;
   background: #222;
   border-top-right-radius: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   -khtml-border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -khtml-border-top-left-radius: 10px;   
}

#fg_container_header a {
   color: #fff;
   font-family: Verdana, Arial;
   font-size: 10pt;
   font-weight: bold;
}

#fg_box_Title {
   float: left;
   width: 180px;
   margin: 5px;
   color: #fff;
   font-family: Verdana, Arial;
   font-size: 12pt;
   font-weight: bold;   
}

#fg_box_Close {
   float: right;
   width: 80px;
   margin: 5px;
}

#fg_form_InnerContainer {
   margin: 15px;
}

#fg_form_InnerContainer h2 {
   font-family: Arial, sans-serif;
   font-size: 14pt;
   font-weight: bold;
   color: #ddd;     
}

#fg_form_InnerContainer p {
   font-family: Arial, sans-serif;
   font-size: 12pt;
   color: #ddd;
}

#fg_backgroundpopup {
   position: fixed; 
   top: 0; 
   left: 0; 
   bottom: 0; 
   right: 0;
   background: #000000;
   opacity: 0.8;
   -moz-opacity: 0.8;
   filter: alpha(opacity=80);
   border: 1px solid #cecece;
   z-index: 1;
   display: none;
}

#fg_submit_success_message {
   display: none;
   padding: 15px;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots */
#contactus .spmhidip {
   display: none;
   width: 10px;
   height: 3px;
}

#fg_crdiv {
   font-family: Arial, sans-serif;
   font-size: 0.3em;
   opacity: 0.2;
   -moz-opacity: 0.2;
   filter: alpha(opacity=20);   
}

#fg_crdiv p {
    display: none;
}