.Grid 
{ 
  border: 1px solid #57566F; 
  border-bottom: 2px solid #57566F; 
  background-color: #FFFFFF;
  cursor: pointer;
}

.GridHeader
{
  background-color: #8988A5; 
  border-bottom: 1px solid #57566F; 
  height: 28px;
  padding-left: 3px;
  cursor: default; 
  color: #FFFFFF;  
  font-weight: bold;
  vertical-align: middle;
}

.GridHeaderText
{
  color: #FFFFFF;  
}

.GridFooter
{
  cursor: default; 
  padding: 5px;
  height: 48px;
  vertical-align: bottom;
}

.GridFooterText
{
  color: #000000;  
}

.HeadingRow 
{ 
  background-color: #E9E9EB; 
}

.HeadingCell 
{ 
  background-color: #E9E9EB; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
}

.HeadingCellHover
{ 
  
}

.HeadingCellActive
{ 
}


.HeadingCellText
{
  font-weight: bold; 
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.HeadingCellTextSmall
{
 font-size : 11px;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 5px;
}

.Row 
{ 
  background-color: #FFFFFF; 
}

.Row td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
} 
.RedRow 
{ 
  background-color: #FFA0A0; 
}

.RedRow td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
} 

.SortedDataCell 
{ 
  background-color: #F5F5F5; 
} 


.Row td.LastDataCell 
{ 
  background-color: #EFEFF4; 
} 

.SelectedRow 
{ 
}

.SelectedRow td.DataCell 
{ 
  background-color: #FFEEC2; 
  padding: 2px; 
  padding-left: 3px; 
  padding-top: 1px; 
  padding-bottom: 1px; 
  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-left: 2px; 
  padding-right: 3px; 
}

.SelectedRow td.LastDataCell 
{ 
  background-color: #FFEEC2; 
  border-right: 1px solid #4B4B6F; 
}

.GroupHeading
{
  color: #706F91; 
  background-color: #FFFFFF; 
  font-weight: bold;
  border-bottom: 2px solid #A5A4BD; 
  padding-top: 10px;
  padding-bottom: 3px;
}

.GroupByCell
{
  cursor: pointer;
}

.GroupByText
{
  color: #FFFFFF;   
  font-weight: bold; 
  padding-right: 5px;
}

.SliderPopup
{
  background-color: #ffffff; 
  border: 1px solid #4B4B6F; 
  border-top-color: #9495A2; 
  border-left-color: #9495A2; 
  font-size: 11px; 
  font-family: Verdana;
  color: #000000;
}

.AlternatingRowClass
{ 
  background-color: #eeeeee; 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  cursor: pointer;
}

.AlternatingRowClass td.DataCell 
{ 
  padding: 3px; 
  padding-top: 2px; 
  padding-bottom: 1px; 
  border-bottom: 1px solid #EAE9E1; 
} 

.GridScrollBar
{
  background-image: url(../images/ComponentArt/scroller/scroller_bg.gif);
  background-color:GrayText;
}

.GridScrollGrip
{
 background-image: url(../images/ComponentArt/scroller/scroll_gripBg.gif);
 background-color:Gray;
}
/*Grid Collapse */
.GridCollapseClass
{
  cursor: default;
}

.GridCollapseRowClass
{
  BACKGROUND-COLOR: #ffffff
}

.GridCollapseDataCell 
{
  BORDER-RIGHT: #ddecfe 1px solid;
  PADDING-RIGHT: 4px;
  FONT-SIZE: 10px;
  CURSOR: default;
  FONT-FAMILY: verdana
}

.GridCollapseAlternatingRowClass 
{
  BACKGROUND-COLOR: #ddecfe
}

.GridCollapseHeaderClass 
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana
}

.GridCollapseHeadingCellClass 
{
  PADDING-RIGHT: 10px;
  PADDING-LEFT: 4px;
  HEIGHT: 20px
}

.GridCollapseHeadingTextClass 
{
  PADDING-LEFT: 5px;
  FONT-WEIGHT: bold;
  FONT-SIZE: 10px;
  FONT-FAMILY: verdana;
  WHITE-SPACE: nowrap
}

.GridCollapseHeadingRowClass 
{
  background-image: url(../images/ComponentArt/blue_bg.gif);
 
}    
.GridCollapseSelectorCell 
{
  BORDER-RIGHT: 0px;
  BORDER-TOP: 0px;
  background-image: url(../images/ComponentArt/blue_bg.gif);
  BORDER-LEFT: 0px;
  BORDER-BOTTOM: 0px;
  HEIGHT: 20px
}

.GridCollapseSelectedRowClass 
{
  BORDER-RIGHT: #040484 1px solid;
  BORDER-TOP: #040484 1px solid;
  BORDER-LEFT: #040484 1px solid;
  BORDER-BOTTOM: #040484 1px solid;   BACKGROUND-COLOR: #90a8d0
}

.GridCollapseSelectedRowClass TD.DataCell 
{
  BORDER-RIGHT: #90a8d0 1px solid
}

.GridCollapseIndentCell 
{
  BORDER-RIGHT: 0px;
  BACKGROUND: #a9c7f4;
  HEIGHT: 20px
}
/* End - Grid Collapse CSS */    
    
/* START - tab strip CSS */
.TopGroup
{
  z-index:99;
  position:relative;
}

.DefaultTab 
{ 
  font-weight: bold;
  background-color: #E8E8E7;
  border: 1px solid #ADADAD;
  cursor:pointer;
}

.DefaultTabHover 
{
  font-weight: bold;
  background-color: #E8E8E7;
  border: 1px solid #ADADAD;
  cursor:pointer;
}

.SelectedTab 
{
  font-weight: bold;
  background-color: #FFFFFF;
  border: 1px solid #ADADAD;
  border-bottom-color: #FFFFFF;
  cursor:pointer;
}

.DisabledTab 
{
  font-weight: bold;
  background-color: #f4f4f4;
  border: 1px solid #ADADAD;
  cursor:default;
}

.TabContentTable
{  
  border: 1px solid #919B9C; 
}
/* END - tab strip CSS */
    


/* START - popup calendar */
.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}
/* END - popup calendar */


/* START - combo box */


.comboBox 
{ 
  border: 1px solid #A6A7AA; 
  background-color: white; 
}

.comboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white; 
}

.comboDropDown 
{ 
  border: 1px solid #868686; 
  position:relative;
  background-color: white; 
  padding: 1px;
  padding-right: 0px;
  width: 500px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.comboTextBoxHover
{
  background-color: #B2B4BF; 
}

.comboItem
{
  font-family: Verdana; 
  font-size: 11px; 
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comboItemHover
{
  background-color: #B2B4BF; 
  background-image: url(images/comboItemBg.gif);
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}
   
/* END - combo box */   


/* START - tree view */
.TreeView 
{ 
	cursor: default;
}

.TreeNode 
{ 
}
.SelectedNode 
{
	background-color: "#ffd76b";	 
	cursor: pointer;
}
/* END - tree view */


/* START - modal window */

.modalHeader
{
	cursor:hand;
	background-color: #cccccc;
}
.modalDialog
{
    background-color: #eeeeee;
}

/* END - modal window */