/**
 * put your MailingController specific CSS below
 *
 * @package PackageName
 * @subpackage styles
*/

.form_signon                    { float:left; width:354px; height:365px;  position:relative; display:block;margin-top:40px; }
/*.form_signon                    { float:left; width:380px; height:200px; margin-left:25px; position:relative; display:block;}*/
/*.form_signon_top                { width:350px;}*/
.form_signon_lt                 { width:320px;background-image:url(../../images/box_lt.gif);  background-repeat:no-repeat; background-position:left top;}
.form_signon_rt                 { background-image:url(../../images/box_rt.gif); background-repeat:no-repeat; background-position:right top;}
.form_signon_lb                 { background-image:url(../../images/box_lb.gif); background-repeat:no-repeat; background-position:left bottom;}
.form_signon_rb                 { background-image:url(../../images/box_rb.gif); background-repeat:no-repeat; background-position:right bottom;}
.form_signon_l                  { padding-left:13px; background-image:url(../../images/box_l.gif);  background-repeat:repeat-y; background-position:left;}
.form_signon_r                  {  padding-right:13px; background-image:url(../../images/box_r.gif);  background-repeat:repeat-y; background-position:right;}
.form_signon_header             { height:38px; background-image:url(../../images/box_mt.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px; }
.form_signon_footer             { line-height:1px; font-size: 1px; height: 10px; background-image:url(../../images/box_mb.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px; background-position:bottom; }
.form_signon_overflow           {overflow:auto; height:80px;}

.form_sigon_label               {width:34px; height:79px; background-image:url(../../images/label_yellow_aanmelden.gif);
                                 float:right; margin-top:-100px; margin-right:1px;}

.form_signon_header_aanmelden   { background-image:url(../../images/box_title_signon.gif);
                                  background-repeat:no-repeat; width:106px; height:38px; padding-top:12px;}



.form_edit                    { float:left; width:354px; height:200px; position:relative; display:block; margin-top:40px;}
.form_edit_lt                 { width:320px;background-image:url(../../images/box_lt.gif);  background-repeat:no-repeat; background-position:left top;}
.form_edit_rt                 { background-image:url(../../images/box_rt.gif); background-repeat:no-repeat; background-position:right top;}
.form_edit_lb                 { background-image:url(../../images/box_lb.gif); background-repeat:no-repeat; background-position:left bottom;}
.form_edit_rb                 { background-image:url(../../images/box_rb.gif); background-repeat:no-repeat; background-position:right bottom;}
.form_edit_l                  { padding-left:13px; background-image:url(../../images/box_l.gif);  background-repeat:repeat-y; background-position:left;}
.form_edit_r                  { padding-right:13px; background-image:url(../../images/box_r.gif);  background-repeat:repeat-y; background-position:right;}
.form_edit_header             { height:38px; background-image:url(../../images/box_mt.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px;}
.form_edit_footer             { line-height:1px; font-size: 1px; height: 10px; background-image:url(../../images/box_mb.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px; background-position:bottom; }
.form_edit_overflow           { overflow:auto; height:80px; }

.form_edit_label              { width:34px; height:79px; background-image:url(../../images/label_yellow_wijzigen.gif); float:right; margin-top:-100px; margin-right:0px;}

.form_edit_header_wijzigen    { background-image:url(../../images/box_title_edit.gif);background-repeat:no-repeat; 
                                width:106px; height:38px; padding-top:12px; display:block;}


.form_signoff                    { float:left; width:354px; height:200px; position:relative; display:block; margin-top:40px;}
.form_signoff_lt                 { width:320px;background-image:url(../../images/box_lt.gif);  background-repeat:no-repeat; background-position:left top;}
.form_signoff_rt                 { background-image:url(../../images/box_rt.gif); background-repeat:no-repeat; background-position:right top;}
.form_signoff_lb                 { background-image:url(../../images/box_lb.gif); background-repeat:no-repeat; background-position:left bottom;}
.form_signoff_rb                 { background-image:url(../../images/box_rb.gif); background-repeat:no-repeat; background-position:right bottom;}
.form_signoff_l                  { padding-left:13px; background-image:url(../../images/box_l.gif);  background-repeat:repeat-y; background-position:left;}
.form_signoff_r                  { padding-right:13px; background-image:url(../../images/box_r.gif);  background-repeat:repeat-y; background-position:right;}
.form_signoff_header             { height:38px; background-image:url(../../images/box_mt.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px;}
.form_signoff_footer             { line-height:1px; font-size: 1px; height: 10px; background-image:url(../../images/box_mb.gif); background-repeat:repeat-x; margin-left:13px; margin-right:13px; background-position:bottom; }
.form_signoff_overflow           { overflow:auto; height:80px; }

.form_signoff_label              { width:34px; height:79px; background-image:url(../../images/label_yellow_afmelden.gif); 
                                   float:right; margin-top:-100px; margin-right:1px;}

.form_signoff_header_afmelden    { background-image:url(../../images/box_title_signoff.gif);background-repeat:no-repeat; 
                                   width:106px; height:38px; margin-top:12px;  }

.form_signoff .check ul          { width:268px;float:left; margin:0; padding-left:1px;}
.form_signoff .check ul li       { width:258px; list-style-type:none; list-style-position:outside;lmargin:0; float:left;}
.form_signoff .check ul li input { width:15px;float:left; height:18px;clear:right;}
.form_signoff .check ul li label { width:150px; padding:0; padding-left:8px; }




form                        { margin: 0; padding: 0; font-size: 100%; min-width: 320px;
                              max-width: 620px; width: 294px; }
form fieldset               { clear: both; font-size: 100%; padding: 10px;
                              margin: 0 0 0 0; }

form div ul                 { text-align:left; }
form div ul li label             { padding-left:10px;}

label                       { font-size: 100%;}
label u                     { font-style: normal;  text-decoration: underline;}
form label                  { display: block;  float: left;  width: 90px; padding: 3px 5px;
                              margin: 0 0 5px 0; text-align: left;}
input, select, textarea     { font-family: Tahoma, Arial, sans-serif;  font-size: 100%;
                               color: #000000; background-color:#E6E6E6; border:1px;}
textarea                    { overflow: auto;}
form div                    { clear: left; display: block; width: 270px; zoom: 1;
                              margin: 5px 0 0 0;  padding: 1px 3px;}

form div p                  { text-align:left; padding-left:5px;}

form fieldset div.notes     { float: right; width: 158px; height: auto; margin: 0 0 10px 10px;
                              padding: 5px; border: 1px solid #666666; background-color: #F1F1F3;
                              color: #666666; font-size: 88%;}
form fieldset div.notes h4  { background-repeat: no-repeat; background-position: top left;
                              padding: 3px 0 3px 27px; border-width: 0 0 1px 0; border-style: solid;
                              border-color: #666666; color: #666666; font-size: 110%;}

form fieldset div.notes.succes {color:green;font-weight:bolder;}
form fieldset div.notes.failed  {color:red;font-style:italic;}

form fieldset div span.succes       {color:green;font-weight:bold;}
form fieldset div span.failed        {color:red;font-style:italic;font-weight:bold;}


form fieldset div.notes p               { margin: 0em 0em 1.2em 0em; color: #666666;}
form fieldset div.notes p.last          { margin: 0em;}

form fieldset div.message               {  width: 248px; height: auto; margin: 0 0 10px 10px;
                                            padding: 5px; border: 1px solid #666666; background-color: #F1F1F3;
                                            color: black; font-size: 88%;}
form fieldset div.message.succes        { color:green;  }
form fieldset div.message.failed        { color:red; }
/*
form fieldset div.notes.succes p               { width:260px; margin: 0em 0em 1.2em 0em; color:green;}
form fieldset div.notes.failed p               { width:260px; margin: 0em 0em 1.2em 0em; color:red;}
*/
form fieldset div.notes p.last          { margin: 0em;}

form fieldset input.inputText,
form div fieldset input.inputPassword,
form div fieldset input.inputFile,
form fieldset textarea.inputTextarea   {  width: 160px; margin: 0 0 0 18px;
                                        /*margin: expression(setCntr(), '0px 0 0 -124px');*/}
/*form fieldset input.inputText           { border:1px solid black; margin: 0 0 0 21px; padding: 3px 5px;}*/
form fieldset input                        { width:152px;}
form fieldset textarea                  { border:1px solid black; padding: 5px;}
form small                              { display: block; margin: 0 0 5px 142px; padding: 1px 3px; font-size: 88%; zoom: 1;}

form div select                         { width: 150px; padding: 1px 0px;}

form fieldset input.inputSubmit         { font-size:14px;  height:30px; width:80px; font-size:14px; color:white; height:23px; width:68px; display:none; visibility:visible; background-image:url(../../images/contact_button_bg.jpg);}
form fieldset input.inputSubmit:hover   { text-decoration:none; color:white; background-image:url(../../images/contact_button_bg_hover.jpg);}

.img_input_l                            {margin-bottom:-3px; margin-right:-3px;height:15px; }
.img_input_r                            {margin-bottom:-3px; margin-left:-3px;height:15px; }

.img_select_l                            {margin-bottom:-4px; margin-right:-3px;height:17px; }
.img_select_r                            {margin-bottom:-4px; margin-left:-3px;height:17px; }


/* =========================== It's time to hack IE6 and chew bubblegum =========================== */
* html .main_r_header_container{ display:inline; width:500px;}
* html .main_r_footer_container{ display:inline; }
* html .header_b_box_header_container { display:inline; }
* html .header_b_box_footer_container { display:inline;}

* html .form_sigon_label                 {position:relative; left:18px;}
* html .form_edit_label                  {position:relative; left:18px;}
* html .form_signoff_label               {position:relative; left:18px;}


/* =========================== It's time to hack IE7 and chew bubblegum =========================== */
*:first-child+html .form_sigon_label    {position:relative; left:17px;}
*:first-child+html .form_edit_label    {position:relative; left:17px;}
*:first-child+html .form_signoff_label    {position:relative; left:17px;}
/* ======================================================================== =========================== */
