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

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

Last Updated : May 20, 2008
Project: 604media Company Website

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


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

.wufoo-full li{
	width: 98%;
	}
	
	
input, textarea, select, option {
font-size: 13px;
}

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

form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
form li{
	margin:5px 0px 5px 0px;
	padding:4px 5px 2px 9px;
	position:relative;
	clear:both;
	border: 1px solid #fff;
}
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 8px 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%;
}

form li div.radio {
float: left;
display: inline;
margin-right: 15px;
font-size: 12px;
}

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

form li.header {
margin: 0;
}

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

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

	form li div.third{
		float: left;
		display:inline;
		width:30%;
		padding: 0px;
	}
	
	form li div.twothird{
		float: left;
		display: inline;
		width:64%;
		margin: 0 ;
		padding: 0px;
	}
	
	form li div.image {
	width: 100px;
	}
		
		form li div.image img {
		width: 100px;
		}
		
	form li div.imageFile {
	margin-bottom: 5px;
	}
	
	.centre {
	text-align: center;
	}


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


/* ----- 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%;
}
form li div label, form li span label{
	margin:0;
	margin-top:5px;
	clear:both;
	font-size:11px;
	line-height:9px;
	display:block;
}

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

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

input.currency{
	text-align:right;
}

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%;
}
form 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;
}

input.button {
border: none;
background: url(../../images/bgButton.png);
width: 120px;
height: 30px;
color: #FFF;
cursor: pointer;
}

input.buttonSm {
border: none;
background: url(../../images/bgButtonSm.png);
width: 60px;
height: 20px;
color: #FFF;
font-size: 10px;
cursor: pointer;
}

/* ----- 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:47% !important;
}
.full{
	width:97% !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:4em;
}
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;
}
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{
	margin-left:30%;
	padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
	margin-left:35%;
	padding-left:15px;
}

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

form .req{
	color:#29A6C1 !important;
}

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

form li.focused,
.hov li:hover{
	background:#e9e9e9;
	border-color: #E6E6E6;
}

form .instruct{
	position:absolute;
	top:0;
	left:100%;
	z-index:1000;
	width:180px;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130%;
	font-size:100%;
	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;
}

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