/*<![CDATA[*/

.datagrid {
  width: 96%;
  background-color: #fbf9f3;
  margin-bottom: 12px;
}

.datagrid tbody tr.row_alt {
  background-color: #fefcf9;
}

.datagrid caption {
  border: 1px solid #dddddd;
  background-color:#fbf9f3;
  padding: 2px;
  color : #999;
  font-size : 12px;
  font-weight : bold;
  margin-bottom: 6px;
  text-transform:capitalize;
}

.datagrid thead tr th {
  text-transform:capitalize;
  padding-left: 8px;
  padding-right: 8px;
  font-size : 12px;
}

.datagrid tbody tr td {
  white-space:normal; /* nowrap */
  padding: 4px;
  font-size : 12px;
}

.datagrid tfoot tr td {
  text-transform:capitalize;
  font-size : 12px;
}

.datagrid tbody a {
  color: #0000ff;
  text-transform:uppercase;
  text-decoration:none;

  border: 1px solid #cccccc;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  color: #999999;

  margin-left: 4px;
  margin-right: 12px;
  font-size : 12px;
}

.datagrid tbody a:hover {
  border: 1px solid #999999;

  color: #333333;
  background-color: #F6F6F6;
}

/*]]>*/