/*
JaxForm by Jason Yeh
Copyright (c) Viable Communications, Inc.
*/


.vForm form {
	font-family:"Lucida Grande", Tahoma, Arial, sans-serif;
	font-size:small;
	margin:10px 10px 0 10px;
	padding:0 0 20px 0;
}

.vForm ul{
	margin:0;
	padding:0;
	width:100%;
	font-size:100%;
}

.vForm li{
	/* width:62%; */
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
	clear:both;
}
.vForm li:after {
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}

.vForm li {display: inline-block;}
* html .vForm li {height: 1%;}
.vForm li {display: block;}

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

.vForm li span.large {
	width: 100%;
}

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

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

.clear{
	clear:both !important;
}

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

.info{
	display:inline-block; 
	clear:both;
	border-bottom:1px solid #ccc;
	margin:0 0 1em 0;
}
.info[class]{
	display:block;
}
.info h2{
	font-weight:normal;
	font-size: 1.6em;
	margin:0 0 3px 0;
	clear:left;
}
.info h3{
	font-weight:normal;
	font-size: 1.6em;
	margin:0 0 3px 0;
	clear:left;
}
.info p{
	line-height:135%;
	margin:0 0 12px 0;
	font-size:100%;
	font-family:inherit;
	color:#666666;
}

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

.vForm hr{
	display:none;
}

.vForm ul li.first{
	border-top:none !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
.vForm .section h3{
	font-weight:normal;
	font-size:110%;
	line-height:135%;
	margin:0 0 2px 0;
}
.vForm .section p{
	font-weight:normal;
	font-size:85%;
	margin:0 0 10px 0px;
}

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

.vForm label.desc{
	line-height:150%;
	padding:0 0 1px 0;
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:bold;
}
.vForm li div label, .vForm li span label{
	margin:0;
	padding-top:6px;
	clear:both;
	font-size:10px;
	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;
}

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

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

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

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

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

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

/* ----- 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;
	width:500px;
}

/* ----- 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;
}
.vForm li.error{
	display:block !important;
	background-color: #FFDFDF !important;
	margin:3px 0;
}
.vForm li.error label{
	color:#DF0000 !important;
}
.vForm p.error{
	display:none;
	color:red;
	font-weight:bold;
	font-size:10px;
	margin:-2px 0 5px 0;
	clear:both;
}
.vForm 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 ----- */

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

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

.vForm li.focused{
	background-color:#fff7c0;
}
.vForm .instruct{
	position:absolute;
	top:0px;
	left:68%;
/* left:310px;*/
	z-index:1000;
	width:300px;
	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;
}
.vForm .instruct small{
	font-size:105%;
}

/*
 * If we want to stick the instruction on right after input is focused
 * 
 * form li.focused .instruct {
	visibility:visible;
} */

.vForm li:hover .instruct{
	visibility:visible;
}

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

li.altInstruct .instruct, li.leftHalf .instruct, 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 ----- */

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

.leftLabel .small, .rightLabel .small{
	width:17%;
}
.leftLabel .medium, .rightLabel .medium{
	width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
	width:70%;
}
.leftLabel .choice, .rightLabel .choice{
	display:block;
	width:250px;
}

* 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 label.desc, .rightLabel label.desc{
	float:left;
	width:25%;
	margin:2px 25px 0 0;
}
.rightLabel label.desc{
	text-align:right;
}
.leftLabel .address, .rightLabel .address{
	float:left;
}

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

.leftLabel .buttons, .rightLabel .buttons{
	margin-left: 25%;
	margin-top: 20px;
}

button, input[type="submit"], input[type="button"] {
	font-size: 1.3em;
}