/* totally basic */
/* no effect
checkbox-style:disabled { outline:1px solid red; }
*/
.disabled {
  background-color:#ececf0; 
  color:black;
  border: 1px solid #dfdfe2;
  padding-left: 3px;
}
.disabledContainer {
  background-color:#ececf0; 
  color:black;
  border: 1px solid #dfdfe2;
}
.enabledContainer {
  background-color:#ffffff; 
  color:black;
  border: 1px solid #202020;
}

html { height: 100%; }
body {
  color: black;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 12pt;
  font-size: 10pt;
  margin: 0 0 0 0;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-text-size-adjust: none;
}

table { font-size: 100%; }
table.fxt {table-layout: fixed}
span.tleft {float: left}
span.tright {float: right}

button { cursor: pointer; }

/* these are used to make a typical app header: */
.headCFLink {
	text-decoration: none; 
	color: #776730;
}
.headTitleFG { color: #006a00; }
.headGreenBG {
	background-color: #d5edbb;
}
/*
	border-bottom: 2px solid #cee6b4;
	border-top: 2px solid #dbf0c4;
	background-color: #d5edbb;
*/
.headBox
{
	border-bottom: 2px solid #cee6b4;
	border-top: 2px solid #dbf0c4;
	background-color: #d5edbb;
}
.headTitleBG { background-color: #d8f2bc; }
.headLogoBG { background-color: #d1eab7; }
.headLogoDarkBG { background-color: #206e38; }
/* .headLogoBG { background-color: #d6eebc; } */

/* login panel opened from the app header */
.loginPanel {
	color: #400050;
	background-color: #f8f8fa;
	border: solid 2px #e9ebe9;
}
.loginPanelYellow {
	color: #400050;
	background-color: #fff8c7;
	border: solid 2px #efe8bf;
}
.loginContainer {
	font-size: 10pt;
	background-color: #f7f6f6;
	border: 2px solid #b0c0d5;
	z-index: 7;
}
/* button
*/
.loginBG
{
	font-size: 9pt;
	border: 2px solid #b7d6a7;
	background-color: #d2e8c6;
	padding: 4px 8px 4px 8px;
}

.loginBG2
{
	font-size: 9pt;
	border: 2px solid #cde2ae;
	background-color: #daf3bf;
	padding: 3px 6px 3px 6px;
}

/* notifications 
	padding: 3px 7px 3px 7px;
*/
.ntfbutton {
	background-color: #fe2020;
	color: #ffffff;
	border-radius: 14px;
	border: 2px solid #f01010;
	font-size: 10pt;
	padding: 2px 6px 2px 6px;
}
/* for Status messages: */

.statusDialog {
	padding: 4px 8px 0px 12px;
	min-height: 50px;
	max-width: 650px;
	border-radius: 12px;
	border: 4px solid #aaccf7;
	background-color: #fafeff;
	z-index: 9;
}

/* dark green header on the home, news and Taxon Report pages */
/*
.headDarkGreenBG {
	background-color: #267242;
}
*/
.headDarkGreenBox
{
	background-color: #216f39;
	border-bottom: 1px solid #196939;
}

.yellowHead {
  text-shadow:
        1px 1px 1px #100,
        -1px -1px 0px #958768,
        0px 0px 1px #f0d040;
  color: #fffbb0;
  background-color: #216f39;
}
.whiteHead {
  text-shadow: 0px 0px 1px #f0a0f0;
  color: #fffdff;
  background-color: #216f39;
}