/**
 * Copyright (c) 2011-2015 Snow Software Services, LLC. All rights reserved.
 * @author Joseph Snow <http://SnowSoftwareServices.com>
 * skin-web.css 
 * version: 2.0.3
 **/
.hv-center-align {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.horizontal-align {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
html,
body {
  overflow: visible;
}
.clear {
  clear: both;
}
.page-wrapper {
  width: 100%;
  height: 100%;
  overflow: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.page-inner {
  width: 800px;
  margin: auto;
}
.page-top {
  height: 66px;
  padding-top: 20px;
}
.page-top-left {
  float: left;
  position: relative;
  left: -10px;
  width: 22px;
  height: 66px;
  background-image: url('../skin/page_top_left.gif');
  background-position: top left;
  background-repeat: no-repeat;
}
.page-top-center {
  position: relative;
  width: 776px;
  height: 66px;
  margin: auto;
  background-image: url('../skin/page_top_center.gif');
  background-position: top center;
  background-repeat: repeat-x;
}
.page-top-right {
  float: right;
  position: relative;
  right: -10px;
  width: 22px;
  height: 66px;
  background-image: url('../skin/page_top_right.gif');
  background-position: top right;
  background-repeat: no-repeat;
}
.page-area {
  min-height: 480px;
  position: relative;
}
.page-area-left {
  float: left;
  position: relative;
  left: -10px;
  width: 22px;
  min-height: 480px;
  background-image: url('../skin/page_area_left.gif');
  background-position: top left;
  background-repeat: repeat-y;
}
.page-area-center {
  position: relative;
  left: 12px;
  right: 42px;
  width: 776px;
  min-height: 480px;
  background-image: url('../skin/page_area_center.gif');
  background-position: top center;
  background-repeat: repeat;
}
.page-area-right {
  float: right;
  position: relative;
  right: -10px;
  width: 22px;
  min-height: 480px;
  background-image: url('../skin/page_area_right.gif');
  background-position: top right;
  background-repeat: repeat-y;
}
.page-area-main {
  position: relative;
  top: -464px;
}
.page-bottom {
  position: relative;
  top: -60px;
  height: 25px;
  padding-bottom: 20px;
}
.page-bottom-left {
  float: left;
  position: relative;
  left: -10px;
  width: 22px;
  height: 25px;
  background-image: url('../skin/page_bottom_left.gif');
  background-position: bottom left;
  background-repeat: no-repeat;
}
.page-bottom-center {
  position: relative;
  width: 776px;
  height: 25px;
  margin: auto;
  background-image: url('../skin/page_bottom_center.gif');
  background-position: bottom center;
  background-repeat: repeat-x;
}
.page-bottom-right {
  float: right;
  position: relative;
  right: -10px;
  width: 22px;
  height: 25px;
  background-image: url('../skin/page_bottom_right.gif');
  background-position: bottom right;
  background-repeat: no-repeat;
}
.pres-holder {
  position: absolute;
  top: 0px;
  right: 15px;
  width: 512px;
  height: 384px;
  background-color: transparent;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.pres-container {
  position: absolute;
}
.pres-canvas {
  position: absolute;
  background-color: transparent;
}
.pres-nav {
  position: absolute;
  top: 0px;
  left: 15px;
  width: 238px;
  height: 378px;
  font-size: 70%;
  border-spacing: 0px;
  border-style: outset;
  border-width: 3px;
  border-color: #333333;
}
.pres-nav-tabContent {
  font-size: 120%;
  width: 236px;
  height: 344px;
  overflow: auto;
}
.pres-nav-slide-title {
  display: table;
  font-size: 100%;
}
.ui-tabs .ui-tabs-panel {
  padding: 2px;
}
.pres-nav-slide-title-img img {
  display: table-cell;
  vertical-align: middle;
  padding: 4px;
}
.pres-nav-slide-title-text {
  display: table-cell;
  vertical-align: middle;
  padding: 4px;
}
.pres-controls {
  position: relative;
  top: 400px;
  left: 0;
  right: 0;
  width: 770px;
  height: 60px;
  margin: auto;
}
.progressbar {
  position: relative;
  float: left;
  min-width: 50px;
  width: 100%;
  height: 10px;
}
.progressbar-empty {
  position: absolute;
  width: 100%;
  height: 10px;
  z-index: 1;
  background-image: url('../skin/progress_empty.gif');
}
.progressbar-ready {
  position: absolute;
  width: 0%;
  height: 10px;
  z-index: 2;
  background-image: url('../skin/progress_ready.gif');
}
.progressbar-filled {
  position: absolute;
  width: 0%;
  height: 10px;
  z-index: 3;
  background-image: url('../skin/progress_filled.gif');
}
.progressbar-btn {
  position: absolute;
  left: 0%;
  margin-top: -6px;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  z-index: 4;
  background-image: url('../skin/progress_btn.png');
  background-repeat: no-repeat;
}
.btnbar {
  min-width: 10px;
  width: 100%;
  height: 50px;
}
.btnbar-left {
  float: left;
  position: relative;
  left: 0px;
  width: 5px;
  height: 50px;
  z-index: 2;
  background-image: url('../skin/btnbar_left.gif');
  background-position: left;
  background-repeat: no-repeat;
}
.btnbar-center {
  position: relative;
  width: 100%;
  height: 50px;
  margin: auto;
  z-index: 1;
  background-image: url('../skin/btnbar_center.gif');
  background-position: center;
  background-repeat: repeat-x;
}
.btnbar-right {
  float: right;
  position: relative;
  right: 0px;
  width: 5px;
  height: 50px;
  z-index: 3;
  background-image: url('../skin/btnbar_right.gif');
  background-position: right;
  background-repeat: no-repeat;
}
.btnbar-btn {
  float: left;
  margin-top: 10px;
}
.btnbar-btn span {
  padding-left: 8px;
  padding-right: 8px;
}
.pres-title {
  font-size: 200%;
  color: #ffffff;
  padding: 4px;
  padding-top: 12px;
}
.slide-title {
  font-size: 120%;
  color: #ffffff;
  padding-left: 0px;
  padding-right: 0px;
}
/* small tablets */
/* @media only screen and (max-width: 992px) {
  @scalexy: (992 - 100) / @base-width;

  .page-wrapper {
    // background-color: orange;
    .zoom(@scalexy);
  }
} */
/* small devices */
@media only screen and (max-width: 800px) {
  .page-inner {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .page-wrapper {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media only screen and (max-width: 720px) {
  .page-wrapper {
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
  }
}
@media only screen and (max-width: 620px) {
  .page-wrapper {
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
         -o-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@media only screen and (max-width: 420px) {
  .page-wrapper {
    -webkit-transform: scale(0.45);
        -ms-transform: scale(0.45);
         -o-transform: scale(0.45);
            transform: scale(0.45);
  }
}
@media only screen and (max-width: 380px) {
  .page-wrapper {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
         -o-transform: scale(0.4);
            transform: scale(0.4);
  }
}
@media only screen and (max-width: 320px) {
  .page-wrapper {
    -webkit-transform: scale(0.4);
        -ms-transform: scale(0.4);
         -o-transform: scale(0.4);
            transform: scale(0.4);
  }
}
@media only screen and (max-width: 315px) {
  .page-wrapper {
    -webkit-transform: scale(0.35);
        -ms-transform: scale(0.35);
         -o-transform: scale(0.35);
            transform: scale(0.35);
  }
}
@media only screen and (max-width: 300px) {
  .page-wrapper {
    -webkit-transform: scale(0.25);
        -ms-transform: scale(0.25);
         -o-transform: scale(0.25);
            transform: scale(0.25);
  }
}