.Grid 
{ 
		background-image:url(images/loading.gif);
		font-size: 8pt;
		width: 98%;
		color: black;
		text-indent: 5pt;
		border-collapse: collapse;
		background-color: white;
		border:1;
        cursor: pointer;
        font-family: Tahoma;
}

.HeadingRow 
{ 
        background-color: #E2E2E2; 
        font-family: Tahoma;
}

.HeadingCell 
{ 
      background-color: #336699; 
      border: 1px solid green; 
      border-right-color: yellow; 
      border-bottom-color: black; 
      padding: 0px;
        font-family: Tahoma;
}

.HeadingCellText
{
        font-family: Tahoma; 
        font-size: 12px;
        /*font-weight: bold; */
        text-align: left;
        color: white;
        background-color: #336699 ;
        border-right: whitesmoke 2px;
        border-top: whitesmoke 2px;
        border-bottom: whitesmoke 2px;
        border-left: whitesmoke 2px;
}

.DataRow 
{ 
        font-family: Tahoma;
  background-color: #FFFFFF; 
}

.DataCell 
{ 
  cursor: default;
  padding: 3px; 
  border-right: 1px solid #EAE9E1; 
  border-bottom: 1px solid #EAE9E1; 
  font-family: Tahoma; 
  font-size: 12px; 
        font-family: Tahoma;
} 

.EditDataCell
{ 
  padding: 0px!important; 
  background-color: #E2E2E2; 
  border-width:0px!important;
        font-family: Tahoma;
} 

.EditDataField
{ 
  padding: 0px; 
  padding-left: 1px; 
  font-family: Tahoma; 
  font-size: 10px; 
  height: 13px;
  width: 98%!important; 
} 

.DataRow td.FirstDataCell 
{ 
  padding-left: 3px; 
        font-family: Tahoma;
} 

.SelectedRow 
{ 
 background-image: url(../Images/grid_selected_item_bg.gif);
  color: blue;
  background-color: #cde6ff; 
  font-family: Tahoma;
}
/*مربوط به اطراف سطر انتخاب شده*/
.SelectedRow td.DataCell 
{ 
  background-image:url(images/loading.gif);
  cursor: default;
  padding: 2px; 
  padding-left: 3px; 
  padding-bottom: 3px; 
  font-family: Tahoma; 
  font-size: 12px; 
  border-bottom: 1px solid #4B4B6F; 
  border-top: 1px solid #4B4B6F; 
  border-right: 0px; 
}
/*مربوط به ستون عمودي سمت راست*/
.SelectorCell 
{ 
  background-color: #336699; 
  border: 1px  #FFFFFF; 
  border-right-color: #B5B5B5; 
  border-bottom-color: #B5B5B5; 
}

.GridFooter
{
  cursor: default;
  padding:5px;
}

.GridFooter a 
{
  color: Black;
  font-weight: bold;
  vertical-align: bottom;
}

.PagerText
{ 
  font-family: Tahoma; 
  font-size: 11px; 
} 

.PanelGrid
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 200px;
	background-color: white;
}

.LargPanelGrid
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 500px;
	background-color: white;
}

.PanelCheckList
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	OVERFLOW-X: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 200px;
	width: 200px;
	background-color: white;
}

.PanelLargCheckList
{
	font-family: Tahoma;
	font-size: 6pt;
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	OVERFLOW-X: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 200px;
	width: 600px;
	background-color: white;
}

.PanelTree
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	OVERFLOW-X: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 400px;
	width:350;
	background-color: white;
}
.SmallPanelMain
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 170px;
	width:230;
	background-color: white;
}
.BigPanelMain
{
	border-right: gainsboro 1px ridge;
	padding-right: 0px;
	border-top: gainsboro 1px ridge;
	OVERFLOW-Y: scroll;
	border-left: gainsboro 1px ridge;
	border-bottom: gainsboro 1px ridge;
	height: 170px;
	width:410;
	background-color: white;
}
/*
.Grid
{
	font-size: 8pt;
	width: 98%;
	color: black;
	text-indent: 5pt;
	border-collapse: collapse;
	background-color: white;
	border:1;
}
*/
.GridHeader
{
	border-right: whitesmoke 2px;
	border-top: whitesmoke 2px;
	font-size: 8pt;
	vertical-align: sub;
	border-left: whitesmoke 2px;
	color: black;
	direction: rtl;
	border-bottom: whitesmoke 2px;
	font-family: Tahoma;
	height: 25px;
	background-color: lightslategray;
}


.GridItem
{
	border-left: darkgray 1px solid;
}

.GridRowSelected
{
	color: Red;
	background-color: Black;
}

.GridMouseOver
{
	color: Black;
	background-color: Blue ;
}

.GridOutOfRow
{
	color: Black;
	background-color: Gray;
}

.GridPager
{
	border-right: whitesmoke 2px;
	border-top: whitesmoke 2px;
	font-size: 10pt;
	vertical-align: sub;
	border-left: whitesmoke 2px;
	color: black;
	direction: rtl;
	border-bottom: whitesmoke 2px;
	font-family: Tahoma;
	height: 25px;
	background-color: lightgrey;
	
}