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

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

Last Updated : April 2, 2008
Project: Balanced WorkLife

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

.wufoo{
	font-size:small;
}
.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;
	position:relative;
	clear:both;
	border: 1px solid #fff;
}
.wufoo li:after, .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

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

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

.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 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;
}



.wufoo li div.float {
float: left;
display: inline;
margin-right: 40px;
}

.wufoo li div.half{
	width:47%;
}

	.wufoo li div.half1{
		display:inline;
		float:left;
		width:44%;
		padding: 0px;
	}
	
	.wufoo li div.half2{
		display: inline;
		float:right;
		width:44%;
		margin: 0 ;
		padding: 0px;
	}

	.wufoo li div.formthird{
		float: left;
		display:inline;
		width:30%;
		padding: 0px;
	}
	
	.wufoo li div.formtwothirds{
		float: right;
		display: inline;
		width:64%;
		margin: 0;
		padding: 0px;
		margin-right: 5px;
	}
	

li.centre {
text-align: center;
}




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

.wufoo label {
	margin:0;
	margin-top:5px;
	clear:both;
	font-size:11px;
	line-height:9px;
	color:#444;
	display:block;
}

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


input.text, input.file, textarea.textarea, select.select{
	margin:0;
}
input.text, textarea.textarea, .firefox select.select, input.file{
	border:1px solid #A1A1A1;
	background:#fff url(../../images/fieldbg.gif) repeat-x top;
	padding: 4px 0 2px;
}
input.text, input.file{
	padding:2px 0 2px 0;
}


input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
	height:13px;
}

div.radio {
font-size: 14px;
}

div.radio input {
margin-left: 3px;
vertical-align: middle;
}

textarea.textarea{
}
select.select{
	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%;
}
.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 .third{
	width:32%;
}
.wufoo .half{
	width:47% !important;
}
.wufoo .full{
	width:100% !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:8em;
	
}
textarea.large{
	height:20em;
}

textarea.jumbo{
	height:40em;
	}



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

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

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

.wufoo li.focused,
.hov li:hover{
}

.wufoo .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width: 32%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	background: #f5f5f5;
	border: 1px solid #E6E6E6;

	line-height:130%;
	font-size:10px;
	color:#444;
	visibility:hidden;
}

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

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

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