body, td {
  font-family: arial,sans-serif;
  color: black;
  margin: 0;
}

button {
  margin: 5px;
  padding: 0 5px;
  font-size: x-small;
  color: black;
  border: solid 1px red;
  background-color: #fff;
  width: 150px;
 }

.label {
  font-weight: bold;
  font-size: smaller;
  margin-left: 5px;
  margin-right: 5px;
}

.option {
  cursor: pointer; cursor: hand;
  color: black;
  font-size: smaller;
  text-decoration: underline;
}

.sep {
  padding: 5px;
}

button.default {
  font-weight: bold
}

.lighter {
  background-color: #e0ecff;
}

.darker {
  background-color: #C3D9FF;
}

.status {
  font-size: smaller;
}

.error {
  color: red;
  font-size: smaller;
}

.remove {
  cursor: pointer; cursor: hand;
  color: black;
  font-size: x-small;
  text-decoration: underline;
}

.treenodelabel {
  font-size: x-small;
}

.treenodelabel:hover {
  font-size: x-small;
  text-decoration: underline;
}

.treenodechildcount {
  font-size: x-small;
  color: black;
}

/* Guy & Gautier */

.gTitle {
  position: relative;
  text-align: right;
  display: block;
  font-size: large;
  width: 99%;
  padding: 5px 0.5%;
}

.gTitleA, .gTitleC {
  float: left;
  font-weight: bold;
  color: black;
}

.gTitleB, .gTitleD {
  text-align: right;
  font-weight: bold;
  color: black;
}

#GHcontainer {
  font-size: small;
  padding: 1em;
}

.gridReport {
  color: white;
  border: 2px solid #c3daf9;
  margin: 0px 0px 25px;
  border-collapse: collapse;
}

/*.gridReport tbody {
	height: 390px;
	max-height: 390px;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
}*/

.gridReport td {
  /*border: 1px dotted #c3daf9;*/
  border: 0px none;
  padding: 3px 20px 3px 3px;
  text-align: right;
}

.gridReport .innerOF td {
	width: 7em;
}

.gridReport img {
	border: 0;
}

.gridReport td.GHnumRowGrpLine {
	font-weight: bold;
	/*border-bottom: 2px solid #c3daf9;*/
}

.gridReport tbody tr td {
	height: 1em;
}


/*
 * gCRTfirst : gridColumnRow00
 * gCT : gridColumnTitle
 * gRT    : gridRowTitle
 * gRPair : grid Row Pair
 * gCPair : grid Column Pair
 */

.gCT td {
	background-color: #006;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
        width: 7em;
}

.gCTfirst {
	background-color: #006;
	color: #FFF;
	text-align: center;
	vertical-align: bottom;
        width: 21em;
}

.gCTfirst a {
	color: #c3daf9;
	font-size: 0.9em;
}


.gridReport td.gRT {
	font-weight: bold;
	color: #006;
        width: 21em;
	text-align: left;
}

.gRPair {
	background-color: #F0F2FF;
}

.feedback div {
  margin: 10px;
}

.treeContainer {
  width: 250px;
}