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

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

Last Updated : November 13, 2007

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

#espeakers h2
{
    background: none;
    font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	
}

#espeakers
{
    background: #fff;
    font-size:11px !important;
    text-align: left !important;
}

#espeakers label
{
    font-size: 11px !important;
}

#espeakers #container
{
    background: #fff;
}

#espeakers .wufoo{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:11px !important;
}

#espeakers .wufoo li{
	width:62%;
}
#espeakers form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:12px !important;
}
#espeakers form li{
	margin:0;
	padding:4px 5px 2px 9px !important;
    text-align: left !important;
	position:relative;
	clear:both;
}
#espeakers form li:after, #espeakers .buttons:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

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

#espeakers * html form li div{
	display:inline-block;
    text-align: left !important;
}
#espeakers form li div, #espeakers form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
#espeakers form li span{
	float:left !important;
}

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

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

#espeakers .clear{
	clear:both !important;
}

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

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

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

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

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

#espeakers .wufoo label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:11px !important;
    text-align: left !important;
	font-weight:bold;
}
#espeakers .wufoo form li div label, #espeakers form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;

	/*to override the eSpeakers CSS*/
	float:none;
	font-weight:normal;
	text-align: left !important;
	margin-right:0px;

}

#espeakers input.text, #espeakers input.file, #espeakers textarea.textarea, #espeakers select.select{
	margin:0;
	/*font-size:100%;*/
	font-size:10px;
	color:#333;
    text-align: left !important;
}
#espeakers input.text, #espeakers textarea.textarea, #espeakers .firefox select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
    text-align: left !important;
	background:#fff url(/images/wufoo/fieldbg.gif) repeat-x top;
}
#espeakers input.text, #espeakers input.file{
	padding:2px 0 2px 0;
}

#espeakers label.choice{
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:90%;
}
#espeakers input.checkbox, #espeakers input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}

#espeakers textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
#espeakers select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
#espeakers select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
#espeakers *:first-child+html select.select[class]{
	margin:1px 0;
}
#espeakers .safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

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

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

#espeakers input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
#espeakers .buttons{
	clear:both;
	margin-top:10px;
}
#espeakers .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 ----- */

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

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

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

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

#espeakers #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;
}
#espeakers #errorMsgLbl{
	margin:7px 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000;
}
#espeakers #errorMsg{
	margin:0 0 .8em 0;
	color:#000;
	font-size:100%;
}
#espeakers #errorMsg strong{
	background-color: #FFDFDF;
	padding:2px 3px;
	color:red;
}
#espeakers form li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin:3px 0;
}
#espeakers form li.error label{
	color:#DF0000 !important;
}
#espeakers form p.error{
	display:none;
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:-2px 0 5px 0;
	clear:both;
}
#espeakers form li.error p.error{
	display:block;
}
#espeakers .leftLabel p.error, #espeakers .rightLabel p.error{
	margin-left:30%;
	padding-left:15px;
}
#espeakers .noI .leftLabel p.error, #espeakers .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

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

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

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

#espeakers form li.focused{
	background-color:#fff7c0;
}
#espeakers 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;
}
#espeakers form .instruct small{
	font-size:105%;
}
#espeakers form li.focused .instruct, #espeakers 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:64%;
}

* 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%;
	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 form li, .noI form li.buttons{
	width:97% !important;
}
.noI form 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 ----- */

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