/* for wizard_step_1.php */
/* Thumbnail Style */

  #template_filter_label {
                     font: italic normal normal 14pt Andy, Arial;
                  display: block;
               text-align: center;
              text-shadow: 0 1px 0 #ccc,
                           0 2px 0 #c9c9c9,
                           0 3px 0 #bbb,
                           0 4px 0 #b9b9b9,
                           0 5px 0 #aaa,
                           0 6px 1px rgba(0,0,0,.1),
                           0 0 5px rgba(0,0,0,.1),
                           0 1px 3px rgba(0,0,0,.3),
                           0 3px 5px rgba(0,0,0,.2),
                           0 5px 10px rgba(0,0,0,.25),
                           0 10px 10px rgba(0,0,0,.2),
                           0 20px 20px rgba(0,0,0,.15);
                position: absolute;
                     top: 20.8vh;
                   width: 100%;
  }

  input.image_tn {
                position: absolute;
                     left: -99999px;
  }


  #template_tn {
               text-align: center;
  }

  #label_end {
                    clear: both;
  }

  .label_tn_placeholder {
                  display: inline-block;
                    float: left;
                    width: 210px;
                   height: 198px;
              line-height: 198px;
               text-align: center;
                   margin: 4px;
    			   cursor: pointer;
  }

  .label_tn_placeholder span {
                  display: inline-block;
                   height: 198px;
              line-height: 198px;
  }

  .label_tn_placeholder span img {
                  display: inline-block;
                   border: 0;
              margin-left: auto;
             margin-right: auto;
           vertical-align: middle;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
        -ms-border-radius: 10px;
         -o-border-radius: 10px;
            border-radius: 10px;
       -webkit-transition: 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
          -moz-transition: 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
           -ms-transition: 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
            -o-transition: 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
               transition: 750ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
                   cursor: pointer;
                transform: scale(.77);
  }

  .label_tn_placeholder span:hover img {
       -webkit-transition: 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
          -moz-transition: 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
           -ms-transition: 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
            -o-transition: 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);
               transition: 150ms cubic-bezier(0.550, 0.055, 0.675, 0.190);

       -webkit-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75), 10px 10px 15px rgba(64, 64, 64, 0.5), 15px 15px 20px rgba(189, 189, 189, 0.5);
          -moz-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75), 10px 10px 15px rgba(64, 64, 64, 0.5), 15px 15px 20px rgba(189, 189, 189, 0.5);
           -ms-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75), 10px 10px 15px rgba(64, 64, 64, 0.5), 15px 15px 20px rgba(189, 189, 189, 0.5);
            -o-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75), 10px 10px 15px rgba(64, 64, 64, 0.5), 15px 15px 20px rgba(189, 189, 189, 0.5);
               box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75), 10px 10px 15px rgba(64, 64, 64, 0.5), 15px 15px 20px rgba(189, 189, 189, 0.5);

                transform: scale(1.0);
                  z-index: 10;
  }

  .image_tn_selected {
    position: absolute;
    max-width: 220px;
    width: 100%;
    left: 0px;
    bottom: 5.7vh;
    opacity: 0;
    max-height: 16vh;
  }

  .image_tn_selected span,
  .template_selected span {
    /* style in main due to duplication */
  }

  .image_tn_selected span img,
  .template_selected span img {
    /* style in main due to duplication */
  }