.Grid {
  border : 1px solid #DDDDDD;
  font : normal normal 10px/14px  MS Sans Serif,Arial,sans-serif;
  text-decoration: none;
  text-align:left;
  color : #000000;  
  margin:0;
  padding:0;
  
}

.GridCaption {
  font : normal normal 10px/14px  MS Sans Serif,Arial,sans-serif;
  text-decoration: none;
  text-align:left;
  color : #000000;  

  background-color : #CCCCCC;

  padding : 1px 2px 1px 2px;

  cursor:pointer;
  
  border-top : 1px solid #FFFFFF;
  border-left : 1px solid #FFFFFF;

  border-bottom : 1px solid #777777;
  border-right : 1px solid #777777;
}

.GridCaption:hover {
  border-top : 1px solid black;
  border-left : 1px solid black;

  border-bottom : 1px solid #FFFFFF;
  border-right : 1px solid #FFFFFF;
}

.GridCaptionInverted {
  border-top : 1px solid black;
  border-left : 1px solid black;

  border-bottom : 1px solid #FFFFFF;
  border-right : 1px solid #FFFFFF;
}

.GridCaptionLink {
  margin-left : 3px;
  font : normal normal 11px/11px MS Sans Serif,Arial,sans-serif;
  color: Black;
  text-transform: lowercase;
}

.GridCaptionLink:hover{
  text-decoration: underline;
  color: #00AA00;
}

.GridItem {
  font : normal normal 10px/14px  MS Sans Serif,Arial,sans-serif;
  text-decoration: none;
  text-align:left;
  color : #000000;  

  padding : 1px 3px 1px 2px;
  vertical-align : center;
  height : 15px;
  
}

.GridItemOdd {
  background-color : #FFFFFF;
  border-bottom : 2px solid #DDDDDD;  
  cursor: pointer;  
}

.GridItemEven {
  //background-color : #cfe3e2;
  background-color : #EEEEFF;
  border-bottom : 1px solid #DDDDDD;  
  cursor: pointer;  
}

.GridItemOdd:hover,.GridItemEven:hover {
  background-color : #00FF99;
}


.GridItemSelected,.GridItemEvenSelected {
  background:  #77AAFF;  
}

.GridItemDisabled {
  color: silver;
 }
 
.GridItemLocked {
  color : white;
  background-color : red;
}