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

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

Last Updated : April 2, 2008
Project: Balanced WorkLife

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

.wufoo{
	font-size:11px;
}
.wu li{
	width:68%;
}

.wu2 li{
	}
	
.wufoo h3 {

}
	
input, textarea, select, option {
}

	
li.nohov:hover {
background: none !important;
border-color: #fff !important;
}

.wufoo ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
.wufoo li{
	margin:5px 0px 5px 0px;
	padding:4px 5px 2px 10px;
	position:relative;
	clear:both;
	border: 1px solid #fff;
	width: 100%;
}
.wufoo li:after {
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

* html .wufoo li div{
	display:inline-block;
}

.wufoo li {
display:block;
}
.wufoo li {
display:inline-block;
}

.wufoo li div{
	margin:0 4px 0 0;
	padding:6px 0 8px 0;
	color:#444;
}

	.wufoo li div.clear {
	clear: both;
	margin: 0;
	padding: 0;
	}

.wufoo li span{
}

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

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

.wufoo li div.third {
display: inline;
float: left;
width: 30%;
margin-right: 4%;
}

.wufoo li div.third2 {
display: inline;
float: right;
width: 30%;
}

.wufoo div.radio {
display: block;
font-size: 11px;
}

	.wufoo div.radio input {
	margin-right: 5px;
	vertical-align: top;
	}

.wufoo li.left {
width: 45%;
float: left;
display: inline;
clear: none !important;
}

.wufoo li.right {
width: 45%;
float: right;
display: inline;
clear: none !important;
}

.wufoo li.third {
width: 30%;
float: left;
display: inline;
margin-right: 5px;
clear: none !important;
}

li.last {
margin-right: 0;
}
	

li.centre {
text-align: center;
}

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


.wufoo li.section{
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-top:13px;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
}
.wufoo ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}


/* ----- 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:90%;
}
.wufoo label {
	margin:0;
	margin-top:5px;
	clear:both;
	font-size:11px;
	line-height:13px;
	color:#444;
	display:block;
}

.wufoo label * {
font-size: 11px;
line-height: 13px;
}

label.sm {
font-size: 10px;
}

label.tinypad {
padding-top: 5px;
}

input.text, input.file, textarea.textarea, select.select{
	margin:0;
}
input.text, textarea.textarea, .firefox select.select, input.file{
	border:1px solid #999;
	background:#fff url(../../images/fieldbg.gif) repeat-x top;
	padding: 4px 0 2px;
}
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;
}

span.radio {
font-size: 11px;
}

span.radio input {
margin-left: 3px;
}

span.radio label {
clear: none;
display: inline;
margin: 0;
vertical-align: 3px;
}

div.selector {

}

	div.selector span {
	float: left;
	display: inline;
	margin-right: 5px;
	background: #eee;
	border: 1px solid #d9e5ec;
	height: 18px;
	padding: 1px 9px;
	text-align: center;
	text-transform: uppercase;
	color: #808080;
	cursor: pointer;
	}
	
	div.selector span.active {
	color: #005482;
	}

textarea.textarea{
}
select.select{
	margin:1px 0;
	padding:1px 0 0 0;
	font-size: 11px
}

	select.select option {
	font-size: 11px;
	}
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%;
}
.wufoo li .datepicker{
	float:left;
	margin:.1em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

optgroup {
font-weight: bold;
}

select.day { width: 20% }
select.month { width: 25% }
select.year { width: 30% }

/* ----- 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 ----- */

.wufoo .quarter {
width: 23%;
}


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

.wufoo input.timfix {
width: 90%; !important;
}

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

textarea.textarea {
	width:98%;
	}

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

textarea.jumbo{
	height:40em;
	}

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

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

.wufoo .req{
	color: #B11117 !important;
	font-weight: normal;
}

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

.wufoo li.focused,
.hov li:hover{
	background-color: #dfebf1;
	border: 1px solid #dfebf1;
}

.wufoo .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width: 32%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	background-color: #dfebf1;
	border: 1px solid #dfebf1;
	line-height:130%;
	font-size:10px;
	color:#444;
	visibility:hidden;
	text-align: left;
}

.wufoo .instruct-sponsor {
	position:absolute;
	top:0;
	left:570px;
	z-index:1000;
	width: 250px;
	padding: 10px;
	background-color: #dfebf1;
	border: 1px solid #dfebf1;
	line-height:130%;
	font-size:10px;
	color:#444;
	visibility:hidden;
	text-align: left;
}

	.wufoo .instruct img {
	width: 100%;
	}

.wufoo .instruct small{
	font-size:105%;
}
.wufoo li.focused .instruct, .wufoo li:hover .instruct,
.wufoo li.focused .instruct-sponsor, .wufoo li:hover .instruct-sponsor {
	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;
}

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

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