/*
  max-width: 400px;
 */
.cf-errorPanel {
  background-color: #fefcfa;
  padding: 8px;
  font-size: 10pt;
  line-height: 12pt;
  z-index: 9;
}

.cf-photo {
  border-top: 2px solid #8A99C7;
  border-bottom: 2px solid #8A99C7;
  background-color: #8A99C7;
  padding: 0px;
}
.cf-photoDialog {
  padding: 0px;
  border: 3px solid #6A79B0;
  background-color: #8A99C7;
  min-height: 100px;
  z-index: 6;
}

.cf-popPanel {
  border: 1px solid #6A79DF;
  background-color: #f6f7f8;
}

.cf-softPanel {
  border: 1px solid #a0b0c0;
  background-color: #f6f7f8;
}
.cf-softPanel2 {
	border: 2px solid #ebeceb;
	background-color: #f8fbf9;
}

.cf-blueGrayBackground {
  background-color: #e3e7e9;
  padding: 0px;
}
.cf-grayBackground {
  background-color: #f3f7f5;
}
.cf-grayBackGreenTop {
  background-color: #f3f7f5;
  border-top: 1px solid #a0b7a0;
}
.cf-whiteBack {
  background: #fcfdfd;
}
.cf-whiteBackGreenTop {
  background: #fbfcfc;
  border-top: 1px solid #a0b7a0;
}
.cf-whiteBackGreenBottom {
  background: #fbfcfc;
  border-bottom: 2px solid #a0b7a0;
}
.cf-greenTop {
  border-top: 2px solid #a0b7a0;
}
.cf-popPanelG2 {
  border: 2px solid #a0b7a0;
  background-color: #f3f7f5;
}

.gwt-Frame {
	border: 0px solid red;
	width: 100%;
}
.gwt-SuggestBoxPopup {
  border: 1px solid #6A79DF;
  background-color: #f8f9f8;
  max-height: 700px;
  overflow: scroll; 
  z-index: 6;
}

.gwt-SuggestBoxPopup .item {
  padding: 1px;
  height: 17px;
  min-width: 200px;
  color: #404040;
}

.gwt-SuggestBoxPopup .item-selected {
  background-color: #C7DfFF;
  padding: 1px;
  height: 17px;
  min-width: 200px;
}

.cf-button1 {
  background-color: #f0f0e0;
  border-color: #c0c0c0;
  cursor: pointer;
  font-size: 10pt;
  line-height: 11pt;
  padding: 1px;
  height: 22px;
}
.cf-button1:hover {color: #f18000;}

.cf-modeCell {
  font-size: 10pt;
}

.cf-popbutton {
  text-decoration: none;
  color: #675467;
  cursor: pointer;
}
.cf-popbutton:hover {color: #f18000;}

.cf-imageButton {
  color: #0000ff;
  background-color: #ffff00;
  cursor: pointer;
}
.cf-imageButton:hover {color: #f18000;}

.cf-table {
  border: 1px solid #c0d0c0;
  background-color: #f0f2f0;
}
.cf-tableCell {
  border: 1px #c0d0c0;
  border-style: solid none none solid;
  background-color: white;
  font-size: 8pt;
  line-height: 12pt;
}


.cf-editPanel {
  border: 3px solid #90a0d0;
  background-color: #fbfbfd;
  padding: 8px;
}

.cf-photoTableGroupHead {
  font-size: 10pt;
  line-height: 14pt;
  vertical-align: bottom;
}

.cf-creditCell {
  font-size: 8pt;
  line-height: 11pt;
  color: #505050;
  vertical-align: top;
  padding-bottom: 6px;
}
.cf-photoTableCell0 {
  background-color: white;
  border: 1px #e0f0e0 solid;
}
.cf-photoTableCell {
  padding-left: 6px;
  background-color: white;
  font-size: 9pt;
  line-height: 12pt;
  height: 24px;
  border: 1px #e0f0e0 solid;
  vertical-align: middle;
}
.cf-photoTableCellG {
  padding: 6px;
  background-color: white;
  font-size: 9pt;
  line-height: 12pt;
  border: 1px #e0f0e0 solid;
  color: #505050;
  height: 24px;
}
.cf-photoTableCellX {
  padding-left: 6px;
  background-color: #fdfda0;
  font-size: 9pt;
  line-height: 12pt;
  border: 1px #e0f0e0 solid;
  vertical-align: middle;
}


.cf-photoTableHeader {
  color: #424242;
  font-weight: bold;
  font-size: 8pt;
}

.cf-linkCell {
  font-size: 9pt;
  text-align: center;
}


.cf-textarea {
	width: 100%;
	height: 40px;
	font-size: 9pt;
}

.cf-searchResultCell {
  border-top: 1px #c0d0c0 solid;
  border-right: 1px #c0d0c0 solid;
  background-color: #ffffff;
  font-size: 9pt;
  line-height: 12pt;
}
.cf-searchResultCellR {
  border-top: 1px #c0d0c0 solid;
  background-color: #ffffff;
  font-size: 9pt;
  line-height: 12pt;
}

/* used in orecord/ and wupload/ TableOutput */
.idCell {
  border-top: 1px #c0d0c0 solid;
  border-right: 1px #c0d0c0 solid;
  background-color: #fdfdfd;
  font-size: 9pt;
  line-height: 12pt;
}

.idCellSelected {
  border-top: 1px #70bf90 solid;
  border-right: 1px #70bf90 solid;
  border-bottom: 1px #90e770 solid;
  border-left: 1px #87e367 solid;
  background-color: #a3f98f;
  font-size: 9pt;
  line-height: 12pt;
}


.cf-searchResultCellE {
  border-top: 1px #c0d0c0 solid;
  border-right: 1px #c0d0c0 solid;
  background-color: #ffecec;
  font-size: 9pt;
  line-height: 12pt;
}
.cf-searchResultHead {
  border-right: 1px #c5d5c5 solid;
  color: #405040;
  font-weight: bold;
  font-size: 8pt;
  line-height: 11pt;
  background-color: #f4f4f5;
}
  /* background-color: #faf9f8; */
.cf-searchResultHeadR {
  color: #405040;
  font-weight: bold;
  font-size: 8pt;
  line-height: 11pt;
  background-color: #f4f4f5;
}
.cf-searchPopPanel {
  border: 2px solid #b0c0e0;
  background-color: #fafbfc;
  padding: 4px 3px 4px 4px;
}