/* FORMS */
form {
	font-family: Arial, Helvetica, sans-serif;
	color: #284885;
	margin: 1em 0;
	padding: 15px;
	background: #EDF1FB;
}

#project form,
#investing_box form,
#search_project form { background: none; margin: 0; padding: 0; }

fieldset { margin: 0; padding: 10px 0; border: none; } 
fieldset br { display: none; }
fieldset div { margin: 10px 0; padding: 0; clear: both; }
fieldset legend { display: none; }

fieldset .removed { display: none !important; }

/* labels */
fieldset label, fieldset div.cr p {
	float: left;
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	padding-right: 6px;
	width: 150px;
}

fieldset div.cr label {
	float: none;
	text-align: left;
	margin: 0;
	margin-left: 159px;
	padding: 0;
	width: 230px;
}

/* Oikocredit layout/IE6 the following lines srew up the layout because the misline the other answers */
fieldset div.cr label.otherlabel {
	float:none;
}

	
fieldset div span {
	display: block;
	width: 250px;
	margin-left:159px;
	font-size: 90%;
	color:#3664B4;
}

fieldset div.cr_label label {
	margin-top: -2px;
}

/* mandatory labels */
fieldset .mandat { color: #b4ba00; font-weight: bold; }
fieldset .mandatr { color: #b4ba00; }

/* inputs */
fieldset input, fieldset select, fieldset textarea { width: 225px;  font-size: 12px; margin: 0; padding: 1px 0 0 2px; border: 1px solid #adbad1; }

fieldset input { height: 16px; }
fieldset div.cr input,
#doc.wide fieldset div.cr input { border: none; width: auto; margin-right: 5px; }
fieldset div.cr input.otheranswer { border: 1px solid #6d82a7; }
fieldset div.cr div { clear: none; }
fieldset div.cr_label input { border: none; width: auto; }

fieldset input.day { width: 30px; }
fieldset select.month { width: 110px; margin-left: 0;}
fieldset input.year { width: 50px; margin-left: 0;}

fieldset select { width: 228px; }

fieldset textarea { font-family: Arial, Helvetica, sans-serif; }

fieldset .remarks { font-size: .8em; }
fieldset span.remarks { color: #9c9ea5; }

/* buttons */
fieldset.buttons { padding: 15px 0; }
fieldset.buttons label { width: 150px; }
fieldset.buttons input { width: 100px; height: 24px; padding: 0; border: 1px solid #284885; color: #FFF; background: #2b4b87; font-weight: bold; }

/* badinput */
fieldset .badinput { color: #D54B12;}
fieldset label.badinput, fieldset div.cr p.badinput { /* background: url(../img/warning.gif) no-repeat left 5px; */ }
fieldset div.cr label.badinput { background: none; }

fieldset input.badinput, fieldset select.badinput, fieldset textarea.badinput {
	background: #FEF1ED;
	color: #000;
	border: 1px solid #D54B12;
}

/* rating */
#rating fieldset { padding: 0; }
#rating fieldset label,
#rating fieldset div.cr label,
#rating fieldset p { float: none; width: auto; margin: 0; }
#rating fieldset p { padding-bottom: .5em; }
#rating fieldset label { padding-bottom: .3em; }
#rating fieldset div { margin: 0; margin-bottom: 10px; }
#rating fieldset #rating_score label { float: left; width: 41px; }
#rating fieldset.buttons { margin-top: 0; padding: 0; border: none; }
#rating fieldset.buttons div { margin: 0; }
#rating fieldset.buttons label { float: left; width: 270px; }

form h2 { margin: 0 0 0 156px; }

/* investing */
.step_1 fieldset div.cr { margin-bottom: 2em; }
.step_1 fieldset div.cr label { 
	margin: 0; width: auto; padding: 10px 0; padding-left: 40px; display: block; 
	border: 1px solid #eceff4;
	cursor: pointer;
	cursor: hand; 
	}
.step_1 fieldset div.cr label:hover { background: #d9e1f1; }
.step_1 fieldset div.cr label strong { font-size: 1.4em; }
.step_1 fieldset div.cr label input { float: left; margin-left: -30px; margin-top: 12px; }
.step_1 fieldset div.cr label br { display: inline; }

.step_2 fieldset div.cr label,
.step_3 fieldset div.cr label { margin-left: 0; width: auto; padding-left: 25px; padding-bottom: .5em; }
.step_2 fieldset div.cr label input,
.step_3 fieldset div.cr label input { float: left; margin-left: -25px; }
.step_2 fieldset div.cr label img.checkmark,
.step_3 fieldset div.cr label img.checkmark { float: left; margin-left: -25px; }
.step_2 fieldset div.cr table label,
.step_3 fieldset div.cr table label { margin-left: 0; width: auto; padding-left: 25px; }
.step_2 fieldset div.cr table label input,
.step_3 fieldset div.cr table label input { float: left; margin-left: -25px; }

div.vink { float: right; clear: none; width: 150px; margin: 0px;}
div.vink input { width: 16px !important; float: left; border-width: 0px; }
div.vink label { width: auto; padding-top: 0px; padding-bottom: 4px; display: inline; }

span.loading { float: right; width: auto; display: none; }

fieldset.buttons { margin-top: 5px; padding: 0; }
#investing_box fieldset.buttons { margin-top: 5px; padding: 0; border-top: 1px solid #c9d1e0; }
fieldset.buttons div { margin-bottom: 0; }
fieldset.buttons div label { width: 150px; }
#investing_box fieldset.buttons div label { width: 410px; }
fieldset.buttons .button_previous,
fieldset.buttons .button_previous:link,
fieldset.buttons .button_previous:visited {
	display: block; width: 120px; padding-top: 5px;
	text-decoration: none !important;
	float: left;
	}
fieldset.buttons .button_previous:hover {
	text-decoration: underline !important;
	}
fieldset.buttons input,
#doc.wide fieldset.buttons input {
	border: none; font-size: 13px; width:120px;
	background: transparent url(../img/buttons/button_background_next_120.gif) no-repeat left bottom;
	}
	
fieldset.block {
	background: #d9e1f1; padding: 10px;
	}	
fieldset.block hr { border: none; border-top: 1px solid #eceff4; height: 1px; }	
	
fieldset table span {
	margin-left: 0; xpadding-left: 30px; width: auto;
	color: #657ca8;
	font-size: .8em;
	}	
.step_2 fieldset div.cr table label { margin-left: 0; width: auto; padding-left: 25px; }
.step_2 fieldset div.cr table label input { float: left; margin-left: -25px; }

.step_2 fieldset div.cr label {
	padding-bottom: .5em;
	}

fieldset.investing_organisation { padding: 0; }
fieldset.investing_organisation div.cr p { padding-top: .7em; }
fieldset.investing_organisation div.cr,
fieldset.investing_organisation div.cr div { margin: 0; }
fieldset.investing_organisation div.cr label { 
	margin: 0; margin-right: 30px; padding: 10px; padding-left: 30px; float: left; 
	border: 1px solid #eceff4; font-weight: bold;
	cursor: pointer;
	cursor: hand;
	}
fieldset.investing_organisation div.cr label.current,
fieldset.investing_organisation div.cr label:hover { border: 1px solid #c9d1e0; background: #dae0ea; }

fieldset.investing_organisation label img { vertical-align: middle; margin-top: -5px; }