/**
* Plugin Crystal Gallery
* 
* Copyright (C) 2012  Adamantium Solutions (www.adamantium.sk)
*
* @package     jquery.crystalGallery
* @author      Adamantium Solutions
* @copyright   2012 Adamantium Solutions
* @link        http://www.crystalgallery.adamantium.sk
*/

/************************************************************************
* Please edit this system.css only if you know what you are doing.
* The gallery could not work correctly if some system styles are changed
*************************************************************************/



/**
* Main gallery styles
*/

body {
    margin: 0px;
    padding: 0px;
}

.crystal-holder a {
    outline: none;
}

div.crystal-category {
    display: none;
}

div.crystal-holder {
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1000;
}     

div.crystal-layout-fullscreen {
    position: fixed;
}

div.crystal-layout-fixed {
    position: relative;   
}

div.crystal-holder img {
    border: none;
}
             
div.crystal-images,
div.crystal-thumbnailsbg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
}                               

div.crystal-image,
div.crystal-thumbnailbg {
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    background: #000000 url('../gfx/bg-dark.png');
}

div.crystal-image img,
div.crystal-thumbnailsbg img {
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    top: 0px;
    left: 0px; 
} 

div.clear-after:after {
    content: ".";
    display: block;
    height: 0px;
    width: 0px;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.crystal-invisible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0)  !important;
    opacity: 0 !important;   
}



/**
* Gallery thumbnail navigation styles
*/

div.crystal-thumbnails,
div.crystal-category-thumbnails {
    position: absolute;
}
 
div.crystal-thumbnails-bottom div.crystal-thumbnailsbg img {
    top: auto;
    bottom: 0px;
}

div.crystal-thumbnails-top,
div.crystal-thumbnails-bottom {
    left: 0px;
    top: 0px;
    height: auto;
    width: 100%;
}

div.crystal-thumbnails-bottom {
    top: auto;
    bottom: 0px;
}

div.crystal-thumbnails-left,
div.crystal-thumbnails-right {
    left: 0px;
    top: 0px;
    right: auto;
    width: auto;
    height: 100%;
}

div.crystal-thumbnails-right {
    left: auto;
    right: 0px;
}

div.crystal-translucent-color {
    position: absolute; 
    top: 0px;
    left: 0px; 
    width: 100%;
    height: 100%;
    
    transition: background-color 0.4s, opacity 0.4s;
    -moz-transition: background-color 0.4s, opacity 0.4s; /* Firefox 4 */
    -webkit-transition: background-color 0.4s, opacity 0.4s; /* Safari and Chrome */
    -o-transition: background-color 0.4s, opacity 0.4s; /* Opera */
}

div.crystal-transparent-border {
    position: absolute;
    width: 0px;
    height: 0px;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

div.crystal-thumbnails-top div.crystal-transparent-border {
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #444444;
}

div.crystal-thumbnails-bottom div.crystal-transparent-border {
    left: 0; 
    top: 0; 
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #444444;
}

div.crystal-thumbnails-left div.crystal-transparent-border {
    right: 0; 
    top: 0; 
    height: 100%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #444444;    
}

div.crystal-thumbnails-right div.crystal-transparent-border {
    left: 0; 
    top: 0; 
    height: 100%;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #444444;
}

div.crystal-thumbnails-top div.crystal-thumbnails-holder,
div.crystal-thumbnails-bottom div.crystal-thumbnails-holder {
    position: relative;
    width: 100%;       
    
    #width: auto; /*IE Hack */
}

div.crystal-thumbnails-bottom div.crystal-thumbnails-categories {
    #overflow: hidden; /*IE Hack */
}

div.crystal-thumbnails-left div.crystal-thumbnails-holder,
div.crystal-thumbnails-right div.crystal-thumbnails-holder {
    display: inline-block;
    position: relative;
    height: 100%;             
}
                                                              
div.crystal-thumbnails-overflow {
    position: relative;
    overflow: hidden;
    width: auto; 
}

div.crystal-thumbnails-left div.crystal-thumbnails-overflow,
div.crystal-thumbnails-right div.crystal-thumbnails-overflow {
    height: 100%; 
    float: right;
    
    #width: 100%; /*IE Hack */              
}

div.crystal-thumbnails-mover {
    position: relative;
    overflow: hidden;  
}

div.crystal-handle-holder {
    position: relative;
    cursor: pointer;
    margin: 0px;
}



/**
* Gallery thumbnail mover
*/

div.crystal-handle-holder div.crystal-mover-handle {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    
    
    border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;            
    
    transition: opacity 0.4s;
    -moz-transition: opacity 0.4s; /* Firefox 4 */
    -webkit-transition: opacity 0.4s; /* Safari and Chrome */
    -o-transition: opacity 0.4s; /* Opera */
}

div.crystal-handle-holder div.crystal-mover-handle:hover,
div.crystal-handle-holder div.crystal-mover-handle.draging {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
    
    box-shadow: 0px 0px 3px #ffffff;
}

div.crystal-handle-horizontal {
    width: 100%;
    height: 4px;
}

div.crystal-handle-vertical {
    width: 4px;
    height: 100%;
}

div.crystal-mover-focusor {
    width: 100%;
    height: 100%; 
    top: 0;
    left: 0; 
    position: absolute; 
    z-index: 9999;
    background-color: #000000; 
}

div.crystal-thumbnails-mover div.crystal-thumbnails-mover-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}



/**
* Gallery thumbnail
*/

div.crystal-thumbnail {
    cursor: pointer;  
    float: left;
    position: relative;
    overflow: hidden;
}

div.crystal-thumbnail img {
    position: absolute;
    top: 0px;
    left: 0px;
}      

div.crystal-thumbnail img.crystal-thumbnail-active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
    -webkit-transition: opacity 0.3s; /* Safari and Chrome */
    -o-transition: opacity 0.3s; /* Opera */
}    

div.crystal-thumbnail div.crystal-thumbnail-emboss {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
    border: 1px solid #ffffff;
    border-bottom-color: #000000;
    border-right-color: #000000;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
    
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
    -webkit-transition: opacity 0.3s; /* Safari and Chrome */
    -o-transition: opacity 0.3s; /* Opera */
}  



/**
* Gallery categories
*/

div.crystal-thumbnails-top div.crystal-categories,
div.crystal-thumbnails-bottom div.crystal-categories {
    position: relative;
}                                                   

div.crystal-categories a.crystal-category-link {
    outline: none;
                         
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari and Chrome */
    -o-transition: all 0.3s; /* Opera */    
}

div.crystal-thumbnails-left a.crystal-category-link,
div.crystal-thumbnails-right a.crystal-category-link {
    margin: 0px;
    display: block;
}

div.crystal-thumbnails-left div.crystal-category-thumbnails,
div.crystal-thumbnails-right div.crystal-category-thumbnails {
    overflow: hidden; 
    position: relative;
    height: 0px;
}
  
  

/**
* Gallery social icons  
*/
  
div.crystal-social-trigger {
    white-space: nowrap;
    position: absolute;  
    cursor: pointer; 
    z-index: 1010; 
    
    transition: all 0.4s !important;
    -moz-transition: all 0.4s !important; /* Firefox 4 */
    -webkit-transition: all 0.4s !important; /* Safari and Chrome */
    -o-transition: all 0.4s !important; /* Opera */
}

div.crystal-thumbnails-top div.crystal-social-trigger,
div.crystal-thumbnails-bottom div.crystal-social-trigger,
div.crystal-thumbnails-right div.crystal-social-trigger {
    right: 0px;                                        
}

div.div.crystal-thumbnails-left div.crystal-social-trigger {
    left: 0px;
}

div.crystal-social-background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

div.crystal-social-container {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 0px;
}

div.crystal-thumbnails-left div.crystal-social-container,
div.crystal-thumbnails-right div.crystal-social-container {
    top: auto;
    left: 0px;
    width: auto;
    height: 0px;
}                     

div.crystal-social-container div.crystal-social-holder {
    display: inline-block;
    position: absolute;
}
                                                       
div.crystal-thumbnails-top div.crystal-social-holder {
    bottom: 0px;
}   

div.crystal-thumbnails-bottom div.crystal-social-holder {
    top: 0px;
}

div.crystal-social-holder a.crystal-social-link {
    display: block;
    float: left;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;
}

div.crystal-social-holder a.crystal-social-link:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}



/**
* Gallery logo styles
*/

div.crystal-logo {
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;  
    
    #height: 100%; /*IE Hack */
}    

div.crystal-thumbnails-left div.crystal-logo,
div.crystal-thumbnails-right div.crystal-logo {
    bottom: auto;
    right: 0px;
    position: relative;
    
    #height: auto; /*IE Hack */
    #position: static; /*IE Hack */
}           

div.crystal-logo table {
    border-collapse: collapse;
}

div.crystal-logo table,
div.crystal-logo table tr,
div.crystal-logo table tr td {
    width: 100%;
    height: 100%;          
    vertical-align: middle;       
    
    #width: auto; /*IE Hack */
    #height: auto; /*IE Hack */
}

div.crystal-thumbnails-top div.crystal-logo table,
div.crystal-thumbnails-bottom div.crystal-logo table,
div.crystal-thumbnails-top div.crystal-logo div.crystal-logo table tr,
div.crystal-thumbnails-bottom div.crystal-logo div.crystal-logo table tr,
div.crystal-thumbnails-top div.crystal-logo div.crystal-logo table tr td,
div.crystal-thumbnails-bottom div.crystal-logo div.crystal-logo table tr td {
    height: 100%;          
}

div.crystal-logo-divider {
    position: absolute;
    width: 0px;
    height: 0px;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;
}

div.crystal-thumbnails-top div.crystal-logo-divider {
    right: 1px;
    top: -1px;
    height: 100%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #444444;
}

div.crystal-thumbnails-bottom div.crystal-logo-divider {
    right: 1px;
    top: 1px; 
    height: 100%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #444444;
}

div.crystal-thumbnails-left div.crystal-logo-divider {
    left: -1px;
    bottom: 1px;
    width: 100%;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #444444;    
    
    #bottom: auto; /*IE Hack */
}

div.crystal-thumbnails-right div.crystal-logo-divider {
    left: 1px; 
    bottom: 1px; 
    width: 100%;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #444444;    
    
    #bottom: auto; /*IE Hack */
}



/**
* Gallery UI
*/

div.crystal-ui-holder {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px; 
    z-index: 1010;
}

div.crystal-ui-holder a.crystal-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1008;
    
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);                                   
    opacity: 0;
}

div.crystal-ui-holder div.crystal-prev-next {
    position: absolute;
    display: block;
    width: 70px;
    top: 0px;
    bottom: 40px;      
    cursor: pointer;
    
    z-index: 1009;
}

div.crystal-ui-holder div.crystal-prev-next span {
    display: inline-block;
    width: 70px;
    height: 70px;  
    top: 50%; 
    margin-top: -35px;
    position: absolute;
    
    background-position: center;
    background-repeat: no-repeat;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
    -webkit-transition: opacity 0.3s; /* Safari and Chrome */
    -o-transition: opacity 0.3s; /* Opera */
}

div.crystal-ui-holder div.crystal-prev-next:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;       
}

div.crystal-ui-holder div.crystal-prev {
    left: 0px;       
}

div.crystal-ui-holder div.crystal-prev span {
    background-image: url('../gfx/btn-prev.png');
    left: 0px;
}

div.crystal-ui-holder div.crystal-next {
    right: 0px;         
}

div.crystal-ui-holder div.crystal-next span {
    background-image: url('../gfx/btn-next.png');
    right: 0px;
}

div.crystal-autoplay-timer {
    position: absolute;
    
    border: 1px solid #ffffff;
    border-bottom-color: #000000;
    border-right-color: #000000;
    
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom-color: rgba(0, 0, 0, 0.4);
    border-right-color: rgba(0, 0, 0, 0.4);
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    
    transition: background-color 0.7s, opacity 0.3s;
    -moz-transition: background-color 0.7s, opacity 0.3s; /* Firefox 4 */
    -webkit-transition: background-color 0.7s, opacity 0.3s; /* Safari and Chrome */
    -o-transition: background-color 0.7s, opacity 0.3s; /* Opera */
    
    left: 0px;
    top: 0px;  
    height: 0px;
    width: 0px;        
}

div.crystal-ui-layout-top div.crystal-autoplay-timer {
    height: 4px;
}                                                   
div.crystal-ui-layout-top div.crystal-autoplay-timer-oposite {
    top: auto;
    bottom: 0px;
}

div.crystal-ui-layout-bottom div.crystal-autoplay-timer {
    top: auto;
    bottom: 0px;
    height: 4px;
}                                                   
div.crystal-ui-layout-bottom div.crystal-autoplay-timer-oposite {
    top: 0px;
    bottom: auto;
}


div.crystal-ui-layout-left div.crystal-autoplay-timer {
    width: 4px;
}
div.crystal-ui-layout-left div.crystal-autoplay-timer-oposite {
    left: auto;
    right: 0px;
}

div.crystal-ui-layout-right div.crystal-autoplay-timer {
    left: auto;
    right: 0px;
    width: 4px;
}                                                     
div.crystal-ui-layout-right div.crystal-autoplay-timer-oposite {
    left: 0px;
    right: auto;
}





/**
* Gallery icon buttons
*/

div.crystal-icon { 
    display: inline-block; 
    cursor: pointer;
    
    background-position: center;
    background-repeat: no-repeat;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
    -webkit-transition: opacity 0.3s; /* Safari and Chrome */
    -o-transition: opacity 0.3s; /* Opera */
}

div.crystal-icon:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

div.crystal-icons-holder {
    z-index: 1010;
    position: absolute;
    left: 0px;        
    top: 0px;
}



/**
* Fullscreen big icons 30*30px 
*/ 

div.crystal-layout-fullscreen div.crystal-icon {
    margin-top: 3px;
    margin-left: 3px;
    width: 30px;
    height: 30px;
}

div.crystal-layout-fullscreen div.crystal-ui-layout-top div.crystal-icons-holder {
    height: 33px;
    padding-top: 5px;                              
}

div.crystal-layout-fullscreen div.crystal-ui-layout-bottom div.crystal-icons-holder {
    top: auto;
    bottom: 0px;                      
    height: 33px;
    padding-bottom: 5px;                           
}

div.crystal-layout-fullscreen div.crystal-ui-layout-left div.crystal-icons-holder {
    width: 33px;
    padding-left: 5px;                             
}

div.crystal-layout-fullscreen div.crystal-ui-layout-right div.crystal-icons-holder {
    left: auto;
    right: 0px;
    width: 33px;
    padding-right: 5px;                            
}


/* Generated by http://css.spritegen.com CSS Sprite Generator */

.btn-video {  }
.btn-contact {  }




div.crystal-layout-fullscreen div.crystal-ui-layout-top div.crystal-thumbnail-toggle {
    background-image: url('../gfx/30/btn-hide-bottom.png');
}     
div.crystal-layout-fullscreen div.crystal-ui-layout-top div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/30/btn-hide-top.png');
}

div.crystal-layout-fullscreen div.crystal-ui-layout-bottom div.crystal-thumbnail-toggle {
    background-image: url('../gfx/30/btn-hide-top.png');
}  
div.crystal-layout-fullscreen div.crystal-ui-layout-bottom div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/30/btn-hide-bottom.png');
}

div.crystal-layout-fullscreen div.crystal-ui-layout-left div.crystal-thumbnail-toggle {
    background-image: url('../gfx/30/btn-hide-right.png');
}   
div.crystal-layout-fullscreen div.crystal-ui-layout-left div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/30/btn-hide-left.png');
}

div.crystal-layout-fullscreen div.crystal-ui-layout-right div.crystal-thumbnail-toggle {
    background-image: url('../gfx/30/btn-hide-left.png');
}   
div.crystal-layout-fullscreen div.crystal-ui-layout-right div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/30/btn-hide-right.png');
}



div.crystal-layout-fullscreen div.crystal-autoplay-toggle {
    background-image: url('../gfx/30/btn-autopause.png');
}

div.crystal-layout-fullscreen div.crystal-autoplay-toggle-stopped {
    background-image: url('../gfx/30/btn-autoplay.png');
}



div.crystal-layout-fullscreen div.crystal-description-toggle {
    background-image: url('../gfx/30/btn-info.png');
}



div.crystal-layout-fullscreen div.crystal-fullscreen-toggle {
    background-image: url('../gfx/30/btn-fullscreen.png');
}

div.crystal-layout-fullscreen div.crystal-fullscreen-active {
    background-image: url('../gfx/30/btn-from-fullscreen.png');
}



/**
* Fixed smaller icons 20*20px 
*/ 

div.crystal-layout-fixed div.crystal-icon {
    margin-top: 2px;
    margin-left: 2px;
    width: 20px;
    height: 20px;
}

div.crystal-layout-fixed div.crystal-ui-layout-top div.crystal-icons-holder {
    height: 22px;
    padding-top: 4px;                              
}

div.crystal-layout-fixed div.crystal-ui-layout-bottom div.crystal-icons-holder {
    top: auto;
    bottom: 0px;                      
    height: 22px;
    padding-bottom: 4px;                           
}

div.crystal-layout-fixed div.crystal-ui-layout-left div.crystal-icons-holder {
    width: 22px;
    padding-left: 4px;                             
}

div.crystal-layout-fixed div.crystal-ui-layout-right div.crystal-icons-holder {
    left: auto;
    right: 0px;
    width: 22px;
    padding-right: 4px;                            
}


/* Generated by http://css.spritegen.com CSS Sprite Generator */

.btn-video {  }
.btn-contact {  }




div.crystal-layout-fixed div.crystal-ui-layout-top div.crystal-thumbnail-toggle {
    background-image: url('../gfx/20/btn-hide-bottom.png');
}     
div.crystal-layout-fixed div.crystal-ui-layout-top div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/20/btn-hide-top.png');
}

div.crystal-layout-fixed div.crystal-ui-layout-bottom div.crystal-thumbnail-toggle {
    background-image: url('../gfx/20/btn-hide-top.png');
}  
div.crystal-layout-fixed div.crystal-ui-layout-bottom div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/20/btn-hide-bottom.png');
}

div.crystal-layout-fixed div.crystal-ui-layout-left div.crystal-thumbnail-toggle {
    background-image: url('../gfx/20/btn-hide-right.png');
}   
div.crystal-layout-fixed div.crystal-ui-layout-left div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/20/btn-hide-left.png');
}

div.crystal-layout-fixed div.crystal-ui-layout-right div.crystal-thumbnail-toggle {
    background-image: url('../gfx/20/btn-hide-left.png');
}   
div.crystal-layout-fixed div.crystal-ui-layout-right div.crystal-thumbnail-toggle-open {
    background-image: url('../gfx/20/btn-hide-right.png');
}



div.crystal-layout-fixed div.crystal-autoplay-toggle {
    background-image: url('../gfx/20/btn-autopause.png');
}

div.crystal-layout-fixed div.crystal-autoplay-toggle-stopped {
    background-image: url('../gfx/20/btn-autoplay.png');
}



div.crystal-layout-fixed div.crystal-description-toggle {
    background-image: url('../gfx/20/btn-info.png');
   
}



div.crystal-layout-fixed div.crystal-fullscreen-toggle {
    background-image: url('../gfx/20/btn-fullscreen.png');
    
}

div.crystal-layout-fixed div.crystal-fullscreen-active {
    background-image: url('../gfx/20/btn-from-fullscreen.png');
     
}

       
                                                            


div.crystal-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    
    background: transparent url('../gfx/bg-loader.png') no-repeat 0px 0px; 
    
    transition: opacity 0.8s;
    -moz-transition: opacity 0.8s; /* Firefox 4 */
    -webkit-transition: opacity 0.8s; /* Safari and Chrome */
    -o-transition: opacity 0.8s; /* Opera */
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;   
    
    z-index: 1015;
}

div.crystal-loader-visible {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: 0.8;   
}    
    



/**
* Gallery thumbnail title
*/

div.crystal-title-container {
    position: absolute; 
    cursor: default;
    z-index: 1100;
    
    transition: margin 0.4s, opacity 0.4s;
    -moz-transition: margin 0.4s, opacity 0.4s; /* Firefox 4 */
    -webkit-transition: margin 0.4s, opacity 0.4s; /* Safari and Chrome */
    -o-transition: margin 0.4s, opacity 0.4s; /* Opera */
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; 
}
    
div.crystal-thumbnails-top div.crystal-title-container {
    text-align: left;
    top: 100%;      
}

div.crystal-thumbnails-bottom div.crystal-title-container {
    text-align: left;
    bottom: 100%;
}

div.crystal-thumbnails-top div.crystal-right-align,
div.crystal-thumbnails-bottom div.crystal-right-align {
    text-align: right;
}

div.crystal-thumbnails-left div.crystal-title-container {
    text-align: left;
    left: 100%;      
}

div.crystal-thumbnails-right div.crystal-title-container {
    text-align: right;
    right: 100%; 
}      

div.crystal-thumbnails-top div.crystal-title-container {
    margin-top: 30px;
}

div.crystal-thumbnails-bottom div.crystal-title-container {
    margin-bottom: 30px;
}

div.crystal-thumbnails-left div.crystal-title-container {
    margin-left: 30px;
}

div.crystal-thumbnails-right div.crystal-title-container {
    margin-right: 30px;
}       

div.crystal-title-container div.crystal-photo-title {
    display: block;   
    white-space: nowrap;
    overflow: hidden; 
    #overflow: visible !important; /*IE Hack */
}

div.crystal-title-container div.crystal-photo-position {
    display: inline-block;
    white-space: nowrap;
}




/**
* Gallery photo description
*/

div.crystal-photo-description {
    position: absolute;
    overflow: hidden;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    z-index: 1011;
}

div.crystal-photo-description div.crystal-photo-description-emboss {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
    border: 1px solid #ffffff;
    border-bottom-color: #000000;
    border-right-color: #000000;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
    opacity: 0.2;                           
}

div.crystal-photo-description div.crystal-photo-description-bg {
    position: absolute; 
    top: 0px;
    left: 0px; 
    width: 100%;
    height: 100%;
    
    transition: background-color 0.4s, opacity 0.4s;
    -moz-transition: background-color 0.4s, opacity 0.4s; /* Firefox 4 */
    -webkit-transition: background-color 0.4s, opacity 0.4s; /* Safari and Chrome */
    -o-transition: background-color 0.4s, opacity 0.4s; /* Opera */  
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5; 
}

div.crystal-photo-description img.blurry-description-bg {
    position: absolute;
}

div.crystal-photo-description div.crystal-photo-description-inner {
    padding: 10px 20px 10px;
    position: relative;
}

div.crystal-photo-description div.crystal-photo-description-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: transparent url('../gfx/btn-close.png') no-repeat;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s; /* Firefox 4 */
    -webkit-transition: opacity 0.3s; /* Safari and Chrome */
    -o-transition: opacity 0.3s; /* Opera */
}

div.crystal-photo-description div.crystal-photo-description-close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;    
}