.button { float: right; margin-top: 24px; background-color: #555; border: 2px solid #AAA; color: #FFFFFF; cursor: pointer; font-size: 12px; height: auto; padding: 2px 3px; text-decoration: none; }									/* submit button */

/* Basic form settings (example: function 67) */
form.basic { overflow: hidden; }
form.basic fieldset+fieldset { border-top: 1px solid #aaa; margin-top: 8px; }					/* fieldset separator */
form.basic .control { display: block; overflow: hidden; clear: left; margin-top: 8px; }	/* wrapper around each grid */
form.basic .grid-small-left { float: left; width: 170px; } 								/* contains label */
form.basic .grid-medium-right { float: left; width: 250px; }								/* contains input */
form.basic .grid-extrasmall-left { float: left; width: 100px; } 							/* contains label */
form.basic .grid-large-right { float: left; width: 300px; }								/* contains input */
form.basic .submit { float: right; margin-top: 24px; background-color: #555; border: 2px solid #AAA; color: #FFFFFF; cursor: pointer; font-size: 12px; height: auto; padding: 2px 3px; text-decoration: none; }									/* submit button */
form.basic .required-fields {display: block; padding: 10px 0;}			/* label for required fields explanation */
form.basic .tooltip { float: right; }
form.basic .captcha-wrapper  { overflow: hidden; }
form.basic .captcha-wrapper img { float: left; }
form.basic input[type="text"].captcha { color: #666666; font-size: 18px; height: 26px; margin: 0 3px; padding: 0 5px; width: 68px; }
form #wrapper-password a {display: inline-block;}

form #captcha-wrapper .grid-small-left {float: none;}
form #captcha-wrapper .grid-medium-right {float: none; width: auto;}


form.basic-vertical .data { clear: left; }
form.basic-vertical .grid-small-left { width: 100%; } 	
form.basic-vertical .grid-medium-right { width: 100%; }

.page-sb {background-color: #fff; background-image: none; margin: 0; }
.page-sb > * { padding: 0.5em; }
.page-sb form {padding: 0 40px 10px 0;}
.page-sb .form-checkboxes .form-item {float: left; width: 120px;}
.page-sb .form-checkboxes {overflow: hidden;}
.page-sb .form-checkboxes,
.page-sb .form-radios {padding: 5px 0;}
.page-sb .form-radios input {margin: 0 3px;}
.page-sb .form-radios label {margin: 0 10px 0 0;}
.page-sb form.basic fieldset + fieldset {border: none;}
.page-sb form.basic .fieldset-media {border: 1px solid #efefef; padding: 0 10px 10px;}
.page-sb .buttonbar {padding: 10px 0 0 0;}
.page-sb .bubbletip {width: 250px;}
.page-sb #media-imagepreview img {width: 100%; height: auto;}
.page-sb #media-imagepreview {float: right; max-width: 150px; max-height: 150px;}
.page-sb form.basic input[type="text"], .page-sb form.basic input[type="password"], .page-sb form.basic input[type="file"], .page-sb form.basic select, .page-sb form.basic textarea { background-color: #F5F5F5;  border: 1px solid #B2B2B2; font-size: 12px; line-height: 1.4em; padding: 4px; }
.page-sb .forminputselect option {padding: 0 10px 0 5px;}
.page-sb .forminputtextarea,
.page-sb .veld_extraextralong {width: 100%;}
.page-sb .fieldset-media .veld_extraextralong {width: 220px;}
.page-sb #control-iJaartal input {width: 50px;}
.page-sb .frmmedia { padding: 10px 20px 20px 10px;}
.page-sb .frmmedia .grid-medium-right { width: 370px; } 
.page-sb .frmmedia #sUrlMediaPreview { float: right; }
.page-sb .frmmedia #sUrlImagePreview { float: right; }

.page-sb .frmmedia .hidden {display: none;}

.page-sb .frmmedia .mediatype-image .showfor-image,
.page-sb .frmmedia .mediatype-webclip .showfor-webclip,
.page-sb .frmmedia .mediatype-document .showfor-document,
.page-sb .frmmedia .mediatype-audio .showfor-audio {display: block;}
.page-sb .frmmedia .mediatype-image label .showfor-image,
.page-sb .frmmedia .mediatype-webclip label .showfor-webclip,
.page-sb .frmmedia .mediatype-document label .showfor-document,
.page-sb .frmmedia .mediatype-audio label  .showfor-audio {display: inline-block;}
.page-sb .tooltip-popup ul {margin: 0; padding: 0 0 0 1em;}
.page-sb .tooltip-popup ul li {padding: 2px 0;}

/* $$ */
fieldset {border:0; margin:0; padding:0;}
.verplicht, .required  { color:red; display: inline;}
/* stijl voor alle velden */
.veld_extrashort, .veld_short,  .veld_medshort, .veld_medlong, .veld_medium , .veld_long, .veld_extralong, .veld_extraextralong, .veld_superlong { border: 1px solid #ACACAC; font-size: 11px; }
/* breedte per veld */
.veld_extraextrashort {	width: 20px; }
.veld_extrashort { width: 30px; }
.veld_short { width: 50px; }
.veld_medshort { width:90px; }
.veld_medium { width:120px; }
.veld_medlong { width:170px; }
.veld_long { width:200px; }
.veld_extralong { width:270px; }
.veld_extraextralong { width:370px; }
.veld_superlong { width:470px; }

.reviewadd input.button-review { background-color: #666; color: #FFFFFF; float: right; height: 24px; line-height: 13px; padding: 4px 8px; border: none; cursor: pointer;}
.reviewadd input.button-review:hover { background-color: #555; }

.forminputdateday, .forminputdatemonth { width:24px;}
.forminputdateyear { width:50px;}

/* FORM-INVALID */
label.invalid{ color:#CC3333; background-image: url(/spanz/icons/ico_alert.gif); padding-left:16px; background-repeat: no-repeat; background-position: top left; height:30px; }
tr.invalid{ background-color:#FF9999; padding-left:16px; background-repeat: no-repeat; background-position: top left; height:30px; }
input.invalid, select.invalid, textarea.invalid, div.invalid{ border: 1px solid #CC3333; background-color:#FFCCCC; }

label.information{ color:#000000; background-image: url(/spanz/icons/ico_alert.gif); padding-left:16px; background-repeat: no-repeat; background-position: top left; height:30px; }
input.information, select.information, textarea.information { border: 1px solid #008EFF; background-color:#C9E7FF; }

/* .button,.button:link,.button:visited,.button:hover ,.button:active
{ cursor:pointer; display:inline-block; padding:0 6px; background-color:#555; border:2px solid #aaa; color:#fff; font-size:0.75em; line-height:1.5em; text-decoration:none; }
.button:hover { background-color:#777; }*/

form .cloud-list input { display: none; width: auto; }
form .cloud-list label { display: inline; cursor: pointer; font-size: 0.8em; }
form .cloud-list label.active { color: #FF7100; }

.bubbletip td { padding:0;}
.tooltip { text-indent: -9999px; width: 16px; height: 16px; float: left; display:block; background: url("/icons/ico_questionmark.gif") no-repeat left top; display: inline; margin-left: 5px; margin-top: 3px; }
.tooltipbubble {display:none;}

#mailafriend-body {margin: 0; padding: 0; font: 10px Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; line-height:14px; color: #000;}
#mailafriend-body #mailafriendcontainer {padding: 10px;}
#mailafriend-body h1.artikeltitel {margin:0; font-size:28px; font-weight:normal;line-height:34px;}
#mailafriend-body h3 {margin:0;}
#mailafriend-body fieldset {margin: 20px 0 0 0; padding: 10px; border: 1px solid #ACACAC;}
#mailafriend-body legend {padding: 0 5px;}
#mailafriend-body #mafsamenvatting {margin:10px 0;}
#mailafriend-body #mafsamenvattingbody {border:1px solid #999; background-color:#f6f6f6; padding:5px;}
#mailafriend-body #mafdisclaimer {clear: both;}
#mailafriend-body #container {width: 100%; padding: 0; min-width: 100%;}

#mailafriend-body .verplicht {color:red;}
#mailafriend-body .veld_extraextralong {font-size:13px; border: 1px solid #ACACAC; margin-bottom:10px;}
#mailafriend-body .edit-submit {margin: 20px 0 0; text-align: right;}
#mailafriend-body .feedback-alert {width: auto;}
#mailafriend-body .feedback-alert ul {margin: 0; padding-left: 20px;}

.delete,
.edit { background: none no-repeat scroll left top transparent; width: 19px; height: 19px; text-indent: -9999px; line-height: 12px; font-size: 1px; zoom:1; display: block; float: right; cursor: pointer;}
.delete { background-image: url("/icons/ico_trash.gif"); }
.edit { background-image: url("/icons/edit.gif"); }

#mypassword { width: 150px; }
#mypassword_text { font-size: 10px; }
#mypassword_outerbar { font-size: 1px; height: 4px; width: 150px; background-color:#999; }
#mypassword_bar { font-size: 1px; height: 4px; width: 0; }
#pw-equal { background: url('/icons/accept.gif') no-repeat scroll right 0 transparent; padding-left: 24px; }



#spanz_logout {text-align: right;}
#spanz_login {margin: 20px 0;}
#spanz_login label {display: block;}
#spanz_login .form-item {padding: 3px 0;}
#spanz_login .form-actions {padding: 10px 0;}

/* Opslaan van de nieuwe sortering */
.sortable-save { display: none; background-color: #D5F8D5; border: 1px solid #00CC00; color: #006600!important; display: block; font-weight: bold; line-height: 2em; margin-bottom: 8px; overflow: hidden; padding: 8px; }


form input.img_upload{
	z-index: 999;
	line-height: 0;
	font-size: 50px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
	margin: 0;
	padding:0;
	left:0;
}
form .preview-upload-imagecontainer{width:200px; clear: both;}
form .button-fileupload{float: left; width: 200px; margin-top: 0;}
form .path{float: left; width: 100%; margin-left: -200px; padding-left: 220px;}

input[type=text]::-ms-clear {display: none;}


.captha-image {float: left; padding-top: 5px;}
.captha-image:after  {content:"="; padding: 0 5px; display: inline-block;}
.captha-token {float: left; width: 5em;}
.captha-token  input[type="text"]{padding: 0.5em;}
.field_captcha .captcha {padding-top: 1em;}
td .field_captcha .captcha {overflow:visible;padding-top: 1em;}

.field_honeypot {display: none;}