/* preview css */
.cta-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.2s linear 0s;
    width: 100%;
}
.cta-overlay:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}
.hover-icon-preview{
    background-image: url(../images/open_arrows.png);
    background-position: center center;
    background-repeat: no-repeat;
    height:66px;
    margin-left: -32px;
    margin-top: -23px;
    filter: alpha(opacity=100); /* ie8 */
    opacity: 0;
    transition: opacity 0.16s linear 0s;
    width: 66px;
}
.cta-overlay .hover-text{
   font-size:14px;
   line-height:22px;
   font-family: "Verb Regular Bold", arial;
   color:white;
   filter: alpha(opacity=100); /* ie8 */
   opacity: 0;   
   margin-top: 37px;
   position: relative;
   text-align: center;
   top: 50%;
   color: white;
   font-weight: normal;
   transition: opacity 0.24s linear 0s;
}
.cta-overlay .hover-text.multifile{
   margin-top:38px;
}
.hover-icon-bg.multifile{
   top:45%;
   left:49.7%;
}
.hover-icon-bg{
   background-color:rgb(51, 51, 51); /* ie8 */
   background-color:rgba(51, 51, 51, 0.8);
   cursor: pointer;
   left: 50%;
   position: absolute;
   top:47.5%;
   z-index: 1;
}
.cta-overlay:hover .hover-icon-preview,
.cta-overlay:hover .hover-text {
   opacity:1;
}
#saveToDesktopPreview .desktop{
   background-position: -10px -2062px;
   height:19px;
   width: 12px;
   top:7px;
}
#saveToFolderPreview .savetoFolderIcon{
    background-position: -7px -2114px;
    height: 19px;
    top:3px;
    width: 21px;
}
.ui-dialog.dlgPreviewParentDiv{
   background: rgb(51, 51, 51);
   position: absolute !important;
   padding:0;
   border-radius:0;
   display:none;
   box-shadow:0;
}
#previewParentDiv{
   background: none repeat scroll 0 0 transparent;
   border:0;
   left: 0;
   margin:0;
   padding:19px 0;
   top: 0;
   z-index: 1001;
   display:none;
   overflow:hidden;
}
#previewDiv{
   margin:0 auto;
}
#div4Preview{
   height: 89%;
   left: 0;
   overflow: scroll;
   padding-top:19px;
   position: fixed;
   top: 0;
   width: 100%;
}
#pagesDivParent{
   position:fixed;
   top:0;
   width:100%;
   display:none;
   z-index:200;
   background-color:transparent;
}
#pagesDiv{
   font-size:12px;
   font-family: "Verb Regular", Arial;
   color:white;
   background-color:rgb(10, 10, 10);
   background-color:rgba(10, 10, 10, 0.8);
   padding:23px 21px;
   min-width:54px;
   display:inline-block;
   float:left;
}
#close-preview-parent{
   position: absolute;
   top:0px;
   width:100%;
   background:transparent;
   z-index:500;
}
#close-preview img{
   cursor:pointer;
}

#close-preview{
   background-color:transparent;
   font-size:11px;
   padding: 21px;
   float:right;
   text-transform: uppercase;
   line-height:19px;
   font-size:8px;
   font-family:'Helvetica','Arial','Sans-serif';
   color:white;
   z-index:500;
}
#footerBar4Preview{
   height:70px;
   background-color:#0A0A0A;
   width:100%;
   bottom:0;
   left:0;
   position:fixed;
   padding:13px 0 10px 0px;
   display: table;
}
#footerBar4Preview.multifile{
   padding:23px 0 21px 0px;
}
#hLogo4Preview{
   text-align: left;
   display:table-cell;
   position:fixed;
   width:200px;
   vertical-align: middle;
   padding-left:25px;
   padding-top:24px;
}
#footerBar4Preview.multifile #hLogo4Preview{
   padding-top:23px;
}

#fileProp4Preview{
   text-align: center;
   display:table-cell;
   position:relative;
   width:100%;
   color:#ffffff;
   font-family: "Verb Regular";
   vertical-align: middle;
   height:37px;
}
#downloadButtons4Preview{
   color:#FFFFFF;
   display:table-cell;
   position:fixed;
   vertical-align: middle;
   right:0px;
   width: 249px;
   background-color:#0A0A0A;
   padding-top:3px;
}
#footerBar4Preview.multifile #downloadButtons4Preview{
   padding-top:5px;
}
#fileName4Preview-tmp{
   display:none;
}
#fileName4Preview-tmp,
#fileName4Preview{
   font-size: 14px;
   line-height: 22px;
}
#fileName4Preview{
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
#fileSize4Preview{
   color: #838383;
   position:absolute;
   padding-left:20px;
   display: inline-block;
   font-size: 12px;
   line-height: 22px;
}
.file-slide{
   background:gray;
   border:3px solid #333333;
   float: left;
   margin:2px 10px 2px 0; 
   height: 60px;
   width: 100px;
}
.imgSlider-parent{
   display: inline-block;
   height: 70px;
   overflow: hidden;
   width:650px;
}
.imgSliderFixed{
   display: inline-block;
   height: 70px;
   overflow: hidden;
   width: 570px;
}
ul.imgSlider{
   width:100%;
   height:70px;
   list-style: none outside none;
   position: relative;
   margin:0;
   padding:0;
}
#noOfFiles{
   color: #FFFFFF;
   font-family:'Helvetica','Arial','Sans-serif';
   font-size: 16px;
   font-weight: bold;
   height: 45px;
   line-height: 22px;
   padding-top: 25px;
   position: fixed;
   vertical-align: middle;
   width: auto;
}
.cta-overlay-fix {
    height: 60px;
    position: absolute;
    top:5px;
    width: 100px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
.cta-overlay-fix.nobg{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.file-slide .imgSlideChildDiv{
   display:table-cell;
   height:60px;
   width:100px;
   vertical-align:middle;
}
.left-slide-arrow, .right-slide-arrow{
   height:70px;
   display: inline-block;
   width:16px;
   vertical-align:middle;
   background-image: url(../images/left-arrow-slider.png);
   background-position: center center;
   background-repeat: no-repeat;
   float:left;
   cursor:pointer;
}
.right-slide-arrow{
   background-image: url(../images/right-arrow-slider.png);
   background-position: center center;
   background-repeat: no-repeat;
   float:right;
}
.slide-arrows-none{
   background-image: none;
   cursor:default;
}
#previewParentDiv #downloadButtons4Preview #saveToFolderPreview.btn-save,
#previewParentDiv #downloadButtons4Preview #saveToDesktopPreview.btn-save{
   padding:5px 16px 8px;
}
#downloadButtons4Preview #saveToFolderPreview,
#downloadButtons4Preview #saveToDesktopPreview{
   display:inline;
   padding:0 20px;
   font-size: 13px !important;
   line-height:22px;
}
#downloadButtons4Preview #saveToDesktopPreview{
   color:#F15B41;
}
#saveToFolderPreview{
   cursor:pointer;
   color:white;
}
.multipageSpacer{padding:5px 0;position:relative;clear:both;font-size:10px; line-height:10px;}
.multipageImg{position:relative;clear:both;}
.multipageImg img{
   box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.25);
   -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.hideBody{
   overflow:hidden;
}
#previewDiv-shadow {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background:#000;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   -khtml-opacity: 0.75;
   opacity: 0.75;
   z-index: 1000;
   display: none;
}
.hidden{display:none;}.like-preview{
   font-size:12px;
   color:#ffffff;
   font-family:'Helvetica','Arial','Sans-serif';
   clear:both;
   padding: 18px 0 0 18px;
   text-align: center;
   width: 200px;
}
.like-preview a{
   color:#ffffff;
   text-decoration: underline;
}