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

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

Last Updated : July 2, 2009

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

.wufoo{
	font-family:Georgia, "Times New Roman", Times, serif;;
}

form ul.wufoo{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
}
form ul.wufoo li{
	display:block;
	margin:0;
	padding:6px 5px 9px 9px;
	clear:both;
}
form ul.wufoo li:after, form ul.wufoo li div:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
* html form ul.wufoo li{height: 1%;}
* html form ul.wufoo li div{display:inline-block;}
*+html form ul.wufoo li div{display:inline-block;}

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

.center, 
form ul.wufoo li span.center input.text, form ul.wufoo li span.center label,
form ul.wufoo li.name input.text, form ul.wufoo li.name span label,
form ul.wufoo li.date input.text, form ul.wufoo li.date span label, 
form ul.wufoo li.phone input.text, form ul.wufoo li.phone span label,
form ul.wufoo li.time input.text, form ul.wufoo li.time span label{
	text-align:center;
}
form ul.wufoo li.time select.select{
	margin-left:5px;
}

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


form ul.wufoo li.complex{
	padding-bottom:0;
}
form ul.wufoo li div span.left, form ul.wufoo li div span.right{
	margin:0;
	width:47%;
}
form ul.wufoo li div span.full input, 
form ul.wufoo li div span.full select, 
form ul.wufoo li div span.left input, 
form ul.wufoo li div span.right input,
form ul.wufoo li div span.left select,
form ul.wufoo 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 5px 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 1.1em 0;
	color:#555;
}

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

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

/* ----- LIKERT SCALE ----- */

.likert table{
	margin:0 0 .9em 0;
	background:#fff;
	width:100%;
	border:1px solid #dedede;
	border-bottom:none;
}
.likert caption{
	text-align:left;
	color:#222;
	font-size:95%;
	line-height:135%;
	padding:5px 0 .5em 0;
}
.likert input{
	padding:0;
	margin:2px 0;
}
.likert tbody td label{
	font-size:85%;
	display:block;
	color:#565656;
}

/* ----- Top Row ----- */

.likert thead td, .likert thead th{
	background-color:#e6e6e6;
}

/* ----- Right Side ----- */

.likert td{
	border-left:1px solid #ccc;
	text-align:center;
	padding:4px 6px;
}
.likert thead td{
	font-size:85%;
	padding:10px 6px;
}

/* ----- Body ----- */

.likert th, .likert td{
	border-bottom:1px solid #dedede;
}
.likert tbody th{
	padding:8px 8px;
	text-align:left;
}
.likert tbody th label{
	color:#222;
	font-size:95%;
	font-weight:bold;
}

.likert tbody tr.alt td, .likert tbody tr.alt th{
	background-color:#f5f5f5;
}
.likert tbody tr:hover td, .likert tbody tr:hover th{
	background-color:#FFFFCF;
}

/* ----- Likert Classes ----- */

.col1 td{width:30%;} 
.col2 td{width:25%;}
.col3 td{width:18%;}
.col4 td{width:14.5%;}
.col5 td{width:12%;}
.col6 td, .col7 td{width:10%;}
.col8 td, .col9 td, .col10 td{width:6.5%;}
.col11{width:6%;}

.hideNumbers tbody td label{
	display:none;
}

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

form ul.wufoo li div label, form ul.wufoo li span label{
	/* margin:0; */
	padding-top:6px;
	clear:both;
	font-size:85%;
	line-height:100%;
	color:#444;
	display:block;
}
form ul.wufoo li div span label{
	padding-bottom:12px;
}
label.desc{
	font-size:182%;
	font-weight:normal;
	color:#222;
	margin:0;
	padding:0;
	border:none;
	display:block;
}
label.choice{
	display:block;
	font-size:100%;
	line-height:150%;
	margin:-17px 0 0 23px;
	padding:0 0 5px 0;
	color:#222;
	width:88%;
}
.safari label.choice{
	margin-top:-16px;
}
form.rightLabel div.col{
	margin-top:-3px;
}

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

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

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

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

input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	color:#333;
	margin:0;
	padding:2px 0;
}

/* FOR LOGIN FORMS in SHadowbox */
input.text, input.search, input.file, textarea.textarea, select.select{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:138.5%;
	color:#333;
	margin:0;
	padding:2px 0;
}

input.text, input.search, textarea.textarea{
	border:1px solid #38A1B5;
}
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;
}

/* ----- FILES ----- */

ul.wufoo li.file a{
	color:#222;text-decoration:none;
}
ul.wufoo li.file span{
	display:inline;float:none;
}
ul.wufoo li.file img{
	display:block;float:left;margin:0 0 0 -10px;padding:5px 5px 7px 5px;
}
ul.wufoo li.file .file-size, ul.wufoo li.file .file-type{
	color:#666;font-size:85%;text-transform: uppercase;
}
ul.wufoo li.file .file-name{
	display:block;
	padding:14px 0 0 0;
	color:blue;
	text-decoration:underline;
}
ul.wufoo li.file .file-delete{
	color:red !important;font-size:85%;text-decoration:underline;
}
ul.wufoo li.file a:hover .file-name{
	color:green !important;
}
ul.wufoo li.file a:hover .file-name{
	color:green !important;
}

/* ----- BUTTONS ----- */

ul.wufoo input.btTxt{
	padding:10px 15px;
	width:auto;
	overflow:visible;
	border:none;
	background-color:#37A1B5;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul.wufoo input.btAdd{
	padding:10px 15px;
	width:auto;
	overflow:visible;
	border:none;
	background-color:#F90;
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul.wufoo input.btFile{

}

form ul.wufoo li.buttons{
	clear:both;
	padding-top:10px;
}
form ul.wufoo li.buttons input{
	font-size:182%;
	margin-right: 5px;
}
.safari form ul.wufoo li.buttons input{
	font-size:120%;
}

/* ----- 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.med-inline, select.med-inline{
	width:70%;
}
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:15px auto 0 auto;
	background:#fff !important;
	border:1px solid red;
	margin-bottom:1em;
	text-align:center;
	padding:1em 0 1em 0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
#errorMsgLbl{
	margin:0 0 5px 0;
	padding:0;
	font-size:125%;
	color:#DF0000 !important;
}
#errorMsg{
	margin:0 0 2px 0;
	color:#000 !important;
	font-size:100%;
}
#errorMsg strong{
	padding:2px 3px;
	background-color: #FFDFDF !important;
	color:red !important;
}
form ul.wufoo li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin-bottom:3px !important;
}
formul.wufoo li.error label, form ul.wufoo li.error span.symbol{
	color:#000 !important;
}
form ul.wufoo li.error label.desc{
	color:#DF0000 !important;
}
form p.error{
	display:none;
	margin:0 !important;
	padding:7px 0 0 0 !important;
	color:#DF0000 !important;
	font-weight:bold;
	font-size:10px;
	line-height:10px !important;
	clear:both;
}
form ul.wufoo li.complex p.error{
	padding:0 0 9px 0 !important;
}
form ul.wufoo 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 ul.wufoo li.focused{
	background-color:#fff7c0;
}
form ul.wufoo li.focused, form li:hover{
	position:relative; /* Makes Instructs z-index stay on top in IE. */
}
form .instruct{
	padding-bottom:.3em;
	font-size:105%;
}
form .instruct small{
	line-height:120%;
	font-size:80%;
	color:#444;
	font-family:Verdana, Geneva, sans-serif;
}
form ul.wufoo li.focused .instruct, form ul.wufoo li:hover .instruct{
	left:100%; /* Prevent scrollbars for IE Instruct fix */
	visibility:visible;
}

/* ----- ADVANCED CLASSNAMES ----- */

.hideSeconds .seconds, .hideAMPM .ampm{
	display:none;
}

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

.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
	visibility:visible;
	position:static;
	margin:0;
	padding:6px 0 0 0;
	width:100%;
	clear:left;
	background:none;
	border:none;
}
li.altInstruct p.complex , li.leftHalf p.complex, li.rightHalf p.complex{
	padding:0 0 9px 0;
}

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

.leftLabel li, .rightLabel li{
	width:74% !important;
	padding-top:9px;
}
.leftLabel label.desc, .rightLabel label.desc{
	float:left;
	width:29%;
	margin:0px 15px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel li div.col, .rightLabel li div.col,
.leftLabel li.complex div, .rightLabel li.complex div{
	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.complex div, .rightLabel li.complex div{
	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;
}
* html .leftLabel .buttons, * html .rightLabel .buttons{
	margin-left:4px;
}
*+html .leftLabel .buttons, *+html .rightLabel .buttons{
	margin-left:7px;
}
.leftLabel .buttons .submit, .rightLabel .buttons .submit{
	margin-left:29%;
}
* html .leftLabel .buttons .submit, * html .rightLabel .buttons .submit{
	margin-left:22%;
}

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

.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.complex div, .noI .rightLabel li.complex div{
	width:60%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:34%;
}

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

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

/* ----- CAPTCHA ----- */

form ul.wufoo li.captcha {
	clear:both;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding-top:.9em;
	padding-bottom:9px;
	padding-left:9px;
	width:97% !important;
	position:static;
}
form ul.wufoo li.captcha label.desc{
	text-align:left;
	margin-bottom:4px;
	float:none;
	width:auto !important;
}
#recaptcha_widget_div table{
	background:#fff;
}
form ul.wufoo li.captcha .noscript iframe{
	border:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
form ul.wufoo li.captcha .noscript label.desc{
	display:block !important;
}
form ul.wufoo li.captcha .noscript textarea{
	margin-left:12px;
}

/* ----- PAGINATION ----- */

.paging-context{
	clear:both;
	border-bottom:1px dotted #ccc;
	margin-top:5px;
	margin-bottom:7px;
	padding-top:.9em;
	padding-bottom:16px;
	padding-left:9px;
	width:97% !important;
	position:static;
}

.paging-context table{
	width:100%;
}

.pg1 td{
	text-align:center;
}
.pg1 var{
	background:none;
	border:1px solid #dedede;
	display:block;
	width:25px;
	height:25px;
	line-height:25px;
	margin:0 auto 0 auto;
	-webkit-border-radius:12px;
	font-size:90%;
	font-style:normal;
}
.pg1 .done var{
	background:#dedede;
}
.pg1 .selected var{
	background:#222;
	color:#fff;
	border:1px solid #222;
	font-weight:bold;
}
.pg1 b{
	display:block;
	padding-top:5px;
	font-size:85%;
	font-weight:normal;
}
.pg1 .selected b{
	font-weight:bold;
}
.nopagelabel b{
	display:none;
}

.pg2 td{
	border:1px solid #dedede;
	position:relative;
}
.pg2 var{
	display:block;
	padding:3px 7px;
	background:#dedede;
	font-style:normal;
	text-align:right;
}



.buttons .marker{
	position:absolute;
	top:0;
	right:0;
	padding:11px 0 0 0;
}
.marker b{
	color:#000;
}

.paging-nav {
	clear:both;
	border-top:1px dotted #ccc;
	margin-top:7px;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:9px;
	width:97% !important;
	position:static;
}

/*  Shadowbox element exceptions  */
div.panel-content ul.wufoo li{
	display:block;
	margin-bottom:.25em;
	padding:6px 5px 9px 9px;
	clear:both;
}

div.panel-content ul.wufoo li div label, div.panel-content ul.wufoo li span label {clear:none;line-height:0;width:30em;}
div.panel-content ul.wufoo li div.col span {width:auto;}

/* customimzations  */
textarea.textarea {margin-top:.5em;margin-bottom:.5em;font-size:1.0em;font-family:Arial, Helvetica, sans-serif;height:100px;padding:.3em;}