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

   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; color: #3f2e31; }
fieldset    { margin: 0 0 .5em 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }


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

input.text, input.title,
textarea, select {
	margin: 0;
	color: #929292;
	font-size: 10px;
	border-top: 1px solid #00213f;
	border-bottom: 1px solid #7f7f7f;
	border-left: 1px solid #00213f;
	border-right: 1px solid #7f7f7f;
	margin-top: 4px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	}

select             { background: #fff; }
option             { background: #fff; }

input.text:focus,
input.title:focus,
textarea:focus,
select:focus       { border:1px solid #7f7f7f; }

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

input.text,
input.title {
	width: 96px;
	height: 15px;
	padding: 2px 5px 0 5px;
	background: #fff;
	}
input.title        { font-size:1.5em; }
input.radio        {
	vertical-align: middle;
	padding: 0;
	margin: 0;
	margin-right: 5px;
	}
textarea {
	padding: 5px;
	overflow: auto;
	height: 90px;
	width: 338px;
	}

/* =Success, notice and error boxes
-------------------------------------------------------------- */
.errors       { clear: both; }
.messages     { color: green; clear: both; }
.errors div,
.notice,
.success      { padding: .2em .8em; margin: 6px 0 1em 0; border: 2px solid #ddd; }
.errors ul,
.messages ul  { margin-bottom: 0; }
.errors p     { margin-bottom: .1em; font-weight: bold; }
.errors div   { background: #FBE3E4; color: #ff0000; border-color: #FBC2C4; }
.notice       { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success      { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.errors div a { color: #8a1f11; }
.notice a     { color: #514721; }
.success a    { color: #264409; }

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

.one-line {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	}
.f-line {
	margin: 0 0 10px 0;
	clear: both;
	}
.send {
	border: none;
	text-indent: -10000px;
	cursor: pointer;
	}
.form-abonnee textarea           { height: 44px; width: 550px; }
.form-abonnee .f-line            { margin: 0 0 15px 0; }

.form-abonnee #name,
.form-abonnee #email,
.form-abonnee #subscribersince,
.form-abonnee #age               { width: 210px; }

.form-abonnee #likes,
.form-abonnee #gyrogearloose,
.form-abonnee #dislikes          { width: 304px; }

.form-ankeiler                   { margin-top: 30px; }

.form-abonnee .mikmak {
	display: inline;
	float: right;
	margin-right: 27px;
	text-align: right;
	padding-top: 24px;
	}
.form-abonnee #mikmak            { width: 304px; }

.letter-form label               { font-weight: normal; }
.letter-form input.text          { width: 400px; }
.letter-form input#street        { width: 316px; }
.letter-form input#number        { width: 52px; }
.letter-form input#postalcode    { width: 104px; }
.letter-form input#city          { width: 264px; }
.letter-form textarea            { width: 650px; }
.letter-form .ank_diary          { position: relative; }
.letter-form .ank_diary img      {
	position: absolute;
	left: 287px;
	bottom: 1px;
	}
.subscribe input#firstname,
.subscribe input#lastname,
.subscribe input#prefix_lastname { width: 190px; }
.subscribe input#email           { width: 190px; }
.subscribe .one-line             { text-align: center; }

#card-txt                        { width: 434px; }
#js-frm-ecard input.text         { width: 144px; }

.submit-form label               { display: block; width: 120px; float: left; padding-top: 4px; }
.submit-form input.text          { width: 215px; }
.submit-form textarea            { width: 335px; }
.submit-form select              { width: 70px; }
.submit-form legend              { position: relative; *left: -8px; }
.submit-form #addressnumber,
.submit-form #postalcode         { width: 60px; }
.submit-form .checkboxes input   { vertical-align: bottom; *vertical-align: middle; }
.submit-form #blooper-file       { width: 228px; }

.ecardsbox #f3                   { vertical-align: middle; }