.searchLensSpacer { display: block;  height: 4px; }    # 2018-04-17

/* --------------------------------------- Camera specific - start --------------------------------------- */
   /*--------------------------------------------------------------------------------------------------*/
   /*--- Sony cameras ---*/
   a.a7r2            {background-color: #000000; color: #FF2299; padding-left: 2px; padding-right: 2px}
   a.a7r3            {background-color: #000000; color: #66ccff; padding-left: 2px; padding-right: 2px}

   /*--- Leica cameras ---*/
   a.m10             {background-color: #000000; color: #22FF99; padding-left: 2px; padding-right: 2px}
   a.leicaq          {background-color: #000000; color: #22FF99; padding-left: 2px; padding-right: 2px}

   /*--- Canon cameras ---*/
   a.elanIIe         {background-color: #000000; color: white;   padding-left: 2px; padding-right: 2px}
   a.canon40d        {background-color: #000000; color: #AAFFAA; padding-left: 2px; padding-right: 2px}
   a.canon50d        {background-color: #000000; color: #AAFFAA; padding-left: 2px; padding-right: 2px}
   a.canon80d        {background-color: #000000; color: #AAFFAA; padding-left: 2px; padding-right: 2px}

   a.canon5dmarkIV   {background-color: #000000; color: #FF2299; padding-left: 2px; padding-right: 2px}
   a.canon5dmarkIII  {background-color: #000000; color: magenta; padding-left: 2px; padding-right: 2px}
   a.canon5dmarkII   {background-color: #000000; color: #77FFAA; padding-left: 2px; padding-right: 2px}

   a.canon5dsR       {background-color: #000000; color: #FF2233; padding-left: 2px; padding-right: 2px}
   a.canon6d         {background-color: #000000; color: #44AAAA; padding-left: 2px; padding-right: 2px}

   a.canon1dmarkIII  {background-color: #000000; color: red;     padding-left: 2px; padding-right: 2px}
   a.canon1dsmarkIII {background-color: #000000; color: pink;    padding-left: 2px; padding-right: 2px}
   a.canon1dmarkIV   {background-color: #000000; color: lime;    padding-left: 2px; padding-right: 2px}
   a.canon1dx        {background-color: #000000; color: cyan;    padding-left: 2px; padding-right: 2px}
   a.canon1dxII      {background-color: #000000; color: #3377DD; padding-left: 2px; padding-right: 2px}

   /*--- Nikon cameras ---*/
   a.d3S             {background-color: #000000; color: red;     padding-left: 2px; padding-right: 2px}
   a.d300            {background-color: #000000; color: cyan;    padding-left: 2px; padding-right: 2px}
   a.d200            {background-color: #000000; color: magenta; padding-left: 2px; padding-right: 2px}
   a.f100            {background-color: #000000; color: yellow;  padding-left: 2px; padding-right: 2px}
   a.d40             {background-color: #808080; color: white;   padding-left: 2px; padding-right: 2px}
   a.f5              {background-color: #000000; color: #FF2080; padding-left: 2px; padding-right: 2px}
/* --------------------------------------- Camera specific -  end   --------------------------------------- */



   font.lens            {background-color: #FFFF99; color: black;   padding-left: 2px; padding-right: 2px; margin-top: 1px; margin-bottom: 1px}
   font.exposure        {background-color: #FFFFFF; color: black;   padding-left: 2px; padding-right: 2px}
   font.icc             {background-color: #CCCCFF; color: black;   padding-left: 2px; padding-right: 2px}
   /*--------------------------------------------------------------------------------------------------*/
     /*--------------------------------------------------------------------------------------------------*/
   div.specialII { color: red; font-weight: bold; display: inline-block;}
   div.specialII:hover { color: white; font-weight: bold; }
   div.specialII:active { color: white; font-weight: bold; }
   div.specialII ::-moz-selection { color: white; font-weight: bold; }
   div.specialII ::selection { color: white; font-weight: bold; }
   a.Lens:hover div,
   a.Camera:hover div { color: white; }  /* div within a -- else no change to red text of  II in Mark II */

   tr.canon1d  { background-color: #9999AA; color: white; }
   tr.nikond1  { background-color: #8888BB; color: white;  }
   tr.canon5d  { background-color: #99CC99; color: black;  }
   tr.nikond200{ background-color: #88CC88; color: black;  }


























/* ...................................................... headers ...................................................*/

table#myCookieBar {  /* used by cgi-bin/cookiesimple.cgi */
  background-color: white; color: black;
  font-family: verdana; font-size: 9px;
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-collapse: separate;
  border-spacing: 0 0;
}

table#headerSearchbox {
  border: 1px solid yellow;
  background-color: #222266;
  border-spacing: 0px;
  padding: 1px 0px; margin: 0;
}


table.headerMinis {
  text-align: right;
  border-spacing: 0px;
  padding: 0 0 0 0; margin: 0 0 0 0;
  width: 100%;
}

input.headerSearch {
   padding-left: 5px; height: 20px;
   width: 80px;
   background-color: #BBBBEE
}  /* AAAADD */


   a.headerSearch     { color: white; font-weight: bold; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px }
   a.headerSummary    { color: yellow; font-weight: bold; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px }


.myHeaderBar {
  background-color: #222266; color: red;
  border: 1px solid #808080;
  margin: 0 auto;
  width: 930px;
}
tr {  vertical-align: top; }


form.headerBar {
  margin: 0 0 0 0;
}
.headerTables { font-family: Verdana; font-size: 10px;
  padding: 0; margin: 0; border-spacing: 0px; 
  position: relative;
  display: inline-block;
}
table.headerHome { background-color: black; }


.tdTempe { background-color: white; }

/*.header        { padding: 1px 1px; margin: 1px auto; font-size: 11px; width: 100%; text-align: center; }
*/

.headerTempe   { background-color: white; color: magenta; }
.headerArizona { background-color: black; color: lime;    }
.headerSedona  { background-color: blue;  color: white;   }

/* .header:hover { background-color: red; color: white; }
*/





   table.groupWithinGroup { background-color: #FFEEEE; color: black }

   table.mainTopSearch  { background-color: #7777AA; padding: 0px 2px 0px 2px }                /* padding: Top Right Bottom Left */
   table.mainTopEmail   { }
   table.mainTopNew     { }
   table.mainTopArizonaM { padding: 0px 2px 0px 2px }
   table.mainTopArizona  {  font-family: verdana; font-size: 9px; margin: 0 0 0 0 }


   a.headerYearCount { color: black; text-decoration: none; }
   a.headerYearCountSelected { background-color: white; }


.headerNumPictures { font-family: verdana; font-size: 9px; color: black; text-align: center; border: 1px dashed #808080; background-color: #9999FF; }






















/* ........................................ h.php ................................ */

.cssL       { margin: 0 auto; border: 1px dotted #c0c0c0; text-align: center; font-size: 12px }
/* height: 17px; overflow: hidden; hides big size */


.cssL a     { color: white; text-decoration: none; } 
a.cssL      { color: white; text-decoration: none; } 

/*.cssL:hover { min-height: 17px; height: auto; }   */

.headerDiv { color: #c0c0c0; display: inline-block; }

.cssLevel0  { background-color: #00003E;  }
.cssLevel1  { background-color: green;  color: white; }
.cssLevel2  { background-color: red;  color: white;  }
.cssLevel3  { background-color: navy;   color: white;}
.cssLevel4  { background-color: #FF00FF; color: white; }
.cssLevel5  { background-color: blue;     }
.cssLevel6  { background-color: blue;     }
.cssLevel7  { background-color: blue;     }
.cssLevel8  { background-color: blue;     }




  td.navigating {  }
   td.cssH      { margin: 0; padding: 0; border: 0;  color: white; }
table.cssH       {  }
  div.cssH      { margin: 0 auto; }

td.cssGroup   { margin: 0 0 0 0; padding: 0 0 0 0; color: white; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px }
table.cssLevel0  { background-color: #00003E;  }
table.cssLevel1  { background-color: #336699;  }
table.cssLevel2  { background-color: #00003E;  }
table.cssLevel3  { background-color: #DD0000;   color: white;}
table.cssLevel4  { background-color: darkgreen;  color: white; }
table.cssLevel5  { background-color: blue;     }


.cssH a { color: white; }

/* ............................... imgChoices: 133 500 1000 12000 ............................... */

div.aGen  { border-radius: 50%; height: 16px; width: 16px; float: left; position: relative;  /* within picture */
            padding: 0 0 0 0; margin: 0 0 0 0; text-align: center;
            line-height: 16px; } /* where the magic happens */  /* vertical-align: middle;  */

.selected      { background-color: green; color: white; }
.unselected    { background-color:   red; color: white; }

div.aGenTop { position: relative; float: left; /* header top  -50 -20 -30 in title line of img */
              border: 1px solid black; border-radius: 50%; 
              height: 20px; width: 20px; line-height: 20px; 
              padding: 0; margin: 0 2px 0 0; text-align: center; }
div.aGenTop:hover { background-color: red; color: white; z-index: 5;
                 -webkit-transform: rotate(360deg) scale(1.5); }


div.aGenSelected { z-index: 7;
/*                   -webkit-transform: scale(1.2); */
                  background-color: green;
                  border: 1px solid white; }


 .choiceCheckboxes  { min-width: 20px; font-size: 12px; }
 .choiceGeo  { min-width: 50px; font-size: 14px; }


 .headerShows { display: inline-block; font-size: 12px; line-height: 16px; margin: 0 auto;background-color: white } 

 .showSize   { min-width: 20px; height: 16px; text-align: center;margin: 0 auto; }
 .choiceSize { min-width: 20px; font-size: 14px; line-height: 20px; text-align: center;  }
 .filmSize   { min-width: 20px; font-size: 12px; line-height: 16px; text-align: center; }

 .oneSizes   { position: absolute; bottom: -6px; right: 8px; height: 4px; width: 10px; display: inline-block; }

 .choiceSizeBg { background-color: #9999FF; }
 .filmSizeBg { background-color: #9999FF; }
 .choiceGeoBg  { background-color: #5555AA; }

  

 .choiceBox a:hover { text-decoration: none;  background-color: inherit;  color: inherit; }
 .choiceBox:hover { background-color: navy; color: white; }
 .choiceBox { display: inline-block; border: 1px solid #c0c0c0;
             text-align: center; padding: 0 2px; margin: 1px 0;}
 .choiceBox a { color: white; text-decoration: none; }

.curve10left {
    -moz-border-radius-bottomleft:  10px 10px; 
    -moz-border-radius-topleft:     10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-left-radius:      10px 10px;
}
.curve10right {
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-bottom-right-radius:     10px 10px;
}

.mainTop        {
  width: 100%;
  background-color: #294df3;   /* #9999FF; */
  padding: 0; }
.headerCheck { display: inline-block; margin: 0 auto; }

.checksOut{ z-index:2;padding:0;margin:0;background-color:pink; }
.imgAllOut{ z-index:2;padding:0;margin:0;}
.imgAll   { height: 20px; width: 30px; 
            display: inline-block;
            position: relative;  /* header top */
            padding: 0; margin: 0; 
            text-align: center;
            border: 1px solid black;
            line-height: 20px; }

div.a40   { background-color: #AADDFF;  }
div.a133  { background-color: yellow;  }
div.a500  { background-color: #FFAAAA; }
div.a1000 { background-color: #AA88AA; }
div.a1200 { background-color: #CCFFFF; }


div.Na         { color: red;   padding: 0px 1px 0px 1px; text-decoration: line-through; }
div.aGen:hover { background-color: red; color: white; z-index: 5;
                 -webkit-transform: rotate(360deg) scale(1.5);
              }
div.imgSizesTop:hover { background-color: red; color: white; z-index: 5;
                 -webkit-transform: rotate(360deg) scale(1.5);
              }


div.imgAllChoicesHeader { white-space: nowrap; width: 100px;  padding: 2px 2px 0 2px; }








/* div within div, outside: relative, inside: absolute, top, left/right */
/* single image 134 500 1000 1200 */
div#singleImage     { z-index: 1;  margin: 0 auto; padding: 0 3px; }    /* padding: 0 auto -  doesn't work */



/********************************** SEARCH/RANDOM *****************************************/
div#photoChoicesOut { z-index: 2; padding: 0 0 0 0; margin: 0 0 0 0;  position: relative; }

div#photoChoices    { z-index: 3; position: relative;
   font-family: Verdana; font-size: 10px; background-color: white; color: black;
   top: 0px; right: 0px; margin: 0 0 0 0; padding: 0px 4px 1px 2px;
   white-space: nowrap;
}

/* ............................... imgChoices: 133 500 1000 12000 ............................... */
.photoChoicesIn { position: absolute; right: 0px; text-family: Verdana; font-size: 12px; color: black; 
            z-index: 4; }

.positionFloater  { z-index: 25; position: absolute;  text-align: center;
     font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; 
     background: black; color: lime;  border: 1px dashed white;
     top: 12px; width: 40px; height: 14px; }    /*margin: 0 auto -10  auto;*/

div#minDateOuter { text-align: left; padding: 0; margin: 0;
                   position: relative; }
div#minDate    { z-index: 3; position: absolute;
   font-family: Verdana; font-size: 10px; background-color: #5555ff; color: white;
   top: -13px; left: 0px; margin: 0; padding: 0px 0px 1px 2px;
   width: 64px;
   white-space: nowrap; text-align: left;
}

/*div.bigTextMainAlt  { position: relative; z-index: 4; background-color: black;   color: lime;   text-align: center; top: -10px; margin-bottom: -10px }
*/

div#singleImageOuter { width: 100%; text-align: left;
                        padding: 0 0 0 0; margin: 0 0 0 0; position: relative; }
   div#singleImageId { position: absolute; z-index: 5;
      background-color: #5555ff; color: white;
      width: 46px; padding: 0px 0px 0px 0px;
      font-family: verdana,sans-serif,arial,helvetica; font-size: 10px }  /* top: -24px */

div#ZZsingleImageId    { z-index: 3; position: relative;
   font-family: Verdana; font-size: 10px; background-color: #5555ff; color: white;
   left: 0px; margin: 0 0 0 0; padding: 0px 0px 1px 2px;
   width: 64px;
   white-space: nowrap; text-align: left;
}

















/* .............................................................................................. */




/* ....................... main page tables ...................... */


/* ....................... main page tables ...................... */



/*.alpha80 {   background: rgba(0, 0, 0, 0.3);  } */
/* opacity:0.3; filter:alpha(opacity=30);*/ /* For IE8 and earlier */

img.alpha100 {   opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */     }
img.alpha80  {   opacity:0.8; filter:alpha(opacity=80);  /* For IE8 and earlier */     }


div#alpha { position: relative; height: 164px; }
div#beta  { position: absolute;  bottom: 0px; width: 100%; }

.Geographic { border: 4px solid rgba(255,255,206,1.0); padding: 0; margin: 2px 0;  }
.RandomMain { border: 4px solid rgba(206,206,255,1.0); padding: 0; margin: 2px 0;  }



/* rootPage - bottom */              
div#searchBottomShowing { background-color: #FFFFCC; color: black; font-family: Verdana; font-size: 12px; position: relative; }

/* general */
.left       { text-align: left;  margin: 0; padding: 0; border-spacing: 0;  }
.right      { text-align: right; margin: 0; padding: 0; border-spacing: 0;  }
.percent100 { width: 100%; }


/* Random */
   div.randomHeader    { background-color: pink; border: 1px solid black; }

.randomNextCounts      { font-family: Verdana; font-size: 12px;   }
div.randomNextCountsRight { position: absolute; margin-right: 0px; right: 0px; bottom: 0px;  }

.randomLine1 { margin: 0 auto; }

.calcOutline { border: 1px dashed #CCCCFF; }

table.rootPageCaller { text-align: left; border-spacing: 0; padding-left: 0;
                      font-family: Verdana; font-size: 10px; 
                      color: white; }
.rootPageCaller a { color: white; }

.rootPageCallerInner { position: relative; }
.rootPageCallerTitle { position: absolute; top: 4px; right: 4px;
                       background: rgba(40, 40, 40, 0.4);  
                       color: white;  }
.rootPageCallerTitleLeft { position: absolute; top: 4px; left: 4px;
                       background: rgba(40, 40, 40, 0.4);  
                       color: white;  }


.rootPageCallerTitle2017 { position: absolute; top: 4px; right: 4px;
                           background: rgba(40, 40, 40, 0.4);  
                           font-size: 20px;
                           color: white;  }
.rootPageCallerTitleLeft2017 { position: absolute; top: 4px; left: 4px;
                       background: rgba(40, 40, 40, 0.4);  
                           font-size: 20px;
                       color: white;  }


div.page5 { margin: 0; padding: 0;  }








 
/* ........................................... geo/special ........................................... */


/*------------------------------------------------------ groupPage ------------------------------------------------------*/
/* .groupPage2 table { float: left; display: block;  */

   div.tableWrapper {  border: 1px solid white; margin-top: 10px;}
   div.wrapperHeader { text-align: left; font-family: Verdana; font-size: 10px; background-color: #CCCCFF; }

   table.tableWrapper {  border: 1px solid white; }
   table.tableWrapper td   { text-align: center; }
     .tableWrapper table { display: inline-block;  border: 1px dotted #808080; margin: 0 auto; }
     .tableWrapper td   { text-align: center; font-weight: bold; }

   table.tableWrapper td           { padding: 1px 1px 0px 1px  }
   table.tableWrapper td table     { background-color: #CCCCFF;  }

   .groupWithinGroup td         { background-color: #FFFFFF }
   table.groupWithinGroup td table td  { text-align: center; font-weight: bold }        /* normal, bold */

/* ................ */

   table.groupWithinGroupTrans td      { border: 1px solid  rgba(255, 255, 255, 0.8);   
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
}
   table.groupWithinGroupTrans img      { border: 1px solid  rgba(255, 255, 255, 0.8);   
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
}



/****************************************************************** photos and groups */

.innerGroupIntro img,
.imgCurve img { 
    border: 1px solid  rgba(255, 255, 255, 0.1);   
 
    /*border: 1px dotted #c0c0c0;; */
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;

    text-decoration: none;
}

.imgCurve img:hover,
.myPhotos:hover {
    border: 1px solid red; /*    -webkit-transform: scale(1.1,1.1); -moz-transform:scale(1.1,1.1); */
}

/*............................. myPhotos ...........................*/

.myPhotos        {  display: inline-block; border: 1px dotted white;  margin: 0 0;  padding: 0 0; }

   .groupWithinGroupTrans td         {  color: black;  }
   td.groupWithinGroupTrans a          { color: black;  }
   table.groupWithinGroupTrans td table td  { text-align: center; font-weight: bold }        /* normal, bold */

  
/* ************************************************************************************************
 #                                          special() - start
 # *************************************************************************************************/
/*................................................... group page -- California, Arizona, Utah, etc */

   div.specialTitle        { font-size: 20px; margin: 0 auto;  padding-left: 10px;
                             /*  background: rgba(80, 80, 206, 0.3);*/
                              color: white;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }

.left { text-align: left; }


    div.specialWrapper     { margin-top: 10px;    
                               text-align: center;
                               /*border: 1px solid rgba(80, 80, 206, 0.3);*/
                               border-width: 1px;   border-style: solid;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
                             }
     .specialWrapper table { display: inline-block;  margin: 0 auto;
                             }
     .specialWrapper td    { text-align: center; font-weight: bold;
                               font-size: 12px; font-weight: normal;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }


   table.specialWrapper td           { padding: 1px 1px 0px 1px;  
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;

} 
   div.specialWrapper table.td    { 
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;

} 


/* .................................................. */






.special    { border: 1px dotted #c0c0c0; margin: 2px auto 10px auto; 
    -moz-border-radius-bottomright: 40px 40px;
    -moz-border-radius-bottomleft:  40px 40px;
    -moz-border-radius-topleft:     40px 40px;
    -moz-border-radius-topright:    40px 40px;
    border-top-right-radius:        40px 40px;
    border-top-left-radius:         40px 40px;
    border-bottom-right-radius:     40px 40px;
    border-bottom-left-radius:      40px 40px;
}

/* ...................................... special groups ...................................... */
.g0  { background-color: rgba( 255,  0,100, 0.1); }   /* 10% transparency background - Wrapper */
.g1  { background-color: rgba( 100,255,100, 0.1); }
.g2  { background-color: rgba( 100,100,255, 0.1); }
.g3  { background-color: rgba( 255, 50, 50, 0.1); }
.g4  { background-color: rgba(  50,255, 50, 0.1); }
.g5  { background-color: rgba(  50, 50,255, 0.1); }
.g6  { background-color: rgba( 255,150,150, 0.1); }
.g7  { background-color: rgba( 150,255,150, 0.1); }
.g8  { background-color: rgba( 150,150,255, 0.1); } 
.g9  { background-color: rgba(  50,255,180, 0.1); }

.gk0  { background-color: rgba( 255,  0,100, 0.6); }   /* 10% transparency background - Wrapper */
.gk1  { background-color: rgba( 100,255,100, 0.6); }
.gk2  { background-color: rgba( 100,100,255, 0.6); }
.gk3  { background-color: rgba( 255, 50, 50, 0.6); }
.gk4  { background-color: rgba(  50,255, 50, 0.6); }
.gk5  { background-color: rgba(  50, 50,255, 0.6); }
.gk6  { background-color: rgba( 255,150,150, 0.6); }
.gk7  { background-color: rgba( 150,255,150, 0.6); }
.gk8  { background-color: rgba( 150,150,255, 0.6); } 
.gk9  { background-color: rgba(  50,255,180, 0.6); }

/* ...................................... special groups ...................................... */
.water      { background-color: rgba( 170,170,255, 0.1); }   /* 10% transparency background - Wrapper */
.sun        { background-color: rgba( 255,203, 57, 0.1); }
.fire       { background-color: rgba(  87, 77, 77, 0.1); }
.sky        { background-color: rgba( 255,192,203, 0.1); }
.mountains  { background-color: rgba( 151,122,122, 0.1); }
.plants     { background-color: rgba( 238,235, 69, 0.1); }
.ironman    { background-color: rgba( 144,144,255, 0.1); }
.people     { background-color: rgba( 192,192,255, 0.1); }
.animals    { background-color: rgba( 255,192,203, 0.1); } 
.walking    { background-color: rgba( 177,228,246, 0.1); }
.lights     { background-color: rgba( 212,137,240, 0.1); }
.shapes     { background-color: rgba( 241,188,238, 0.1); }
.history    { background-color: rgba( 188,222,241, 0.1); }

.k2water      { background-color: rgba( 170,170,255, 0.4); }   /* 40% transparency background - Title*/
.k2sun        { background-color: rgba( 255,203, 57, 0.4); }
.k2fire       { background-color: rgba(  87, 77, 77, 0.4); }
.k2sky        { background-color: rgba( 255,192,203, 0.4); }
.k2mountains  { background-color: rgba( 151,122,122, 0.4); }
.k2plants     { background-color: rgba( 238,235, 69, 0.4); }
.k2ironman    { background-color: rgba( 144,144,255, 0.4); }
.k2people     { background-color: rgba( 192,192,255, 0.4); }
.k2animals    { background-color: rgba( 255,192,203, 0.4); } 
.k2walking    { background-color: rgba( 177,228,246, 0.4); }
.k2lights     { background-color: rgba( 212,137,240, 0.4); }
.k2shapes     { background-color: rgba( 241,188,238, 0.4); }
.k2history    { background-color: rgba( 188,222,241, 0.4); }

.kwater      { border: 2px solid rgba( 170,170,255, 0.4); }    /* 40% transparency border - Wrapper */ 
.ksun        { border: 2px solid rgba( 255,203, 57, 0.4); }
.kfire       { border: 2px solid rgba(  87, 77, 77, 0.4); }
.ksky        { border: 2px solid rgba( 255,192,203, 0.4); }
.kmountains  { border: 2px solid rgba( 151,122,122, 0.4); }
.kplants     { border: 2px solid rgba( 238,235, 69, 0.4); }
.kironman    { border: 2px solid rgba( 144,144,255, 0.4); }
.kpeople     { border: 2px solid rgba( 192,192,255, 0.4); }
.kanimals    { border: 2px solid rgba( 255,192,203, 0.4); } 
.kwalking    { border: 2px solid rgba( 177,228,246, 0.4); }
.klights     { border: 2px solid rgba( 212,137,240, 0.4); }
.kshapes     { border: 2px solid rgba( 241,188,238, 0.4); }
.khistory    { border: 2px solid rgba( 188,222,241, 0.4); }

.swater      { background-color: #aaaaff; }
.ssun        { background-color: #ffcb39; }
.sfire       { background-color: #574d4d; }
.ssky        { background-color: pink; }
.smountains  { background-color: #977a7a; }
.splants     { background-color: #eeb450; }
.sironman    { background-color: #9090ff; }
.speople     { background-color: #c0c0ff; }
.sanimals    { background-color: pink; }
.swalking    { background-color: #b1e492; }
.slights     { background-color: #d489f0; }
.sshapes     { background-color: #f1bcee; }
.shistory    { background-color: #bcdef1; }
/* ............................................................................................ */



/*................................................... group page -- California, Arizona, Utah, etc */
   div.groupPageTitle        { font-size: 20px; margin: 0 auto;  padding-left: 10px; 
                               background: rgba(80, 80, 206, 0.3); color: white;  
    -moz-border-radius-bottomright: 40px 40px;
    -moz-border-radius-bottomleft:  40px 40px;
    -moz-border-radius-topleft:     40px 40px;
    -moz-border-radius-topright:    40px 40px;
    border-top-right-radius:        40px 40px;
    border-top-left-radius:         40px 40px;
    border-bottom-right-radius:     40px 40px;
    border-bottom-left-radius:      40px 40px;
  }

    .groupPageWrapper     { margin-top: 10px;                          border: 1px solid rgba(80, 80, 206, 0.3); 
                               text-align: center;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
                             } 
     .groupPageWrapper table { display: inline-block;  margin: 0 auto; 
                             }
     .groupPageWrapper td    { text-align: center; font-weight: bold; 
                               font-size: 12px; font-weight: normal;
                               /*background: rgba(80, 80, 206, 0.5); */
                              color: white;  
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }


   table.groupPageWrapper td           { padding: 1px 1px 0px 1px;  }
   table.groupPageWrapper td table     { background-color: #CCCCFF;  }
/* .................................................. */


/* ************************************************************************************************
 #                                          related() - start
 # *************************************************************************************************/
   div.relatedTitle  { font-size: 20px; margin: 0 auto; padding-left: 10px;  
                         background: rgba(80, 206, 80, 0.3); color: white;  
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }

   .notesTitle  { font-size: 20px; margin: 0 auto; padding-left: 10px;  
                  background: rgba(255, 255, 255, 0.3); color: black; 
    text-align: center;
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }

  .notes {  border: 1px solid green;   margin: 10px auto 10px auto; 
    left: 20px; font-size: 14px;
    background-color: rgba(206,206,206,0.6);
   
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }

/*     .relatedWrapper table { display: inline-block;  border: 1px dotted #808080; margin: 0 auto;  */
     .relatedWrapper table { display: inline-block;  margin: 0 auto; 
                             }

.notes2 {
  background-color: #EEEEFF;  color: black;
  font-family: verdana,sans-serif,arial,helvetica; font-size: 12px; 
  text-align: left;

  border: 1px solid #808080; 
  padding: 2px 2px 2px 2px; 
}

   div.relatedWrapper {  border: 1px solid green;   margin: 10px auto 0 auto; 
         text-align: center; 
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
                      }

/*     .relatedWrapper table { display: inline-block;  border: 1px dotted #808080; margin: 0 auto;  */
     .relatedWrapper table { display: inline-block;  margin: 0 auto; 
                             }
     .relatedWrapper td    { text-align: center; font-weight: bold; 
                             font-size: 12px; font-weight: normal;
                             background: rgba(80, 206, 80, 0.5); color: white;  
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
  }

}
   .relatedWrapper img    {
    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;

}

.diagonal2 {
background-size: 50px 50px;
background-color: rgba(40,60,0, 0.05);    /* #460; */ /* #ac0; */
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                  transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                  transparent 75%, transparent);
-pie-background: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                 transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                 transparent 75%, transparent) 0 0 / 50px 50px #ac0;
behavior: url(/pie/PIE.htc);

}


.diagonal_lines_pattern{
	background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #ccc), color-stop(0.25, #ccc), color-stop(0.25, #bbb), color-stop(0.5, #bbb), color-stop(0.5, #ccc), color-stop(0.75, #ccc), color-stop(0.75, #bbb));
	background-image: -webkit-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -moz-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -ms-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-image: -o-linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */
	background-image: linear-gradient(left bottom, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
	background-size: 30px 30px;
}
.diagonal_lines_pattern p{
	color:#fff;
	display: block;
	position:absolute;
	top:50%;
	left:50%;
	width:14em;
	text-align:center;
	font-family: 'Helvetica Neue',Helvetica, sans-serif;
	font-size: 60px;
	font-weight:bold;
	line-height: 1.5;
	margin-left:-7em;
	margin-top:-1em;
	text-shadow: 0px 0px 2px #686868,
                 0px 1px 1px #ddd,
                 0px 2px 1px #d6d6d6,
                 0px 3px 1px #ccc,
                 0px 4px 1px #c5c5c5,
                 0px 5px 1px #c1c1c1,
                 0px 6px 1px #bbb,
                 0px 7px 1px #777,
                 0px 8px 3px rgba(100, 100, 100, 0.4),
                 0px 9px 5px rgba(100, 100, 100, 0.1),
                 0px 10px 7px rgba(100, 100, 100, 0.15),
                 0px 11px 9px rgba(100, 100, 100, 0.2),
                 0px 12px 11px rgba(100, 100, 100, 0.25),
                 0px 13px 15px rgba(100, 100, 100, 0.3);
	
}




/* ************************************************************************************************ */






















table.rootReadFileType1 { font-size: 10px; }
.rootReadFileType1 font { font-size: 12px; }


 div.rootReadFileType2   { background-color: #FFCCCC; float: right; margin-top: 0px; margin-bottom: 0px; 
                          border: 1px dashed #808080 }
.rootReadFileType2 a { text-decoration: none }



/* pages next/previous --- groups like Silhouettes Faces Icicles */

   /* div.topNextPrevious     { float: right; margin-top: 0px; margin-bottom: 0px; font-family: verdana; font-size: 20px; background-color: #CCCCFF; padding-left: 4px; padding-right: 4px; border: 1px dashed #808080 } */
   div.topNextPrevious     { background-color: #FFCCCC; float: right; margin-top: 0px; margin-bottom: 0px; font-family: verdana; font-size: 20px; padding-left: 4px; padding-right: 4px; border: 1px dashed #808080 }
   a.topNextPrevious       { text-decoration: none }
   a.topNextPrevious:hover { text-decoration: overline underline; }


   a.mainLinkType1   { text-decoration: none; color: lime; background-color: black; font-size: 10px}
   a.mainLinkType2   { text-decoration: none; color: magenta; background-color: black; font-size: 10px}
   a.mainLinkType3   { text-decoration: none; color: yellow; background-color: black; font-size: 10px}
   a.mainLinkType4   { text-decoration: none; color: white; background-color: black; font-size: 10px}

   a.mainLink2       { text-decoration: none; color: black; font-size: 12px}






   a.mainLink2:hover        {color: white; background: red; text-decoration: overline underline;   }
   a.mainLinkType1
   a.mainLinkType2
   a.mainLinkType3
   a.mainLinkType4:hover    {color: white; background: red; text-decoration: overline underline;   }
      
/* .............................. */
   a.mainLink             { text-decoration: none; font-weight: normal; }
   a.mainLinkHasSubgroups { text-decoration: none; background-color: white; color: black; }
   a.mainLinkSpecial1     { text-decoration: none; color: #FF0099; }    /* FF0099, 66FFCC, 4444FF */
   a.mainLinkSpecial2     { text-decoration: none; color: #33AA00; }
   a.mainLinkSpecial3     { text-decoration: none; color: #4444FF; }

   a.mainLink:hover         {color: white; background: red; text-decoration: overline underline;   }


div#zGeographic { position: relative; }
div#zGroups { position: absolute; top: 0; right: 0; }





/* .............................. random from main..................................... */

   div#singleThumbnail       {
        z-index: 1;
        position: relative;
        display: inline-block;
        margin: 0 auto;
        padding: 0 auto;
   }

   div.thumbnailCollection { text-align: center; }


/* ................................... /ans/h.php ........................................ */
/* ..................................... top: title ................................*/
table.titleLine {
  background-color: #CCCCFF; color: black;
  width: 100%; /* 930px */
  margin: 0 auto;  text-align: left;

    -moz-border-radius-bottomright: 10px 10px;
    -moz-border-radius-bottomleft:  10px 10px;
    border-bottom-right-radius:     10px 10px;
    border-bottom-left-radius:      10px 10px;
}
td.titleLine { text-align: left; }

/* ........................................ bottom: photo count ................................................*/
.pageCount { background-color: #CCCCFF; text-align: center; font-size: 14px; margin-top: 4px;    /* #CCFFCC */
    -moz-border-radius-topleft:     10px 10px;
    -moz-border-radius-topright:    10px 10px;
    border-top-right-radius:        10px 10px;
    border-top-left-radius:         10px 10px;
}
.newPhotosNextPrev { background-color: #CCCCFF; margin-top: 1px; }

/* ........................................ bottom: Notes ................................................*/
/*
.notesTitle { background-color: white; color: navy; font-weight: strong; }
.notes {
  background-color: #EEEEFF;  color: black;
  font-family: verdana,sans-serif,arial,helvetica; font-size: 12px; 
  text-align: left;

  border: 1px solid #808080; 
  padding: 2px 2px 2px 2px; 
}
*/


h3 {
  display: inline;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  margin-before: 1em;
  margin-after: 1em;
  margin-start: 0;
  margin-end: 0;
}





/*.................................................. Search ................................ */
/* top */
  .nameTop       { position: absolute; display: inline-block; float: left; 
                   left: 2px; top: -2px;  margin: 6px 0 0 0; 
                   font-size: 8px; font-family: Verdana; color: red; font-weight: normal; }
  .SearchPageTop { position: relative; display: inline-block; 
                   font-size: 16px; font-family: Verdana; font-weight: bold;  
                   padding: 0 8px 0 8px; border: none; }
  .SearchPagematchWhat {background-color: white;   color: black; }
  .SearchPageYear      {background-color: #DDFFCC; color: black; }
  .SearchPageLens      {background-color: white;   color: black; }
  .SearchPageCamera    {background-color: #DDFFCC; color: black; }


   table.searchLenses          { background-color: #FFCCFF; border: 1px solid black; font-family: verdana; font-size: 10px }
   table.searchLenses tr.total { background-color: #CCFFFF }
   table.searchLenses td.lens  { }
   table.searchLenses td.count { text-align: right }
   table.searchLenses td.list  { }

   table.searchCameras { background-color: #444488; color: white; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px }
   table.searchCameras td.name  { text-align: left  }
   table.searchCameras td.count { text-align: right; color: black }
   table.searchCameras tr.total { background-color: #CCFFFF }

   table.birding             { font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; padding: 0; margin: 0; }
   table.birding td.selected { background-color: #444488; color: white; }
   table.birding td.normal   {  }

   div.ajaxKeywords     { font-family: verdana,sans-serif,arial,helvetica; font-size: 12px }

   div.searchKeywords   { font-family: verdana,sans-serif,arial,helvetica; font-size: 12px }
   font.searchKeywords  { background-color: #808080; color: white }
   a.searchKeywords     { background-color: blue; color: white; text-decoration: none }
   a.searchKeywords:hover   {color: white; background: red; text-decoration: overline underline;   }

   div.search_Group1_subgroup { background-color: #DDDDFF; border: 1px dotted black; padding: 2px 2px 2px 2px; width: 90% }
   div.search_Group1   { background-color: #FFDDFF; border: 1px dotted black; padding: 2px 2px 2px 2px; }
   div.search_Group2   { background-color: #DDDDFF; border: 1px dotted black; padding: 2px 2px 2px 2px; }
   div.search_History  { background-color: #FFFFCC; font-family: verdana; font-size: 12px; text-align: left }
   div.search_Related  { background-color: #FFCCCC; font-family: verdana; font-size: 12px; text-align: left }
   div.search_Synonyms { background-color: #EEDDCC; font-family: verdana; font-size: 12px; text-align: left }
   div.search_Keywords { background-color: #CCFFCC; font-family: verdana; font-size: 12px; text-align: left }
   div.search_Titles   { background-color: white;   font-family: verdana; font-size: 12px; text-align: left }

   div.mobileTop { background-color: blue;
                  position: absolute;
        float: right;
        font-family: verdana,sans-serif,arial,helvetica;
        font-size: 10px;
        width: 100px;
        height: 100px;
        top: 200px;
                   }
.divRadio { display: inline-block; width: 30px; margin-top: 2px; 
 cursor: pointer; cursor: hand;
}

.showList,
.sizeList { margin: 2px auto 0 auto; padding: 0; }
.filmList { margin: 2px auto; padding: 0; }
.showList li,
.sizeList li {
    border: 1px solid yellow; /*#c0c0c0;*/
    width: 30px; margin: 0; padding: 0;
    position: relative; display: inline-block; 
    font-size: 14px;
 }

.filmList li {
    border: 1px solid yellow; /*#c0c0c0;*/
    width: 65px; margin: 0 auto 2px auto; padding: 0;
    position: relative; display: inline-block; 
    font-size: 14px;
 }




.liBg {
   /* background: #000; color: #fff;*/
   background-color: red; color: black;
}
.filmList li:hover       { cursor: pointer; cursor: hand; background-color: red; color: white; }
.showList li:hover       { cursor: pointer; cursor: hand; background-color: red; color: white; }
.sizeList li:hover       { cursor: pointer; cursor: hand; background-color: red; color: white; }

.sizeList li input       { display:none; position: absolute; bottom: 5px; right: 5px; }
.sizeList li:hover input { display:inline-block; }


/*.hide{  background-color: green; color: white; }
.hider{ zoom: 1; filter: alpha(opacity=50); opacity: 0.1; }
*/
.content{
}




.hRadio { visibility: hidden; }

.hRadioIgnore     { position: absolute; top: -9999; left: -9999; 
              color: white; font-weight: bold; 
   font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; 
   padding: 1px 2px; margin: 0; 
   display: inline-block; }
.hRadioBg    { background-color: #9999FF; }
.hShowBg     { background-color: #AABBFF; }

.hCheckbox     { color: white; font-weight: bold; 
   font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; 
   padding: 1px 2px; margin: 0; 
   display: inline-block; }
.hCheckbox:hover { background-color: blue; color: white; 
    -webkit-transform: scale(1.3,1.3);
    -moz-transform:scale(1.3,1.3);
}

   input.hCheckbox { padding: 0 0 0 0; margin: 1px 0px 0px 2px; height: 10px}      /* big and exifOnLoad */
   input.bigSearch      { padding-left: 5px; width: 400px; background-color: white; font-family: verdana; font-size: 20px }















   div.allTheYears     { color: black; }


   div.allLensOrCamera { color: black; font-size: 12px; }
   div.allLensTitle    { color: black; background-color: yellow; padding-left: 4px; padding-right: 4px; }
   div.allCamera       { color: black; background-color: #CCAACC; }
   div.allCameraTitle  { color: black; background-color: yellow; padding-left: 4px; padding-right: 4px; }

   table.allYears { color: black; background-color: #FFFF99; padding-left: 4px; padding-right: 4px;  font-family: verdana; font-size: 12px; border: 1px solid black; }


   table.allLensCanon { background-color: #FFFF99; }
   table.allLensNikon,
   table.allLensSony  {  }
   table.allLensZeiss {  }
   table.allLensVoigtlander {  }
   table.allLensLeica {  }

   table.allLensOther { background-color: #CCFFCC; }
   table.allLensOrCamera { color: black; padding: 0px 0px 0px 0px; font-family: verdana; font-size: 12px; border: 1px solid black; margin: 0px 0px 0px 0px; }

   table.allCameraCanon { background-color: #FFFF99; }
   table.allCameraNikon,
   table.allCameraSony  { width: 100%; }
   table.allCameraLeica { width: 100%; }

   table.allNikon       { background-color: #CCCCFF; border: 0.4pt solid red; }
   table.allOther       { background-color: #CCCCFF; border: 0.4pt solid red; }

   table.allCameraOther { width: 100%; }
   table.allLensOther   { width: 100%; }

   .lensCameraCount { text-align: right; width: 40px; }
   .lensCameraText  {  }

   .allZeiss       th { background-color: #228822; color: white; }
   .allVoigtlander th { background-color: #228822; color: white; }

   .allSony  th { background-color: #22cc22; color: white; }
   .allLeica th { background-color: #669988; color: white; }
   .allCanon th { background-color: #882222; color: white; }
   .allNikon th { background-color: #222288; color: white; }
   .allOther th { background-color: #228822; color: white; }

   table.allZeiss       { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allVoigtlander { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allSony        { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allLeica       { background-color: #ADD8E6; border: 0.4pt solid blue; }
   table.allCanon       { background-color: #FFFF99; border: 0.4pt solid blue; }
   table.allOther       { background-color: #FFFF99; border: 0.4pt solid blue; font-family: verdana; font-size: 12px; }


   table.allCameraOther {  }
   table.allCamera      { color: black; padding-left: 4px; padding-right: 4px;  font-family: verdana; font-size: 12px; border: 1px solid black; width: 100%; }

   tr.fisheye        { background-color: #CCAACC; }
   tr.wideangle      { background-color: #f7ca7d; }
   tr.normal         { background-color: #99CC99; }
   tr.telephoto      { background-color: #CC99CC; }
   tr.supertelephoto { background-color: #8888CC; }

   a.sAll         { color: white;  background-color: black; }
   a.sHoriz       { color: lime;   background-color: black; }
   a.sPano        { color: red;    background-color: black; }
   a.sVert        { color: yellow; background-color: black; }
   a.sWide        { color: #8888FF;background-color: black; }
   a.searchSummary { background-color: #8888FF; }



  a.sAll  :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sHoriz:hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sPano :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sVert :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sWide :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.lensExifSearch :hover { color: white; background: blue; text-decoration: overline underline;   }
   a.sSelect :hover { color: white; background: blue; text-decoration: overline underline;   }


   font#queryCheck   { background-color: blue;  color: white; font-size: 10px; font-family: verdana }
   font#queryCheckPre{ background-color: green; color: white; font-size: 10px; font-family: verdana }
   font#sAll   { color: white; }
   font#sHoriz { color: lime; }
   font#sPano  { color: red; }
   font#sVert  { color: yellow; }
   font#sWide  { color: #8888FF; }

   font#Year   { color: #880000; }
   font#Lens   { color: #880000; }
   font#Camera { color: #880000; }
   font#AllYears   { background: #FFFF99; color: #880000; }

  /* id="para1"     - single unique element - #para1{} */
  /* class="center" - group of elements     - .center {} */

   /* everyYear - top of page */
   a.everyYear      { background-color: #FFFF99; color: #880000;
                      padding: 0px 2px 0px 2px; margin: 0px 2px 0px 2px; }
   div.everyYearAll { background-color: #9999FF; color: #88FF44;
                      position: relative;  }
   table.CeveryYear  {
        padding: 0 0 0 0;
        margin: 0 auto;
        border:1px dotted white;
        position: relative;
        background: #404040;
        font-size: 12px;
        font-family: Verdana;
   }
   div.everyYearOuterSummary { background-color: #C04040; color: #88FF44; width: 100%;margin: 0px auto; text-align: center; }

   /* separately Year,Lens,Camera */
   div.YearOuter   { background-color: #DDAA88; color: black; }
   div.LensOuter   { background-color: pink; color: black; }
   div.CameraOuter { background-color: #99CCFF; color: black; }
   
   /* 2017-01-27 */
   table.CameraDetail {
        padding: 0 0 0 0;
        margin: 0 auto;
        border:1px dotted white;
        position: relative;
        background: white; 
        font-size: 12px;
        font-family: Verdana;
    -moz-border-radius-bottomright: 2px 2px;
    -moz-border-radius-bottomleft:  2px 2px;
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
    border-bottom-right-radius:     2px 2px;
    border-bottom-left-radius:      2px 2px;
  }
  table.CameraDetail td {
        background: #99CCFF;
        padding: 1px;
    -moz-border-radius-bottomright: 2px 2px;
    -moz-border-radius-bottomleft:  2px 2px;
    -moz-border-radius-topleft:     2px 2px;
    -moz-border-radius-topright:    2px 2px;
    border-top-right-radius:        2px 2px;
    border-top-left-radius:         2px 2px;
    border-bottom-right-radius:     2px 2px;
    border-bottom-left-radius:      2px 2px;
  }

   div.floatCount9   { z-index: 1; position: relative; background: #FFCCFF; margin: -12px -5px 0px 0px; float: right; font-family: verdana,sans-serif,arial,helvetica; font-size: 10px; }

   table#mainSGroup   { background-image: url(/layout/utah-sign.jpg); color: white  }

a.searchAllLenses { background-color: blue; color: white; }

 .searchmenu { font-size: 10px; font-family: verdana,sans-serif,arial,helvetica; }

  /* for all <a> classes */


  a.morph       {
  white-space: nowrap;
  font-size: 15px;
  border: 1px solid white;
  border-radius: 50%;
  background-radius: 50%;

  float: left;
  overflow: hidden;
  position: relative;

  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  }


  a.searchShown  { background-color: #FFFF99; color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }
  a.searchShown2 { background-color: white;   color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }









  a.curve:hover { background-color: red; color: white;

  border: 1px solid lime;
  -webkit-transform: rotate(360deg) scale(3);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  }
  font.curve {      /* SearchTop matchWhat Year Lens Camera */
    border: 1px solid black;
    padding: 0px 6px 0px 6px;
    -moz-border-radius-bottomright: 10px 20px;
    -moz-border-radius-bottomleft:  10px 20px;
    -moz-border-radius-topleft:     10px 20px;
    -moz-border-radius-topright:    10px 20px;
    border-top-right-radius:        10px 20px;
    border-top-left-radius:         10px 20px;
    border-bottom-right-radius:     10px 20px;
    border-bottom-left-radius:      10px 20px;
  }


.searchResults  { margin: 0 auto; text-align: center; }
.searchSubtotal { display: inline-block; color: green; font-size: 14px; font-weight: bold; 
             /*position: relative;*/ /* header top  -50 -20 -30 in title line of img */
              border: 1px dashed white; border-radius: 50%; 
              background-color: #FFAAAA;
              top: -20px;
              height: 20px; line-height: 18px; 
              padding: 2px; margin: 0 2px 0 0; text-align: center; }

};

 .searchmenu { font-size: 10px; font-family: verdana,sans-serif,arial,helvetica; }

  /* for all <a> classes */
  a.morph       {
  white-space: nowrap;

  border: 1px solid white;
  border-radius: 50%;
  background-radius: 50%;

  float: left;
  overflow: hidden;
  position: relative;

  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  }
  a.searchShown  { background-color: #FFFF99; color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }
  a.searchShown2 { background-color: white;   color: black; border: 1px solid #c0c0c0; margin: 2px 0 2px 0; }

  a.selected { background-color: green; color: white; text-decoration: bold; margin: 0 2px 0 2px; }
  a.curve:hover { background-color: red; color: white;

  border: 1px solid lime;
  -webkit-transform: rotate(360deg) scale(3);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
  }







.Year { font-size: 26px; }
.Camera { font-size: 16px; }
.Lens { font-size: 16px; }

.CanonDiv { display: inline-block; background-color: #9999FF; }
.NikonDiv { display: inline-block; background-color: #FF9999; }
.OtherDiv { display: inline-block; background-color: #99FF99; }
















/* ---------------------------------------------------- */

.byYearEach { font-size: 12px; margin-right: 3px; padding: 4px; 
  
  white-space: nowrap;
  font-size: 14px;
  border: 1px solid white;
  border-radius: 50%;
  background-radius: 50%;

  float: left;
  overflow: hidden;
  position: relative;

  -webkit-box-shadow: 2px 2px 2px #111;
          box-shadow: 2px 2px 2px #111;

  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;

}