/*
Modified Clean and pure CSS FORM design
Original: http://woork.blogspot.com/2008/06/clean-and-pure-css-form-design.html
Date: 8dec2008 22:55
*/
/* ----------- My Form ----------- */
.wform{	
	width:100%;
	padding:14px;
  border: solid 0 transparent;
}

	/* ----------- basic ----------- */
	.wform.basic{
		
	}
	.wform.basic h1 {
		font-size:120%;
		font-weight:bold;
		margin-bottom:8px;
	}
	.wform.basic p{
		
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	.wform.basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:30%;
		float:left;
    clear:left;
	}
	.wform.basic .small{
		color:#666666;
		display:block;
		font-size:70%;
		font-weight:normal;
		text-align:right;
    padding-bottom:1em;
	}
	
	.wform.basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-weight:bold;
		padding:4px 6px;
	}
  .wform.basic input,
	.wform.basic .param,
  .wform.basic  textarea{
		float:left;
		width:60%;
		margin:2px 0 1em 10px;
    white-space:nowrap;
	}
  .wform.basic .param input{
    float:none;width:auto;margin:0;
  }
  .wform.basic  textarea{
    height:8em;
  }
	/* ----------- stylized -----------  */
	.wform.stylized{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	.wform.stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	.wform.stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	.wform.stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	.wform.stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	.wform.stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	.wform.stylized button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(img/button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
  
/**********************************
                                                        Customize
***********************************/ 
.wform h4{
background-color:#8dcb80;
font-weight: bold;
color: white;
padding-left:1em;
margin:0.4em 0;
}
.wform h4 a,
.wform h4 a:hover,
.wform h4 a:visited
{
  color: white;
  text-decoration:underline;
}
.wform h4 a:hover{
  text-decoration:none;
}

.wform  textarea{
height:8em; width:100%;
}