fg_membersite.css

/*
Registration/Login Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
*/

#fg_membersite fieldset
{
  background: rgb(255,255,255);
   width: 230px;
   padding:20px;
   border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;   
}

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

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

#fg_membersite input[type="text"],#fg_membersite textarea,
#fg_membersite input[type="password"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 1em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -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:30px;
  width:220px;
}

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

#fg_membersite input[type="submit"]
{
   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: 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 : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#fg_membersite .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   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 : 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 : Arial, sans-serif;
padding-top:10px;
padding-bottom:10px;
}
#fg_membersite_content
{
    font-family : Arial, sans-serif;
    font-size: 1em;
    line-height: 150%
}

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

/*-- Hill site specific styles --*/

    body,
    html {
    margin:0;
    padding:0;
    color:gray;
    	/* background:#a7a09a; */
    background:rgb(245,245,245);
    }

    #wrap {
    /* width:800px; */
    width:1000px;
    margin:0 auto;
    background:rgb(255,255,255);
    }

    #hd_sty {
    background:rgb(255,255,255);
    padding:20px 20px;
    /* background:#ddd;  */
     }

    #blk1_sty {
	font-family: "Arial", sans-serif;
	font-size:14pt;
    padding:5px 10px;
    background:rgb(173,216,230);
    color:gray;
    border-top:1px solid black;
    border-bottom:1px solid black;
    }
    
    #blk1_sty ul {
    margin:0;
    padding:0;
    list-style:none;
    }

    #blk1_sty li {
    display:inline;
    margin:0 0.5cm 0 0;
    padding:0;
    }

    #body_sty {
	font-family: "Arial", sans-serif;
    float:left;
    /* width:530px;  */
    width:680px;
    padding:10px;
    background:rgb(255,255,255);
    color:gray;
    }

    p {
	font-family: "Arial", sans-serif;
    margin:6pt 0 6pt 0;
    color:gray;
    line-height:150%;    
    }

    h1 {
	font-family: "Arial", sans-serif;
    margin:0;
    color:black;
    }

    h2 {
	font-family: "Arial", sans-serif;
    margin:0 0 1cm;
    color:black;
    }

    h3 {
	font-family: "Arial", sans-serif;
    margin:0 0 0 0;
    color:black;
    }

	evenrow {
	font-family: "Arial", sans-serif;
	background:rgb(210,210,210);
	color:black;
	padding:10px 0 10px 0;
	}
	
	oddrow {
	font-family: "Arial", sans-serif;
	background:white;
	color:rgb(110,110,110);
	padding:10px 0 10px 0;
	}

    #rightbox_sty {
	font-family: "Arial", sans-serif;
    float:right;
    /* width:230px; */
    width:280px;
    padding:10px;
    background:white;
    }

    #ft_sty {
	font-family: "Arial", sans-serif;
    clear:both;
    padding:5px 10px;
    background:rgb(255,255,255);
    /* background:#cc9; */
    border-top:1px solid black;
    font-size:10pt;
    color:gray;
    }

    #smallfont
    {
	   font-family : Arial, sans-serif;
	   font-size: 0.8em;
	   color:#333;   
    }


    #ft_sty p {
    margin:0;
    }

	#label {
	  width: 80px;
	  text-align: right;
	  float: left;
	}
	
	#formerror {
	  border: 1px solid red;
	  background-color : #FFCCCC;
	  width: auto;
	  padding: 5px 0 0 10px;
	}
	
	#errortext {
	  padding-left: 80px;
	  font: bold smaller sans-serif;
	}

	#registertable
	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
	}

	#registertable td, #registertable th 
	{
	font-size:1em;
	border:0px solid #98bf21;
	padding:3px 7px 2px 7px;
	}

	#registertable th
	{
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	color:black;
	}

	#registertable r_err 
	{
	background-color:yellow;
	color:red;
	padding-top:5px;
	padding-bottom:4px;
	}