/* e7f9dd; slightly darker green mint*/
/* #edfce4 sweet sweet light green mint julep */
/* c9e9ff light blue cornwheat blue?? */
/* fbd5ac peach rose */
/* #fff8df; sort of tan, beige */
/* #A19C61 :: yellowish grey */
/* #B2DED2 sockhop green url("../tiles/__tile_76.png") repeat; */
/* blue.lotus.tile.1.png */

body
{	
  font-family: monospace;
  font: 11pt CourierNew, monospace;
  color: black;
  background:#AAFFAA;
  margin:2px;
}

* {
    box-sizing: border-box;
}



.header {
    text-align: center;
    padding: 32px;
}

.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 2px 7px;
}


/* Create 6 equal columns that sits next to each other */
.column {
    -ms-flex: 33.3%; /* IE10 */
    flex: 33.3%;
    max-width: 33.3%;
    padding: 2px 7px;
}


.column p {
  font: 11pt CourierNew, monospace;
  color: #114411;
  padding: 7px;
  vertical-align: middle;
  border: 3px double #335533;
  border-radius: 0.3em;
  background: #ddffdd;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1200px) {
    .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}



/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
}

div.paypal
{
  width: 170px;
  height: 80px;
  margin: 1px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  font: 8pt arial;
  color: black;
  font-size: 80%;
  border: 1pt solid gray;
  border-radius: 0.2em;
box-shadow: #FFCC99 1px 1px 13px;
  position: fixed;
  top: auto;
  bottom: 10px;
  left: auto;
  right: 10px;
  background: #DEEEEE; /*#C6C6B6; greenerish,  #DEEEEE ?*/
  z-index: 1;
}
div.paypal form
{
display:inline;
  margin: 0px;
  opacity: 0.9;
}
div.paypal p
{
  text-align: center;
background:#DEEEEE;
padding:2px;
  font: 8pt monospace;
  margin: 2px;
  margin-top: 0;
  border-bottom: 3pt groove black;
  opacity: 0.9;
}
div.paypal a { color:red;margin-bottom:5px; }




/* if sign class  */

        div.ifsign a
                {
                   position: absolute;
                   top: 1880 px;
                   right: 0px;
                   font: 8pt "AvantGarde Bk Bt", monospace;
                   color: #DE1818;
                   opacity: 0.8;
                 }
        .ifsign:first-letter { font-size: 130%; }
        div.ifsign code
                {
                   position: absolute;
                   top: 1860 px;
                   bottom: auto;
                   right: 0px;
                   left: auto;
                   font: 8pt "AvantGarde Bk Bt", monospace;
                   color: #DE1818;
                   opacity: 0.8;
                 }

input.tobby
{
   display:none;
}

