/* Algemene layout voor ucData user controls die in een tabpanel worden weergegeven */

div.tabData 
{
    margin: 0px auto; /*Centreren */
}

/* Verhinderen dat er een hoogte ingesteld wordt voor gridviews in een tabData */
div.tabData div.gvScroll 
{
    /*height: auto;*/
}

div.tabData div div.fwGridViewWrap 
{
    width: inherit;
    margin-bottom: 0px;
}

div.tabData div.row
{
    padding-bottom: 2px;
}

div.tabData fieldset 
{
    border: 1px solid Gray;
}

div.tabData table
{
    border-collapse: collapse;
}

div.tabData table tr td,
div.tabData table tr th
{
    border: 1px solid Gray;
    margin: 0px;
    padding: 3px;
}

/* Voorkomen dat tabelopmaak invloed heeft op de datetimeselect */
div.tabData div.datetimeselect table tr td,
div.tabData div.datetimeselect table tr th
{
    border: 0px;
    margin: 0px;
    padding: 0px;    
}

div.tabData table tr td input.text
{
    margin: 0px !important;
}

/* voorkomen dat de kolommen in elkaar schuiven als de parent niet breed genoeg is. */
.tabPanelData2Col .row
{
    width: 788px; /* .tabPanelData2Col .col width * 2 */
}

.tabPanelData3Col .row
{
    width: 975px; /* .tabPanelData3Col .col width * 3 */
}

.tabPanelData2Col .col 
{
    width: 394px;
}

.tabPanelData3Col .col 
{
    width: 300px;
}

.tabPanelData2Col .col_shift_right
{
    margin-left: 394px;
}

.tabPanelData2Col input.text, 
.tabPanelData2Col textarea, 
.tabPanelData2Col select,
.tabPanelData2Col div.radlookup,
.tabPanelData2Col span.indent,
.tabPanelData2Col div.datetimeselect
{
    margin-left: 126px;
}

.tabPanelData2Col label 
{
    width: 122px; /* .tabPanelData2Col controls.margin-left - (label.padding-left + label.padding-right) */
}

.tabPanelData2Col label.suffix 
{
    /*text-align: left;*/
}

.tabPanelData2Col div.snelheden div.col
{
    width: 375px;
}

.tabPanelData2Col div.row div.mannspeed
{
    width: 240px;
}

.tabPanelData2Col div.row div.mannspeed label {
    width: 141px;
}

.tabPanelData2Col div.row div.mannspeed input {
    margin-left: 145px;
}

.tabPanelData2Col div.row div.col label.suffix
{
    width: 30px;
}

.tabPanelData2Col div.row div.col label.vrijboordsuffix,
.tabPanelData2Col div.row div.col label.hoogtesuffix
{
    margin-left: -4px;
}

.tabPanelData2Col div.snelheden div.col label.suffix
{
    margin-left: 2px;
}

.tabPanelData2Col div.row div.kapitein
{
    width: 788px;
}

.tabPanelData3Col input.text, 
.tabPanelData3Col textarea, 
.tabPanelData3Col select,
.tabPanelData3Col div.radlookup,
.tabPanelData3Col span.indent
{
    margin-left: 106px;
}

.tabPanelData3Col label 
{
    width: 102px; /* .tabPanelData3Col controls.margin-left - (label.padding-left + label.padding-right) */
}

.tabPanelData2Col input.text, 
.tabPanelData2Col textarea
{
    width: 220px;
}

.tabPanelData2Col select,
.tabPanelData2Col input.submit,
.tabPanelData2Col div.radlookup
{
    width: 226px; /* input[type=text].width + 1px */
}

.tabPanelData2Col div.radlookup input.readonly_no_button {
    width: 220px;
}

.tabPanelData3Col input.text, 
.tabPanelData3Col textarea
{
    width: 150px;
}

.tabPanelData3Col select,
.tabPanelData3Col input.submit
{
    width: 126px; /* input[type=text].width + 1px */
}

.tabPanelData2Col input.submit
{
    margin-right: 42px;
}


.tabPanelData2Col .txt_numeric,
.tabPanelData3Col .txt_numeric
{
    /*margin-left: 182px !important;*/ /* .tabPanelDataXCol .readonly width + .tabPanelDataXCol .readonly margin-left - .tabPanelDataXCol .txt_numeric width */
    width: 60px !important;
    
    /* +1px */
    /*height: 17px !important;*/
}

.tabPanelData2Col div.radlookup div.RadComboBox table tr td.rcbInputCell input.rcbInput 
{
    width: 190px !important; /* Breedte van de textboxes - (td.rcbArrowCell <-- is er niet meer, width + 1px + btnLookup margin-left + btnlookup width) */
}

/* Bij een popup enkel links padding */

body.Popup div.tabData
{
    padding: 0px 0px 0px 10px;
}

div div div.tabData div div.fwGridViewWrap
{
    margin: 0px;
}