#GridHeader
{
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundGrey.gif);
    background-repeat: repeat-x;
    color: #245299;
    text-align: right;
    margin: 3px 15px 0px 4px;
    padding-left: 3px;
    line-height: 2em;
    vertical-align: top;
    height: 23px;
    border-right: #aca899 1px solid;
    border-top: #aca899 1px solid;
    border-left: #aca899 1px solid;
    border-bottom: #aca899 1px none;
}
.GridHeaderTitle
{
    display: block;
    float: left;
    height: 17px;
    border-style: none;
    padding-right: 2px;
    padding-top: 0px;
    margin-top: 2px;
    line-height: 17px;
    background-image: url(Images/CustomGrid/Listmode.gif);
    background-repeat: no-repeat;
    padding-left: 19px;
}
#GridFooter
{
    background-color: #D4D0C8;
    color: #245299;
    text-align: left;
    margin: 0px 15px 4px 4px;
    padding-left: 3px;
    line-height: 2em;
    vertical-align: top;
    height: 23px;
    border-right: #aca899 1px solid;
    border-top: #aca899 1px none;
    border-left: #aca899 1px solid;
    border-bottom: #aca899 1px solid;
}
.GridFooterText
{
    display: block;
    float: left;
    height: 17px;
    border-style: solid;
    border-width: 1px;
    border-color: gray white white gray;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    margin-top: 2px;
    line-height: 17px;
    width: 99%;
}
.GridContainer
{
    margin: 0px 15px 0px 4px;
    border: solid 1px #aca899;
    background-color: #C0C0C0;
    height: auto;
}
.GridDivContainer
{
    height: 85%;
    overflow-y: scroll;
    overflow-x: scroll;
}
.GridDivContainer DIV
{
    width:0px;
}

.GridColumnHeader
{
    position: relative;
}
.Grid
{
    color: #245299;
    width: 100%;
    margin-right: 20px;
    font-size: 11px;
    height: 100%;
    display:block;
    width:500px;
}

.Grid TH
{
    border-top: #aca899 1px none;
}

.GridTHA, .GridTHA:link, .GridTHA:visited, .GridTHA:active, .GridTHAstatic
{
    background-image: url(Images/CustomGrid/GridHeaderBackGround.gif);
    background-repeat: repeat-x;
    text-decoration: none;
    height: 20px;
    color: #245299;
    font-weight: 500;
    padding-top: 4px;
    padding-left: 1px;
    font-weight: 700;
    font-size: 10px;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    width: 100%;
    border-left: #aca899 1px solid;
    border-right: #f8f6f0 1px solid;
}
.GridTHA:hover
{
    background-image: url(Images/CustomGrid/GridHeaderBackGroundHover.gif);
}
.GridFiltered
{
    background-image: url(Images/CustomGrid/Filtered.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 6px;
    display: inline-block;
    position: relative;
    visibility: visible;
}
.GridSortedAscending
{
    background-image: url(Images/CustomGrid/Ascending.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 6px;
    display: inline-block;
    position: relative;
    visibility: visible;
}
.GridSortedDescending
{
    background-image: url(Images/CustomGrid/Descending.gif);
    background-repeat: no-repeat;
    background-position: left top;
    width: 6px;
    display: inline-block;
    position: relative;
    visibility: visible;
}
.GridSortSymbol
{
    background-image: url(Images/CustomGrid/ArrowDown.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 24px;
    cursor: pointer;
}
.GridSortSymbol:hover
{
    background-image: url(Images/CustomGrid/ArrowDownHover.gif);
}
.Grid TD
{
    border-style: solid solid solid none;
    border-width: 1px;
    border-color: #aca899;
    height: 22px;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
}
.GRE
{
    color: #245299;
    background-color: #FFFFE9;
}
.GRE:HOVER
{
    color: #ffffff;
    background-color: #6bba87;
}
.GRO:HOVER
{
    color: #ffffff;
    background-color: #6bba87;
}
.GRO
{
    color: #245299;
    background-color: #ffffff;
}
.GridRowSeparator
{
    color: #FFFFFF;
    background-color: #808080;
    font-weight: 700;
}
.toolBarButtonSeparator
{
    background-image: url(Images/CustomGrid/ToolBarButtonSeparator.gif);
    background-repeat: repeat-x;
    height: 23px;
    width: 2px;
    display: block;
    float: right;
}
.toolBarButtonCombo
{
    display: block;
    float: right;
    height: 19px;
    border-style: none;
    margin-right: 2px;
    padding-top: 0px;
    margin-top: 2px;
    line-height: 19px;
    font-size: 10px;
}
.toolBarButtonDimmed, .toolBarButtonDimmed:link, .toolBarButtonDimmed:visited, .toolBarButtonDimmed:active
{
    display: block;
    float: right;
    text-align: left;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 1px;
    color: #245299;
    font-weight: 500;
    text-decoration: none;
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundGrey.gif);
    background-repeat: repeat-x;
    height: 23px;
}
.toolBarButton, .toolBarButton:link, .toolBarButton:visited, .toolBarButton:active
{
    display: block;
    float: right;
    text-align: left;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 1px;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundGrey.gif);
    background-repeat: repeat-x;
    height: 23px;
}
.toolBarButton:hover
{
    text-decoration: none;
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundOrange.gif);
    background-repeat: repeat-x;
}
.toolBarButton IMG
{
    padding-right: 3px;
}
.toolBarButtonCaption
{
    font-weight: 700;
    font-size: 10px;
    padding-right: 3px;
    color: #ffffff;
    cursor: default;
    position: relative;
    top: -4px;
    cursor: pointer;
}
.toolBarItem
{
    display: block;
    float: right;
    text-align: left;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 1px;
    color: #245299;
    font-weight: 500;
    text-decoration: none;
    font-size: 10px;
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundGrey.gif);
    background-repeat: repeat-x;
    height: 23px;
    cursor: pointer;
}
.GridWarning
{
    background-image: url(Images/CustomGrid/Warning.png);
    background-repeat: no-repeat;
    color: #ff0000;
    padding-left: 20px;
    background-color: #ffffff;
    font-weight: 700;
    font-size: 11px;
    border: solid 1px #aca899;
    display: block;
    height: 30px;
    vertical-align: middle;
}
.FilterListContainer
{
    display: none;
    overflow-y: scroll;
    overflow-x: hidden;
    border-style: outset;
    border-width: 2px;
    border-color: #FFFFFF #aca899 #aca899 #FFFFFF;
    font-size: 11px; 
    height: 300px;
    position: absolute;
}
.ColumnListContainer
{
    display: none;
    overflow-y: hidden;
    overflow-x: hidden;
    border-style: none outset outset none;
    border-width: 2px;
    border-color: #FFFFFF #aca899 #aca899 #FFFFFF;
    font-size: 11px;
    height: 300px;
    position: absolute;
}

.ColumnListFooter
{
    background-color: #D4D0C8;
    color: #245299;
    text-align: left;
    margin: 0px;
    padding-left: 2px;
    padding-top: 0px;
    line-height: 2em;
    vertical-align: top;
    height: 23px;
    border-right: #aca899 1px solid;
    border-top: #aca899 1px solid;
    border-left: #aca899 1px solid;
    border-bottom: #aca899 1px solid;
}
.ColumnListFooterText
{
    display: block;
    float: left;
    height: 17px;
    border-style: solid;
    border-width: 1px;
    border-color: gray white white gray;
    padding-right: 2px;
    padding-left: 3px;
    padding-top: 0px;
    margin-top: 2px;
    line-height: 17px;
    width: 97%;
}
.ColumnList
{
    font-size: 11px;
    background-color: #ffffff;
    overflow-y: scroll;
    overflow-x: hidden;
    border-top: #aca899 1px solid;
    border-left: #aca899 1px solid;
    border-style: solid none none solid;
}
.FilterList
{
    border-style: none;
    font-size: 11px;
    background-color: #ffffff;
}
.FilterListItemDouble
{
    color: #245299;
    height: 32px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
}
.FilterListItem
{
    color: #245299;
    height: 16px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
}
.FilterListItemOdd
{
    color: #245299;
    height: 16px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
    background-color:#ffffff;
}
.FilterListItemEven
{
    color: #245299;
    height: 16px;
    width: 100%;
    cursor: pointer;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
    background-color:#FFFFCC;
}
.FilterListItem:hover,.FilterListItemEven:hover,.FilterListItemOdd:hover
{
    background-image: url(Images/CustomGrid/MenuLinkHover.gif);
}
.FilterListItemDouble:hover
{
    background-image: url(Images/CustomGrid/ItemHoverDouble.gif);
}
.FilterListItemReadOnly
{
    color: #245299;
    height: 16px;
    cursor: default;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
    font-style: italic;
    background-color: #ffffff;
}
.FilterListItemReadOnlyOdd
{
    color: #245299;
    height: 16px;
    cursor: default;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
    font-style: italic;
    background-color: #ffffff;
}
.FilterListItemReadOnlyEven
{
    color: #245299;
    height: 16px;
    cursor: default;
    white-space: nowrap;
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 2px;
    font-style: italic;
    background-color:#ffffc0;
}
.flUnsort
{
    background-image: url(Images/CustomGrid/ItemUnsort.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.flSortAsc
{
    background-image: url(Images/CustomGrid/ItemSortAsc.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.flSortDesc
{
    background-image: url(Images/CustomGrid/ItemSortDesc.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.fldisplayAll
{
    background-image: url(Images/CustomGrid/ItemdisplayAll.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.fldisplayAllDouble
{
    height:40px;
    background-image: url(Images/CustomGrid/ItemdisplayAll.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.flCheckedReadOnly
{
    background-image: url(Images/CustomGrid/ItemCheckedReadOnly.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    width:150px;
    float:left;
}
.flMandatory
{
    background-image: url(Images/CustomGrid/ItemMandatory.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float:right;
    margin-top:-3px;
}
.flGroupBy
{
    background-image: url(Images/CustomGrid/ItemGroupBy.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float:right;
    margin-top:-3px;
}
.flSorted
{
    background-image: url(Images/CustomGrid/ItemSort.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float:right;
    margin-top:-3px;
}
.flFiltered
{
    background-image: url(Images/CustomGrid/ItemFiltered.gif);
    background-position: left center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    float:right;
    margin-top:-3px;
}
.flChecked
{
    background-image: url(Images/CustomGrid/ItemChecked.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.flUnchecked
{
    background-image: url(Images/CustomGrid/ItemUnchecked.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.fl
{
    padding-left: 20px;
}
.imgPage
{
    margin-top: 3px;
    cursor: pointer;
}
.imgPageDimmed
{
    margin-top: 3px;
    opacity: 0.2;
    filter: alpha(opacity=20);
    zoom: 1; /* needed to trigger "hasLayout" in IE if no width or height is set */
}
.toolBarButtonDimmed, .toolBarButtonDimmed:link, .toolBarButtonDimmed:visited, .toolBarButtonDimmed:active, .toolBarButtonDimmed:hover
{
    display: block;
    float: right;
    text-align: left;
    padding-left: 4px;
    padding-right: 3px;
    padding-top: 1px;
    color: #245299;
    font-weight: 500;
    text-decoration: none;
    background-image: url(Images/CustomGrid/ToolBarButtonBackGroundGrey.gif);
    background-repeat: repeat-x;
    height: 23px;
    cursor: default;
}