/*
 *      CSS for coenForms
 *
        700 = [label:155+10] = [field:515+20]
        
        float-probleem opgelost door alle containers floating te maken.
            overflow: hidden = mooier, maar onhandig met CKEditor-vergroten.
 */

.form a                 { color: #337aa8; }
.form a:hover           { color: #46a8e7; }
.form a:active,
.form a:visited         { color: #419bd2; }

/* ------------------
    Form structure
   ------------------ */

form.form               { width: 720px; margin: 0 auto; font-family: arial, sans-serif; font-size: 10pt; }

div.form {
    float: left; clear: right; position: relative; width: 720px; padding: 5px 0 5px 0; margin: 5px; background: #f2f2f2; border: 1px solid #999;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#999999');
}

/* slightly different markup if the first row is a header: */
div.form.headertop                                      { padding-top: 8px; }
div.form.headertop .row.header:first-child              { margin-top: 0; }


div.form fieldset       { margin: 5px 0 5px 0; padding: 5px 0 5px 0; border: 2px solid #ccc; border-left: 0; border-right: 0; }

div.form .row           { float: left; clear: both; width: 700px; position: relative; padding: 2px 0 2px 0; margin: 0 10px 0 10px; /*overflow: hidden;*/ border-bottom: 1px solid #d8d8d8; border-top: 1px solid white; background-color: #ececec; }
                          
div.form .row.header    { width: 684px; margin: 12px 8px 8px 8px; padding: 4px 0 2px 20px; border: 1px solid #444; border-left: 0; border-right: 0; 
                          background-color: #444; background-image: url(../img/vgrd_dark_24.png); background-repeat: repeat-x;
                          border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
                          }

/* div.form .row.fout              { background-color: #FFD4D4; background-image: url(../img/coenForm/fout.gif); background-position: 5px 14px; background-repeat: no-repeat; border: 1px solid #FFA7A7; border-left: 0; border-right: 0; } */
div.form .row.fout              { background-image: url(../img/coenForm/fout.gif); background-position: 5px 14px; background-repeat: no-repeat; border: 1px solid #B00; border-left: 0; border-right: 0;
                                  -moz-box-shadow: 0 0 2px #8E2213; -webkit-box-shadow: 0 0 2px #8E2213; box-shadow: 0 0 2px #8E2213;
                                }
div.form .row.fout .label       { color: #800; }

div.form .row.blank             { background: transparent; border: 0; }
    
div.form .row .header           { float: left; width: 555px; text-align: left; margin: 0; padding: 5px 10px 5px 15px; font-weight: bold; font-size: 10pt;
                                  text-shadow: 1px 1px 0 rgba(0,0,0,0.25); color: #fff; text-shadow: 1px 1px #000; }
div.form .row .label            { float: left; width: 155px; height: 20px; text-align: right; padding: 9px 10px 0px 0; font-size: 9pt; font-weight: bold; }
div.form .row .label.full       { width: 680px; text-align: left; padding-left: 12px; }

div.form .row .field            { float: right; width: 510px; min-height: 26px; text-align: left; margin: 0; padding: 2px 10px 2px 10px; /*overflow: hidden;*/ }
/* div.form .row .buttonfield      { float: right; width: auto; padding: 12px 40px 12px 0; } */
div.form .row .buttonfield      { float: left; width: 680px; padding: 12px 20px 12px 12px; }
div.form .row .field.full       { float: left; width: 680px; }

div.form .row .field .fieldrow                  { margin: 0 0 2px 0; padding: 1px 0 1px 0; min-height: 26px; /*overflow: hidden;*/ }
div.form .row .field .fieldrow.divider          { border-top: 1px solid #ccc; margin-top: 4px; padding-top: 4px; min-height: 28px; background-image: url(../img/coenForm/bg_fieldrowdivider.png); background-repeat: repeat-x; background-position: 0 0; }

/* div.form .row.fout .field .fieldrow.divider     { border-top: 1px solid #FFA7A7; background: none; } */


/* bijzondere formulierdelen (field parts) */
div.form .row .field .part              { display: block; float: left; clear: none; font-size: 9pt; }
div.form .row .field span.part.text     { float: left; margin: 3px 5px 0 5px; line-height: 20px; color: #666; }
div.form .row .field span.part.static   { margin: 3px 5px 0 5px; line-height: 20px; }
div.form .row .field span.part.label    { padding: 0 10px 0 0; text-align: right; width: auto; margin: 3px 5px 0 5px; line-height: 20px; } /* was float: none; -- waarom? omdat ik wilde dat labels boven textareas er zo uitzagen.. */
div.form .row .field span.part.labeltx  { text-align: left; width: auto; margin: 3px 5px 0 5px; line-height: 20px; font-weight: bold; } /* dus deze gebruiken als nodig */
div.form .row .field .check             { margin: 2px 0 0 0; border: 1px solid #ececec; /* invis.border for steady position */ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
div.form .row .field .check label       { display: block; margin-top: 4px; -moz-user-select: none; }
div.form .row .field br.fieldbr         { display: block; clear: both; }

div.form .row .field .required          { float: left; width: 16px; height: 16px; margin: 4px 10px 0 -3px; border: 0; outline: 0; background-image: url(../img/coenForm/icon_small_required.png); background-repeat: no-repeat; }
div.form .row.fout .field .required     { background-image: url(../img/coenForm/icon_small_required_fout.png); }
div.form .required_notice               { position: absolute; left: 100px; top: 19px; width: 120px; color: #828282; font-style: italic; line-height: 17px; }
div.form .required_notice .required     { float: left; width: 16px; height: 16px; margin: 0 3px 0 0; border: 0; outline: 0; background-image: url(../img/coenForm/icon_small_required_notice.png); background-repeat: no-repeat; }

div.form .row .field .help              { position: absolute; display: block; left: 667px; width: 24px; height: 24px; outline: 0; text-decoration: none; color: #000;
                                          background-image: url(../img/coenForm/icon_small_help.png); background-position: 2px 2px; background-repeat: no-repeat; }
div.form .row .field .help:hover        { background-image: url(../img/coenForm/icon_small_help_on_btu.png); }

/*
div.form .row.fout .field .help         { background-image: url(../img/coenForm/icon_small_help_fout.png); }
div.form .row.fout .field .help:hover   { background-image: url(../img/coenForm/icon_small_help_fout_on.png); }
*/

div.form .row .field .custom            { float: left; clear: none; }

div.form .row .field span.empty         { color: #888; font-style: italic; }

div.form a.tooltip                      { position: relative; display: block; cursor: default; padding: 0 8px 0 8px; outline: 0; text-decoration: none; }
div.form a.tooltip:hover                { text-decoration: none; }


/* overige dingen, geen invulvelden */
div.form .formspacer    { clear: both; height: 5px; font-size: 5px; }
div.form .separator     { float: left; clear: both; height: 3px; margin: 6px 12px 5px 12px; width: 696px; padding: 0; border: 1px solid #888;
                          background-color: #bbb; 
                          border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}


div.form img.inFieldRow { display: block; float: left; margin: 2px 4px 0 4px;  }

/* ---------------------
    buttons
   --------------------- */

.buttonfield button { outline: 0; }

/* --- button divs left/right --- */
.buttons.left { float: left; }
.buttons.right { float: right; }

/* --- large for form buttonfield --- */
.buttons a, .buttons button {
    position: relative; display: block; float: left; height: 32px; width: auto; margin: 0 7px 0 0; padding: 0 15px 0 35px; white-space: nowrap; word-wrap: normal; vertical-align: middle; *overflow: visible; cursor: pointer;
    background-color: #f5f5f5; background-image: url(../img/vgrd_3x40.png); background-repeat: repeat-x; background-position: left 0px;
    color: #555; font-family:arial; font-size:12px; font-weight:bold; text-decoration:none; text-shadow: 1px 1px 0px #fff; letter-spacing: 1px;
    border: 1px solid #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: 1px 1px 0 #aaa, inset 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #aaa, inset 1px 1px 0 #fff; box-shadow: 1px 1px 0 #aaa, inset 1px 1px 0 #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');
    outline: 0;
}
.buttons a:hover, .buttons button:hover {
    color: #444; background-position: left -40px;
    -moz-box-shadow: 1px 1px 0 #666, 1px 1px 2px #888, inset 1px 1px 0 #fff, inset 0 0 2px #fff; -webkit-box-shadow: 1px 1px 0 #666, 1px 1px 2px #888, inset 1px 1px 0 #fff, inset 0 0 2px #fff; box-shadow: 1px 1px 0 #666, 1px 1px 2px #888, inset 1px 1px 0 #fff, inset 0 0 2px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}
.buttons a:active, .buttons button:active {
    color:#555; background-position: left -80px; border: 1px solid #999;
    background-color: #e4e4e4; background-image: none; text-shadow: none;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), 1px 1px 0 #fff, -1px -1px 0 #ddd; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#000000');
}

.buttons button span { position: relative; display: block; margin: 0; padding: 0; height: 32px; line-height: 32px; outline: 0; }
.buttons button img { position: absolute; display: block; top: 8px; left: 15px; margin: 0; padding: 0; border: none; width: 16px; height: 16px; opacity:0.9; filter:alpha(opacity=90); }


/* --- mid-size --- */
.buttons.mid button { height: 26px; width: auto; padding: 0 7px 0 27px; background-image: url(../img/vgrd_3x40.png); font-size: 12px; }
.buttons.mid button:hover { background-position: left -40px; }
.buttons.mid button:active { background-position: left -80px; }
.buttons.mid button span { height: 24px; line-height: 24px; }
.buttons.mid button img { top: 5px; left: 7px; }
    
/* --- small-size --- */
.buttons.small button { height: 21px; width: auto; padding: 0 7px 0 21px; background-image: url(../img/vgrd_3x20.png); font-size: 11px; }
.buttons.small button.noimg { padding: 0 10px 0 10px; }
.buttons.small button:hover { background-position: left -20px; }
.buttons.small button:active { background-position: left -40px; }
.buttons.small button span { height: 18px; line-height: 18px; }
.buttons.small button img { top: 2px; left: 5px; }


/*      colors: */
/*      -- positive / green */
.buttons a.positive, .buttons button.positive { color: #427310; background-image: url(../img/vgrd_3x40_g.png); }
.buttons a.positive:hover, .buttons button.positive:hover { border-color: #98C16F; background-color: #E6EFC2; background-position: left -40px; text-shadow: 1px 1px 0px #FAFFE4; -moz-box-shadow: 0 0 2px #98C16F, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FAFFE4; -webkit-box-shadow: 0 0 2px #98C16F, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FAFFE4; box-shadow: 0 0 2px #98C16F, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FAFFE4; }
.buttons a.positive:active, .buttons button.positive:active { border-color: #506738; background-color: #DAEF82; background-image: none; text-shadow: none; -moz-box-shadow: inset 0 1px 3px #6A864D, 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 1px 3px #6A864D, 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 1px 3px #6A864D, 1px 1px 0 #fff, -1px -1px 0 #ddd; }

/*      -- negative / red (partial) */
.buttons a.negative_partial, .buttons button.negative_partial { color: #962213; }

/*      -- custom / red (full) */
.buttons a.negative, .buttons button.negative { color: #962213; background-image: url(../img/vgrd_3x40_r.png); }
.buttons a.negative:hover, .buttons button.negative:hover { border-color: #B9695F; background-color: #FFDAD6; background-position: left -40px; text-shadow: 1px 1px 0px #FFE4E0; -moz-box-shadow: 0 0 2px #E4B7B3, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FFE4E0; -webkit-box-shadow: 0 0 2px #E4B7B3, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FFE4E0; box-shadow: 0 0 2px #E4B7B3, 1px 1px 0 #708E52, inset 1px 1px 0 #fff, inset 0 0 4px #FFE4E0; }
.buttons a.negative:active, .buttons button.negative:active { color: #7B1C10; border-color: #73423C; background-color: #F7C2BB; background-image: none; text-shadow: none; -moz-box-shadow: inset 0 1px 3px #73423C, 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 1px 3px #73423C, 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 1px 3px #73423C, 1px 1px 0 #fff, -1px -1px 0 #ddd; }


/*      disabled */
.buttons button[disabled], a[disabled], .buttons button[disabled]:hover, a[disabled]:hover, .buttons button[disabled]:active, a[disabled]:active {
    color:#888; border: 1px solid #aaa; background-color: #ededed; background-image: none; text-shadow: 1px 1px 0px #f2f2f2;
    -moz-box-shadow: inset 0 0 2px #bbb, 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 0 2px #bbb, 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 0 2px #bbb, 1px 1px 0 #fff, -1px -1px 0 #ddd; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#555555')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#555555');
    cursor: default;
}

/*      images on buttons */
.buttons button:hover img, .buttons a:hover img { opacity:1.0; filter:alpha(opacity=100); }
.buttons button:active img, .buttons a:active img { opacity:0.6; filter:alpha(opacity=60); }
.buttons button[disabled] img, .buttons a[disabled] img { opacity:0.4; filter:alpha(opacity=40); }

.buttons button.imgonly, .buttons a.imgonly { width: 40px; padding: 0; }
.buttons.mid button.imgonly, .buttons.mid a.imgonly { width: 32px; padding: 0; }
.buttons.mid button.imgonly img, .buttons.mid a.imgonly img { left: 8px; }
/* .buttons button.imgonly img, .buttons a.imgonly img { position: absolute; display: block; top: 4px; left: 0; margin: 0; }  */


/* smaller buttons in field-rows (right-aligned) */
.field .buttons a, .field .buttons button { float: right; margin: 0 30px 0 0; height: 26px; line-height: 100%; font-size: 9pt; padding: 0px 10px 1px 31px; }
.field .buttons a img, .field .buttons button img { top: 4px; left: 12px; }
/* .field .buttons button img, .field .buttons a img { margin: -3px 6px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; opacity:0.9; filter:alpha(opacity=90); } */

/* --- connected buttons --- */
.buttons a.left, .buttons button.left { margin-right: 1px; border-right: 0; -moz-border-top-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.buttons a.middle, .buttons button.middle { margin-left: 0; margin-right: 1px; border-left: 0; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.buttons a.right, .buttons button.right { margin-left: 0; border-left: 0; -moz-border-top-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }

.buttons button.left[disabled]:hover, a.left[disabled]:hover { margin-right: 1px; border-right: 0; }
.buttons button.middle[disabled]:hover, a.middle[disabled]:hover { margin-left: 1px; border-left: 0; margin-right: 1px; border-right: 0; }
.buttons button.right[disabled]:hover, a.right[disabled]:hover { margin-left: 0; border-left: 0; }

/* --- some small buttons w/ images on the right side instead */
.buttons.small button.imgr { padding: 0 21px 0 7px; }
.buttons.small button.imgr img { top: 2px; right: 5px; left: auto; }


/* ------------------
    Form elements
   ------------------ */

/* ------------------
    Form elements
   ------------------ */

/* --- normal state --- */
input.coenform[type=text], input.coenform[type=password], select.coenform, input.coenform[type=checkbox], textarea.coenform {
    outline: 0; background-color: #fefefe; background-image: url(../img/coenForm/bg_input_textnormal.png); background-repeat: repeat-x; background-position: 0 0px;
    -moz-box-shadow: inset 0 0 3px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 0 3px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 0 3px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#999999')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#999999');
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    border: 1px solid #999;
}
input.coenform[type=text], input.coenform[type=password] {
    float: left; margin: 2px 10px 0 1px; padding: 3px 2px 3px 2px; font-size: 13px; font-family: inherit; color: #000;
}
textarea.coenform {
    float: left; margin: 2px 3px 2px 1px; padding: 3px 2px 2px 2px; width: 99%; font-size: 13px; font-family: inherit;
    background-color: #fcfcfc; background-image: url(../img/coenForm/bg_input_textarea.png); background-repeat: repeat-x; background-position: 0 0; font-family: inherit;
    max-width: 506px;
}
textarea.fullwidth { max-width: 673px; }

select.coenform {
    float: left; margin: 2px 7px 0 1px; padding: 2px 2px 2px 2px; font-size: 13px; font-family: inherit; color: #000;
    background-color: #f9f9f9;
}
select.coenform option { background-color: #fdfdfd; }
select.coenform option:hover { background-color: #9ACBE6; }

input.coenform[type=checkbox] { float: left; width: 25px; height: 16px; outline: 0; }

input.coenform.readonly[type=text], input.coenform.readonly[type=password], textarea.coenform.readonly {
    border-color: #f0f0f0; background-color: #eee; background-image: url(../img/coenForm/bg_input_readonly.png); background-position: 0 0; background-repeat: repeat;
}

input.coenform.disabled[type=text], input.coenform.disabled[type=password], textarea.coenform.disabled, select.coenform.disabled {
    color: #aaa; border-color: #aaa; background-color: #eee; background-image: url(../img/coenForm/bg_input_disabled_light.png); background-position: 0 0; background-repeat: repeat;
}
.row.fout input.coenform[type=text], .row.fout input.coenform[type=password], .row.fout textarea.coenform,
	.row.fout input.coenform.readonly[type=text], .row.fout input.coenform.readonly[type=password], .row.fout textarea.coenform.readonly,
	.row.fout input.coenform.disabled[type=text], .row.fout input.coenform.disabled[type=password], .row.fout textarea.coenform.disabled,
	.row.fout select.coenform, .row.fout select.coenform.disabled
	{
    border-color: #DC6E6E; background-color: #FFF8F5; background-image: none; color: #880000;
    -moz-box-shadow: inset 0 0 3px #E0AAAA, 1px 1px 0 #FFE8E8, -1px -1px 0 #E0AAAA; -webkit-box-shadow: inset 0 0 3px #E0AAAA, 1px 1px 0 #FFE8E8, -1px -1px 0 #E0AAAA; box-shadow: inset 0 0 3px #E0AAAA, 1px 1px 0 #FFE8E8, -1px -1px 0 #E0AAAA; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#6F3030')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=315, Color='#6F3030');
}

/* --- hover --- */
input.coenform[type=text]:hover, input.coenform[type=password]:hover, select:hover, textarea.coenform:hover {
    border: 1px solid #666;
    -moz-box-shadow: inset 0 0 2px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; -webkit-box-shadow: inset 0 0 2px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; box-shadow: inset 0 0 2px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd;
}
input.coenform.disabled[type=text]:hover, input.coenform.disabled[type=password]:hover, textarea.coenform.disabled:hover, select.coenform.disabled:hover {
    border-color: #aaa;
}

.row.fout input.coenform[type=text]:hover, .row.fout input.coenform[type=password]:hover, .row.fout textarea.coenform:hover,
	.row.fout input.coenform.readonly[type=text]:hover, .row.fout input.coenform.readonly[type=password]:hover, .row.fout textarea.coenform.readonly:hover,
	.row.fout select.coenform:hover
	{
    border-color: #C13C3C;
}

/* --- focus --- */
input.coenform[type=text]:focus, input.coenform[type=password]:focus, select.coenform:focus, textarea.coenform:focus {
    border: 1px solid #3162AB; background-color: #fdfdfd;
    -moz-box-shadow: inset 0 0 2px #9ACBE6, 0 0 1px #9ACBE6; -webkit-box-shadow: inset 0 0 2px #9ACBE6, 0 0 1px #9ACBE6; box-shadow: inset 0 0 2px #9ACBE6, 0 0 1px #9ACBE6;
	background-position: 0 -5px;
}
textarea.coenform:focus { background-position: 0 -30px; }

input.coenform.readonly[type=text]:focus, input.coenform.readonly[type=password]:focus, textarea.coenform.readonly:focus {
        border-color: #aaa; background-position: 0 0;
} 

label.coenform 			{ line-height: 14px; text-shadow: 1px 1px 0px #fafafa; }
label.coenform:hover 	{ text-shadow: 1px 1px 0px #ffffff; color: #234372; }


/*
.row.fout input[type=text]:focus, .row.fout input[type=password]:focus, .row.fout textarea:focus, .row.fout input[type=text].readonly:focus, .row.fout input[type=password].readonly:focus, .row.fout textarea.readonly:focus, .row.fout select:focus {
    border-color: #9D3030; background-color: #FFFDFB;
}
*/


/* ------------------------
    form addons (nieuw)
   ------------------------ */
.row .field .check              { border: 1px solid #e5e5e5; -moz-box-shadow: inset 0 0 3px #ddd, 1px 1px 0 #fff, -1px -1px 0 #ddd; }
/* .row.fout .field .check         { border: 1px solid #FFA7A7 !important; -moz-box-shadow: inset 0 0 3px #FFA7A7; } */

/* achtergrond achter checkboxes (o.a.) .. */
.backgroundNeutral              { background-color: #f0f0f0; border: 1px solid #aaa; color: #000; }
.backgroundPositive             { background-color: #E8F99C; border: 1px solid #66A22A !important; color: #29480A; }
.backgroundPositive label       { text-shadow: none; }
    
/* .backgroundAuto                 { background-color: #9cd9f9; border: 1px solid #2a62a2 !important; color: #0b1c48; }         blue version */
.backgroundAuto                 { background-color: #f7f7f7; border: 1px solid #888 !important; color: #333; }
.backgroundAuto label           { text-shadow: none; }

/* .row.fout .backgroundNeutral    { background-color: transparent; border: 1px solid #e5e5e5;} */
    
/*
.backgroundNegative             { background-color: #FFD6D1; border: 1px solid #D12F19; color: #962213; }
.backgroundNegative label       { text-shadow: none; } */
.backgroundPositive label:hover, .backgroundNegative label:hover { color: #000; }


/* ---------------------
    jQuery Tooltip
   --------------------- */
#tooltip {
    position: absolute; z-index: 3000; padding: 0; font-family: inherit; font-size: 9pt; font-weight: normal; 
    color: #000; border: 1px solid #333; background-color: #fff; background-image: none;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    box-shadow: 2px 2px 8px #444; -moz-box-shadow: 2px 2px 8px #444; -webkit-box-shadow: 2px 2px 8px #444; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#555555');
}
#tooltip .wrap {
    padding: 8px 12px; margin: 3px; border: 1px solid #999; background-color: #e8e8e8; background-image: url(../img/coenForm/bg_tooltip_silver.png); background-repeat: repeat-x; background-position: 0 top;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    -moz-box-shadow: inset 0 0 3px #aaa; -webkit-box-shadow: inset 0 0 3px #aaa; box-shadow: inset 0 0 3px #aaa;
}
#tooltip h1, #tooltip div       { margin: 0; line-height: 1.3em; }
#tooltip p                      { margin-bottom: 5px; }
#tooltip h1                     { font-size: 9pt; margin-bottom: 4px; }

#tooltip .wrap .label           { float: left; clear: left; width: 90px; font-weight: bold; line-height: 20px; }
#tooltip .wrap .field           { float: left; clear: right; line-height: 20px; }

/* ---------------------------
    jQuery file upload style
   --------------------------- */

/* make
    size of input type=file == 2 or 3em (this makes it about the size of the button)
    both real and fake button move left (absolute) as far as it takes to clear the input text.
*/
/*
div.fileinputs          { position: relative; float: none; width: 420px; }
div.fakefile            { position: absolute; float: none; top: 0px; left: 0px; z-index: 1;  }
div.fakefile input      { width: 275px; }
div.fakefile img        { position: absolute; left: 300px; top: -2px; }

input[type=file] { position: absolute; left: 305px; margin: 0; padding: 0; font-size: 18px; }
.hidden          { position: relative; text-align: right; z-index: 2; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; }
*/


/* EOF */