
/* form css */
.formContaniner {
text-align:left;margin:0;padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;background:#fff;
display:block;

}
.hide {display:none !important;}

.savviForm {margin:20px 20px 0 20px;padding:0 0 20px 0;}
.savviForm li {width:62%;}

.savviForm ul {
margin:0;
padding:0;
list-style-type:none;
width:100%;
font-size:100%;
}

.savviForm li {
margin:0;
padding:4px 5px 2px 9px;

clear:both;
}


.savviForm li:after, .sfButtons:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.savviForm li, .sfButtons {display: inline-block;}
* html .savviForm li, * html .sfButtons {height: 1%;}
.savviForm li, .sfButtons {display: block;}

* html .savviForm li div {display:inline-block;}
.savviForm li div, .savviForm li span {margin:0 4px 0 0;padding:0 0 8px 0;color:#444;}
.savviForm li span {float:left;}
.savviForm li div.address {padding-bottom:0;}
.savviForm li div.left {display:inline;float:left;width:47%;}
.savviForm li div.right {display:inline;float:right;width:47%;}
.clear {clear:both !important;}
.clearer {clear:both;line-height:0;white-space:nowrap;font-size:1px;}

/* ----- INFO ----- */

.savviForm .info {
display:inline-block;
clear:both;
border-bottom:1px dotted #ccc;
margin:0 0 1em 0;
}
.savviForm .info[class] {display:block;}
.savviForm .info h2{
font-weight:normal;
font-size:160%;
margin:0 0 3px 0;
clear:left;
}
.savviForm .info p {
font-size:95%;
line-height:135%;
margin:0 0 12px 0;
}

/* ----- SECTIONS ----- */
.savviForm hr {display:none;}
.savviForm li.section {
background:url(/images/forms/form_dotted.gif) repeat-x top;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
.savviForm ul li.first {
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
.savviForm .section h3 {
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
.savviForm .section p {font-size:85%;margin:0 0 10px 0;}

/* ----- FIELDS AND LABELS ----- */
.savviForm label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
color:#222;
display:block;
font-size:95%;
font-weight:bold;
}
.savviForm label.choice {
font-size:100%;
display:block;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px 0;
color:#222;
width:90%;
}
.savviForm li div label, .savviForm li span label {
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}

.savviForm input.text, input.file,
.savviForm textarea.textarea, select.select {
margin:0;
font-size:100%;
color:#333;
}
.savviForm input.text,
.savviForm 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/forms/form_textbg.gif) repeat-x top;
}
.savviForm input.text, input.file {padding:2px 3px;}
.savviForm input.checkbox, input.radio {
display:block;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
height:13px;
}
.savviForm textarea.textarea {padding:2px 3px;}
.savviForm select.select {margin:1px 0;padding:1px 0 0 0;}
.savviForm 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;}
.savviForm span.symbol {font-size:115%;line-height:130%;}
.savviForm li .datepicker {
float:left;
margin:.25em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */
.savviForm input.btTxt {padding:0 7px;width:auto;overflow:visible;}
.sfButtons {clear:both;margin-top:10px;}
.sfButtons input {font-size:120%;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;
}

/* ----- SIZES ----- */
.savviForm .third {width:32% !important;}
.savviForm .half {width:48% !important;}
.savviForm .full {width:100% !important;}
.savviForm input.small, .savviForm select.small {width:25%;}
.savviForm input.medium, .savviForm select.medium {width:50%;}
.savviForm input.large, .savviForm select.large, .savviForm textarea.textarea {width:100%;}
.savviForm textarea.small {height:5.5em;}
.savviForm textarea.medium {height:10em;}
.savviForm 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;}
.savviForm li.error {display:block !important;background-color: #FFDFDF !important;margin:3px 0;}
.savviForm li.error label {color:#DF0000 !important;}
.savviForm p.error {
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
.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 ----- */
.savviForm .req{
float:none;
color:red !important;
font-weight:bold;
font-size:11px;
margin:0;padding:0 0 0 3px;
}

/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel {width:74% !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: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 label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 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 .sfButtons, .rightLabel .sfButtons {margin-left:15px;}
.leftLabel .sfButtons input, .rightLabel .sfButtons input {margin-left:30%;}

/* ----- NO INSTRUCTIONS ----- */
.noI .instruct {display:none !important;}
.noI .savviForm li, .noI .savviForm li.sfButtons {width:97% !important;}
.noI .savviForm li.section {padding-left:9px !important;}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */
.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address {width:60%;}
* html .noI .leftLabel .small, * html .noI .rightLabel .small {width:23%;}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium {width:55%;}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea {width:97%;}
.noI .leftLabel label.desc, .noI .rightLabel label.desc{width:35%;}
.noI .leftLabel .sfButtons input, .noI .rightLabel .sfButtons input {margin-left:35%;}

/* ----- FIELD FLOATING ----- */

.savviForm li.leftHalf, .savviForm 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 - - - */

/* Backgrounds */
.savviForm input.text, .savviForm  textarea.textarea {background:#ffffff url(/images/forms/form_textbg.gif) repeat-x top;}
.savviForm .focused {background-color:#fff7c0;}
.savviForm .instruct {background-color:#f5f5f5;}
/* Borders */
.savviForm .info {background:url(/images/forms/form_dotted.gif) repeat-x bottom;}
.savviForm .section {background:url(/images/forms/form_dotted.gif) repeat-x top;}
.savviForm .instruct {border:1px solid #E6E6E6;}

/* Typography */
.savviForm  .info h2{
font-size:160%;
font-family:inherit;
font-weight:;
font-style:;
color:#000000;
}
.savviForm  .info p {
font-size:95%;
font-family:inherit;
font-weight:;
font-style:;
color:#444;
}
.savviForm  .section h3{
font-size:110%;
font-family:inherit;
font-weight:;
font-style:;
color:#000000;
}
.savviForm  .section p {
font-size:85%;
font-family:inherit;
font-weight:;
font-style:;
color:#444;
}
.savviForm  label.desc{
font-size:95%;
font-family:inherit;
font-weight:;
font-style:;
color:#444;
}
.savviForm  li div, .savviForm  li span,
.savviForm  li div label, .savviForm  li span label {font-family:inherit;color:#444;}

.savviForm  label.choice {
font-size:100%;
font-family:inherit;
font-weight:;
font-style:;
color:#444;
}
.savviForm  input.text, .savviForm  textarea.textarea, .savviForm  select.select {
font-size:100%;
font-family:inherit;
font-weight:;
font-style:;
color:#333;
}
.savviForm  .instruct {
font-size:85%;
font-family:inherit;
font-weight:;
font-style:;
color:#444;
}
.savviForm  li.altInstruct .instruct,
.savviForm  li.leftHalf .instruct,
.savviForm  li.rightHalf .instruct {color:#444;}

.savviForm  input.btTxt {
font-size:;
font-family:;
font-weight:;
font-style:;
color:;
}

.savviForm  li.focused label.desc{
font-size:;
font-family:;
font-weight:;
font-style:;
color:;
}
.savviForm  li.focused label.desc{color:;}
.savviForm  li.focused div, .savviForm  li.focused span, .savviForm  li.focused div label, .savviForm  li.focused span label {
font-family:;
color:;
}
