@media screen
{
/* Table */
.MGLMGridView
{
    border: 1px solid #959595;
    border-collapse: collapse;
    caption-side: top;
    table-layout: auto;
    width: auto;
    position: relative;
    text-align: center;
    margin-bottom: 1em;
}

/* Caption. */
.MGLMGridView caption
{
    text-align: left;
    font-weight: bold;
    font-size: 85%;
    /*background-color: #d2ecd8;
    color: #486c4d;*/
    background-color: #d2d2d2;
    color: #404040;
    padding: 4px 8px 4px 8px;
    border-top: 1px solid #959595;
    border-right: 1px solid #959595;
    border-left: 1px solid #959595;
}

/* Header. */
.MGLMGridView .headerRow th
{
    font-size: 85%;
    font-weight: bold;
    color: #202020;
    background-color: #f4f4f4;
    background-image: url(/Images/Backgrounds/gridHeaderBg.gif);
    background-repeat: repeat-x;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #959595;
    padding: 3px 6px 3px 6px;
}

/* Links in the header row. */
.MGLMGridView .headerRow th a
{
    font-size: 100%;
    color: #202020;
    text-decoration: underline;
    font-weight: bold;
}

/* Hovered links in the header row. */
.MGLMGridView .headerRow th a:hover
{
    font-size: 100%;
    color: #7578FF;
    text-decoration: underline;
    font-weight: bold;
}

/* The sort arrow in the header. */
.MGLMGridView img.sortArrow
{
    margin: 0 0 0 5px;
}

/* Sorted column header. */
.MGLMGridView .sorted
{
    white-space: nowrap;
    text-align: left;
}

/* Data rows. */
.MGLMGridView .dataRow td
{
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #959595;
    background-color: #fcfcfc;
    color: #000040;
}

/* Data rows for match play. */
.MGLMGridView .matchDataRow td
{
    padding: 5px 5px 5px 5px;
    border-bottom: 1px dashed #959595;
    background-color: #fcfcfc;
    color: #000040;
}

 /* Alternating data cells for matches. */
.MGLMGridView .matchAlternatingItem td
{
    padding: 5px 5px 5px 5px;
    border-bottom: solid 2px #959595;
    background-color: #fcfcfc;
    color: #000040;
}

/* Cells that contain text data. */
.MGLMGridView th.textCell,
.MGLMGridView td.textCell
{
    text-align: left;
}

/* The primary field or column data cell. */
.MGLMGridView td.primaryColumn
{
    text-align: left;
}

/* Empty data cell. */
.MGLMGridView .emptyDataRow td
{
    padding: 5px 5px 5px 5px;
    font-size: 85%;
    font-style: italic;
    color: #404040;
    background-color: #fcfcfc;
}

/* Paging panel. */
.MGLMGridView .pagerRow td
{
    background-color: #d2d2d2;
    height: 24px;
    text-align: left;
    padding: 0 0 0 6px;
    font-size: 85%;
    color: #404040;
    font-weight: bold;
}

/* Inputs in the pager Panel. */
.MGLMGridView .pagerRow td input
{
    margin-top: 1px;
    float: left;
}

/* The pager page number label. */
.MGLMGridView .pagerRow td .pageNumber
{
    margin: 3px 6px 0 6px;
    float: left;
} 

/* Footer row cells. */
.MGLMGridView .footerRow td
{
    font-size: 85%;
    font-weight: bold;
    color: #000040;
    height: 16px;
    background-color: #f4f4f4;
    background-image: url(/Images/Backgrounds/gridHeaderBg.gif);
    background-repeat: repeat-x;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #959595;
    padding: 2px 6px 2px 6px;
}
}

@media print
{
/* Table */
.MGLMGridView
{
    border: 1px solid #959595;
    border-collapse: collapse;
    caption-side: top;
    table-layout: auto;
    width: auto;
    position: relative;
    text-align: center;
    margin-bottom: 1em;
}

/* Caption. */
.MGLMGridView caption
{
    text-align: left;
    font-weight: bold;
    font-size: 85%;
    /*background-color: #d2ecd8;
    color: #486c4d;*/
    background-color: #d2d2d2;
    color: #404040;
    padding: 4px 8px 4px 8px;
    border-top: 1px solid #959595;
    border-right: 1px solid #959595;
    border-left: 1px solid #959595;
}

/* Header. */
.MGLMGridView .headerRow th
{
    font-size: 85%;
    font-weight: bold;
    color: #000040;
    height: 16px;
    background-color: #f4f4f4;
    background-image: url(/Images/Backgrounds/gridHeaderBg.gif);
    background-repeat: repeat-x;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #959595;
    padding: 2px 6px 2px 6px;
}

/* Links in the header row. */
.MGLMGridView .headerRow th a
{
    font-size: 100%;
    color: #000040;
    text-decoration: underline;
    font-weight: bold;
}

/* Hovered links in the header row. */
.MGLMGridView .headerRow th a:hover
{
    font-size: 100%;
    color: #7578FF;
    text-decoration: underline;
    font-weight: bold;
}

/* The sort arrow in the header. */
.MGLMGridView img.sortArrow
{
    margin: 0 0 0 5px;
}

/* Sorted column header. */
.MGLMGridView .sorted
{
    white-space: nowrap;
    text-align: left;
}

/* Data rows. */
.MGLMGridView .dataRow td
{
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #959595;
    background-color: #fcfcfc;
    color: #000040;
}

 /* Alternating data cells for matches. */
.MGLMGridView .matchAlternatingItem td
{
    padding: 5px 5px 5px 5px;
    border-bottom: solid 3px #959595;
    background-color: #fcfcfc;
    color: #000040;
}

/* Cells that contain text data. */
.MGLMGridView th.textCell,
.MGLMGridView td.textCell
{
    text-align: left;
}

/* The primary field or column data cell. */
.MGLMGridView td.primaryColumn
{
    text-align: left;
}

/* Empty data cell. */
.MGLMGridView .emptyDataRow td
{
    padding: 5px 5px 5px 5px;
    font-size: 85%;
    font-style: italic;
    color: #404040;
    background-color: #fcfcfc;
}

/* Paging panel. */
.MGLMGridView .pagerRow td
{
    background-color: #d2d2d2;
    height: 24px;
    text-align: left;
    padding: 0 0 0 6px;
    font-size: 85%;
    color: #404040;
    font-weight: bold;
}

/* Inputs in the pager Panel. */
.MGLMGridView .pagerRow td input
{
    margin-top: 1px;
    float: left;
}

/* The pager page number label. */
.MGLMGridView .pagerRow td .pageNumber
{
    margin: 3px 6px 0 6px;
    float: left;
} 

/* Footer row cells. */
.MGLMGridView .footerRow td
{
    font-size: 85%;
    font-weight: bold;
    color: #000040;
    height: 16px;
    background-color: #f4f4f4;
    background-image: url(/Images/Backgrounds/gridHeaderBg.gif);
    background-repeat: repeat-x;
    border-right: solid 1px #959595;
    border-bottom: solid 1px #959595;
    padding: 2px 6px 2px 6px;
}
}