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

Title : Wufoo div.FancyForm Framework
Author : Infinity Box Inc.
URL : http://wufoo.com

Last Updated : July 2, 2009

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

div.FancyForm ul{
	margin:0;
	margin-left:0px;
	padding:0;
	list-style-type:none;
	width:100%;
}

div.FancyForm li:after, div.FancyForm li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html div.FancyForm li{height: 1%;}
* html div.FancyForm li div{display:inline-block;}
*+html div.FancyForm li div{display:inline-block;}

div.FancyForm li div, div.FancyForm li span{
	margin:0 .3em 0 0;
	padding:0;
	color:#444;
}
div.FancyForm li span{
	float:left;
}

div.FancyForm li.time select.select{
	margin-left:5px;
}

div.FancyForm li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}

div.FancyForm li.complex{
	padding-bottom:0;
}
div.FancyForm li div span.left, div.FancyForm li div span.right{
	margin:0;
	width:47%;
}
div.FancyForm li div span.full input, 
div.FancyForm li div span.full select, 
div.FancyForm li div span.left input, 
div.FancyForm li div span.right input,
div.FancyForm li div span.left select,
div.FancyForm li div span.right select{
	width:100%;
}

.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both !important;
}




div.FancyForm li div label, div.FancyForm li span label{
	margin:0;
	padding-top:0px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
div.FancyForm li div span label{
	padding:2px 0px 4px 0px;
}
label.desc{
	font-size:95%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:5px 0px auto;
	padding:0 0 2px 0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 2px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}
div.FancyForm.rightLabel div.col{
	margin-top:-3px;
}

span.symbol{
	font-size:120%;
	line-height:135%;
}
div.FancyForm li .datepicker{
	float:left;
	margin:.19em 5px 0 0;
	padding:0;
	width: 16px;
	height: 16px;
	cursor:pointer !important;
}

/* ----- FIELDS ----- */

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}
input.text, input.search, textarea.textarea{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/images/fieldbg.gif) repeat-x top;
}
select.select{
	padding:1px 0 0 0;
}
input.search{
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	padding-left:6px;
}
input.checkbox, input.radio{
	display:block;
	margin:4px 0 0 0;
	padding:0;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

.safari select.select{
	font-size:120% !important;
	margin:0 0 1px 0;
}
* html select.select{
	margin:1px 0;
}
*+html select.select{
	margin:1px 0;
	border:1px solid red;
}
/* ----- SIZES ----- */

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

input.small, select.small{
	width:25%;
	min-width:25%;
}
input.medium, select.medium{
	width:50%;
	min-width:50%;
}
input.large, select.large, textarea.textarea{
	width:100%;
	min-width:100%;
}
select.ieSelectFix{ /* IE8 */
	width:auto\9;
}
* html select.ieSelectFix{ /* IE6 Only */
	width:100%;
}
*+html select.ieSelectFix{ /* IE7 Only */
	width:100%;
}

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

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

div.FancyForm span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

.divContainer 
{
	width:100%;	
	min-height:450px;
}
 
 
 
.divHeaderBar 
{
	width:100%;
	padding:5px 0 5px 0;
	background-color:#e5eef6;
	border-bottom:solid 1px #008dcc;
}
 
.divHeaderBar h1
{
	margin-left:20px;
}
 
.divContent
{
	margin: 20px 0 0 20px;
	width:400px;
	min-height:300px;
	font-size:12px;
}