/**
 This file defines additional CSS for the form elements.
 
 @author Miikka Hurme
 @version $Id$
*/

form {
 background-color: #c1987d;
 color: #000;
 border: 1px solid #652f0d;
 margin: 0;
 padding: 1em;
}

label {
 margin: 0;
 display: block;
}

input {
 padding: 0;
 margin: 0;
 font: 12px 'Verdana', sans-serif;
 border: 1px solid #652f0d;
}

input.button {
 margin: 0;
 padding: 0;
 font: 12px 'Verdana', sans-serif;
}

textarea {
 padding: 0;
 margin: 0;
 font: 12px 'Verdana', sans-serif;
 border: 1px solid #652f0d;
}

/* The input sizes. */
input.oneThird {
	width: 33%;	
}

input.oneHalf {
	width: 50%;	
}

input.fullWidth {
	width: 100%;	
}

/* The standard textarea sizes of the application. */

textarea.small {
	width: 100%;
	height: 10em;
	
}

textarea.medium {
	width: 100%;
	height: 20em;
		
}

textarea.large {
	width: 100%;
	height: 30em;
}
/*
textarea.sidebar {
	
}
*/

/* Two styles for labels: block (default) and inline. */
label.inline {
	display: inline;	
}

/* The error container and input validation messages. */
div.errorContainer {
	background-color: #f9f7ed;
	color: #000;
	border: 1px solid #ff1a00;
	width: 100%
}

li.inputError {
	color: #ff1a00;
	background-color: transparent;	
}

/* Template specific definitions. */
/*
#loginInput dt {

}

#loginInput dd {

}
*/