﻿/**********************************
	formGrid
 **********************************/

/**********************************
	Settings
 **********************************/
fieldset.formGrid { Border: 0; }


legend {
    background-color: #0CACBC;
    border: solid 1px #000;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 2px 0px 2px;
}

fieldset.formGrid h1,
fieldset.formGrid h2,
fieldset.formGrid h3,
fieldset.formGrid h4,
fieldset.formGrid h5,
fieldset.formGrid h6 { clear: both; }


fieldset.formGrid input { }

fieldset.formGrid div.container {
    background-color: #f9f9f9;
    border: 1px solid #eee;
    margin-right: 5px;
}

fieldset.formGrid div.hidden {
    display: none;
    visibility: hidden;
}

/**********************************
	Layout
 **********************************/

fieldset.formGrid div.formRow,
fieldset.formGrid div.formRowBig,
fieldset.formGrid div.formRowWidgets {
    clear: both;
    height: 1%;
    padding: 5px;
    padding-bottom: 5px;
}

fieldset.formGrid div.formRow input.error,
fieldset.formGrid div.formRowBig input.error,
fieldset.formGrid div.formRowWidgets input.error { border: 1px solid red; }

fieldset.formGrid div.formRow:after,
fieldset.formGrid div.formRowBig:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

fieldset.formGrid .formRow label {
    display: block;
    float: left;
    line-height: 100%;
    margin: 1px 0 0 0;
    padding: 0 0 0 1%;
    position: relative;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons { float: left; }

fieldset.formGrid div.formRow div.horizontalCheckBoxes input,
fieldset.formGrid div.formRow div.horizontalRadioButtons input {
    float: left;
    margin-right: 2px;
    width: auto;
}

fieldset.formGrid div.formRow div.horizontalRadioButtons label,
fieldset.formGrid div.formRow div.horizontalCheckBoxes label {
    margin-right: 2px;
    width: auto;
}

fieldset.formGrid div.formRow input,
fieldset.formGrid div.formRow select,
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons { vertical-align: middle; }

fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons { float: left; }

fieldset.formGrid div.formRow div.verticalRadioButtons label,
fieldset.formGrid div.formRow div.verticalCheckBoxes label { float: none; }

fieldset.formGrid div.formRow div.verticalRadioButtons input,
fieldset.formGrid div.formRow div.verticalCheckBoxes input { width: auto; }

fieldset.formGrid div.formRowBig textarea { float: left; }

fieldset.formGrid div.formRowBig select { display: block; }



/**********************************
	Widths
 **********************************/

fieldset.formGrid div.formRowBig label,
fieldset.formGrid div.formRow label {
    padding-left: 10px;
    width: 100px;
}

fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons { width: 170px; }

fieldset.formGrid div.formRow input,
fieldset.formGrid div.formRow select,
fieldset.formGrid div.formRow div.verticalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalCheckBoxes,
fieldset.formGrid div.formRow div.horizontalRadioButtons,
fieldset.formGrid div.formRow div.verticalRadioButtons { width: 160px; }

fieldset.formGrid div.formRow textarea { width: 160px; }

fieldset.formGrid div.formRowBig select { width: 300px; }

/**********************************
	MultiColumns
 **********************************/

/* two columns 50/50 */

fieldset.twoColumnsEqual div.left,
fieldset.twoColumnsEqual div.right {
    float: left;
    width: 50%;
}

/* two columns small/big */

fieldset.twoColumnsSmallBig div.right,
fieldset.twoColumnsSmallBig div.left { float: left; }

fieldset.twoColumnsSmallBig div.right { width: 70%; }

fieldset.twoColumnsSmallBig div.left { width: 30%; }

/**********************************
	for all css
 **********************************/

#gastenBoekBeheer { color: black }

#gastenBoekBeheer .button {
    border: 1px solid;
    color: black;
}

#gastenBoekBeheer small { color: black }

#reportageDetails .nouploadtext { color: Red; }