Meer informatieacc/*-------------------------------------------------------------
 CSS TEMPLATE FOR XHTML 1.0 TRANSITIONAL HTML-DOCUMENTS
 Version 1.0
 
 - form elements
 ---------------------------------------------------------------*/

/************************************
* general form elements
*************************************/

form
{
}
legend,
label,
input,
select,
textarea,
fieldset,
a.info,
div.radio_container,
div.checkboxes,
.error
{
	display:block;
	float:left;
}

/************************************
* fieldset
*************************************/

fieldset
{
	float:none;
	clear:left;
	border:groove 1px #ccc;
	padding-left:10px;
}
fieldset label 
{
	width:120px; 
}

/************************************
* legend
*************************************/

legend
{
	margin-left:4px;
	/*padding-right:auto;*/
	width:auto;
	/*min-width:50px;*/
	padding-left:0px;
}
legend label 
{
	width:auto; 
	float:left;
	clear:none;
	padding-right:0px;
	margin-right:0px;
}
legend img
{
	float:left;	
	vertical-align:middle;
	margin-top:3px;
	cursor:pointer;
} 
/************************************
* general form building blocks
*************************************/

/* form components */
label,
input,
select,
textarea,
.error
{
	margin-right:8px;
	margin-bottom:8px;
	padding:2px;	
}
/* form label */
label
{
	clear:left;
}
/* form fields */
input,
select,
textarea
{
	border:1px solid #aaaaaa;
}
/* single line fields */
input,
select
{
}
/* standard field */
input
{
}
/* hide hidden inputs for FireFox */
input[type=hidden]
{
	display:none;
}

/************************************
* size modifiers
*************************************/

/* default sizes */

label {
	width:130px; /* = l */
	}
input,
select,
textarea {
	width:200px; /* = l */
	}
select {
	width:156px;
	}
input {
	/*height:20px;*/
}
 

/* default modifiers*/
.xxs {width:30px;}
.xs  {width:60px;}
.s   {width:90px;}
.m   {width:120px;}
.l   {width:150px;}
.xl  {width:180px;}
.xxl {width:210px;}

/* date modifiers*/
select.day   {width:40px;}
select.month {width:70px;}
select.year  {width:56px;}

/* telephone modifiers*/
input.tel_area  {width:60px;}
input.tel_local {width:100px;}

/************************************
* mandatory fields
*************************************/

input.mandatory,
select.mandatory,
textarea.mandatory
{
/*	background-color:#eeeeee;	*/
}
label.mandatory
{
	font-weight:bold;
}
span.mandatory_legend
{
}

/************************************
* error state
*************************************/

form.error
{
}
label.error
{
	color:red;
}
input.error,
select.error,
textarea.error
{
	border-color:red; 
}
div.error
{
}
p.error {
	color:red;
	}

#tl_gd_editor p.error {
	float:left;
	clear:left;
	width:200px;
	margin-left:140px;
	}
.ie6 #tl_gd_editor p.error {
	margin-left:70px;
	}

/************************************
* radio_container and checkbox_container
*************************************/
.checkbox_container  {
	float:left;
	}
.checkbox_container span {
	width:164px;
	display:inline-block;
	float:left;
	}
div.mod_mailingChannelOptInOut .formwrapper .checkbox_container  {
	margin-bottom:12px;
	}
div.mod_mailingChannelOptInOut .formwrapper .checkbox_container span {
	width:500px;
	clear:left;
	}
.mod_mailingChannelOptInOut .checkbox_container .header {
	font-weight:bold;
	margin-bottom:4px;
	display:inline-block;
	margin-top:-2px;
	}	
.checkbox_container span input {
	margin-left:0px;
	}
.checkbox_container label {
	clear:none;
	width:auto;
	text-indent:-2000px;
	}
.mod_mailingChannelOptInOut .checkbox_container label {
	text-indent:0px;
	width:85%;
	}

/************************************
* radio_container and checkboxes
*************************************/

div.radio_container input,
div.check_container input,
input.checkbox,
input.radio
{
	width:auto;	 		/* reset from generic form field styles */
	border:none; 		/* reset from generic form field styles */
	background:none; 	/* reset from generic form field styles */
}
/* wrappers */
div.radio_container,
div.check_container
{
}
div.radio_container
{
}
div.radio_container span
{
	clear:left;
}
div.check_container
{
}
/* wrapper inputs */
div.radio_container input,
div.check_container input
{
	clear:left;
	margin-left:0px;
}
div.radio_container input
{
}
div.check_container input
{
}
/* wrapper labels */
div.radio_container label,
div.check_container label
{
	display:block;
	float:left;
	clear:none;
	width:auto;
	
}
/* alignment modifier */
div.horizontal input
{
	clear:none;
}
div.horizontal br
{
	display:none;
}
/* label width modifier */
div.radio_container label.fixed,
div.check_container label.fixed
{
	width:180px; 
}

/************************************
* selection lists
*************************************/

select
{
}
select option
{
}

/************************************
* textarea
*************************************/

textarea
{
	overflow:auto;
	line-height:1em; /* reset to allow default line spacing */
}

/************************************
* break for line clearing
*************************************/

form br
{
	clear:left;
}

/************************************
* form button
*************************************/

button
{
}
div.formbuttonwrapper
{
	width:303px;
	float:left;
	clear:left;
}
div.formbuttonwrapper button
{
	float:right;
	margin-right:0px;
}

.submit
{
	background:transparent url(../images/button_form_bg.gif) no-repeat scroll left top;
	color:#000000;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:28px;
	line-height:29px;
	text-align:center;
	width:122px;
	border: none;
}

/************************************
* field info
*************************************/

a.info:link,
a.info:visited,
a.info:active,
a.info:hover
{
	/*position:relative;*/
	padding-left:20px;
	height:16px;
	width:16px;
	background:url(../images/form_info.gif) no-repeat top left;
	text-decoration:none;	
}
a.info:hover 
{
	position:relative;
}
a.info:link span,
a.info:visited span,
a.info:active span,
a.info:hover span
{
	display:none;
}
a.info:hover span
{
	display:block;
	top:0px;
	left:18px;
	background-color:#FFFFCC;
	width:180px;
	padding:1px;
	border:solid 1px black;
	position:absolute;
	
}
.ff .mod_gd_editor a.info:hover span
{
	display:block;
	position:absolute;
	top:-5px;
	left:-188px;
	background-color:#FFFFCC;
	width:180px;
	padding:1px;
	border:solid 1px black;
	z-index:102;
}

/************************************
* captcha_img
*************************************/
span.captcha_img {
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	padding:0px; /* cascades the .error class in case of an error */
	}
input.captcha_img {
	
	}
body input.captcha_img {
	margin-left:0px;
	width:78px;
	}


/************************************
* image upload field
*************************************/
.imageuploadwrapper {
	float:left;
	width:160px;
	margin-bottom:2px;
	}
.imageupload {
	clear:left;
	float:left;
	/*width:0px;*/
	}
.ie6 .imageupload {
	margin-left:71px;/* double margin bug */
	}	
.imageuploadwrapper img.upload {
	float:left;
	border:solid 1px #636363;
	margin-top:1px;
	margin-bottom:1px;
	}
/************************************
* field wizard
*************************************/
.formbody {
	margin-bottom:15px;
	clear:both;
	}
.form_field_wizard .wizardbuttons {
	padding:4px;
	background:#eee;
	margin-bottom:8px;
	clear:left;
	}
.form_field_wizard .wizardbuttons a.btn {
	border:solid 1px transparent;
	background:#e5e5e5;
	padding:2px 6px;
	cursor:pointer;
	}	
.form_field_wizard .wizardbuttons a.btn:hover,
.form_field_wizard .wizardbuttons a.btn:active {
	border:outset 1px #eee;
	background:#ccc;
	padding:2px 6px;
	cursor:pointer;
	text-decoration:none;
	}	
.form_field_wizard .wizardcontrols {
	clear:left;
	margin-left:0px;
	clear:both;
	}	
.form_field_wizard .wizardcontrols li {
	clear:left;
	float:left;
	list-style-type:none;
	padding:2px;
	width:100%;
	}
.ie .form_field_wizard .wizardcontrols li {
	width:100%;
	}
body.ie6 .ce_accordion {
	overflow-x:hidden;
	width:100% !important;
}
body.ie6 .formbody {
	/*width:90% !important;*/
	}	
.form_field_wizard .wizardcontrols input,
.form_field_wizard .wizardcontrols textarea,
.form_field_wizard .wizardcontrols select {
	margin-bottom:0px;
	}
.form_field_wizard .wizardcontrols label {
	margin-bottom:0px;
	}
.form_field_wizard .wizardcontrols .h1 label {
	font-weight:bold;
	}	


/* field buttons */		
.form_field_wizard .del,
.form_field_wizard .move,
.form_field_wizard .cut,
.form_field_wizard .copy,
.form_field_wizard .insert  {
	float:left;
	width:16px;
	height:16px;
	margin-right:1px;
	cursor:pointer;
	}
.form_field_wizard .move {
	margin-left:1px;
	margin-right:2px;
	}	
.form_field_wizard .insert,
.form_field_wizard .inserting .cutted .insert {	
	display:none;
	}
.form_field_wizard .inserting .insert {
	display:block;
	}
.form_field_wizard .cutted {	
	opacity: .5;
	background:#e0e0e0;
	}
.ie .form_field_wizard .cutted {	/* for IE5-7 */
	filter: alpha(opacity=50);
	}
.ie8 .form_field_wizard .cutted {	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}

/* wizardclipboard */
.form_field_wizard .wizardclipboard { 
	margin-right:3px;
	margin-bottom:4px;
	float:right;
	}
.ie .form_field_wizard .wizardclipboard { 
	margin-right:18px;
	}
.ie6 .form_field_wizard .wizardclipboard { 
	margin-right:10px;
	}	
.form_field_wizard .clearclipboard {
	float:right;
	vertical-align:bottom;
	margin-right:0px;
	color:#777;
	cursor:pointer;
	}
.form_field_wizard .clearclipboard img {
	vertical-align:top;
	margin-left:3px;
	}
.form_field_wizard .inactive .clearclipboard {
	opacity: .5;
	cursor:default;
	}
.ie .form_field_wizard .inactive .clearclipboard {	/* for IE5-7 */
	filter: alpha(opacity=50);
	}
.ie8 .form_field_wizard .inactive .clearclipboard {	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
.form_field_wizard .wizardclipboard .insert {
	display:block;
	float:right;
	}
.form_field_wizard div.inactive .insert {
	display:none;
	}

/***************************************
 * Composed field
 */	
.cf_body_hidden {
	overflow:hidden;
	height:22px;
	}
fieldset.form_composed_field {
	float:left;
	margin-right:4px;
	border:solid 1px #dbdcdd;
	width:326px;
	padding-bottom:6px;
	margin-top:-8px;
	}	
/***************************************
 * FormBuilder accordion
 */	
.ce_accordion .fb_toggler {
	border-bottom:solid 1px #ccc;
	background:url(../../system/themes/default/images/modPlus.gif) no-repeat left center #ddd;
	cursor:pointer;
	margin-top:1px;
	padding:2px;
	padding-left:18px;
	}
.ce_accordion .active_fb_toggler {
	background:url(../../system/themes/default/images/modMinus.gif) no-repeat left center #ddd;
	}	
.ce_accordion .accordion .inneraccordion {
	padding:8px;
	padding-left:6px;	
	padding-bottom:0px;
	}
.ce_accordion .fb_error,
.ce_accordion .fb_error *{
	color:red;
	}
/***************************************
 * FormBuilder2
 */	
div.formwrapper
{
	padding:10px 0;
}
div.formwrapper div.buttonbar
{
	margin-top:20px;
	margin-left:0px;
}
div.formwrapper input.longtext
{
	width:250px;
}
p.formStepDesc
{
	color:#999;
}
div.formwrapper .checkbox_container span 
{
	width:214px;
}
div.buttonbar .right input,
div.tl_submit_container input.button
{
	display: block;
	float: left;
	cursor: pointer;
	text-decoration: none;
	margin-right: 8px;
	font-weight: bold;
	background-color: #F06B33;
	padding: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.5em;
	color: white;
	border:none;
	width:auto;
}
div.buttonbar
{
	float:left;
	width:100%;
}
div.buttonbar .left
{
	float:left;
}
div.buttonbar .left h1
{
	border-bottom:solid 0px;
	margin-top: 33px;
}
div.buttonbar .right
{
	margin-top:0px;
	margin-bottom:20px;
	float:right;
	position:static;
	height:auto;
	width:auto;
}

.mod_mailingstatistics div.buttonbar .right
{
	margin-top:27px;
}