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

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

Last Updated : September 30, 2008

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

/* body{
	background:#eee;
	margin:7px 0 15px 0;
	text-align:center;
	font-size:small;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}*/

#formbox {
	text-align:left;
	background: transparent;
	width: 550px;
}
#formbox, #top, #bottom, #footer{
	margin:0 auto;
	width:640px;
}
#top, #bottom{
	width:650px;
	height:10px !important;
	display:block !important;
}
#top{margin-top:10px;}

form.scfrw{
	margin:20px 20px 0 20px;
	padding:0 0 20px 0;
}

/* ----- LOGO ----- */

h1{
	margin:0;
	padding:0;
	min-height:0;
	background-color:#dedede;
	text-indent:-9000px;
	text-decoration:none;
}
h1 a{
	min-height:40px;
	height:40px;
	display:block;
	background:url(/images/wflogo.png) no-repeat left top;
	overflow:hidden;
}
* html h1 a{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/wflogo.png", sizingMethod="crop");
}

img, a img{border:none;}
* html img { 
	behavior: url(/images/iepngfix.htc);
}

.hide{
	display:none !important;
}




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

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

Last Updated : March 19, 2009

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

.scfrw {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
.scfrw li{width:90%;}
form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form li{
	display: block;
	margin:0;
	padding:4px 5px 2px 9px;
	clear:both;
}
form li:after, form li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form li{height: 1%;}
* html form li div{display:inline-block;}
*+html form li div{display:inline-block;}

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

form li div.col, form li div.block{padding:0;}
form li div.col span{
	display:block;
	width:100%;
	float:left;
	padding:0;
}
li.twoColumns div.col span{
	width:48%;
	margin:0 5px 0 0;
}
li.threeColumns div.col span{
	width:30%;
	margin:0 5px 0 0;
}
li.notStacked div.col span{
	width:auto;
	margin:0 7px 0 0;
}

form li div span.left, form li div span.right{
	width:47%;
	margin:0;
}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select{width:100%;}

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

/* ----- INFO ----- */

.info{
	display:inline-block; 
	clear:both;
	/* border-bottom:1px dotted #ccc; */
	margin:0 0 1em 0;
}
.info[class]{display:block;}
.info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 .2em 0;
	clear:left;
}
.info div{
	font-size:95%;
	line-height:135%;
	margin:0 0 1em 0;
	color:#555;
}

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

form hr{display:none;}
form li.section{
	border-top:1px dotted #ccc;
	padding-top:.9em;
	padding-bottom:0px;
	padding-left:9px;
	width:97% !important;
	position:static;
}
form ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
form .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 .2em 0;
}
form .section div{
	display:block;
	font-size:85%;
	margin:0 0 1.2em 0;
	padding:0;
}



/* ----- LABELS ----- */

label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
form li div label, form li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}
label.choice{
	font-size:100%;
	display:block;
	line-height:1.5em;
	margin:-1.65em 0 0 25px;
	padding:.44em 0 .5em 0;
	color:#222;
	width:88%;
}

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

/* ----- MIN/MAX COUNT ----- */

form li div label var{
	font-weight:bold;
	font-style:normal;
}
form li div label .currently{display:none;}

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

input.text, input.file, textarea.textarea, select.select{
	margin:0;
	font-size:100%;
	color:#333;
}
input.text, textarea.textarea, .firefox select.select{
	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;
}
input.text, input.file{
	padding:2px 0 2px 0;
}
input.checkbox, input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}
input.other{
	margin:0 0 8px 25px;
}

textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}

select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	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;
}

/* ----- 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 div, .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 div, .rtl input.btTxt{direction:rtl;}

/* ----- SIZES ----- */

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

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

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

/* ----- 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;
	border-bottom:1px solid #F9B9B2;
	border-right:1px solid #F9B9B2;
	background-color: #FFDFDF !important;
}
form li.error label{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:-2px 0 5px 0;
	clear:both;
}
form li.error p.error{display:block;}
.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 span.req{
	display:inline;
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}

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

form li.focused{background-color:#fff7c0;}
form li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:42%;
	margin:0 0 0 8px;
	padding:8px 10px 9px 10px;
	/* border:1px solid #e6e6e6; */
	background:#f5f5f5;
	line-height:130%;
	font-size:80%;
	color:#444;
	visibility:hidden;
}
form .instruct small{font-size:105%;}
form li.focused .instruct, form li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

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

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:-2px 0 0 0;
	padding:0 0 7px 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
	font-size:9px;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}


.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:2px 15px 0 0;
}
.rightLabel label.desc{text-align:right;}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li div.block, .rightLabel li div.block{float:left;}


.leftLabel .small, .rightLabel .small{width:17%;}
.leftLabel .medium, .rightLabel .medium{width:35%;}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li div.block, .rightLabel li div.block{width:64%;}


* html .leftLabel .small, * html .rightLabel .small{width:23%;}
* html .leftLabel .medium, * html .rightLabel .medium{width:55%;}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{width:97%;}


.leftLabel p.instruct, .rightLabel p.instruct{
	width:27%;
	margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
	margin-left:29% !important;
	padding-left:15px;
	width:65%;
}


.leftLabel .buttons, .rightLabel .buttons{margin-left:15px;}
.leftLabel .buttons input, .rightLabel .buttons input{margin-left:29%;}
* html .leftLabel .buttons input, * html .rightLabel .buttons input{margin-left:22%;}
* html .leftLabel .buttons, * html .rightLabel .buttons{margin-left:4px;}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{margin-left:7px;}

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

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

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel label.desc, .noI .rightLabel label.desc{width:34%;}
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel li div.col, .noI .rightLabel li div.col,
.noI .leftLabel li div.block, .noI .rightLabel li div.block{width:60%;}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{margin-left:34%;}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
	width:46% !important;
}
li.leftHalf{
	clear:left;
	float:left;
}
li.rightHalf{
	clear:none;
	float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{width:100%;}





/* - - - Custom Theme - - - */

/* Logo */
h1 a {
	background-image:url('../images/themes/logos/none.png'); 
	min-height:0;
	height:40px;
}
* html h1 a {/* IE6 png Support */
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/themes/logos/none.png", sizingMethod="crop");
}

/* Backgrounds */
h1{
	background-image:none;
	background-color:#DEDEDE;
}
#formbox, body.embed{background-color:transparent;}
.scfrw input.text, .scfrw textarea.textarea{
	background:#FFFFFF url(/images/fieldbg.gif) repeat-x top;
}
.scfrw .focused{background-color:#FFF7C0;}
.scfrw .instruct{background-color:#F5F5F5;}

/* Borders */
#formbox{
	border: 0px solid #CCCCCC;
}
.scfrw .info{
	/*border-bottom:1px dotted #CCCCCC;*/
}
.scfrw .section{
	border-top:1px dotted #CCCCCC;
}
.scfrw input.text, .scfrw textarea.textarea{border:;}
.scfrw .instruct{
	border:1px solid #E6E6E6;
}

/* Typography */
.scfrw .info h2{
	font-size:160%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#000000;
}
.scfrw .info div{
	font-size:95%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.scfrw .section h3{
	font-size:110%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#000000;
}
.scfrw .section div{
	font-size:85%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}

.scfrw .graph h3{color:#000000;}
.scfrw .footer h4{color:#000000;}
.scfrw .footer span{color:#444444;}


.scfrw label.desc{
	font-size:95%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.scfrw li div, .scfrw li span, .scfrw li div label, .scfrw li span label{
	font-family:inherit;
	color:#444444;
}
.scfrw label.choice{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.scfrw input.text, .scfrw textarea.textarea, .scfrw select.select{
	font-size:100%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#333333;
}
.scfrw .instruct{
	font-size:80%;
	font-family:inherit;
	font-weight:;
	font-style:;
	color:#444444;
}
.altInstruct .instruct, .scfrw li.leftHalf .instruct, .scfrw li.rightHalf .instruct{
	font-size:9px;
	color:#444444;
	background:none;
	border:none;
}
.scfrw input.btTxt{
	font-size:;
	font-family:;
	font-weight:;
	font-style:;
	color:;
}
.scfrw li.focused label.desc{
	font-size:;
	font-family:;
	font-weight:;
	font-style:;
	color:#000000;
}
.scfrw li.focused div, .scfrw li.focused span, .scfrw li.focused div label, .scfrw li.focused span label{
	font-family:;
	color:#000000;
}

.confirm h2{
	font-family:inherit;
	color:#444444;
}

/* Likert Backgrounds */

.likert table{background-color:transparent;}
.likert thead td, .likert thead th{background-color:#e6e6e6;}
.likert tbody tr.alt td, .likert tbody tr.alt th{background-color:#f5f5f5;}

/* Likert Borders */

.likert table, .likert th, .likert td{border-color:#dedede;}
.likert td{
	border-left:1px solid #cccccc;
}

/* Likert Typography */

.likert caption, .likert thead td, .likert tbody th{
	color:#444444;
	font-family:inherit;
}
.likert label{
	color:#565656;
	font-family:inherit;
}
.likert caption, .likert tbody th{font-size:95%;}

/* Likert Hover */

.likert tbody tr:hover td, .likert tbody tr:hover th, .likert tbody tr:hover label{
	background-color:#FFF7C0;
	color:#000000;
}
.likert tbody tr:hover td{
	border-left:1px solid #ccc69a;
}

/* Big Number */

.number{
	background-color:#f5f5f5;
	border-color:#e6e6e6;
}
.number strong, .number em{color:#000000;}

/* ----- Field Chart Border and Background Colors ----- */

.fc table{
	border-left:1px solid #dedede;	
}
.fc thead th{
	background-color:#cccccc;
	border-right:1px solid #e6e6e6;
}
.fc tbody td, .fc tbody th, .fc tfoot th, .fc tfoot td{
	background-color:transparent;
	border-right:1px solid #dedede;
	border-bottom:1px solid #e6e6e6;
}
.fc tbody tr.alt td, .fc tbody tr.alt th{background-color:#f5f5f5;}

/* ----- Field Chart Typography Colors ----- */

.fc caption, .fc tfoot{color:#000000;}
.fc thead th{color:#000000;}
.fc tbody th div, 
.fc tbody td.count, .fc .grid tbody td a, .fc td.percent var, 
.fc .timestamp b, .fc .timestamp span{color:#444444;}
.fc .indent .count{color:#4b4b4b;}
.fc .grid tbody td a span{color:#565656;}
.fc tbody .timestamp{color:#5c5c5c;}

/* ----- Field Chart Hover ----- */

.fc .choices tbody tr:hover td, .fc .choices tbody tr:hover th,
.fc .data tbody tr:hover td, .fc .data tbody tr:hover th,
.fc .grid tbody td:hover{background-color:#FFF7C0;}
.fc tbody tr:hover th div,
.fc tbody tr:hover td,
.fc tbody tr:hover var{color:#000000;}


/* Drop Shadows */
#top, #bottom{visibility:visible;}