/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*CVS Add-ins*/
/* 
$Revision: 1.2 $
$Date: 2007/05/29 11:50:02 $
$RCSfile: formular.css,v $
author: JDE
Copyright (c) A&B. face2net GmbH
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/*formular.css for schrittzaehler.die-praevention.de
30.01.2006 19:30 JDE
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* general form elements:*/

form{							display: block; padding-bottom:16px; margin: 0px 8px 14px 10px; }
form .unvisible,
form .unvisible{				display:none; }
fieldset{						display: block; border:0px solid #fff; padding-bottom: 16px; }
fieldset.checkboxFieldset{		margin: 0; }
/*input elements*/
input{							display: block; color:#000; }
.formElement{					font-family: Arial, Helvetica, sans-serif;  font-size: 1em; }
input.formElement{				display: block; border: #666; border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
								color:#000; background-color: #FFF; width: 23em; margin: 1px 0 0 0; padding: 2px;  }
select.selectField{				border: #666; border-style: solid; border-top-width: 2px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;
								color:#000; background-color: #FFF; width: 23.5em; margin: 1px 0 0 0; padding-left: 2px;
								font-family: Arial, Helvetica, sans-serif;  font-size: 1em;  }
option{							border:1px solid #c44026; font-weight: bold; }
input.sendButton{				margin: 8px 8px 0px 0px; padding-left: 20px; display: block;  
								font-weight: bold; font-size: 0.9em; text-transform: uppercase; color: #C44026;
								border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; 
								background: #fff url(/bewegungscoach/images/btn_arrowRedWhiteRight.gif) no-repeat left; cursor: pointer; }
input.radio{					display: inline; width: auto; margin: 2px 0px 0px 3px; } 
input.checkboxes{				display: block; float: left; margin: 2px 5px 6px 0px; padding-left:0; } 
/*textarea*/
textarea{						display: block; color:#000; border: #666;  border-style: solid; border-top-width: 2px; border-right-width: 1px;
								border-bottom-width: 1px; border-left-width: 1px; background-color: #FFF; width: 23em; padding: 2px ;
								height: 10em;  }
/*label*/
label{							display: block; background:#fff; color: #C44026; font-weight: bold; text-transform: uppercase; margin-top: 16px; }
label.rightLabel{				display: inline; color: #000; font-weight: normal;  text-transform: none; margin: 0px; }

label.rightLabelRadio{			display: inline; color: #C44026; font-weight: bold;  text-transform: none; margin: 0px; }
label.rightRedLabel{			display: inline; }

#content label span.description{display: block; color: #000; font-weight: normal; text-transform: none; width: 50%;}


/*error warnings*/
div.formError{					clear: both; margin: 18px 10px 34px 10px; padding: 4px 10px 10px 10px; display: block; border: 1px solid #000; }


#content div.formError li, 
#startContent div.formError li{	background-image:none; font-weight: bold; color:#C44026; padding: 0px; }
#content div.formError ul, 
#startContent div.formError ul{	padding: 0px; margin:0px;}

#content div.formError h3, 
#startContent div.formError h3{	padding: 3px 0 2px 0; font-size: 1.0em;color:#C44026; text-transform: uppercase; }


form abbr.errorAbbr,
form abbr.errorAbbr{			text-decoration: none; border-bottom: 0px solid #fff; }

p.formError span{				font-weight: bold; color:#C44026; padding: 0 2px 0 2px; }
label span.errorLabel,
label span.errorLabel{			display: inline; border: 1px solid #c44026; background:#C44026; color: #fff; font-weight: bold; padding:0; margin:0; }

#content form label span.errorLabel a{		background:#C44026; color: #fff;  }
#content form label span.errorLabel a:visited {color:#fff; }
#content form label a:visited{				color:#c44026;}
#content p.obligatory,
#startContent p.obligatory{		padding: 8px 0px 16px 10px; }

/*margins and Co*/
fieldset.checkboxFieldset, 
fieldset.radioFieldset{			margin: 16px 0 0 0; }

legend.displayNone{				display:none; }

.noBreak{						white-space: nowrap; }


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* login form */
#logInForm{									margin-bottom: 0px; }

#startContent #logInForm input.formElement{	width: 21em; }

#startContent #logInForm input.sendButton{	background-color:#fff; }

#startContent p.registrationPw{				font-weight: bold; padding:0 0 0 8px; }
#content p.registration{					font-weight: bold; padding-bottom: 16px; }
#content p.registrationPw{					font-weight: bold; padding:0 0 0 8px;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* registrierung daten aendern form */
#registerForm{								margin-bottom: 0px; }
#registerForm h3{							font-size: 1em; padding:0; margin:18px 0 0 0; }
#registerForm p{							font-size: 1em; padding:0; margin:0 0 10px 0 ; }
#registerForm .logbook{						border: 1px solid #C44026; padding:8px; margin-bottom: 40px; width: 26em; }
#startContent #registerForm #birthday,
#content #registerForm #birthday{			width: 7em; padding-left: 2px; }
#content #registerForm .legendRadio,
#startContent #registerForm .legendRadio{	display: block; background:#fff; color: #C44026; font-weight: bold; text-transform: uppercase;
											margin-top: 16px; margin-bottom:0; padding-bottom: 0; }
#content #registerForm fieldset,
#startContent #registerForm fieldset{		display: block; padding-bottom: 16px; }
#content #registerForm .birthdayFieldset,
#startContent #registerForm .birthdayFieldset{display: inline; margin-right: 100px; }
#content #registerForm .weightFieldset,
#startContent #registerForm .weightFieldset{ display: inline;  margin-right: 88px; }
#content #registerForm .sexFieldset,
#startContent #registerForm .sexFieldset{	border:1px solid #fff; display: inline; width: 7em;}
#content #registerForm .sizeFieldset,
#startContent #registerForm .sizeFieldset{ 	display: inline; }
#startContent #registerForm #weight,
#startContent #registerForm #size,
#content #registerForm #size,
#content #registerForm #weight {			 	width: 4em; }
#content #registerForm input.sendButton		{ background-color:#fff;   }
#startContent #registerForm input.sendButton{ background-color:#fff;  }
#content input#username{					border: 1px solid #fff; font-weight: bold; width: 100%; padding:0;}

#startContent #lconsent span.errorLabel{	border: 1px solid #c44026;}
#startContent #lconsent span.errorLabel a,
#startContent #lconsent span.errorLabel a:visited{ color: #fff;text-decoration: underline; }
#startContent #lconsent span.errorLabel a:hover,
#startContent #lconsent span.errorLabel a:focus,
#startContent #lconsent span.errorLabel a:active{ color: #c44026;background: #fff; text-decoration: none; }

#startContent #registerForm fieldset.checkboxFieldset	{margin: 0; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* contact form */

#contactForm #lmessage,
#contactFormAll #lmessage{							margin-bottom: 2px; }
#contactForm #lastname,
#contactForm #name,
#contactForm #email {							border: 1px solid #fff; padding-left: 0px; }
#contactForm input.sendButton,
#contactFormAll input.sendButton{					padding: 0 0 0 20px; margin-top: 30px; background-color:#fff; }

#content p.greeting{							font-weight: bold; padding-top: 16px; padding-bottom: 8px; }
#content p.thanks{								padding-top: 16px; padding-bottom: 8px; }

#contactForm fieldset.checkboxFieldset,
#contactFormAll fieldset.checkboxFieldset{			padding-top:0; padding-bottom:0; margin-top:5px; margin-bottom:0;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* newsletter form */
#newsletterForm fieldset.checkboxFieldset{		padding-top:0; padding-bottom:0; margin-top:5px; margin-bottom:0;}
#newsletterForm input.sendButton{				margin-top: 30px; background-color:#fff; }
#newsletterForm{								margin-top: 30px;}
#newsletterForm input#username{					width: 35em;}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* manuelle aktivierung */
#startContent #logBook_id input.sendButton{			background-color:#fff;  }
#startContent #logBook_id input.formElement{		width: 12em; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Passwort vergessen */
#passwordForm{									margin-bottom: 0px; }
#startContent #passwordForm input.formElement{		width: 21.8em; }
#startContent #passwordForm input.sendButton{		background-color:#fff; }

.nobr {											white-space : nowrap; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Quiz und Fragen an Paul*/
#content .quiz form#paulForm{					width: 22em; margin: 20px 0px 20px 16px; padding-bottom: 0;}
#content .quiz form#paulForm br{				clear: both;}
#content .quiz form#paulForm fieldset{			margin-left:30px;}
#content .quiz form#paulForm .radio{			float: left; margin-right: 6px;}
#content .quiz form#paulForm .noOne{			margin-top: 4px;}
#content .quiz form#paulForm .noTwo{			margin-top: 4px;}
#content .quiz form#paulForm .noThree{			margin-top: 4px;}

#content .quiz form#paulContactForm{			width: 23em; margin: 20px 0px 20px 16px; padding-bottom: 0;}
#content .quiz form#paulContactForm input.formElement{ width: 22em;}
#content .quiz form#paulContactForm select{ 	width: 22.4em;}
#content  form#paulQuestionForm #lastname,
#content  form#paulQuestionForm #email{ 		border: 1px solid #fff; padding-left: 0px;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* rightCol Formular */

.bannerBoxRight form{							margin-bottom: 0; width: 100%; font-family: Arial, Helvetica, sans-serif;  font-size: 1em;}
.bannerBoxRight form fieldset{					padding:0; margin: 0;	}
.bannerBoxRight form input.formElement,
.bannerBoxRight form label{						margin: 0; width: 9em; font-size: 0.75em;}
.bannerBoxRight form label{						padding:1px 0 4px 0; }
.bannerBoxRight form input.formElement{			padding:2px;}
.bannerBoxRight form input.sendImage{			background: #c44026; background-image: none; margin: 0 0 0 54px; }

.statusbox p.error{								font-size: 0.65em; margin: 8px 8px 0px 8px; border: 1px solid #000; color: #c44026;}
.statusbox p.obligatory{						font-size: 0.7em; padding: 8px 0 8px 8px; }
.statusbox p.registrationPw a{					text-align: left; font-family: Arial, Helvetica, sans-serif; padding:3px 0px 3px 12px; background: #fff url(/bewegungscoach/images/bg_statuslink.gif) no-repeat left;}
.statusbox form p#button {					    margin:8px 0 0 0; padding:0; font-weight: bold; color:#fff;}