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

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

Last Updated : April 2, 2008
Project: Vancouver Pride

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

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

.wufull {
width: 100%;
}

.wu2 li{
	}
	
.wufoo h3 {
margin-bottom: 0;
}
	
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 {
	margin:0 4px 0 0;
	padding:6px 0 8px 0;
	color:#444;
	
}

.wufoo li * {
vertical-align: middle;	
}

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

.wufoo li div.resize {
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;
	width: 31%;
}

.wufoo li div.twothirds {
	display: inline;
	width: 62%;
}

.wufoo li div.l {
float: left;	
}

.wufoo li div.r {
float: right;	
}

	.wufoo li div.ccMonth {
	float: left;
	display: inline;
	width:47%;
	margin-right: 6%;
	}
	
	.wufoo li div.ccYear {
	float: left;
	display: inline;
	width: 21%;
	}
	
	.wufoo li div.ccCode {
	float: right;
	display: inline;
	width: 21%;
	}

.wufoo div.radio {
display: block;
}

	.wufoo div.radio input {
	margin-right: 10px;
	}
	
.wufoo li span.radio {
	padding-bottom: 3px;
}

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

.wufoo li.right {
width: 47%;
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 hr{
	display:none;
}
.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.inline {
display: inline;
margin:0;
clear: none;
}

.wufoo .radio label {
	display: inline;
	clear: none;
	margin: 0 10px 0 4px;
}

.wufoo label.productOption {
margin: 0;
margin-bottom: 5px;
color: #b3b3b3;
}



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 #a7a7a7;
	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{
	
}

.radio input.radio {
	display: inline;
	margin: 0;
}

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

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

textarea.textarea{
font: 12px Verdana,Arial,sans-serif;
}
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 ----- */

.third{
	width:32%;
}
.half{
	width:47% !important;
}
.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: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{
	float:none;
	color:#99223A !important;
	margin:0;
}

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

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

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

.wufoo .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width: 32%;
	margin:0 0 0 5px;
	padding:8px 10px 9px 10px;
	background:#EEE;
	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;
}

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

.message {
width: 420px;
background: url(../../images/bgErrorTop.png) no-repeat top;
}

	.message div {
	width: 360px;
	padding: 10px 15px 15px 45px;
	background: url(../../images/bgErrorBot.png) no-repeat bottom;
	}
	
	.message span {
	display: block;
	margin-top: 5px;
	color: #fff;
	}


/* ----- APPLICATION-SPECIFIC ----- */

.wufoo li span.count {
	float: none;
	padding: 7px 0;
	border-top: 1px solid #e1e1e1;
	display: block;
}

	.wufoo li span.count label {
	width: 130px;
	padding-right: 10px;
	text-align: right;
	clear: none;
	float: left;
	display: inline;
	margin: 0;
	}
	
	.wufoo li span.count strong {
	display: inline;
	float: left;
	font-size: 11px;
	}