.res_panel {

}

.letterboxframe {
    display:inline-block;
    background: rgba(0,0,0,0.3);
     box-shadow: 0px 0px 8px rgba(255,255,255,0.5);

    

     width:24px;
 height:24px;

  text-align: center;

  -webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 3px; /* Firefox 1-3.6 */
 border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);

  -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.letterboxframe:hover {
    display:inline-block;
     cursor:pointer;

         background: rgba(255,255,255,0.4);
     box-shadow: 0px 0px 32px rgba(255,0,255,0.5);


     width:24px;
 height:24px;

 text-align: center;

  -webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 3px; /* Firefox 1-3.6 */
 border-radius: 3px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);

  -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.res_item {
    cursor:pointer;
     color: rgba(255,255,255,0.7);
  text-decoration: none;
}

.letterbox:link,
.letterbox:visited {
 
 color: rgba(255,255,255,0.8);
 text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 font-style: oblique;
 font-size:18px;
 text-align:center;

   text-decoration: none;


}

.letterbox:hover,
.letterbox:active,
.letterbox:focus {

      text-decoration: none;
 color: rgba(255,255,255,0.9);
 text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 font-style: oblique;
 font-size:18px;
 text-align:center;
}

.resultframe_hidden {
 opacity: 1.0;

 display:inline-block;
 float:left;
 clear:right;
 overflow:visible;



 /*background: rgba(0,0,0,0.5);*/
 /*background: -moz-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(13%, rgba(26,26,26,0.91)), color-stop(23%, rgba(102,102,102,0.84)), color-stop(35%, rgba(38,38,38,0.76)), color-stop(46%, rgba(71,71,71,0.69)), color-stop(57%, rgba(0,0,0,0.61)), color-stop(65%, rgba(59,59,59,0.56)), color-stop(77%, rgba(43,43,43,0.48)), color-stop(93%, rgba(84,84,84,0.37)), color-stop(100%, rgba(19,19,19,0.32)));
 background: -webkit-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -o-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -ms-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: linear-gradient(135deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#131313', GradientType=1 );*/



 width:308px;
 min-height: 32px;
 height:auto;

 padding: 0px 0px 0px 0px;
  margin-bottom:32px;


 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.resultframe_visible {
 opacity: 0.5;

 display:inline-block;
 float:left;
 clear:right;
 overflow:visible;

 -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 8px; /* Firefox 1-3.6 */
 border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);

 background: rgba(199,199,199,1);
 background: -moz-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(13%, rgba(26,26,26,0.91)), color-stop(23%, rgba(102,102,102,0.84)), color-stop(35%, rgba(38,38,38,0.76)), color-stop(46%, rgba(71,71,71,0.69)), color-stop(57%, rgba(0,0,0,0.61)), color-stop(65%, rgba(59,59,59,0.56)), color-stop(77%, rgba(43,43,43,0.48)), color-stop(93%, rgba(84,84,84,0.37)), color-stop(100%, rgba(19,19,19,0.32)));
 background: -webkit-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -o-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: -ms-linear-gradient(-45deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 background: linear-gradient(135deg, rgba(199,199,199,1) 0%, rgba(26,26,26,0.91) 13%, rgba(102,102,102,0.84) 23%, rgba(38,38,38,0.76) 35%, rgba(71,71,71,0.69) 46%, rgba(0,0,0,0.61) 57%, rgba(59,59,59,0.56) 65%, rgba(43,43,43,0.48) 77%, rgba(84,84,84,0.37) 93%, rgba(19,19,19,0.32) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#131313', GradientType=1 );

 box-shadow: 0px 0px 32px rgba(255,255,255,0.5);

 width:308px;

 padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

.resultframe_iconframe {
 cursor:default;
 

 width:32px;
 height:32px;

 color: rgba(255,255,255,0.7);
 text-shadow: 1px 1px 16px rgba(255,255,255,0.5);
 text-align:left;
 font-style: oblique;
 font-size:32px;

 margin-left:auto;
 margin-right:auto;

 opacity:0.9;
 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

.resultframe_master {
 cursor:default;
 clear:both;
 overflow: auto;


     -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
        -webkit-column-width: 200px; /* Chrome, Safari, Opera */
    column-width: 200px;

 -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 8px; /* Firefox 1-3.6 */
 border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.2);
 border-right: 1px solid rgba(255,255,255,0.1);
 border-top: 1px solid rgba(255,255,255,0.2);
 border-bottom: 1px solid rgba(255,255,255,0.1);

 background-color:rgba(0,0,0,0.1);

  box-shadow: 0px 0px 32px rgba(255,255,255,0.1);

 color: rgba(255,255,255,0.9);
 text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 font-style: oblique;
 font-size:16px;
 
 height:auto;
 
 padding-left: 3px;
 padding-top: 3px;

 margin-left: 3px;
 margin-top: 6px;
 margin-bottom: 6px;
 
 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}


.resultframe_itemframe {
 cursor:default;
 clear:both;

 -webkit-border-radius: 8px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
 -moz-border-radius: 8px; /* Firefox 1-3.6 */
 border-radius: 8px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
 border-left: 1px solid rgba(255,255,255,0.5);
 border-right: 1px solid rgba(255,255,255,0.3);
 border-top: 1px solid rgba(255,255,255,0.5);
 border-bottom: 1px solid rgba(255,255,255,0.3);

 background-color:rgba(0,0,0,0.5);

  box-shadow: 0px 0px 32px rgba(255,255,255,0.5);

 color: rgba(255,255,255,0.9);
 text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 font-style: oblique;
 font-size:16px;
 
 float:left;
 width:300px;
 min-height:32px;
 height:auto;

 padding-left: 3px;
 padding-top: 3px;

 margin-left: 3px;
 margin-top: 6px;
 margin-bottom: 6px;
 
 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

.resultframe_itemframe {
 display:inline-block;
 cursor:pointer;
 clear:both;

 color: rgba(255,255,255,0.7);
 text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 font-style: oblique;
 font-size:16px;
}


.resultframe_item {
    height:32px;
    width:100%;

 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

.resultframe_item:link,
.resultframe_item:visited {
 color: rgba(255,255,255,0.7);
 text-decoration: none;

 -webkit-transition: all 0.8s ease;
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}
.resultframe_item:hover,
.resultframe_item:active,
.resultframe_item:focus {
 color:  rgba(255,0,255,1.0);
 text-decoration: none;
 background: rgba(255,255,255,0.4);
 -moz-transition: all 0.8s ease;
 -o-transition: all 0.8s ease;
 transition: all 0.8s ease;
}

#masterframe {
   /* Prevent vertical gaps */
   /*line-height: 0;*/
   
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
}

#masterframe div {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1200px) {
  #masterframe {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #masterframe {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #masterframe {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #masterframe {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}