.Grid { background-color: #FFFFFF; border: 1px solid #57566F; position:relative; width: 99.8%; }
.GridMainArea { width: 100%; }
.GridInner { background-color: #FFFFFF; border: 1px solid #57566F; border-bottom: 2px solid #57566F; width: 96.5%; }
.GridPopUp { background-color: #FFFFFF; border: 1px solid #57566F; border-bottom: 2px solid #57566F; width: 785px; }
.GridwithLeftMenu { background-color: #FFFFFF; border: 1px solid #57566F; border-bottom: 2px solid #57566F; min-height: 200px; width: 715px; }

.DataCell input { height: 13px; margin: 0; padding: 0; width: 13px; }
.EditDataCell { background-color: #E2E2E2; border-width: 0px !important; padding: 0px !important; }
.EditDataField { font-family: verdana; font-size: 10px; height: 13px; padding: 0px; padding-left: 1px; width: 98% !important; }

.GridsOuterHeader { background-color: #8988A5; background-image: url(Resources.aspx?Res=Grid.grid_headerBg.gif); 
                    color: #FFFFFF; cursor: default; font-family: verdana; font-size: 10px; position:relative; 
                    font-weight: bold; height: 20px; margin-left: 0px; padding-left: 3px; padding-top: 8px;}

.GridsOuterHeaderImg { float: left; margin-right: 10px; margin-top: -3px; }
.GridsRightHeaderLink { float: right; margin-right: 5px; margin-top: -12px; }
.GridsRightHeaderLink a { color: #ffffff; }

.GridHeader { background-color: #8988A5; background-image: url(Resources.aspx?Res=Grid.grid_headerBg.gif); border-bottom: 1px solid #57566F; 
              color: #FFFFFF; font-family: verdana; font-size: 10px; font-weight: bold; height: 28px; padding-left: 3px; 
              vertical-align: middle; }
.GridHeaderText { color: #FFFFFF; font-family: verdana; font-size: 10px; }
.GridHeaderText a { color: #FFFFFF; font-family: verdana; font-size: 10px; }
.GridHeaderTextNoSort { background:transparent url(Resources.aspx?Res=Grid.nosort.png) no-repeat right 5px; font-family: verdana; font-size: 10px; font-weight: bold; height: 20px; padding-left: 3px; 
						vertical-align: middle; }
.GridFooter { height: 20px; vertical-align: bottom; }
.GridFooterText { color: #000000; font-family: verdana; font-size: 11px; margin-right:5px; }

.DataAreaCssClass { height: 100%; width: 100%; }

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

.ScrollBar { background-image: url(Resources.aspx?Res=Grid.scroller_bg.gif); }
.ScrollGrip { background-image: url(Resources.aspx?Res=Grid.scroll_gripBg.gif); }
.ScrollPopup { background-color: #FFFFFF; border: 1px solid #666666; border-bottom-width: 2px; border-right-width: 2px; height: 23px; }

.SliderPopup { background-color: #FFF4D7; border: 1px solid #4B4B6F; border-left-color: #9495A2; border-top-color: #9495A2; 
               font-family: Verdana; font-size: 11px; height: 30px; width: 150px; }
.SortedDataCell { background-color: #F5F5F5; }

.HeadingRow { background-color: #E9E9EB; background-image: url(Resources.aspx?Res=Grid.header_rowBg.gif); z-index: 107; }
.ChkHeaderList { background-color: #FFFFFF; border: solid 1px #babfd6; display: block; font-size: 11px; overflow: hidden; 
                 position: absolute; text-align: left; width: 80px; z-index: 108; }
.ChkHeaderList a:link, .ChkHeaderList a:visited { display: block; text-decoration: none; padding: 2px; width: 80px; }
.ChkHeaderList a:hover, .ChkHeaderList a:focus { display: block; background-color: #babfd6; color: #ffffff; text-decoration: none; 
                                                 padding: 2px; width: 80px; }

.HeadingCell { background-color: #E9E9EB; background-image: url(Resources.aspx?Res=Grid.header_bg.gif); padding: 3px; padding-bottom: 2px; 
               padding-top: 2px; z-index: 105; }
.HeadingCellActive { background-color: #F6F6F7; background-image: url(Resources.aspx?Res=Grid.header_activeBg.gif); }
.HeadingCellHover { background-color: #F6F6F7; background-image: url(Resources.aspx?Res=Grid.header_hoverBg.gif); }
.HeadingCellText { font-family: verdana; font-size: 10px; font-weight: bold; padding-bottom: 5px; padding-top: 3px; text-align: center; }
.HeadingFirstDataCell { background-color: #E9E9EB; background-image: url(Resources.aspx?Res=Grid.header_bg.gif); padding: 3px; 
                        padding-bottom: 2px; padding-top: 2px; position: relative; z-index: 106; }

.Row { background-color: #FFFFFF; margin: 0; overflow: hidden; padding: 0; z-index: 100; }
.Row td { margin: 0; overflow: hidden; padding: 0; }
.Row td.DataCell { border-bottom: 1px solid #EAE9E1; font-family: verdana; overflow: hidden; font-size: 10px; padding: 2px 2px 1px 3px; text-overflow:ellipsis;}
.Row td.FirstDataCell { background-color: #EFEFF4; border-right: 1px solid #EFEFF4; }
.Row td.LastDataCell { background-color: #EFEFF4; border-right: 1px solid #EFEFF4; }
.Row:hover { background-color: #EFEFF4; margin: 0; overflow: hidden; padding: 0; }
.Row:hover td.LastDataCell { background-color: #EFEFF4; border-right: 1px solid #EFEFF4; }

.CheckedRow { background-color: #FFEEC2; }
.CheckedRow td.DataCell { background-color: #FFEEC2; border-bottom: 1px solid #FFEEC2; border-right: 0px; border-top: 1px solid #FFEEC2; 
                          font-family: verdana; font-size: 10px; padding: 1px 2px 1px 3px; z-index: 100; }
.CheckedRow td.FirstDataCell { background-color: #FFEEC2; border-left: 1px solid #FFEEC2; border-right: 0px; padding-left: 2px; 
                               padding-right: 3px; position: relative; z-index: 105; }
.CheckedRow td.LastDataCell { background-color: #FFEEC2; border-right: 1px solid #FFEEC2; position: relative; z-index: 105; }

.SelectedRow { background-color: #FFEEC2; }
.SelectedRow td.DataCell { background-color: #FFEEC2; border-bottom: 1px solid #FFEEC2; border-right: 0px; border-top: 1px solid #FFEEC2; 
                           font-family: verdana; font-size: 10px; padding: 1px 2px 1px 3px; z-index: 100; }
.SelectedRow td.FirstDataCell { background-color: #FFEEC2; border-left: 1px solid #FFEEC2; border-right: 0px; padding-left: 2px; 
                                padding-right: 3px; z-index: 105; }
.SelectedRow td.LastDataCell { background-color: #FFEEC2; border-right: 1px solid #FFEEC2; }

.GreenRow { background-color: #deffd0; }
.GreenRow td.DataCell { background-color: #deffd0; border-bottom: 1px solid #deffd0; border-right: 0px; border-top: 1px solid #deffd0; 
                          font-family: verdana; font-size: 10px; padding: 1px 2px 1px 3px; z-index: 100; }
.GreenRow td.FirstDataCell { background-color: #EFEFF4; border-left: 1px solid #EFEFF4; border-right: 0px; padding-left: 2px; 
                               padding-right: 3px; position: relative; z-index: 105; }
.GreenRow td.LastDataCell { background-color: #EFEFF4; border-right: 1px solid #EFEFF4; position: relative; z-index: 105; }

.AmberRow { background-color: #FFF58F; }
.AmberRow td.DataCell { background-color: #FFF58F; border-bottom: 1px solid #deffd0; border-right: 0px; border-top: 1px solid #deffd0; 
                          font-family: verdana; font-size: 10px; padding: 1px 2px 1px 3px; z-index: 100; }
.AmberRow td.FirstDataCell { background-color: #9F8A59; border-left: 1px solid #9F8A59; border-right: 0px; padding-left: 2px; 
                               padding-right: 3px; position: relative; z-index: 105; }
.AmberRow td.LastDataCell { background-color: #9F8A59; border-right: 1px solid #9F8A59; position: relative; z-index: 105; }

.GridLoader { font-size: 10px; font-family: Verdana; }
.IndentCellCssClass { text-align: center; cursor: pointer; }
.GridsCommandsMenuImage { float:right; margin-right:5px; margin-top:-12px; cursor:pointer; position:relative; display:block; }
.GridsCommandsMenu { border: solid 1px #babfd6; background-color: #ffffff; position: absolute; z-index: 91000; white-space:nowrap; }
.GridsCommandsMenu a { display: block; text-decoration: none; padding: 5px 5px 5px 2px; width: auto; color: #000; white-space:nowrap; }
.GridsCommandsMenu a:visited:hover { text-decoration: none; }
.GridsCommandsMenu a:hover { background-color: #babfd6; color: #ffffff; text-decoration: none;}
.GridsCommandsImages { margin-right: 3px; }