/* Form styles */
div.form-container { background-color: #FFF; border: #EEE 1px solid;}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

/* Error message */
div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

/* Default text styling */
div.form-container form p { margin-bottom: 10px; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { position: relative; }
div.form-container form legend { font-weight: bold; color: #666; line-height: 30px; padding-left: 5px; }
div.form-container form fieldset div { padding-top: 5px; }

div.form-container label, 
div.form-container span.label { margin: 0 5px 6px 0; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; top: 2px; }

div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container label.auto { width: auto; }

div.form-container select,
div.form-container input,
div.form-container textarea { margin: 0 10px 6px 0; padding: 2px; border: 1px solid #bdbdbc; }

div.form-container .form-CommentAdd textarea { margin: 10px 20px; padding: 2px; }

div.form-container label, div.form-container span.label { margin: 0 5px 0 0; }

/* Labels: titel */
form.form-ColumnAdd,
form.form-ForumTopicAdd div { margin: 15px 0; }
form.form-ColumnAdd div label.required,
form.form-ForumTopicAdd div label.required { width: 30px; }

form.form-ColumnAdd div input#title { width: 200px; }

form.form-CommentAdd .buttonrow { margin: 5px 0 0 20px; }

div.form-container select { padding: 0; }
div.form-container input.image { padding: 0; border: 0; }
div.form-container input.inputerror { border-color: #C00; background-color: #FEF; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }

/* Mijn profiel */
.user_profile .user_profile_head {
	font-size: 12px;
	font-weight: bold;
	color: #2F62E2;
}


#newAddress .form-container form.form-UserContactAddressAdd fieldset#contactDetail div textarea#value { width: 150px; }

/* Buttons */

input#file { cursor: pointer; }

div.form-container form input#submit,
div.form-container form input#reset { 
	padding-left: 20px; 
	_padding-left: 10px;
	border: 0 !important;
	text-decoration: none;
	cursor: pointer;
	color: #1F4C8F;
}

div.form-container input#submit { background: url("../image/icons/tick.gif") 0 4px no-repeat; }
div.form-container input#reset { background: url("../image/icons/cross.gif") 0 1px no-repeat; }

div.form-container input:focus,
div.form-container input.inputerror:focus, 
div.form-container textarea.inputerror { border-color: #C00; background-color: #FEF;}

div.form-container form input#submit:hover,
div.form-container form input#reset:hover { color: #404040; }

div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.hidden{ display: none }
div.form-container div.show{ display: inline; background-color: #FFC; border-color: #C00; }

div.form-container div label .selected {color: #FF6600}

/* settings voor buttons met een padding */
div.buttonrow, fieldset#buttonrow { padding-left: 165px !important; text-align: left; }

/* settings voor gecentreerde buttons */
form.form-NewsAdd div.buttonrow,			form.form-ColumnAdd div.buttonrow,
form.form-NewsSuggest div.buttonrow,		form.form-ColumnEdit div.buttonrow,
form.form-NewsEdit div.buttonrow,

form.form-AppointmentAdd div.buttonrow,		form.form-ForumPostAdd div.buttonrow,
form.form-AppointmentEdit div.buttonrow,	form.form-ForumPostEdit div.buttonrow,

form.form-ForumTopicAdd div.buttonrow,		form.form-BlogAdd div.buttonrow,
form.form-ForumTopicEdit div.buttonrow,		form.form-BlogEdit div.buttonrow,

form.form-OrganisationEdit div.buttonrow,	

.boxreact .form-container form.form-CommentAdd div.buttonrow,

form.form-ProductAdd div.buttonrow 
{ 
	text-align: center !important; 
	padding: 0px !important; 
}

/* settings voor globale textarea's */
form fieldset div textarea#summary_long,
form fieldset div textarea#summary_short { width: 360px; }

/* settings voor afwijkende textarea's */
form.form-ContactFeedback fieldset div textarea#content,
form.form-GalleryAdd fieldset div textarea#description,
form.form-ProductAdd fieldset#data div textarea#description { width: 300px; }

form.form-NewsSuggest fieldset#metaData div label { width: 80px; }

/* Bedrijf toevoegen */
form.form-OrganisationAdd fieldset#account div select#organisation_category_id { width: 350px; }

/* Google map */
form.maps_google_postcode fieldset input  { cursor: pointer; }

/* Nieuws Nieuwsitem toevoegen */
form.form-ContactIndex fieldset#data div textarea#content { width: 300px; }

/* Mijn bedrijven */
form.form-OrganisationUserAdd {}
form.form-OrganisationUserAdd fieldset#account div label.optional { float: left; }
form.form-OrganisationUserAdd fieldset#account div select#organisation_id { float: right; }

/* Reacties - column */
.boxreact .boxform .form-container label { width: 78px !important; margin-left: 0; } 
.boxreact .boxform .form-container form.form-CommentAdd div.buttonrow { margin: 0 0 !important; }

/* Vacancies */
form.form-VacanciesAdd div label.required { width: 75px; } 
form.form-VacanciesAdd div input#title { width: 143px; }

/* Blog - Blog toevoegen */

form.form-BlogAdd div { margin-left: 15px; }
form.form-BlogAdd fieldset#metaData div label.required,
form.form-BlogAdd fieldset#metaData div label.optional { width: 65px !important; }

/* Button positions - misc */
form.form-VacanciesAdd div input#submit { margin-left: 232px}

/* Message - Inbox */
form.form-MessagesAdd div select#organisations,
form.form-MessagesAdd div textarea#message,
form.form-MessagesReply div textarea#message { width: 300px; }

form.form-MessagesAdd .buttonrow { text-align: left; }

/* Login checkbox */
#rememberme { 
	border: 0 !important; 
	padding: 0 !important; 
	margin: 0 !important; 
	background: none !important;
}

/* Reacties */
form.form-CommentAdd fieldset#details div textarea#content { width: 334px; }

/* Add image  */
form.form-GalleryUpload { margin-left: 10px; }
form.form-GalleryUpload div.buttonrow { text-align: left; } 


/* Toevoegingen */
textarea#article { margin: -15px 0 0 165px;}

.form-errors { 
	border: 2px solid #FBC2C4; 
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #FBE3E4;	
}

div.form-container select { width: 150px; }

div.form-container form div.error {
	background: #FBE3E4;
	padding: 8px 0;
	margin: 8px 0;
	border: 2px solid #FBC2C4;
	width: 100%;
}

div.form-container form div.error ul.errors li {
	background: url(../image/icons/cross.gif) no-repeat 0 -1px; 
	height: 17px; 
	padding-left: 23px;
	margin-left: 165px;
	color: #8a1f11;
}

#message_send .form-container ul.errors li { margin: 0 0 30px 165px; color: red; font-weight: bold; }

/* Knop */

div.form-container form .submit {
    float: right;
    cursor: pointer;
    color: #2F62E2;
    clear: both;
}

div.form-container form #submit { cursor: pointer; border: 1px #bbb; height: 25px; }
div.form-container .submit:hover { color: #404040; }

.box_account fieldset { margin: 0; }


/* User search */

fieldset#Sort { margin-top: 10px; }
div.form-container form.nopadding fieldset div { padding-top: 0px; }
div.form-container form.nopadding select.smaller { width: 100px; }
