/*-------------------------------  @media print  ------------------------------------*/
  @media print {
          * {
              text-shadow: none !important;
              color: #000 !important;
              background: transparent !important;
              box-shadow: none !important;
          }
          
          a, a:visited {
              text-decoration: underline;
          }
          
          a[href]:after {
              content: " (" attr(href) ") ";
          }
          
          abbr[title]:after {
              content: " (" attr(title) ") ";
          }
          
          a[href^="javascript:"]:after, a[href^="#"]:after {
              content: "";
          }
          
          pre, blockquote {
              border: 1px solid #999;
              page-break-inside: avoid;
          }
          
          thead {
              display: table-header-group;
          }
          
          tr, img {
              page-break-inside: avoid;
          }
          
          img {
              max-width: 100% !important;
          }
          
          @page {
              margin: 0.5cm;
          }
          
          p, h2, h3 {
              orphans: 3;
              widows: 3;
          }
          
          h2, h3 {
              page-break-after: avoid;
          }
      }
/*---------------------------------- liValid ----------------------------*/
  .validat .mand {
    color: #f00 !important;
  }

  .validat .r {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 100%;
    width: 6px;
    vertical-align: top;
  }

  .validat .indicator {
    border-color: #ee5f5b;
    color: #b94a48;
  }

  .validat input[type=checkbox].indicator, .validat input[type=radio].indicator {
    outline: 1px solid red;
  }

  .validat .indicator:focus {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7;
  }

  .validat .psevdo_but {
    border-color: #ddd !important;
    color: #999 !important;
    background: #fff;
    cursor: not-allowed !important;
  }

  .validat .disabled {
    cursor: not-allowed !important;
  }

  .validat .errorBox {
    font: 11px/1.2em Arial,Helvetica,sans-serif;
    color: red;
  }

  .validat .captchaView {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    color: green;
    background: #cccccc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,#cccccc 0,#ffffff 98%);
    background: -webkit-linear-gradient(top,#cccccc 0,#ffffff 98%);
    background: -ms-linear-gradient(top,#cccccc 0,#ffffff 98%);
    background: linear-gradient(to bottom,#cccccc 0,#ffffff 98%);
  }

  .form_style .but {
    display: inline-block;
    z-index: 1;
    position: relative;
    width: auto;
    height: 22px;
    margin: 0;
    padding: 4px 10px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    text-decoration: none;
    font: 700 12px/20px Tahoma,Geneva,sans-serif;
    vertical-align: top;
    vertical-align: bottom;
    color: #333;
    background: url(../pic/but_bg.gif) 0 50% repeat-x;
    box-shadow: 0 2px 4px #ccc;
    cursor: pointer;
  }

  .form_style input.but {
    height: 32px;
    padding: 3px 20px 5px;
  }

  .but:hover, .form_style .but:hover {
    border: 1px solid #b9b9c3;
    text-decoration: none;
    color: #000;
    background: #fff;
  }

  .form_style .row {
    position: relative;
    height: 1%;
    padding: 0 0 5px 0;
  }

  .form_style .row:after {
    content: '.';
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
  }

  .form_style {
    display: block;
    margin: 0 auto;
    max-width: 500px;
  }

  .form_style label {
    display: block;
    position: relative;
    padding: 2px 0 0 0;
    vertical-align: top;
  }

  .form_style label.t_radio {
    float: none;
    width: auto !important;
    margin: 0;
    padding: 0;
  }

  .form_style label.t_radio input {
    margin-right: 5px;
  }

  .form_style input, .form_style textarea, .form_style select {
    display: inline-block;
    box-sizing: border-box;
    height: 30px;
    padding: 2px 5px;
    border: 1px solid #ccc;
    font: 13px/18px Arial,Helvetica,sans-serif;
    vertical-align: top;
    color: #5e6363;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    -webkit-transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
    -moz-transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
    transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
  }

  .form_style .controls {
    position: relative;
  }

  .form_style .refreshCptcha {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    vertical-align: middle;
    opacity: 0.5;
    background: url(../pic/refresh.png) 0 0 no-repeat;
  }

  .form_style .refreshCptcha:hover {
    opacity: 1;
  }

  .form_style .captchaPic {
    display: inline-block;
    margin: 0;
    border: 0;
    vertical-align: middle;
  }

  .form_style .captchaInput {
    width: auto !important;
    text-align: center;
    font-size: 16px !important;
  }

  .form_style input[type="text"], .form_style input[type="password"], .form_style textarea, .form_style select {
    width: 100%;
  }

  .validat input[type=checkbox], .validat input[type=radio] {
    height: auto !important;
  }

  .form_style input[type="file"] {
    height: 27px;
    line-height: 27px;
  }

  .form_style input:focus, .form_style textarea:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(82,168,236,0.6);
  }

  .form_style input[type=file]:focus, .form_style input[type=checkbox]:focus, .form_style select:focus {
    outline: 1px dotted #666;
    box-shadow: none;
  }

  .form_style textarea {
    height: auto;
    margin: 0;
  }

  .form_style input, .form_style textarea {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) inset;
    transition: border 0.2s linear 0s,box-shadow 0.2s linear 0s;
  }

  .form_style .row table {
    display: inline-block;
    vertical-align: top;
  }

  .form_style .row table td {
    padding: 0 10px 0 0;
    vertical-align: top;
  }

  .form_style .row table td .update_captcha {
    margin: 0 0 0 5px;
    text-align: left;
  }

  .form_style #image {
    height: 28px;
    margin: 0 0 0 5px !important;
  }

  .form_style .help {
    font: 11px/1.2em Arial,Helvetica,sans-serif;
    color: green;
  }
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*-------------------------------  Fresco  ------------------------------------*/
    /* Fresco */
    /* Overlay */
        .fr-overlay {
          z-index: 99999;
          position: fixed;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          zoom: 1;
          overlay: hidden;
        }
        .fr-overlay-background {
          background: #000;
          filter: alpha(opacity=90);
          opacity: .9;
          float: left;
          width: 100%;
          height: 100%;
          position: relative;
        }

        /* Window */
        .fr-window {
          z-index: 100000;
          position: fixed;
          top:0;
          left: 0;
          width: 100%;
          height: 100%;
          min-height: 100%;
        }

        /* z-index */
        .fr-ui-outside .fr-info { z-index: 100001; }

        /* Loading icon */
        .fr-loading {
          z-index: 100001;
          position: fixed;
          top: 50%;
          left: 50%;
          width: 52px;
          height: 52px;
          margin-top: -26px;
          margin-left: -26px;
          overflow: visible;
        }
        .fr-loading-offset {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
        }
        .fr-loading-background, .fr-loading-icon {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .fr-loading-background {
          background: #0d0d0d url('../pic/loading.gif') 50% 50% no-repeat;
          opacity: .8;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          position: relative;
          float: left;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border: 1px solid rgba(80,80,80,.2);
        }
        .fr-loading-icon { display: none; }


        /* Bubble (holds everything) */
        .fr-bubble {
          float: left;
          width: 100%;
          height: 100%;
          position: relative;
        }

        /* Fonts */
        .fr-ui,
        .fr-info { 
          font: normal 13px/21px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
        }

        /* Frames / UI */
        .fr-frames {
          height: 100%;
          width: 100%;
          position: absolute;
          display:inline;
          top: 0;
          left: 0;
          overflow: hidden;
        }
        .fr-frame, .fr-ui {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          overflow: hidden;
        }

        .fr-window *:not(.fr-caption)::selection,
        .fr-window *:not(.fr-caption)::-moz-selection,
        .fr-window *:not(.fr-caption)::-webkit-selection {
          background: transparent;
        }

        .fr-mobile-touch-enabled .fr-frame .fr-box {
          overflow: scroll !important;
          -webkit-overflow-scrolling: touch;
          overflow-scrolling: touch;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }

        .fr-mobile-touch-enabled .fr-ui,
        .fr-mobile-touch-enabled .fr-ui-spacer,
        .fr-mobile-touch-enabled .fr-ui-wrapper,
        .fr-mobile-touch-enabled .fr-ui-padder,
        .fr-mobile-touch-enabled .fr-ui-toggle,
        .fr-mobile-touch-enabled .fr-ui-outer-border,
        .fr-mobile-touch-enabled .fr-side { pointer-events: none; }

        /* Content */
        .fr-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
        .fr-box-has-ui-outside { overflow: hidden; }
        .fr-box-spacer, .fr-ui-spacer {
          position: absolute; 
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        .fr-box-wrapper, .fr-ui-wrapper { position: relative; background: url('../pic/blank.gif'); }

        .fr-box-padder, .fr-ui-padder {
          position: absolute;
          top: 0;
          left: 0;
          zoom: 1;
          border-color: transparent;
          border-style: solid;
          border-width: 0;
          background: url('../pic/blank.gif');
        }

        .fr-box-padder, .fr-ui-padder {
          position: absolute;
          top: 0;
          left: 0;
        }
        .fr-ui-padder { zoom: 1; }

        .fr-box-wrapper, .fr-ui-wrapper, .fr-ui-toggle {
          position: relative;
          float: left;
          display: inline;
          zoom: 1;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }
        .fr-box-wrapper { background: #101010; }

        .fr-ui-wrapper-outside {
          float: left;
          height: 100%;
          width: 100%;
        }

        /* outer-border */
        .fr-box-outer-border,
        .fr-ui-outer-border {
          position: relative;
          float: left;
          display: inline;
          height: 100%;
          width: 100%;
          zoom: 1;
        }
        /* IE < 8 has a bug where dimensions are ignored without a border */
        .fr-ltIE9 .fr-box-outer-border,
        .fr-ltIE9 .fr-ui-outer-border { border: 0px solid transparent; }  

        .fr-content {
          height: 100%;
          width: 100%;
          zoom:1;
          *display:inline;
          margin: 0;
          padding: 0;
        }

        .fr-content-image {
          position: absolute;
          top: 0;
          left: 0;
          image-rendering: optimizeQuality;
          max-width: none;
        }

        .fr-content-image-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }

        /* onClick inside ui-outside */
        .fr-onclick-side {
          position: absolute;
          top: 0;
          width: 100%;
          height: 100%;
          background: url('../pic/blank.gif');
          cursor: pointer;
        }
        .fr-onclick-previous { left: 0; width: 50px; }
        .fr-onclick-next { right: 0; }

        .fr-frame-touch .fr-content { position: absolute; }

        .fr-side {
          position: absolute;
          top: 0;
          height: 100%;
          cursor: pointer;
          background: url('../pic/blank.gif') 0 0 repeat;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          zoom: 1;
        }
        .fr-side-disabled { cursor: default; }

        .fr-side-button {
          position: absolute;
          top: 50%;
          width: 54px;
          height: 72px;
          margin: 0 9px;
          margin-top: -36px;
          pointer-events: auto;
        }
        .fr-side-button-icon {
          float: left;
          position: relative;
          height: 100%;
          width: 100%;
          zoom: 1;
        }

        .fr-side-previous { left: 0; width: 50%; }
        .fr-side-next { right: 0; width: 50%;}

        .fr-side-previous .fr-side-button { left: 0; }
        .fr-side-next .fr-side-button { right: 0; }


        /* sides (UI outside), smaller area */
        .fr-ui-outside .fr-side {
          width: 72px;
          height: 72px;
          top: 50%;
          margin-top: -36px;
        }
        .fr-ui-outside .fr-side-button { margin-top: 0; top: 0; }
         
         
        /*
         * Info 
         */
        .fr-info {
          position: absolute;
          bottom: 0px;
          left: 0px;
          width: 100%;
          color: #efefef;
          pointer-events: auto;
        }
        .fr-info-background {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          background: #000;
          line-height: 1%;
          filter: alpha(opacity=80);
          opacity: .8;
          zoom: 1;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #000;
        }
        .fr-info-outside .fr-info-background { background: #0d0d0d; filter: none; opacity: 1; }


        .fr-info-padder {
          padding: 12px;
          display: block;
          filter: alpha(opacity=99);
          overflow: hidden;
          width: auto;
          position: relative;
        }
        .fr-caption {
          position: relative;
          filter: alpha(opacity=99);
          opacity: .99;
          width: auto;
          word-wrap: no-wrap;
          text-align: center;
        }
        .fr-position-text { position: relative; }

        /* UI inside */
        .fr-has-position .fr-info-inside .fr-caption { margin-right: 75px; }
        .fr-info-inside .fr-position {
          filter: alpha(opacity=99);
          opacity: .99;
          position: relative;
          text-align: right;
          word-wrap: no-wrap;
          line-height: 21px;
          color: #b3b3b3;
          float: right;
          width: 75px;
        }
        .fr-no-caption .fr-info-inside .fr-position {
          width: auto;
          margin: 0 1px 1px 0;
          color: #b9b9b9;
          filter: alpha(opacity=99);
        }

        .fr-info-inside .fr-position-background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .fr-no-caption .fr-info-inside .fr-position-background {
          border-radius: 12px;
          background: #101010;
          filter: alpha(opacity=80);
          opacity: .8;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
        }

        .fr-info-inside .fr-position-text { position: relative; }
        .fr-no-caption .fr-info-inside .fr-position-text {
          float: left;
          height: 13px;
          line-height: 13px;
          padding: 6px 10px;
          text-shadow: 0 1px 1px rgba(0,0,0,.3);
        }

        /* hide the position on small screens */
        @media all and (max-width: 568px) and (max-height: 320px),
               all and (max-width: 320px) and (max-height: 568px) {
          .fr-has-position .fr-info-inside .fr-caption { margin-right: 0; }
          .fr-position { display: none !important; }

          /* smaller side buttons */
          .fr-ui-outside .fr-side {
            width: 54px;
            height: 50px;
            margin-top: -25px;
          }
          .fr-side-button {
            width: 40px;
            height: 50px;
            margin: 0 6px;
            margin-top: -25px;
          }
        }


        /* UI outside */
        .fr-ui-outside .fr-position {
          position: absolute;
          bottom: 15px;
          right: 15px;
          display: inline;
          width: auto;
          margin: 0 1px 1px 0;
          color: #b9b9b9;
        }
        .fr-ui-outside .fr-position-background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 12px;
          filter: alpha(opacity=80);
          opacity: .8;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          background: #1e1e1e;
          border: 1px solid rgba(180,180,180,.2);
        }
        .fr-ui-outside .fr-position-text {
          position: relative;
          float: left;
          width: auto;
          text-align: right;
          word-wrap: no-wrap;
          color: #b3b3b3;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          word-wrap: no-wrap;
          padding: 6px 10px;
          height: 13px;
          line-height: 13px;
          
        }


        .fr-ui-outside .fr-position-background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }

        /* Info without caption */
        .fr-no-caption .fr-info-outside { display: none; } 
        .fr-no-caption .fr-info-padder { pointer-events: none; }
        .fr-no-caption .fr-info-background { pointer-events: none; opacity: 0; filter: none; display: none;}


        /* 1/5 */
        .fr-no-caption .fr-position-text,
        .fr-ui-outside .fr-position-text {
          text-shadow: 0 1px 1px rgba(0,0,0,.3);
        }

        /* outside position */
        .fr-ui-outside .fr-position {
          float: none;
          position: absolute;
          bottom: 0;
          right: 0;
          margin: 15px;
        }



        /* IE 7 */
        .fr-ltIE8 .fr-info * { zoom: 1;  filter: alpha(opacity=99);   }
        .fr-ltIE8 .fr-box * { zoom: 1; filter: alpha(opacity=99); }

        /* Info (UI outside) */
        .fr-info-outside { bottom: auto; }
        .fr-no-caption .fr-info-outside .fr-info-padder { padding: 10px 5px; }
        .fr-ui-outside .fr-no-caption .fr-position { margin: 0; }

        /* X */
        .fr-close {
          position: absolute;
          top: 0px;
          right: 0px;
          padding: 12px;
          width: 23px;
          height: 23px;
          cursor: pointer;
          pointer-events: auto;
        }

        .fr-close-background {
          position: absolute;
          top: 12px;
          left: 12px;
          height: 23px;
          width: 23px;
          filter: alpha(opacity=80);
          opacity: .8;
          -moz-transition: background-color .2s ease-in;
          -webkit-transition: background-color .2s ease-in;
          transition: background-color .2s ease-in;
          background-color: #282828;
          cursor: pointer;
        }
        .fr-close:hover .fr-close-background { background-color: #333; }

        .fr-ui-outside .fr-close-background { background-color: #363636; }
        .fr-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

        .fr-close-icon {
          position: relative;
          float: left;
          width: 100%;
          height: 100%;
        }


        /*
         * Thumbnails
         */ 
        .fr-thumbnails {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 9%;
          min-height: 40px;
          max-height: 120px;
          height: 9%;
          padding: 20px 0;
          -webkit-tap-highlight-color: rgba(0,0,0,0);
          zoom: 1;
        }

        .fr-thumbnails,
        .fr-thumbnails * {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
        }


        .fr-thumbnails-slider {
          position: relative;
          width: 100%;
          height: 100%;
          float: left;
          zoom: 1;
        }

        .fr-thumbnails-slider-slide {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
        }

        .fr-thumbnails-wrapper {
          position: absolute;
          top: 0;
          left: 50%;
          height: 100%;
          padding: 20px 0;
        }

        .fr-thumbnails-thumbs {
          float: left;
          height: 100%;
          overflow-x: hidden;
          position: relative;
          top: 0;
          left: 0;
        }
        .fr-ltIE9 .fr-thumbnails-thumbs {
          overflow: hidden;
        }
        .fr-thumbnails-slide {
          position: absolute;
          top: 0;
          height: 100%;
          width: 100%;
        }

        .fr-thumbnail {
          position: relative;
          width: 30px;
          height: 100%;
          float: left;
          margin: 0 10px;
          display: inline;
          zoom: 1;
          cursor: pointer;
        }
        .fr-ltIE9 .fr-thumbnail * {
          overflow: hidden; /* IE6 */
          z-index: 1;
          zoom: 1;
        }

        .fr-thumbnail-wrapper {
          position: relative;
          background: #161616;
          width: 100%;
          height: 100%;
          float: left;
          overflow: hidden;
          display: inline; /* IE6 */
          z-index: 0; /* IE8 */
        }

        .lv_thumbnail_icon {
          width: 36px;
          height: 36px;
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -18px;
          margin-top: -18px;
          background-position: 99px 99px;
          background-repeat: no-repeat;
          display: block !important;
        }

        .fr-thumbnail-overlay { cursor: pointer; }
        .fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }
        .fr-thumbnail-overlay,
        .fr-thumbnail-overlay-background,
        .fr-thumbnail-overlay-border {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .fr-thumbnail-overlay-border {
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-width: 0;
          overflow: hidden;
          border-style: solid;
          border-color: transparent;
          
        }
        .fr-thumbnail img {
          position: absolute;
          filter: alpha(opacity=85);
          opacity: .85;
          max-width: none;
        }
        .fr-thumbnail:hover img,
        .fr-thumbnail-active:hover img {
          filter: alpha(opacity=99);
          opacity: .99;
        }
        .fr-thumbnail-active img,
        .fr-thumbnail-active:hover img  {
          filter: alpha(opacity=35);
          opacity: .35;
        }
        .fr-thumbnail-active { cursor: default;  }

        /* Thumbnails loading */
        .fr-thumbnail-loading,
        .fr-thumbnail-loading-background,
        .fr-thumbnail-loading-icon {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
        .fr-thumbnail-loading-background {
          background-color: #101010;
          background-image: url('skins/loading.gif');
          background-position: 50% 50%;
          background-repeat: no-repeat;
          opacity: .8;
          position: relative;
          float: left;
        }
        /* this element is there as an alternative to putting the loading image on the background */
        .fr-thumbnail-loading-icon { display: none; }


        /* Thumbnail < > */
        .fr-thumbnails-side {
          float: left;
          height: 100%;
          width: 28px;
          margin: 0 10px;
          position: relative;
          overflow: hidden;
        }
        .fr-thumbnails-side-previous { margin-left: 20px; }
        .fr-thumbnails-side-next { margin-right: 20px; }

        .fr-thumbnails-side-button {
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -15px; 
          width: 28px;
          height: 28px;
          cursor: pointer;
        }

        .fr-thumbnails-side-button-background {
          position: absolute;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          filter: alpha(opacity=80);
          opacity: .8;
          -moz-transition: background-color .2s ease-in;
          -webkit-transition: background-color .2s ease-in;
          transition: background-color .2s ease-in;
          background-color: #333;
          cursor: pointer;
          border-radius: 4px;
        }
        .fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

        .fr-thumbnails-side-button-disabled * { cursor: default; }
        .fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

        .fr-thumbnails-side-button-icon {
          height: 42px;
          width: 42px;
          position: absolute;
          top: -7px;
          left: -7px;
          width: 100%;
          height: 100%;
        }


        /* we can improve things on browsers that support media queries */
        @media all and (min-height: 0px) {
          .fr-thumbnails,
          .fr-thumbnails-wrapper { padding: 10px 0; }
          .fr-thumbnail,
          .fr-thumbnails-side { margin: 0 4px; }
          .fr-thumbnails-side-previous { margin-left: 8px; }
          .fr-thumbnails-side-next { margin-right: 8px; }
          .fr-thumbnail-loading-background { background-image: url('../pic/loading-small.gif'); }
        }
        @media all and (min-height: 200px) {
          .fr-thumbnails,
          .fr-thumbnails-wrapper { padding: 12px 0; }
          .fr-thumbnail,
          .fr-thumbnails-side { margin: 0 6px; }
          .fr-thumbnails-side-previous { margin-left: 12px; }
          .fr-thumbnails-side-next { margin-right: 12px; }
        }

        @media all and (min-height: 350px) {
          .fr-thumbnail-loading-background { background-image: url('../pic/loading-medium.gif'); }
        }

        @media all and (min-height: 500px) {
          .fr-thumbnails,
          .fr-thumbnails-wrapper { padding: 14px 0; }
          .fr-thumbnail,
          .fr-thumbnails-side { margin: 0 7px; }
          .fr-thumbnails-side-previous { margin-left: 14px; }
          .fr-thumbnails-side-next { margin-right: 14px; }
        }

        @media all and (min-height: 700px) {
          .fr-thumbnails,
          .fr-thumbnails-wrapper { padding: 20px 0; }
          .fr-thumbnail,
          .fr-thumbnails-side { margin: 0 10px; }
          .fr-thumbnails-side-previous { margin-left: 20px; }
          .fr-thumbnails-side-next { margin-right: 20px; }
          .fr-thumbnail-loading-background { background-image: url('../pic/loading.gif'); }
        }

        /* IE specific resets */
        .fr-ltIE8 * { zoom: 1; z-index: 1;}
        .fr-ltIE9 .fr-content-image-overlay,
        .fr-ltIE9 .fr-has-caption .fr-info-outside .fr-info-background { border: 0; }



        /*
         * ===== Skin: Fresco ===== 
         */
        /* Sprite */
        .fr-window-fresco .fr-side-button-icon,
        .fr-window-fresco .fr-close-icon,
        .fr-window-fresco .fr-thumbnails-side-button-icon {
          background-image: url('../pic/fresco/sprite.png');
        }
        /* High-res sprite */
        @media only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min-device-pixel-ratio: 2) {
          .fr-window-fresco .fr-side-button-icon,
          .fr-window-fresco .fr-close-icon,
          .fr-window-fresco .fr-side-button-icon {
            background-image: url('../pic/fresco/sprite@x2.png');
            background-size: 500px 500px; /* downscaled 50%, size of original sprite */
          }
        }

        .fr-window-fresco .fr-box-outer-border { box-shadow: 0 0 5px rgba(0,0,0,.4); }
        /* outer-border instead of inner-border example (box and ui px should be the same) */ 
        /*
        .fr-window-fresco .fr-box-outer-border { border: 10px solid #fff; }
        .fr-window-fresco .fr-ui-outer-border { padding: 10px; }
        .fr-window-fresco .fr-content-image-overlay { border-width: 0; }
        */

        .fr-window-fresco .fr-box-wrapper {
          background: #101010 fixed url('../pic/loading.gif') 50% 50% no-repeat;
          border-color: transparent;
          border-style: solid;
          border-width: 0;
        }

        .fr-window-fresco .fr-content-image-overlay { 
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-width: 1px;
          border-style: solid;
          border-color: transparent;
          border-color: rgba(255, 255, 255, .08);
        }
        /* remove bottom border if the image has a caption, or add it when it has a caption */
        .fr-window-fresco .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 0px; }
        .fr-window-fresco .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 1px; }

        .fr-window-fresco .fr-ui-outside .fr-position-text {
          text-shadow: 0 1px 1px rgba(0,0,0,.3);
        }
        .fr-window-fresco .fr-no-caption .fr-info-inside .fr-position-background {
          border: 1px solid rgba(180,180,180,.15);
        }
        .fr-window-fresco .fr-has-caption .fr-info-inside .fr-info-background {
          border: 1px solid rgba(68,68,68,.1);
          border-top-width: 0;
        }
        .fr-window-fresco .fr-has-caption .fr-info-outside .fr-info-background {
          border: 1px solid rgba(80,80,80,.25);
          border-top-width: 0;
        }

        .fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
        .fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1);  }


        /* < > */
        .fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -14px; }
        .fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -14px; }

        .fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
        .fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

        /* disabled state (IE < 9) */
        .fr-window-fresco .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
        .fr-window-fresco .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
        .fr-window-fresco .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
        .fr-window-fresco .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }

        /* < > transition */
        .fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
        .fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }
        .fr-window-fresco:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon {
          -moz-transition: opacity .2s ease-in;
          -webkit-transition: opacity .2s ease-in;
          transition: opacity .2s ease-in;
          opacity: .5;
        }
        .fr-window-fresco .fr-side:hover .fr-side-button .fr-side-button-icon,
        .fr-window-fresco .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon { 
          opacity: 1;
        }

        /* disabled side */
        .fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon,
        .fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon { opacity: .2; }
        /* on the inside we hide disabled sides */
        .fr-window-fresco .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { background-image: none; }


        /* responsive < > */
        @media all and (max-width: 568px) and (max-height: 320px),
               all and (max-width: 320px) and (max-height: 568px) {
          .fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -300px; }
          .fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -300px; }

          .fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
          .fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }

          .fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
          .fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
        }

        /* X */
        .fr-window-fresco .fr-close .fr-close-icon { background-position: -169px -9px;}
        .fr-window-fresco .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

        /* X transition */
        .fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon {
          background-position: -210px -9px;
          -moz-transition: opacity .2s ease-in;
          -webkit-transition: opacity .2s ease-in;
          transition: opacity .2s ease-in;
          opacity: .8;
        }
        .fr-window-fresco .fr-close:hover .fr-close-icon  { opacity: 1; }

        /* Thumbnails */
        .fr-window-fresco .fr-thumbnail-wrapper {
          border-color: transparent;
          border-style: solid;
          border-width: 0;
        }
        .fr-window-fresco .fr-thumbnail-wrapper { box-shadow: 0 0 3px rgba(0, 0, 0, .3); }
        .fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { box-shadow: 0 0 1px rgba(0, 0, 0, .1); }
        .fr-window-fresco .fr-thumbnail-wrapper {
          box-shadow: 0 -1px 4px rgba(0, 0, 0, .3);
        }
        .fr-window-fresco .fr-thumbnail-overlay-border {
          border-width: 1px;
          border-color: rgba(255, 255, 255, .08); /* should remain rgba */
        }
        /* no inner border on active thumbnail */
        .fr-thumbnail-active .fr-thumbnail-overlay-border,
        .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

        /* Thumbnails < > */
        .fr-window-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -160px -41px;}
        .fr-window-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -202px -41px; }
        .fr-window-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -160px -83px;}
        .fr-window-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -202px -83px; }

        /* Thumbnails < > transition */
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon {
          -moz-transition: opacity .2s ease-in;
          -webkit-transition: opacity .2s ease-in;
          transition: opacity .2s ease-in;
          opacity: .8;
        }
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon,
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -160px -41px; }
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon,
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -202px -83px; }
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }

        /* lower opacity on disabled states */
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled,
        .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

        /* lower opacity IE < 9 using images */
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
          background-position: -244px -41px;
        }
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon,
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { 
          background-position: -244px -83px;
        }
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background,
        .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { 
          filter: alpha(opacity=50);
        }



        /*
         * ===== Skin: IE6 (always used there as a fallback) ===== 
         */
        .fr-window-IE6 * { zoom: 1; }

        /* Sprite */
        .fr-window-IE6 .fr-side-button-icon,
        .fr-window-IE6 .fr-close-icon,
        .fr-window-IE6 .fr-thumbnails-side-button-icon {
          background-image: url('../pic/ie6/sprite.png');
        }

        /* < > */
        .fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }
        .fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

        /* disabled */
        .fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
        .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }
        .fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
        .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }
        .fr-window-IE6 .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { display: none; }


        /* responsive < > */
        @media all and (max-width: 568px) and (max-height: 320px),
               all and (max-width: 320px) and (max-height: 568px) {
          .fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
          .fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }

          .fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon,
          .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: 0px -400px; }
          .fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon,
          .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -40px -400px; }
        }


        /* X */
        .fr-window-IE6 .fr-close .fr-close-icon { background-position: -169px -9px;}
        .fr-window-IE6 .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

        .fr-window-IE6 .fr-info { filter: alpha(opacity=99);  }
        .fr-window-IE6 .fr-ui-outside .fr-info { background: red; }
        .fr-window-IE6 .fr-close-icon { background-color: #232323; }
        .fr-window-IE6 .fr-close .fr-close-background { display: none; }

        .fr-window-IE6 .fr-info-background { display: none; }
        .fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-info,
        .fr-window-IE6 .fr-info-outside { background: #0d0d0d; }


        .fr-window-IE6 .fr-position { background: #101010; }
        .fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-position { background: none; }
        .fr-window-IE6 .fr-position .fr-position-background { display: none; }