/* 
	Adapted from Awesome Form v2.01 CSS
	Modified by: Ismael Peña-López
	
	The following information must not be removed:
	Awesome Form v2.01 CSS
	Written by: Paul Armstrong, Paul Armstrong Designs
	Site: https://paularmstrongdesigns.com
	Example & Documentation: https://paularmstrongdesigns.com/examples/css/awesome-form.html
	Thu Jun 22 22:38:39 2006

	Special thanks to Zach Johnson for helping and pushing me to make the changes.
	Site: https://tech.no.logi.es (those aren't dots, they are diamonds)

	This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License
	https://creativecommons.org/licenses/by-sa/2.5/
*/

form.niceform label { 
	width: 130px;   /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}

form.niceform label.long, form.niceform p.label {
	margin-left: 20px; /* subjective */
	width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
} 

form.niceform input, form.niceform textarea, form.niceform select {
	margin-left: 0px; /* (label width) + (label margin) */
	width: 300px; /* subjective */
}

form.niceform input.short, form.niceform textarea.short, form.niceform select.short {
	margin-left: 0px; /* (label width) + (label margin) */
	width: 145px; /* subjective */
}

form.niceform input.long, form.niceform textarea.long, form.niceform select.long {
	margin-left: 0px; /* (label width) + (label margin) */
	width: 350px; /* subjective */
}


form.niceform textarea { 
	width: 300px; 
} 

form.niceform textarea.long { 
	width: 500px; 
} 


form.niceform {
/*	margin: 0 0 1em;*/
	}

form.niceform label {
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 1em;
}

form.niceform input, form.niceform textarea, form.niceform select {
/*	display: block; */
	margin-bottom: 0.5em;
}

.blueform input {
	color: #FFFFFF;
	background:#222281;
	border: 0px solid #999;
}

.redform input {
	color: #FFFFFF;
	background: red;
	border: 0px solid #999;
}

.greenform input {
	color: #FFFFFF;
	background: #66CC99;
	border: 0px solid #999;
}

form.niceform input.blueform {
	color: #FFFFFF;
	background:#222281;
	border: 0px solid #999;
	width: 50px;
	display: inline;
	margin-bottom: 0.5em;
}

form.niceform input.redform {
	color: #FFFFFF;
	background:red;
	border: 0px solid #999;
	width: 50px;
	display: inline;
	margin-bottom: 0.5em;
}

form.niceform input.greenform {
	color: #FFFFFF;
	background:#66CC99;
	border: 0px solid #999;
	width: 50px;
	display: inline;
	margin-bottom: 0.5em;
}

form.niceform input.greenform_long {
	color: #FFFFFF;
	background:#66CC99;
	border: 0px solid #999;
	width: 200px;
	display: inline;
	margin-bottom: 0.5em;
}

form.niceform br { 
	clear: left;
} 

form.niceform input[type="radio"], form.niceform input[type="checkbox"], 
form.niceform input[type="hidden"] { 
	width: auto; 
	height: 1em; 
	border: 0;
}

form.niceform input[type="hidden"] {	/* Firefox doesn't want to make them actually hidden, so I'll force it.	*/
	display: none;
}

/* I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug." */
* html form.niceform input, * html form.niceform textarea, * html form.niceform select,
* html form.niceform .checks input, * html form.niceform .checks label {
	margin-top: 3px;
	margin-bottom: 3px;
}