body {
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 12pt;
  font-size: 10pt;
  margin: 0px 0px 0px 0px;
}

.selectHighlight {
	background-color: #fdfd90;
}
/*	font-size: 12pt; */

table {
  font-size: 100%;
}

button {
	cursor: pointer;
}
/*
*/
.abutton {
	background-color: white;
	border: 1px solid #fefefe;
	cursor: pointer;
	min-height: 24px;
}

.cf-pointer {
	cursor: pointer;
}

.cf-fixedMapPanel {
  position: fixed;
  z-index: 3;
  background-color: #f5f0f5;
  overflow: hidden;
}
.cf-gmap {
  padding: 0px;
  z-index: 0;
}
.cf-mapframe {
  margin: 0px 0px 0px 0px;
  border: 0px solid #606060;
}

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

.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;
}
.softPanelInside {
	background-color: #fafdfb;
	border: 1px solid #f9fcfa;
}
.grayPanel10 {
  background-color: #f8fbf9;
  border: 2px solid #dcdddc;
  padding: 12px;
}

.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;
}

.colorKeyPanel {
  padding-top: 10px;
  padding-bottom: 3px;
  padding-left: 3px;
}
.gwt-Frame {
	border: 0px solid red;
	width: 100%;
}
	/* min-height: 400px; */
.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-tableCell9 {
  border: 1px #c0d0c0;
  border-style: solid none none solid;
  background-color: white;
  font-size: 9pt;
  line-height: 12pt;
}
.cf-tableCell9X {
  border: 1px #c0d0c0;
  border-style: solid none none solid;
  background-color: #ffffb0;
  font-size: 9pt;
  line-height: 12pt;
}
.tableCell9B {
  border-top: 1px #d0e0d0 solid;
  color: #303030;
  background-color: white;
  font-size: 9pt;
  line-height: 13pt;
}
.tableCell9BL {
  border-top: 1px #d0e0d0 solid;
  color: #808070;
  background-color: white;
  font-size: 9pt;
  line-height: 11pt;
}


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

.grayBold {
  font-weight: bold;
  color: #304330;
}
.grayForeground {
	color: #404040;
}


.cf-tableHeader {
  color: #393939;
  font-weight: bold;
  font-size: 8pt;
  line-height: 9pt;
  background-color: #f0f2f0;
  height: 16px;
}

.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;
}
.arrowNotPressed {
  background-color: white;
  cursor: pointer;
}
.arrowPressed {
  background-color: #005000;
}

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


.cf-textarea {
	width: 100%;
	height: 40px;
	font-size: 9pt;
}
.greenTitle {
	font-size: 9pt;
	line-height: 12pt;
	color: #006300;
}

a {text-decoration: none; color: #101070;}
a:hover {color: #f18000;}
.bgrayLink {text-decoration: none; color: #203050;}
.lgrayLink {text-decoration: none; color: #494700;}
.llgrayLink {text-decoration: none; color: #606060;}
.lgreenLink {text-decoration: none; color: #007e10;}
.ddgreenLink {text-decoration: none; color: #006a00;}
.dgreenLink {text-decoration: none; color: #007100;}
.bblueLink {text-decoration: none; color: #0000b8;}
.lblueLink {text-decoration: none; color: #000090;}
.lblueLinkX {
	text-decoration: none;
	color: #2020b7;
	background-color: #f8f600;
}
.lblueLink-A9 {
	font-size: 9pt;
	line-height: 10pt;
}
.lblueLink-A8 {
	font-size: 8pt;
	line-height: 9pt;
}

.resizeThumb {
  width: 8px;
  height: 25px;
  z-index: 5;
}
.resizeThumbFixed {
  width: 8px;
  height: 25px;
  z-index: 5;
  position: fixed;
}

.pageTitle {
	color: #106010;
	text-shadow: 0px 0px 1px #a0b090, -1px -1px 3px #e0f0e0;
	background-color: #c8d8c7;
	line-height: 20pt;
}
.pageTitleHeavy {
	text-shadow: -1px -1px 4px #d5e5d5, 1px 1px 4px #d7e7d7;
	background-color: #c9d8c8;
	line-height: 20pt;
}
.A14 {
	font-size: 14pt;
	line-height: 18pt;
}


/* top right bottom left */
.statusDialog {
	font-size: 11pt;
	line-height: 15pt;
	padding: 4px 8px 0px 12px;
	min-height: 50px;
	max-width: 600px;
	border: 4px solid #aaccf7;
	background-color: #fafeff;
	z-index: 9;
}
.modeButton {
	font-size: 10pt;
	color: #0010aa;
}
/*	width: 85px; */

.loginPanel {
	color: #400050;
	background-color: #f6f7f8;
	border: solid 2px #e9ebe9;
}
.loginContainer {
	font-size: 10pt;
	background-color: #f6f5f5;
	border: 1px solid #dee0f0;
	z-index: 7;
}
.popupFrameA {
	color: #400050;
	background-color: #f0f2f4;
	border: 2px solid #687ca3;
}
/*
.xcomboBox {
	background-color: #fdfdff;
	border: 1px solid #707070;
	padding: 2px;
	font-size: 10pt;
	line-height: 15pt;
}
*/
.rightPad {
	padding-right: 22px;
}

.textValue {
	background-color: #ffffff;
	border:  1px #a0a0a0;
	border-style: solid none none solid;
	padding: 2px;
	min-height: 12px;
}
.textOutline {
	background-color: white;
	border: 1px solid #a0a0a0;
	padding: 1px 0px 0px 4px;
}
.infoW {
	font-size: 10pt;
	padding-bottom: 16px;
	max-width: 230px;
line-height:1.35;
overflow:hidden;
}
/*
	line-height: 15pt;
line-height:1.35;
overflow:hidden;
white-space:nowrap;
*/
.vspace4 {
	margin: 0px;
	padding: 0px;
	height: 6px;
	font-size: 1px;
}
.redWarning {
	color: #a00000;
}
.grayExplain {
  font-style: italic;
  font-size: 10pt;
  line-height: 14pt;
  color: #3a3a4a;
  padding-top: 5px;
}
.xpopPanel {
  position: fixed;
  z-index: 7;
}
.mapMin {
  min-width: 150px;
}

.A10L {
  font-size: 10pt;
  line-height: 15pt;
}
.A11L {
  font-size: 11pt;
  line-height: 16pt;
}


.thermBG {
	color: #9aa0a0;
	background-color: rgba(110,105,100,0.6);
}
.thermIBG8 {
	padding: 3px 8px 3px 10px;
	color: #402020;
	font-size: 11pt;
	background-color: #fdfdfd;
	border: 6px solid #6e5030;
	text-align: left;
}
/*
	background-color: #fdfcd0;
*/
	
html { height: 100%; }

body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}