.Grid {
    border: 1px solid #57566F;
    border-bottom: 2px solid #57566F;
    background-color: #FFF;
    cursor: pointer
    }
/*used for contact grid**/
.ComponentGridHeaderText {
    color: Black;
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    text-align: center
    }
.ComponentGridHeaderRow {
    background: Transparent url(images/header.gif) repeat-x;
    height: 40px;
    text-align: center
    }
/*
.ComponentGridHeaderRow td
{
	text-align:center !important;
}
*/
.ComponentGridSortHeading {
    text-decoration: underline !important;
    color: Black;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    cursor: hand;
    cursor: pointer
    }
/*end of contact grid*/
.GridHeader {
    background-image: url(images/grid_headerBg.gif);
    background-color: #8988A5;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    color: #FFF;
    font-family: verdana;
    font-size: 10px;
    font-weight: bold;
    vertical-align: center
    }
.GridHeaderText {
    color: #FFF;
    font-family: verdana;
    font-size: 10px
    }
.GridFooter {
    cursor: default;
    padding: 5px;
    height: 48px;
    vertical-align: bottom
    }
.GridFooterText {
    color: #000;
    font-family: verdana;
    font-size: 11px
    }
.GridViewAlternatingRow {
    background-color: #DEEBF5;
    color: #036;
    font-family: Verdana, Arial, Sans-Serif
    }
.GridViewRow {
    background-color: #FFF;
    color: #036;
    font-family: Verdana, Arial, Sans-Serif;
    /*position:static;*/
    }
.GridViewSelectedRow {
    background-color: #E0FFFF;
    color: #0000A0;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold
    }
.HeadingRow {
    background-color: #E9E9EB;
    background-image: url(images/header_rowBg.gif)
    }
.HeadingCell {
    background-image: url(images/header_bg.gif);
    background-color: #E9E9EB;
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 2px
    }
.HeadingCellHover {
    background-image: url(images/header_hoverBg.gif);
    background-color: #F6F6F7
    }
.HeadingCellActive {
    background-image: url(images/header_activeBg.gif);
    background-color: #F6F6F7
    }
.HeadingRow td.FirstHeadingCell {
    background-image: url(images/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: #FFF;
    cursor: default
    }
.Row td.DataCell {
    padding: 3px;
    padding-top: 2px;
    padding-bottom: 1px;
    border-bottom: 1px solid #EAE9E1;
    font-family: verdana;
    font-size: 10px
    }
.SortedDataCell {
    background-color: #F5F5F5
    }
.Row td.LastDataCell {
    background-color: #EFEFF4
    }
.SelectedRow td.DataCell {
    background-color: #FFEEC2;
    padding: 2px;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-family: verdana;
    font-size: 10px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0
    }
.SelectedRow td.FirstDataCell {
    background-color: #FFEEC2;
    border-left: 1px solid #4B4B6F;
    border-right: 0;
    padding-left: 2px;
    padding-right: 3px
    }
.SelectedRow td.LastDataCell {
    background-color: #FFEEC2;
    border-right: 1px solid #4B4B6F
    }
.GroupHeading {
    color: #706F91;
    background-color: #FFF;
    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: #FFF;
    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;
    font-size: 11px;
    width: 150px;
    height: 30px
    }
.ScrollBar {
    background-image: url(images/scroller_bg.gif)
    }
.ScrollGrip {
    background-image: url(images/scroll_gripBg.gif)
    }
.GridClass {
    cursor: default;
    border-right: solid 1px #aaa
    }
.RowClass {
    background-color: #fff
    }
.DataCell {
    /*BORDER-RIGHT: #ddecfe 1px solid;
      PADDING-RIGHT: 4px;*/
    font-size: 10px;
    cursor: default;
    font-family: verdana;
    border-bottom: solid 1px #aaa
    }
.AlternatingRowClass {
    background-color: #ddecfe;
    text-align: center
    }
.BrokerRowClass {
    font-weight: bold
    }
.DivisionRowClass {
    font-weight: bold
    }
.RegionRowClass {
    font-weight: bold
    }
.OfficeRowClass {
    font-weight: bold
    }
.HeaderClass {
    font-weight: bold;
    font-size: 12px;
    font-family: verdana
    }
.HeadingCellClass {
    /*
      PADDING-RIGHT: 10px;
      PADDING-LEFT: 4px;
      background-color: #ddecfe;
      HEIGHT: 20px
    	border-right: solid 1px white*/
    }
.HeadingTextClass {
    font-weight: bold;
    font-size: 12px;
    font-family: verdana;
    white-space: nowrap
    }
.HeadingRowClass {
    background: url(images/header.gif);
    color: White;
    height: 25px
    }
.SelectorCell {
    border-right: 0;
    border-top: 0;
    background: url(images/blue_bg.gif);
    border-left: 0;
    border-bottom: 0;
    height: 20px
    }
.SelectedRowClass {
    background-color: #90a8d0
    }
.IndentCell {
    border-right: 0;
    background: #a9c7f4;
    height: 20px
    }
/*CssClass for Menu*/
.MenuScrollItem {
    background-color: #bbb;
    font-family: verdana;
    font-size: 12px;
    border: solid 1px #aaa;
    cursor: default;
    text-align: center
    }
.MenuScrollItemH {
    background-color: #bbb;
    color: black;
    font-family: verdana;
    font-size: 12px;
    border: solid 1px #aaa;
    cursor: default;
    text-align: center
    }