/* box: border and/or padding */

.yellowPop {
  border: 2px solid #70bf90;
  background-color: #fefee4;
  vertical-align: middle;
  min-width: 55px;
  z-index: 7;
}
.whitePop20 {
  border: 2px solid #70bf90;
  background-color: #f9f9f9;
  min-width: 55px;
  padding: 5px 10px 10px 10px;
  z-index: 5;
}
.yellowPop20 {
  border: 2px solid #70bf90;
  background-color: #fefee4;
  vertical-align: middle;
  min-width: 55px;
  padding: 7px 12px 10px 10px;
  z-index: 5;
}


.grayPanel {
  background-color: #f8fbf9;
  border: 2px solid #ecedec;
  padding: 8px;
}
.grayInside {
  background-color: #fafdfb;
}
.grayPanelFixed {
  background-color: #f8faf8;
  border: 2px solid #e9eaea;
  z-index: 10;
  position: fixed;
  padding: 7px;
}
.redBorder {
  background-color: #fffbf9;
  border: 2px solid #dc0101;
  padding: 8px;
}
.deepRedBorder {
  background-color: #fff0f0;
  border: 3px solid #c05050;
  padding: 2px;
}
.whiteInside {
  background-color: #fefefe;
  padding: 5px;
}


.softPanelInside { background-color: #fafdfb; border: 1px solid #f9fcfa; }

.outsideD3 {
	border: 3px solid #ffffff;
}
.outsideD {
	border: 2px solid #ffffff;
}
.outsideD1 {
	border: 1px solid #ffffff;
}
.outsideR1 {
	border: 1px solid #ff0000;
}
.interGray {
	border: 1px solid #efefb9;
	padding: 1px;
	background-color: #f0f0ba;
}

.f2Inside {
	background-color: #f2f2f2;
}
.illumBGC {
	background-color: #f2f1f1;
	border: 2px solid #f0f0f0;
}
.insideD0 {
	color: #302020;
	font-size: 11pt;
	background-color: #ededed;
	border: 1px solid #dddddd;
}

/*
	background-color: #ededed;
*/
.insideD {
	padding: 11px;
	color: #302020;
	font-size: 11pt;
	background-color: #f2f2f2;
	border: 1px solid #e4e4e4;
}
.insideD30 {
	padding: 10px 30px 10px 30px;
	color: #302020;
	font-size: 11pt;
	background-color: #efefef;
	border: 1px solid #e7e7e7;
	text-align: left;
}
.insideD30Light {
	padding: 10px 30px 10px 30px;
	color: #302020;
	font-size: 11pt;
	background-color: #f7f7f7;
	border: 1px solid #efefef;
	text-align: left;
}

.article {
	color: #101010;
	font-size: 11pt;
	line-height: 15pt;
}
	/* background-color: #f0f0f0;
	border: 1px solid #efeff0;
	*/
.itemTOC {
	font-size: 11pt;
	line-height: 15pt;
	color: #000000;
}
.commentDark {
	color: #404345;
	font-size: 11pt;
	line-height: 15pt;
}
.comment {
	color: #4e5262;
	font-size: 11pt;
	line-height: 15pt;
}
.comment10 {
	color: #334050;
	font-size: 10pt;
	line-height: 14pt;
}
.sepbar {
	border-top: 2px solid #d5d5d5;
}
.sepbarv {
	border-left: 2px solid #d5d5d5;
}
.layerPop {
  background-color: #f8fbf9;
  border: 2px solid #ecedec;
  z-index: 2;
  padding: 7px;
}
.topBottomPad10 { padding: 10px 0px 10px 0px; }
.topPad4  { padding-top: 4px; }
.topPad5  { padding-top: 5px; }
.topPad8  { padding-top: 8px; }
.topPad10 { padding-top: 10px; }
.topPad14 { padding-top: 14px; }
.topPad20 { padding-top: 20px; }
.bottomPad20 { padding-bottom: 20px; }
.bottomPad10 { padding-bottom: 10px; }
.bottomPad5 { padding-bottom: 5px; }
.cellBottom10
{
	padding: 5px 1px 5px 2px;
}
.backPad20 { padding-right: 20px; }
.backPad10 { padding-right: 10px; }
.backPad5 { padding-right: 5px; }

.frontPad90 { padding-left: 90px; }
.frontPad40 { padding-left: 40px; }
.frontPad30 { padding-left: 30px; }
.frontPad20 { padding-left: 20px; }
.frontPad20A
{
	padding: 4px 0px 4px 20px;
}
.frontPad { padding-left: 16px; }
.frontPad16 { padding-left: 16px; }
.frontPad10 { padding-left: 10px; }
.frontPad7 { padding-left: 7px; }
.frontPad5 { padding-left: 5px; }

.whiteBody { background-color: #ffffff; }
.whiteTop { border-top: 1px solid #ffffff; }
.whiteBottom { border-bottom: 1px solid #ffffff; }

.flatIBG2 {
	padding: 2px;
	color: #302020;
	font-size: 11pt;
	background-color: #ebebeb;
	border: 1px solid #e0e0e0;
	text-align: left;
}

.greenBorderTopBottom {
  border-top: 2px solid #70bf90;
}
.whiteBorderTop {
  border-top: 3px solid #ffffff;
  border-radius: 10px;
}
.whiteIBG {
	color: #101010;
	background-color: #fbfbfa;
	padding: 8px 9px 8px 9px;
	font-size: 11pt;
	text-align: left;
}
.lightGrayIBG {
	color: #502020;
	background-color: #f6f8f6;
	border: 1px solid #ebefeb;
	padding: 8px 8px 7px 9px;
	font-size: 11pt;
	text-align: left;
}

/* Keep these two. No font size.*/
.flatIBG {
	padding: 8px 8px 8px 9px;
	color: #302020;
	background-color: #f5f5f3;
	border: 1px solid #e1e1e0;
	text-align: left;
}
.flatIBGr {
	padding: 8px 8px 8px 9px;
	color: #302020;
	background-color: #f5f5f3;
	border: 1px solid #e1e1e0;
  border-radius: 10px;
	text-align: left;
}
.clearIBG {
	padding: 8px 8px 8px 9px;
	color: #302020;
	text-align: left;
}
.yellowIBG {
	padding: 8px 8px 8px 9px;
	color: #402020;
	background-color: #fdfcd0;
	border: 1px solid #f1f1be;
	text-align: left;
}


.yellowBorder {
	background-color: #fcfbc9;
	border: 1px solid #efefb7;
}


/* images */

.groupLogoSmall {
	max-width: 100px;
	max-height: 75px;
	vertical-align: middle;
}
.img100 { max-width: 100px; text-align: center; }
.imgMax120 { max-width: 120px; }
.pimgMax120 { max-width: 125px; max-height: 116px; display: block; }
.pimgMax140 {
	max-width: 140px;
	max-height: 135px;
	display: block;
}
.imgMax144 { max-width: 144px; }
.pimgMax150 {
	max-width: 150px;
	max-height: 145px;
	display: block;
}
.imgMax155 { max-width: 155px; }
.imgMax192 {
	max-width: 192px;
	max-height: 180px;
}
.imgMax220 { max-width: 220px; }
.imgMax250 { max-width: 250px; }

.maxThumbPhoto120 {
	max-width: 115px;
}
.maxThumbPhoto145 {
	max-width: 145px;
}
.maxThumbPhoto {
	max-height: 200px;
	max-width: 190px;
}
.maxUserPhoto300 {
	max-height: 310px;
	max-width: 330px;
}
.debugBG {
	padding: 1px;
	background-color: #f03000;
}


/* borders */
.blueTop { border-top: 1px solid #80b0f0; }
.grayBottom { border-bottom: 1px solid #a0a0a0; }
.grayBorder { border: 1px solid #a0a0a0; }
.blueBorderTopBottom {
	border-top: 1px solid #80b0f0;
	border-bottom: 1px solid #80b0f0;
}
.blueBorder3sides {
	border-top: 1px solid #90b0f0;
	border-bottom: 1px solid #90b0f0;
	border-left: 1px solid #90b0f0;
}

.yellowBackBorder {
	background-color: #ffffd4;
	border: 1px solid #c0d0c0;
}
.yellowBack {
	background-color: #ffffd4;
	border: 2px solid #fbfe80;
}
.yellowBackTop {
	background-color: #ffffd4;
	border-bottom: 2px solid #fbfe80;
	border-top: 1px solid #c0d0c0;
}


.plantListBox {
	font-size: 10pt;
	border: 2px solid #c0d0c0;
}

.plantListPanel {
	font-size: 10pt;
	background-color: #ebf1f6;
	border: 2px solid #a5a9bf;
	padding: 1px;
}


.tuckedWhite {
	background-color: #fefeff;
	padding: 1px 0px 2px 6px;
	font-size: 9pt;
}
.white4A9 {
	background-color: #fefefe;
	padding: 4px;
	font-size: 9pt;
}
.tuckedGray {
	background-color: #f5f5f5;
	padding: 1px 0px 2px 6px;
	font-size: 9pt;
}
.tuckedGray10 {
	background-color: #f1f1f1;
	padding: 3px 6px 5px 10px;
	font-size: 9pt;
}
.tuckedYellow {
	background-color: #fdfcd0;
	padding: 1px 0px 2px 6px;
	font-size: 9pt;
}
.tuckedBlue {
	background-color: #f2f6fd;
	padding: 1px 0px 2px 6px;
	font-size: 9pt;
}
.tuckedViolet {
	background-color: #efe0f7;
	padding: 2px 2px 4px 5px;
	border: 1px solid #efc0f7;
	font-size: 9pt;
}
.mgridCell {
	padding-top: 8px;
}


.zi4 { z-index: 4; }
.zi5 { z-index: 5; }
.zi6 { z-index: 6; }
.zi7 { z-index: 7; }
.zi8 { z-index: 8; }
.zi9 { z-index: 9; }
.zi10 { z-index: 10; }

/* +3 on a photo: */

.ctPhotoContainer {
  position: relative;
  text-align: center;
  cursor: pointer;
}
.ctPosition {
  position: absolute;
  top: 8px;
  left: 24px;
}
.ctTextWhite {
  color: white;
  font-size: 13pt;
  font-weight: bold;
  text-shadow: 
	1px 1px 10px black,
	-1px -1px 10px black,
	0px 0px 10px black; 
}
.symbolPanel {
  border: 2px solid #b0c0e0;
  background-color: #fafbfc;
  padding: 4px 8px 4px 4px;
  z-index: 6;
  position: fixed;
}