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

Title : Wufoo Form Structure
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : September 30, 2007

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

#top, #bottom, #footer{
margin:0 auto;
width:800px;
}
#top, #bottom{
width:810px;
height:10px !important;
display:block !important;
}
#top{
margin-top:10px;
}

form.wufoo{
/*margin:20px 20px 0 20px;
padding:0 0 20px 0;
*/
margin:0;
padding:0;
}

.hide{
display:none !important;
}
/* - - - - - - - - - - - - - - - - - - - - -

Title : Wufoo Form Foundation
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : November 13, 2007

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

.wufoo{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
font-size:small;
}
.wufoo li{
width:90%;
border:1px solid #000; /* wenn beim Highlight-Effekt "focused" ein Border angegeben wird
						sollte hier auch ein (nicht sichtbarer) Border (Farbe=BG-Color) angegeben werden,
						damit die Elemente dann nicht "herumwackeln" (durch den Border) */
}
form ul{
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}
form li{
margin:0;
padding:4px 5px 2px 9px;
position:relative;
clear:both;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:6px 0 2px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

.clear{
clear:both !important;
}

/* ----- INFO ----- */

.info{
display:inline-block; 
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 2em 0;
}
.info[class]{
display:block;
}
.info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.info p{
font-size:95%;
line-height:135%;
margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
font-size:85%;
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
color:#222;
display:block;
font-size:95%;
font-weight:bold;
}
label.choice{
font-size:100%;
display:block;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px 0;
color:#222;
width:95%;
}

form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#AAA;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#000;
}

/* input.text, textarea.textarea, .firefox select.select{
border:1px solid #444;
background:#222 url(/images/fieldbg.gif) repeat-x top;
color:#000;
}
*/

input.text, input.file{
padding:2px 0 2px 0;
}
input.currency{
text-align:right;
}

input.checkbox, input.radio{
display:block;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
height:13px;
}
textarea.textarea{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
select.select{
font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
margin:1px 0;
padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
padding:0 7px;
width:auto;
overflow:visible;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:120%;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:50%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#ff0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#f00;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
.leftLabel p.error, .rightLabel p.error, .Errortext{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:65%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%; /*linke spalte */
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI li, .noI li.buttons{
width:95% !important;
}
.noI li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

li.leftHalf, li.rightHalf{
width:26% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}

/* - - - Custom Theme - - - */

/* Logo */
h1 a {
background-image:url('/images/themes/logos/none.png'); 
min-height:0;
height:40px;
}
* html h1 a {/* IE6 png Support */
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/themes/logos/none.png", sizingMethod="crop");
}

/* Backgrounds */
.wufoo input.text, .wufoo textarea.textarea{
background:#222;
border:1px solid #333;
}
.wufoo .focused{ /* HIGHLIGHT-EFFECT Focused Box Farbe */
background-color:#101619;
border:1px solid #526D7E;
}
.wufoo .instruct{
background-color:#666666;
}

/* Borders */
.wufoo .info{
border-bottom:1px dotted #526D7E;
}
.wufoo .section{
border-top:1px dotted #526D7E;
}
.wufoo input.text, .wufoo textarea.textarea{
border:;
}
.wufoo .instruct{
border:1px solid #444444;
}

/* Typography */
.wufoo .info h2{
font-size:160%;
font-family:inherit;
font-weight:;
font-style:;
color:#ffffff;
}
.wufoo .info p{
font-size:95%;
font-family:inherit;
font-weight:;
font-style:;
color:#999999;
}
.wufoo .section h3{
font-size:110%;
font-family:inherit;
font-weight:;
font-style:;
color:#7FA9C3;
}
.wufoo .section p{
font-size:85%;
font-family:inherit;
font-weight:;
font-style:;
color:#999999;
}
.wufoo label.desc{
font-size:95%;
font-family:inherit;
font-weight:;
font-style:;
color:#dedede;
}
.wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label{
font-family:inherit;
/* color:#dedede; */ /* überschreibt die Farbe der JotForm Error-Messages!!!! */
}
.wufoo label.choice{
font-size:100%;
font-family:inherit;
font-weight:;
font-style:;
color:#dedede;
}
###################################################################
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select{
font-size:100%;
font-family:inherit;
font-weight:;
font-style:;
}

.wufoo input.text, .wufoo textarea.textarea {
	color:#ccc; /* Textfarbe in Formularfeldern (Textfeld, etc.) aber nicht in DROPDOWNS "select" !!!!!!!!!!!!!!!!! */
}
.wufoo .instruct{
font-size:85%;
font-family:inherit;
font-weight:;
font-style:;
color:#eeeeee;
}
.wufoo li.altInstruct .instruct, .wufoo li.leftHalf .instruct, .wufoo li.rightHalf .instruct{
color:#dedede;
}
.wufoo input.btTxt{
/*font-size:;
font-family:;
font-weight:;
font-style:;
color:;
*/}


.wufoo li.focused label.desc{
/*font-size:;
font-family:;
font-weight:;
font-style:;
color:;*/
}
.wufoo li.focused label.desc{
/*color:;*/
}
.wufoo li.focused div, .wufoo li.focused span, .wufoo li.focused div label, .wufoo li.focused span label{
/*font-family:;
color:;*/
}

/* Drop Shadows */
#top, #bottom{
visibility:visible;
}