/* --------------------------------------------------------------

	forms.css
	* Sets up some default styling for forms
	* Gives you classes to enhance your forms

	Usage:
	* For text fields, use class .title or .text

-------------------------------------------------------------- */

label              { font-weight: bold; }
legend             { font-size: 1.2em; font-weight: bold; }


/* =Form fields
-------------------------------------------------------------- */

input.text,
input.title,
textarea {
	margin: 0;
	border: 1px solid #ccc;
	background: #fff;
	cursor: text;
	}
input, select, button, .button, label[for], a[href] { cursor: pointer; }
option             { padding: 0 .4em; background: #fff; }

#s-site,
#s-site option,
#s-channel,
#s-channel option,
#table-select,
#table-select option,
#f-year option,
#f-year { color: #5b8dc3; }


input.text:focus,
input.title:focus,
textarea:focus,
select:focus       { border-color: #888; }

input.error,
textarea.error,
select.error       { border: 1px solid #f00 !important; }

input.title        { padding-top: 4px; width: 140px; height: 19px; }
input.title        { font-size: 1.5em; }
input.text,
input.title {
	width: 140px;
	padding: 3px 4px 2px;
	}

input.checkbox,
input.radio {
	position: relative;
	top: -1px;
	margin: 0 5px 1px 0;
	padding: 0;
	vertical-align: middle;
	}
textarea {
	padding: .3em .4em .15em;
	height: 90px;
	width: 240px;
	overflow: auto;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.2em;
	}


/* =Success, notice and error boxes
-------------------------------------------------------------- */

.errorbox,
.noticebox,
.successbox        { margin: .6em 0; padding: .6em; border: 2px solid #ddd; }
.errorbox a,
.noticebox a,
.successbox a      { text-decoration: underline; }
.errorbox          { border-color: #fbc2c4; background: #fbe3e4; color: #8a1f11; }
.noticebox         { border-color: #ffd324; background: #fff6bf; color: #514721; }
.successbox        { border-color: #c6d880; background: #e6efc2; color: #264409; }
.errorbox a        { color: #8a1f11; }
.noticebox a       { color: #514721; }
.successbox a      { color: #264409; }

.errors            { margin: 0.6em 0; color: #f00; }
.errors a          { color: #8a1f11; }


/* =Misc
-------------------------------------------------------------- */

.f-line            { clear: both; margin: 0 0 10px; }
.one-line          { display: inline; float: left;  margin: 0 240px 0 0; }


/* =Definition forms
-------------------------------------------------------------- */

.form-newline dd { margin: 0 0 10px 0; }
.form-newline dt { clear: left; }

.form-oneline dt { position: relative; top: .25em; clear: left; float: left; width: 100px; }
.form-oneline dd { margin: 0 10px 6px 0; padding-left: 120px; }

.labelr dt       { text-align: right; }
.btn-right       { float: right !important; }
dt.nextline      { clear: none; }

.multi dt        { width: 40px; }
.multi input.text{ width: 60px; }
.multi dl        { float: left; margin-right: 60px; padding: 10px; border: 1px solid #aeaeae; }

/* examples */
input.smallinput    { width: 50px; }
textarea.smallinput { width: 100px; }

input.postalnumbers { width: 30px; }
input.postalcharacters { width: 20px; }

dd.multiple { margin-bottom: 0; }
dd.multiple { display: inline; float: left; margin-right: 10px; }
dt.multiple { width: 0; overflow: hidden; }
dd.last     { clear: right; }

.submit    { margin-left: 131px; }

#f-message { width: 387px; }
#f-name,
#f-surname { width: 141px; }
#f-prefix  { width: 60px; }
#f-tel,
#f-company { width: 182px; }