/*
Description: Styles for DetailsView tables.
*/

@media screen
{
    /* Main selector for the details view table element. */
    .DetailsView_Default
    {
        border: solid 1px #959595;
        border-collapse: collapse;
        caption-side: top;
        table-layout: auto;
        margin-bottom: 1em;
        clear: both;
        background-image: url(/Images/Backgrounds/detailsBgGradient.gif);
        background-repeat: repeat-x;
        background-color: #f0f0f0;
    }

    /* Caption */
    .DetailsView_Default caption
    {
        display: none;
    }

    /* Header cells. */
    .DetailsView_Default td.HeaderCell
    {
        font-size: 85%;
        font-weight: bold;
        color: #202020;
        text-align: right;  
        padding-left: 16px;  
        padding-right: 4px;   
    }

    /* All table cells. */
    .DetailsView_Default td
    {
        color: #000040;
        padding: 4px 16px 4px 4px;
        border: 0;
        vertical-align: top;
    }

    /* Labels within data cells. */
    .DetailsView_Default td span
    {
        color: #000040;
    }

    /* Necessary to reset the padding for nested elements. */
    .DetailsView_Default td td
    {
        padding: 0;
        border: 0;
    }
    
    /* Empty data cell. */
    .DetailsView_Default .EmptyDataRow td
    {
        padding: 5px 5px 5px 5px;
        font-size: 85%;
        font-style: italic;
        color: #404040;
        background-color: #fcfcfc;
    }    
}

@media print
{
    /* Main selector for the details view table element. */
    .DetailsView_Default
    {
        border: solid 1px #959595;
        border-collapse: collapse;
        caption-side: top;
        table-layout: auto;
        margin-bottom: 1em;
        clear: both;
        background-image: url(/Images/Backgrounds/detailsBgGradient.gif);
        background-repeat: repeat-x;
        background-color: #f0f0f0;
    }

    /* Caption */
    .DetailsView_Default caption
    {
        display: none;
    }

    /* Header cells. */
    .DetailsView_Default td.HeaderCell
    {
        font-size: 85%;
        font-weight: bold;
        color: #000040;
        text-align: right;  
        padding-left: 16px;  
        padding-right: 4px;    
    }

    /* All table cells. */
    .DetailsView_Default td
    {
        color: #000040;
        padding: 4px 16px 4px 4px;
        border: 0;
        vertical-align: top;
    }

    /* Labels within data cells. */
    .DetailsView_Default td span
    {
        color: #000040;
    }

    /* Necessary to reset the padding for nested elements. */
    .DetailsView_Default td td
    {
        padding: 0;
        border: 0;
    }
    
    /* Empty data cell. */
    .DetailsView_Default .EmptyDataRow td
    {
        padding: 5px 5px 5px 5px;
        font-size: 85%;
        font-style: italic;
        color: #404040;
        background-color: #fcfcfc;
    }   
}