infoTemplate {
  padding: 5px;
}

.infoTemplate .buttonbar {
    height: 40px;
    margin-right: 5px;
}

.infoTemplate .buttonbarLeft, .infoTemplate .buttonbarRight {
/*     height:30px; */
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.infoTemplate .buttonbarLeft
{
    clear: both;
    float:left;
}

.infoTemplate .buttonbarRight
{
    float:right;
}

.infoTemplate .editArea, .infoTemplate .columnList, .infoTemplate .preview {
  margin-top: 5px;
}

.infoTemplate .left {
  float: left;
  margin: 5px;
}

.infoTemplate .heading {
  font-weight: bold;
}

.columnList li {
  margin: 1px;
  padding: 3px;
  background: #EEE;
  cursor: pointer;
}

.columnList li span {
  padding-right: 10px;
}

.columnList input {
	float: right;
}

.columnList .heading .name {
  color: blue;
  font-weight: bold;
}

.columnList .heading .bodyLine {
  font-weight: normal;
}

.infoTemplate .heading {
  font-weight: bold;
  font-size: 13px;
  color: blue;
}

.infoTemplate .bodyLine {
  font-size: 11px;
  color: black;
  padding-top: 1px;
  padding-bottom: 1px;
}

.infoTemplate .bodyLine .name {
  font-weight: bold;
}
.infoTemplate textarea {
  color: green;
}

.infoTemplate .right {
  float: right;
  margin: 5px;
}

.infoTemplate .preview {
  background: #ddf;
  border: solid 1px blue;
  font-weight: normal;
  padding: 4px;
}