#content_main form, div.wufoo{
margin:20px 0 0 0;
padding:0 0 20px 0;
}

.hide{
display:none !important;
}

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

form li{
margin:0;
padding:4px 5px 2px 9px;
clear:both;
list-style-type:none !important;
}


form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

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

* html form li div{display:inline-block;}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#000;
}


form li span{float:left;}

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

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

.clear{
clear:both !important;
}


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


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


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

form hr{display:none;}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
font-size:110%;
line-height:135%;
margin:0 0 2px 0;
}
form .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:95%;
font-weight:bold;
}
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%;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
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:#000;
}
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.currency{text-align:right;}

input.checkbox, input.radio{
display:block;
line-height:1.4em;
margin:6px 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 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;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons 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 ----- */

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

/* ----- 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{
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 ----- */

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

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

form li.focused{background-color:#fff7c0;}
form .instruct{
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;
float:right;
margin-top:-3.3em;
}
form .instruct small{font-size:105%;}

/* ----- 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: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 .buttons, .rightLabel .buttons{margin-left:15px;}
.leftLabel .buttons input, .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 .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 .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 .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{width:100%;}

#forms-nav{
list-style-type:none;
text-align:right;
}

#forms-nav li{
display:inline;
padding:0 .25em;
}

.ok{
padding:1em;
background:#F0FFF0;
border:1px solid #DBFFDB;
}

.hint{
padding:1em;
background:#ffffdd;
border:1px solid #ffffbb;
}

p.align-right{text-align:right;}

.field{
border:1px solid #888;
}

strong.field, li.field, span.field, div.field{padding:3px;}


body.application #content_main{width:600px;}

body.application #content_sub{width:150px;}

body.application #breadcrumb{
float:left;
width:30%;
}

body.application #breadcrumb .container{display:inline;}

body.application #forms-nav{
float:right;
width:65%;
font-size:.9em;
margin:0;
padding-bottom:15px;
}

body.application #content_sub{clear:both;}

.add-scheme{
margin-top:-4em;
margin-bottom:3em;
}

/*Styles for calculator pages*/

th{text-align:left;}

.results input{width:7em;}

.results input.small{
	width: 4em;
}

.results tbody th{width:340px;}

.results tbody td{width:80px;}

.results tbody td,.results tbody th{
border-top:1px solid #999;
padding:2px 0
}

.results h4{margin-top:1.5em;}

.results h3{font-size:1.5em;}

.ok ol{padding-left:2em;}

.little-login-form form{
position;relative;
font-size:.95em;
margin:1em 0 1.5em;
}

.little-login-form .input{width:100%;}

.infobox{
background:#eee;
padding:15px 5px;
font-size:11px;
}

/*Make some of the forms full width*/

#content_full_width{clear:both;}

#content_full_width tbody td{
width:7%;
text-align:center;
}

#content_full_width h4{
text-transform: uppercase;
font-size:1.5em;
color:#666;
}

#content_full_width input{width:4em;}

#content_full_width input,
#content_full_width .result{text-align:center;}

#content_full_width td.spacer{
width:30px;
border-top:none;
}

#saveForm{
font-size:1.5em !important;
width:8em !important;
padding:2px 0;
margin-top:1em;
font-weight:bold;
}

p.right-align{text-align:right;}

.vat input{
	display: inline !important;
	width: auto;
}

/*Projection of benefits*/
#content #main form.projection-of-benefits ul{
	padding-left: 0;
}

#content #main form.projection-of-benefits label{
	float: left;
	width: 40%;
}

#content #main form.projection-of-benefits #saveForm{
	margin-top: 0;
}

#content #main form.projection-of-benefits li div{
	padding-bottom: 0;
}

input.radio{border:none;}

/*move whole thing up, just on forms pages*/
#content #main h2{
	margin-top: 0;
	margin-bottom:.5em;
}