/*
Registration/Login Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
*/
@font-face { 
	  font-family: sawasdee ;  
	  src: url( http://www.alessiopaganelli.com/font/sawasdee.eot ); /* IE */  
	  src: local(" real FontName "), url( http://www.alessiopaganelli.com/font/sawasdee.ttf ) format("truetype"); /* non-IE */
	}  

body{text-align:center;
background-image:url('https://www.alessiopaganelli.com/immagini/petworthgateslogo2cropdown.jpg');
background-repeat: no-repeat;
background-color: #323030;
background-position: center top;
background-size:cover;
} 
	
#fg_membersite fieldset
{
   width: 230px;
   padding:20px;
   border:1px solid #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
margin:auto;
background: none repeat scroll 0% 0% rgba(255, 255, 150, 0.9);
box-shadow: 0px 0px 23px 5px rgba(0, 0, 0, 0.4);
}

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

#fg_membersite label
{
   font-family : sawasdee, Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#fg_membersite input[type="text"],#fg_membersite textarea,
#fg_membersite input[type="password"]
{
  font-family : sawasdee, Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

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

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

#fg_membersite input[type="submit"]
{font-family: sawasdee, Verdana, Arial, sans-serif; 
   width:100px;
   height:30px;
   padding-left:0px;
}

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

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

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

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

#fg_membersite #register_password_errorloc
{
    clear:both;
}

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

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

#fg_membersite .short_explanation
{
   font-family : sawasdee, Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#fg_membersite .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_membersite #fg_crdiv
{
   font-family : sawasdee, Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_membersite  #fg_crdiv p
{
    display:none;
}

#fg_membersite_content li
{
font-family : sawasdee, Arial, sans-serif;
padding-top:10px;
padding-bottom:10px;
}
#fg_membersite_content
{
    font-family : sawasdee, Arial, sans-serif;
    font-size: 0.9em;
    line-height: 150%
}

#fg_membersite_content h2
{
   font-family : sawasdee, Arial, sans-serif;
   font-size: 1.5em;
   font-weight:bold;
   color:#333;
}


#fg_membersite 
{
}

img#logobgimg{

position:fixed;
left: 50%;
margin-left: -300px; /* Half of the width */
top:50%;
margin-top: -300px; /* Half of the width */
width:600px;
z-index:-1;
}

.outoffieldset{font-family : sawasdee, Arial, Verdana, sans-serif;
width: 230px;
   padding:20px;
   border:1px solid #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
margin:auto;
background: none repeat scroll 0% 0% rgba(255, 255, 150, 0.8);
box-shadow: 0px 0px 23px 5px rgba(0, 0, 0, 0.4);
}


@media screen and (max-width: 500px) {
body{text-align:center;
background-image:url('http://www.alessiopaganelli.com/immagini/petworthgateslogo2cropsmart.jpg');
background-repeat: no-repeat;
background-color: #323030;
background-position: center top;
} 
}