.Grid
{
    border: 1px solid #57566F;
    border-bottom: 2px solid #57566F;
    background-color: #FFFFFF;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.GridHeader
{
    background-image: url(../../images/grid/grid_headerBg.gif);
    background-color: #8988A5;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 0px;
    cursor: default;
}

.GridHeaderText
{
    color: #FFFFFF;
    font-family: verdana;
    font-size: 10px;
}

.GridFooter
{
    cursor: default;
    padding: 5px;
    vertical-align: bottom;
}

.GridFooterText
{
    color: #000000;
    font-family: verdana;
    font-size: 11px;
}

.HeadingRow
{
    background-color: #E9E9EB;
    background-image: url(../../images/grid/header_rowBg.gif);
}

.HeadingCell
{
    background-image: url(../../images/grid/header_bg.gif);
    background-color: #E9E9EB;
    padding: 3px;
}

.HeadingCellHover
{
    background-image: url(../../images/grid/header_hoverBg.gif);
    background-color: #F6F6F7;
}

.HeadingCellActive
{
    background-image: url(./images/grid/header_activeBg.gif);
    background-color: #F6F6F7;
}

.HeadingRow td.FirstHeadingCell
{
    background-image: url(../../images/grid/header_bg.gif);
}

.HeadingCellText
{
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 5px;
}

.Row
{
    background-color: #FFFFFF;
    cursor: default;
}

.Row td.DataCell
{
    padding: 3px;
    border: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    border-right: 1px solid #EAE9E1;
}

.AlternatingRow
{
    cursor: default;
    background-color: #F6F6F8;
}

.AlternatingRow td.DataCell
{
    padding: 3px;
    background-color: #F6F6F8;
    border: 1px solid #E6E6E6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}

.SortedDataCell
{
    background-color: #F5F5F5;
}


.Row td.LastDataCell
{
    background-color: #EFEFF4;
}

.SelectedRow
{
}

.SelectedRow td.DataCell
{
    background-color: #FFEEC2;
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
}

.SelectedRow td.FirstDataCell
{
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0px;
    padding-right: 3px;
}

.SelectedRow td.LastDataCell
{
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F;
}

.GroupHeading
{
    color: #706F91;
    background-color: #FFFFFF;
    font-family: verdana;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #A5A4BD;
    padding-top: 10px;
    padding-bottom: 3px;
}

.GroupByCell
{
    cursor: pointer;
}

.GroupByText
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
}


.SliderPopup
{
    background-color: #FFF4D7;
    border: 1px solid #4B4B6F;
    border-top-color: #9495A2;
    border-left-color: #9495A2;
    width: 288px;
    height: 60px;
}

.ScrollBar
{
    background-image: url(../../images/grid/scroller/scroller_bg.gif);
}

.ScrollGrip
{
    background-image: url(../../images/grid/scroller/scroll_gripBg.gif);
}

.ScrollPopup
{
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    height: 23px;
}

/* fixed Largesize */
.RowFixed
{
    background-color: #FFFFFF;
    cursor: default;
    height: 70px;
    vertical-align: middle;
}

.RowFixed td.DataCell
{
    padding: 3px;
    border: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
}

.AlternatingRowFixed
{
    cursor: default;
    background-color: #F6F6F8;
    height: 70px;
    vertical-align: middle;
}

.AlternatingRowFixed td.DataCell
{
    padding: 3px;
    background-color: #F6F6F8;
    border: 1px solid #E6E6E6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}

.SelectedRowFixed
{
    height: 70px;
}

.SelectedRowFixed td.DataCell
{
    background-color: #FFEEC2;
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
}

.SelectedRowFixed td.FirstDataCell
{
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0px;
    padding-left: 2px;
    padding-right: 3px;
}

.SelectedRowFixed td.LastDataCell
{
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F;
}

/* fixed medium size */
.RowFixedMed
{
    background-color: #FFFFFF;
    cursor: default;
    height: 42px;
    vertical-align: middle;
}

.RowFixedMed td.DataCell
{
    padding: 3px;
    border: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px;
}

.AlternatingRowFixedMed
{
    cursor: default;
    background-color: #F6F6F8;
    height: 42px;
    vertical-align: middle;
}

.AlternatingRowFixedMed td.DataCell
{
    padding: 3px;
    background-color: #F6F6F8;
    border: 1px solid #E6E6E6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
}

.SelectedRowFixedMed
{
    height: 42px;
}

.SelectedRowFixedMed td.DataCell
{
    background-color: #FFEEC2;
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
}

.SelectedRowFixedMed td.FirstDataCell
{
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0px;
    padding-left: 2px;
    padding-right: 3px;
}

.SelectedRowFixedMedtd.LastDataCell
{
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F;
}