/* 
CSS Document
SKIN para formatacao dos formulários FormFacil - tema: Básico
*
@autor: Joao Paulo Fechine Sette
@email: fechine@gmail.com
@site: www.fechine.com
@version: 1
@info: Este estilo funciona com base na formatacao do formFacil, sendo assim, utiliza o estilo genérico do mesmo
*/

/* Form Fácil Skin Básico */

form.contato {width:293px; height:265px; margin-left:20px; border:8px solid transparent; float:left; padding:10px}

	/* fieldset */
	form.formFacil, form.formFacil * {font-family:'Trebuchet Ms', Arial}
	form.formFacil fieldset {margin-bottom:15px; position:relative; border:none}
	form.formFacil fieldset.fieldsetinterno  {margin:0 0 10px 7px!important; width:95%!important}

		/* legend */
		form.formFacil fieldset legend {color:#54a0bd; font-weight:bold; display:none}
	 
			/* label */
			form.formFacil:hover fieldset label {color:#FFF}
			form.formFacil fieldset label {color:#8f8f8f; font-size:11px; height:20px; padding:4px 14px 0 0; margin:0 0 2px 0; background:url(imagens/label-obrigatorio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilopcional {background:url(imagens/label-nao-obrigatorio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilnaoobrigatorio {background:url(imagens/label-nao-obrigatorio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilreadonly {background:url(imagens/label-read-only.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilpassword {background:url(imagens/label-password.gif) no-repeat center right}
				form.formFacil fieldset label.formfacildisabled {background:url(imagens/label-disabled.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilradio {background:url(imagens/label-radio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilcheckbox {background:url(imagens/label-radio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilcheckboxopcional {background:url(imagens/label-radio-nao-obrigatorio.gif) no-repeat center right}
				form.formFacil fieldset label.formfacilradioopcional {background:url(imagens/label-radio-nao-obrigatorio.gif) no-repeat center right}
			
			/* input */
			form.formFacil fieldset input {height:20px; padding:4px 22px 0 6px; margin-bottom:2px; border:none; border-bottom:2px solid #000; background:url(imagens/bg-input.gif) no-repeat center right;}
				form.formFacil fieldset input:hover, form.formFacil fieldset input:focus  {background:url(imagens/bg-inputHover.gif) no-repeat center right; color:#ffd200}
			
			form.formFacil fieldset input.formfacilbotao {padding:0 10px 0 17px;  height:22px; border:none; font-size:11px; background: url(imagens/bg-inputBotao.gif) no-repeat center left;}
				form.formFacil fieldset input.formfacilbotao:hover {color:#d2ff00; background: url(imagens/bg-inputBotaoHover.gif) no-repeat center left;}
				
			form.formFacil fieldset input.formfacilbotaoLateral {padding:0 10px 0 17px;  height:22px; border-right:1px solid #dbdbdb; font-size:11px; background: url(imagens/bg-inputBotao.gif) no-repeat center left;}
				form.formFacil fieldset input.formfacilbotaoLateral:hover {color:red; border-right:1px solid #90d9f3; background: url(imagens/bg-inputBotaoHover.gif) no-repeat center left;}
			
			.formfacilcampoenvolvido {background-position:top left!important; margin-right: 2px!important; padding-right: 0px!important}		
			
			form.formFacil fieldset input.enviar-extra {background:url(imagens/bg-contato.gif); width:198px!important; height:53px; text-align:right; margin-top:3px}
			
			/* textarea */
			form.formFacil textarea {background: url(imagens/bg-textarea.gif) repeat top left; width:191px; height:60px; border:none; border-bottom:2px solid #000; padding:3px}
				form.formFacil textarea:hover {color:#ffd200;}
			
			/* span e selectbox */
			form.formFacil fieldset span.formfacilselectbox {display:block; float:left; border:none; border-bottom:2px solid #000; min-width:170px; width:auto!important; width:170px; height:21px; background:url(imagens/bg-input-extra.gif) no-repeat center right; padding:3px 20px 0 5px}
			form.formFacil fieldset select {font-size:11px; color:#ffd200; height:20px; padding:0; margin:0; background-color:#252525!important}
			
			/* radio e span.formfacilradio */
			form.formFacil span.formfacilradio {color:#424242; font-size:11px; padding:2px 0 0 0; margin:2px 5px 0 4px}
				form.formFacil span.formfacilradio input {background:none; height:12px; margin:2px 3px 0 0}
			
			/* radio e span.formfacilradio */
			form.formFacil span.formfacilcheckbox {color:#424242; font-size:11px; padding:2px 0 0 0; margin:2px 5px 0 4px}
				form.formFacil span.formfacilcheckbox input {background:none; height:12px; margin:2px 3px 0 0; border:1px solid red}
			
			/* radio e checkbox */
			form.formFacil span.formfacilradio, form.formFacil span.formfacilcheckbox {padding-left:20px}
				form.formFacil .fieldsetinterno span.formfacilradio, form.formFacil .fieldsetinterno span.formfacilcheckbox {padding-left:45px}
					form.formFacil .fieldsetinterno .fieldsetinterno span.formfacilradio, form.formFacil .fieldsetinterno .fieldsetinterno span.formfacilcheckbox {padding-left:70px;}