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

IP1 - edited .large .medium .small tage to
have a "wu" prefix, stops conflicts with
blueprint classes of same name.

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

Last Updated : November 13, 2007

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

.wufoo{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:small;
}
.wufoo li{
	width:62%;
}
.wufoo form ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	font-size:100%;
}
.wufoo form li{
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	clear:both;
}
.wufoo form li:after, .wufoo .buttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

.wufoo form li, .wufoo .buttons{display: inline-block;}
* html .wufoo form li, * html .wufoo .buttons{height: 1%;}
.wufoo form li, .wufoo .buttons{display: block;}

* html .wufoo form li div{
	display:inline-block;
}
.wufoo form li div, .wufoo form li span{
	margin:0 4px 0 0;
	padding:0 0 8px 0;
	color:#444;
}
.wufoo form li span{
	float:left;
}

.wufoo form li div.address{
	padding-bottom:0;
}

.wufoo form li div.left{
	display:inline;
	float:left;
	width:47%;
}
.wufoo form li div.right{
	display:inline;
	float:right;
	width:47%;
}

.wufoo .clear{
	clear:both !important;
}

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

.wufoo .info{
	display:inline-block; 
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
}
.wufoo .info[class]{
	display:block;
}
.wufoo .info h2{
	font-weight:normal;
	font-size:160%;
	margin:0 0 3px 0;
	clear:left;
}
.wufoo .info p{
	font-size:95%;
	line-height:135%;
	margin:0 0 12px 0;
}

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

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

/* ----- FIELDS AND LABELS ----- */

.wufoo label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
.wufoo form li div label, .wufoo form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:9px;
	line-height:9px;
	color:#444;
	display:block;
}

.wufoo input.text, .wufoo input.file, .wufoo textarea.textarea, .wufoo select.select{
	margin:0;
	padding:0;
	font-size:100%;
	color:#333;
}
.wufoo input.text, .wufoo textarea.textarea, .wufoo .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(../wufooTemplate27/images/fieldbg.gif) repeat-x top;
}
.wufoo input.text, .wufoo input.file{
	padding:2px 0 2px 0;
}

.wufoo 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:90%;
}
.wufoo input.checkbox, .wufoo input.radio{
	display:block;
	line-height:1.5em;
	margin:.6em 0 0 3px;
	width:13px;
	height:13px;
}

.wufoo textarea.textarea{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
}
.wufoo select.select{
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
.wufoo select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
}
*:first-child+html .wufoo select.select[class]{
	margin:1px 0;
}
.wufoo .safari select.select{
	margin-bottom:1px;
	font-size:120% !important;
}

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

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

.wufoo input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;
}
.wufoo .buttons{
	clear:both;
	margin-top:10px;
}
.wufoo .buttons input{
	font-size:120%;
	margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.wufoo .rtl .info h2, .wufoo .rtl .info p, .wufoo .rtl label.desc, .wufoo .rtl label.choice, 
.wufoo .rtl div label, .wufoo .rtl span label, .wufoo .rtl input.text, 
.wufoo .rtl textarea.textarea, .wufoo .rtl select.select, .wufoo .rtl p.instruct, 
.wufoo .rtl .section h3, .wufoo .rtl .section p, .wufoo .rtl input.btTxt{
	direction:rtl;
}

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

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

.wufoo input.wusmall, .wufoo select.wusmall{
	width:25%;
}
.wufoo input.wumedium, .wufoo select.wumedium{
	width:50%;
}
.wufoo input.wularge, .wufoo select.wularge, .wufoo textarea.textarea{
	width:100%;
}

.wufoo textarea.wusmall{
	height:5.5em;
}
.wufoo textarea.wumedium{
	height:10em;
}
.wufoo textarea.wularge{
	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;
	background-color: #FFDFDF !important;
	margin:3px 0;
}
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 ----- */

.wufoo form .req{
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}

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

.wufoo form li.focused{
	background-color:#fff7c0;
}
.wufoo form .instruct{
	position:absolute;
	top:0;
	left:100%;
	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;
}
.wufoo form .instruct small{
	font-size:105%;
}
.wufoo form li.focused .instruct, .wufoo form li:hover .instruct{
	visibility:visible;
}

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

.wufoo li.altInstruct .instruct, .wufoo li.leftHalf .instruct, .wufoo 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;
}

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

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

.wufoo .leftLabel .wusmall, .wufoo .rightLabel .wusmall{
	width:17%;
}
.wufoo .leftLabel .wumedium, .wufoo .rightLabel .wumedium{
	width:35%;
}
.wufoo .leftLabel .wularge, .wufoo .leftLabel textarea.textarea,
.wufoo .rightLabel .wularge, .wufoo .rightLabel textarea.textarea,
.wufoo .leftLabel .address, .wufoo .rightLabel .address{
	width:64%;
}

* html .wufoo .leftLabel .wusmall, * html .wufoo .rightLabel .wusmall{
	width:23%;
}
* html .wufoo .leftLabel .wumedium, * html .wufoo .rightLabel .wumedium{
	width:55%;
}
* html .wufoo .leftLabel .wularge, * html .wufoo .leftLabel textarea.textarea,
* html .wufoo .rightLabel .wularge, * html .wufoo .rightLabel textarea.textarea{
	width:97%;
}

.wufoo .leftLabel label.desc, .wufoo .rightLabel label.desc{
	float:left;
	width:30%;
	margin:2px 15px 0 0;
}
.wufoo .rightLabel label.desc{
	text-align:right;
}
.wufoo .leftLabel .address, .wufoo .rightLabel .address{
	float:left;
}

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

.wufoo .leftLabel .buttons, .wufoo .rightLabel .buttons{
	margin-left:15px;
}
.wufoo .leftLabel .buttons input, .wufoo .rightLabel .buttons input{
	margin-left:30%;
}

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

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

.noI .leftLabel .wularge, .noI .leftLabel textarea.textarea,
.noI .rightLabel .wularge, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
	width:60%;
}

* html .noI .leftLabel .wusmall, * html .noI .rightLabel .wusmall{
	width:23%;
}
* html .noI .leftLabel .wumedium, * html .noI .rightLabel .wumedium{
	width:55%;
}
* html .noI .leftLabel .wularge, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .wularge, * html .noI .rightLabel textarea.textarea{
	width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
	width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
	margin-left:35%;
}

/* ----- 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 .wumedium, li.rightHalf .wumedium,
li.leftHalf .wusmall, li.rightHalf .wusmall{
	width:100%;
}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  display:block;
  float:left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}
/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }