/**
 * <project>
 *
 * Contains all declarations for form elements.
 *
 * @author 			X X (x@marlon.be)
 * @copyright		Marlon BVBA <http://www.marlon.be>
 * @date 			2009-05-04
 * @lastmodified	2009-05-04
 */

/* redefine xhtml selectors
---------------------------------------------------------- */

form {
	margin: 0;
	padding: 0;
}

label {

}

label span {
	float: left;
	width: 300px;
}

fieldset {
	clear: both;
	margin: 0;
	padding: 0;
	zoom: 1;
	border: none;
}

fieldset legend {
	display: none;
}

input {
}

input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}

select {
	padding: 1px 0;
	width: 190px;
	border: 1px inset #c3c3c3;
}

textarea {
	color: #666;
}

input.field {
	float: left;
	padding: 3px 8px;
	color: #666;
	border: 1px inset #c3c3c3;
}

/* input field sizes
---------------------------------------------------------- */

.xx-small { width: 20px; }
.x-small { width: 40px; }
.small { width: 100px; }
.medium { width: 200px; }
.large { width: 320px; }
.x-large { width: 400px }
.xx-large { width: 560px; }

.scalable {
	width: 100%;
	min-width: 100px;
	max-width: 900px;
}

.checkbox { 
	float: left;
	display: inline; 
	margin: 4px 2px 0 2px;
	padding: 0;
}

.radio {
	float: left; 
	margin-right: 5px; 
	border: none;
}

textarea {
	margin: 0 0 0 0;
	padding: 3px 8px;
	width: 320px;
	border: 1px inset #c3c3c3;
}

/* forms
---------------------------------------------------------- */

.form {
}

.form h2 {
	font-size: 1.34em;
	color: #666;
}

.form dl {
	position: relative;
	float: left;
	margin: 0;
	padding: 10px 0 20px 0;
	width: 518px;
	zoom: 1;
	overflow: visible;
}

.form dt {
	position: absolute;
	padding: 4px 0;
	width: 180px;
	font-weight: bold;
	z-index: 10;
}

.form dd {
	margin: 0 0 10px 0;
	padding-left: 160px;
}

.form dd span {
	float: left;
	border: 3px solid #E4ECEF;
}

#btnsend, #submit {
	width: 100px;
	height: 24px;
	font-weight: bold;
	color: #fff;
	border: none;
	background: url(../img/sprite_assets.png) no-repeat -250px -300px;
}

#btnsend:hover,
#submit:hover {
	background-position: -250px -276px;
}

/* actions
---------------------------------------------------------- */

.form dd.actions {
	padding-left: 163px;
}

/* errors
---------------------------------------------------------- */

.form dd.error span {
	border-color: #f09;
}

.form ul.errors {
	float: left;
	margin-top: 4px;
	padding: 0 0 0 4px;
	font-weight: bold;
	color: #f09;
}

.form ul.errors li {
}

/* required
---------------------------------------------------------- */

.required .indicator {
	float: none;
	width: auto;
	color: #f09;	
}

/* search
---------------------------------------------------------- */

#search {
	clear: both;
	margin: 0;
	padding: 10px 0;
}

#search-query {
	float: left;
	display: inline;
	margin-right: 5px;
	padding: 4px 3px 4px 5px;
	width: 107px;
	height: 16px;
	border: none;
	background: url(../img/sprite_assets.png) no-repeat 100% -250px;
}

#btn-search {
	float: left;
	width: 54px;
	height: 24px;
	text-indent: -999em;
	font-size: 0;
	line-height: 24px;
	overflow: hidden;
	border: none;
	background: url(../img/sprite_assets.png) no-repeat 0 -300px;
}

#btn-search:hover {
	background-position: 0 -276px;
}