/* THESE ARE THE STYLES YOU NEED TO CHANGE */
#wfrmcontainer{
	width:472px; /*width of the whole form*/
}
form.wfrm ul{
	width:472px; /*width of the whole ul - same as form*/
}

.wfrmLeftLabel label.desc{
	width:150px;	/*width of the labels*/
}

* html .wfrmLeftLabel .large, * html .wfrmLeftLabel textarea.textarea{	
	width:150px; /*use in IE6 width of the labels*/
}

form.wfrm li.wfrmerror label{
	width:145px; /*width of the labels with error padding of 5px*/
}

.wfrmLeftLabel .large, .wfrmLeftLabel textarea.textarea, .wfrmLeftLabel .address{
	width:220px; /*size of the entry fields*/
}

form.wfrm p.wfrmerror{
	padding-left: 150px; /*left position of error text start - same size as label*/
	width:220px; /*width of error text field- should be same as the text fields*/
}

.wfrmLeftLabel li, li.wfrmLeftLabel{
	width:375px !important; /*size of the focused area*/
}

form.wfrm .instruct{
	left:385px; /*left position of help instruction - same size as focused area + 10 px*/
}

.wfrmLeftLabel p.instruct{
	width:80px; /*width of the help instruction text*/
}

/* styles below need not be changed - note some class definitions may match those above*/
/* ------ Structure ------ */
#wfrmcontainer{
	text-align:left;
	background:#fff;
}
#wfrmcontainer{
	margin:0;
}

#wfrmcontainer ul{
	margin: 0px 0px 0px 0px;
}

form.wfrm{
	padding:0 0 0px 0;
}

.hide{
	display:none !important;
}

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

form.wfrm ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%;
}
form.wfrm li{
	margin:0;
	position:relative;
	clear:both;
}
form.wfrm li:after, .wfrmbuttons:after{
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

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

* html form.wfrm li div{
	display:inline-block;
}
form.wfrm li div, form.wfrm li span{
	padding:0 0 3px 0;
	color:#444;
}

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

.clear{
	clear:both !important;
}

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

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

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

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

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

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

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

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

input.btTxt{
	padding:0 7px;
	width:auto;
	overflow:visible;

}
.wfrmbuttons{
	clear:both;
	margin-top:10px;

}
.wfrmbuttons input{
	font-size:14px;
	/*margin-right: 5px;*/
}

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

input.large, select.large, textarea.textarea{
	/*width:500%;*/
}

/* ----- ERRORS ----- */
form.wfrm li.wfrmerror{
	display:block !important;
	background-color: #FFDFDF !important;
	margin:0 !important;
	padding-bottom: 2px;
}
form.wfrm li.wfrmerror label{
	color:#DF0000 !important;
	padding-left: 5px;
	margin-right: 0px !important;	
}
form.wfrm p.wfrmerror{
	display:none;
	color:#DF0000 !important;
	font-weight:normal;
	font-size: 11px !important;
	margin:0 !important;
	clear:both;
}
form.wfrm li.wfrmerror p.wfrmerror{
	display:block;
}

/* ----- REQUIRED ----- */
form.wfrm .req{
	float:none;
	color:red !important;
	font-weight:bold;
	margin:0;
}

/* ----- INSTRUCTIONS ----- */
form.wfrm li.focused{
	background-color:#fff7c0;
}
form.wfrm .instruct{
	position:absolute;
	top:0;
	z-index:1000;
	padding:8px 10px 9px 10px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	line-height:130% !important;
	font-size:11px !important;
	color:#444;
	visibility:hidden;
}
form.wfrm .instruct small{
	font-size:105%;
}
form.wfrm li.focused .instruct, form li:hover .instruct{
	visibility:visible;
}

/* ----- LABEL LAYOUT ----- wfrmleftlabel is a class on the whole form */
.wfrmLeftLabel li, li.wfrmLeftLabel{
	padding-top:3px;
}

.wfrmLeftLabel label.desc{
	float:left;	
}
.wfrmLeftLabel .address, .rightLabel .address{
	float:left;
}