.dataTypeShow { 
  color: gray; 
  padding-right: 5px;
}
td.treeviewNodeContent {
 padding-top: 1px; 
 padding-left: 2px;
 white-space: nowrap;
}
.dataTypeLabel { 
  text-decoration: none; 
  color: black;
}
.dataTypeLabel:hover {
  color: black; 
}
.dataTypeComplexLabel { 
  text-decoration: none; 
  font-weight: bold; 
  color: black;
}

.dataTypeView { 
  margin-left: 50px; 
  height: 250px;
  overflow:auto;
}

.dataTypeViewport { 
  margin-left: 30px; 
  border: 10px solid red; 
  height: 300px; overflow:auto;
}

.dataTypePreviewTitle { 
  border-bottom: 1px dotted #A2A2A2; 
  background-color: #EFEFEF; 
  padding:4px; 
  font-size:12px;
}

.mainDataTypePreview {
  padding-left: 10px; 
  height: 300px; 
  overflow:auto; 
  border-bottom: 1px solid #A2A2A2;
}

.warningContainer {
  height:140px; 
  overflow:auto; 
  border-bottom: 1px solid #A2A2A2;
}

.tallWarningContainer {
  height:440px; 
  overflow:auto; 
  border-bottom: 1px solid #A2A2A2;
}

.dataTypeMessage {
  background-repeat: no-repeat; 
  background-position: 10px center; 
  padding:6px 10px 6px 40px; 
  border-bottom: 1px dotted #A2A2A2; 
}

.dataFieldLabel { 
  padding: 1px;
  text-decoration: none; 
  color: black;
}
.dataFieldLabel:hover {
  color: black; 
}
.dataFieldLabelSelected { 
  padding: 1px;
  text-decoration: none; 
  color: white;
  background-color: #3463BF;
}
.dataFieldLabelSelected:hover { 
  color: white; 
}

.dataFieldComplexLabel { 
  padding: 1px;
  text-decoration: none; 
  font-weight: bold; 
  color: black;
}
.dataFieldComplexLabel:hover {
  color: black; 
}
.dataFieldComplexLabelSelected { 
  padding: 1px;
  text-decoration: none; 
  font-weight: bold; 
  color: white;
  background-color: #3463BF;
}
.dataFieldComplexLabelSelected:hover { 
  color: white; 
}