div.fwGridViewWrap
{
    margin-bottom: 25px;
}

div.tabData div.fwGridViewWrap
{
    /* Onder lijstjes in tabpanels geen margin. */
    margin-bottom: 0;
}

div.fwGridViewWrap div.pnlBorder
{
    /* Eventuele horiziontale scrollbar op de pnlBorder, zodat beide gridviews (header en lijst) horizontaal mee-scrollen. */
    /* Als er geen 'gvScroll' is, wordt er ook een verticale scrollbar weergegven op pnlBorder als de lijst langer is dan */
    /* de div. Dit is van toepassing op brede lijsten zonder fixed header. Voor die lijsten kan ingesteld worden dat beide */
    /* scollbars op dezelfde div ingesteld worden, zodat de gebruiker niet helemaal naar rechts moet scrollen om aan de */
    /* verticale scrollbar te kunnen. */
    overflow: auto;
}

/* Enkel wanneer er scrollbars zijn, hebben we de div 'pnlBorder'. Dus daarom staat deze er niet bij in de selector.*/
div.fwGridViewWrap div.pnlCenter
{
    margin: 0 auto;
}

div.fwGridViewWrap table.trsgridview
{
    /* Zorgt ervoor dat de EmptyDataTemplate gecentreerd wordt, en kan geen kwaad voor tabellen mét data, want die worden */
    /* altijd even breed weergegeven als de div eromheen (pnlContainer). */
    margin: 0 auto;
}

div.fwGridViewWrap div.pnlBorder div.pnlCenter div.gvScroll
{
    /* Eventuele verticale scrollbar enkel op de gvScroll, zodat enkel de lijst en niet de header verticaal mee-scrollt. */
    overflow: auto;
}

div.fwGridViewWrap table.trsgridview tr td
{
    /* Vooral van belang bij tablecellen waarin de tekst over meerdere regels gewrapped wordt. */
    line-height: 20px;
}


div.fwGridViewWrap table.trsgridview tr td.wrap
{
    /* Wrap text */
    white-space: normal;
}

div.fwGridViewWrap div table tr.firstrow td
{
    /* Voorkomen dat er tussen de fixed header tabel en de */
    /* eerste rij van de body tabel een dubbel border staat. */
    border-top: 0;
}

div.fwGridViewWrap div table
{
    border-collapse: collapse; /* Opgelet zit ook bij FwMobile.css */
}

div.fwGridViewWrap table.trsgridview tr
{
    z-index: 10; /* zorgt ervoor dat de header boven de wegscrollende rijen blijft */
}

/* Opgelet zit ook bij FwMobile.css */
div.fwGridViewWrap table tr.GridviewSubHeader
{
    background-color: Teal;
    color: #FFFFFF;
    font-style: italic;
    font-weight: bold;
    text-align: center;
}

div.fwGridViewWrap table tr th,
div.fwGridViewWrap table tr td
{
    padding: 0 5px;
    height: 20px;
    white-space: nowrap;    /* Opgelet zit ook bij FwMobile.css */
}

/* Opgelet zit ook bij FwMobile.css */
div.fwGridViewWrap table tr th /* Headerkolom */
{
    text-align: center;
}

/* Enkel maar zaken die door fw_format_columns overruled kunnen worden */
/* Opgelet zit ook bij FwMobile.css */
div.fwGridViewWrap table tr th.defaultHeaderStyle 
{
    background-color: #FFCC44;
    text-decoration: none;
}

div.fwGridViewWrap table tr th.defaultHeaderStyle,
div.fwGridViewWrap table tr th.defaultHeaderStyle a 
{
    color: Black;
}

/* Opgelet zit ook bij FwMobile.css */
div.fwGridViewWrap table tr td.numeric
{
    text-align: right;
}

/* Opgelet zit ook bij FwMobile.css */
div.fwGridViewWrap table tr td.gDel
{
	background-color: Gray;
    color : White;
}

/* MIME column */
div.fwGridViewWrap table tr td .mimeIcon img
{
    height: 19px;
    width: 19px;
}

/* Rowcount */
/* ======== */

span.lblRowCount
{
    display: block;
    margin-top: 5px;
    height: 15px;
}


/* Toolbar */
/* ======= */

div.toolbar
{
    float: right;
}

div.toolbar input
{
    display: block;
    float: left;
    overflow: hidden;
}

div.toolbar input.icon 
{
    background-color: transparent;
    border: 0;
    height: 32px;
    margin-top: 10px;
    outline: none;
    width: 32px;
}

div.toolbar input.button
{
    width: 80px;
    margin: 5px 0 5px 10px;
}

div.toolbar input.icon:nth-child(2) 
{
    margin-left: 10px;
}


/* Grids in een datacontrol */
/* ======================== */

div.tabData div.fwGridViewWrap div table.trsgridview
{
    /* Lijstjes in een datacontrol mogen de volledige breedte van het tabpanel innemen, */
    /* zodat smalle lijstjes niet in de rechterbovenhoek van het tabpanel staan. */
    /* De kolombreedtes worden hierdoor automatisch bepaald op basis van de inhoud. Eventueel */
    /* kan wel overwogen worden om op bepaalde langere kolommen wrapping te enabelen, maar */
    /* als de bepaalde kolommen te lang zouden worden wordt de tabel breder en wordt er een */
    /* horizontale scrollbar weergegeven. */
    width: 100%;
}


/* EmptyDataTemplate */
/* ================= */

div.fwGridViewWrap div table tr td:has(> p.pEmptyGridViewText) 
{
    border: 0;
}

div.fwGridViewWrap div table tr td p.pEmptyGridViewText
{
    margin-top: 12px;
}