/* ----------------------------------
    Clear Black style Theme
----------------------------------- */

    div.clear_black .pp_top .pp_left { background: url(/UI/prettyPhoto/clear_black/clear_black_top_l.png) no-repeat; } /* Top left corner */
    div.clear_black .pp_top .pp_middle { background: url(/UI/prettyPhoto/clear_black/clear_black_top.png) top left repeat-x; } /* Top pattern/color */
    div.clear_black .pp_top .pp_right { background: url(/UI/prettyPhoto/clear_black/clear_black_top_r.png) no-repeat; } /* Top right corner */
    
    div.clear_black .pp_content .ppt { color: #000; }
    div.clear_black .pp_content .pp_description { color: #aaa; }
    div.clear_black .pp_content_container .pp_left { background: url(/UI/prettyPhoto/clear_black/clear_black_left.png) top left repeat-y; } /* Content background */
    div.clear_black .pp_content_container .pp_right { background: url(/UI/prettyPhoto/clear_black/clear_black_right.png) top right repeat-y; } /* Content background */
    div.clear_black .pp_content { background: url(/UI/prettyPhoto/clear_black/clear_black_66bg.png) repeat; } /* Content background */
    div.clear_black .pp_expand { cursor: pointer; background-image: none; } /* Expand button */
    div.clear_black .pp_expand:hover { cursor: pointer; background-image: none; } /* Expand button hover */
    div.clear_black .pp_contract { cursor: pointer; background-image: none; } /* Contract button */
    div.clear_black .pp_contract:hover { cursor: pointer; background-image: none; } /* Contract button hover */
    div.clear_black .pp_close { width: 80px; height: 35px; background: url(/UI/prettyPhoto/clear_black/clear_black_close_btn.png) no-repeat; cursor: pointer; margin-top: -5px; } /* Close button */
    div.clear_black .pp_close:hover { background-position: 0 -35px; } /* Close button */
    div.clear_black #pp_full_res .pp_inline { color: #000; } 
/*  div.clear_black .pp_loaderIcon { background: url(/UI/prettyPhoto/clear_black/clear_black_loader.gif) center center no-repeat; } /* Loader icon *!/*/
    
    div.clear_black .pp_nav .pp_arrow_previous { background: url(/UI/prettyPhoto/clear_black/clear_black_bottom_nav_btn.png) no-repeat; height: 30px; margin-top: -3px; width: 30px; } /* The previous arrow in the bottom nav */
        div.clear_black .pp_arrow_previous.disabled { background-position: 0 -30px; cursor: default; }
    div.clear_black .pp_nav .pp_arrow_next { background: url(/UI/prettyPhoto/clear_black/clear_black_bottom_nav_btn.png) -30px 0 no-repeat; height: 30px; margin-top: -3px; width: 30px; } /* The next arrow in the bottom nav */
        div.paper .pp_arrow_next.disabled { background-position: -30px -30px; cursor: default; }
    div.clear_black .pp_nav { margin-top: 0; }
    div.clear_black .pp_nav p { 
        font: 18px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        padding: 0px 3px 0 4px;
    }
    
    div.clear_black .pp_next:hover { background: url(/UI/prettyPhoto/clear_black/clear_black_next_btn.png) center right no-repeat; cursor: pointer; } /* Next button */
    div.clear_black .pp_previous:hover { background: url(/UI/prettyPhoto/clear_black/clear_black_previous_btn.png) center left no-repeat; cursor: pointer; } /* Previous button */
    
    div.clear_black .pp_bottom .pp_left { background: url(/UI/prettyPhoto/clear_black/clear_black_bottom_l.png) no-repeat; } /* Bottom left corner */
    div.clear_black .pp_bottom .pp_middle { background: url(/UI/prettyPhoto/clear_black/clear_black_bottom.png) top left repeat-x; } /* Bottom pattern/color */
    div.clear_black .pp_bottom .pp_right { background: url(/UI/prettyPhoto/clear_black/clear_black_bottom_r.png) no-repeat; } /* Bottom right corner */
    


/* ----------------------------------
    paper style Theme
----------------------------------- */

    div.paper .pp_top .pp_left { background: url(/UI/prettyPhoto/paper/paper_top_l.png) no-repeat; } /* Top left corner */
    div.paper .pp_top .pp_middle { background: url(/UI/prettyPhoto/paper/paper_top.png) top left repeat-x; } /* Top pattern/color */
    div.paper .pp_top .pp_right { background: url(/UI/prettyPhoto/paper/paper_top_r.png) no-repeat; } /* Top right corner */
    
    div.paper .pp_content .ppt { color: #000; }
    div.paper .pp_content_container .pp_left { background: url(/UI/prettyPhoto/paper/paper_left.png) top left repeat-y; } /* Content background */
    div.paper .pp_content_container .pp_right { background: url(/UI/prettyPhoto/paper/paper_right.png) top right repeat-y; } /* Content background */
    div.paper .pp_content { background: #fbfbf8; } /* Content background */
    div.paper .pp_expand { cursor: pointer; background-image: none; } /* Expand button */
    div.paper .pp_expand:hover { cursor: pointer; background-image: none; } /* Expand button hover */
    div.paper .pp_contract { cursor: pointer; background-image: none; } /* Contract button */
    div.paper .pp_contract:hover { cursor: pointer; background-image: none; } /* Contract button hover */
    div.paper .pp_close { width: 80px; height: 35px; background: url(/UI/prettyPhoto/paper/paper_close_btn.png) no-repeat; cursor: pointer; margin-top: -5px; } /* Close button */
    div.paper .pp_close:hover { background-position: 0 -35px; } /* Close button */
    div.paper #pp_full_res .pp_inline { color: #000; } 
    div.paper .pp_loaderIcon { background: url(/UI/prettyPhoto/paper/paper_loader.gif) center center no-repeat; } /* Loader icon */
    
    div.paper .pp_nav .pp_arrow_previous { background: url(/UI/prettyPhoto/paper/paper_bottom_nav_btn.png) no-repeat; height: 30px; margin-top: -3px; width: 30px; } /* The previous arrow in the bottom nav */
        div.paper .pp_arrow_previous.disabled { background-position: 0 -30px; cursor: default; }
    div.paper .pp_nav .pp_arrow_next { background: url(/UI/prettyPhoto/paper/paper_bottom_nav_btn.png) -30px 0 no-repeat; height: 30px; margin-top: -3px; width: 30px; } /* The next arrow in the bottom nav */
        div.paper .pp_arrow_next.disabled { background-position: -30px -30px; cursor: default; }
    div.paper .pp_nav { margin-top: 0; }
    div.paper .pp_nav p { 
        font: 18px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
        padding: 0px 3px 0 4px;
    }
    
    div.paper .pp_next:hover { background: url(/UI/prettyPhoto/paper/paper_next_btn.png) center right no-repeat; cursor: pointer; } /* Next button */
    div.paper .pp_previous:hover { background: url(/UI/prettyPhoto/paper/paper_previous_btn.png) center left no-repeat; cursor: pointer; } /* Previous button */
    
    div.paper .pp_bottom .pp_left { background: url(/UI/prettyPhoto/paper/paper_bottom_l.png) no-repeat; } /* Bottom left corner */
    div.paper .pp_bottom .pp_middle { background: url(/UI/prettyPhoto/paper/paper_bottom.png) top left repeat-x; } /* Bottom pattern/color */
    div.paper .pp_bottom .pp_right { background: url(/UI/prettyPhoto/paper/paper_bottom_r.png) no-repeat; } /* Bottom right corner */
    



/* ------------------------------------------------------------------------
    DO NOT CHANGE
------------------------------------------------------------------------- */

    div.pp_pic_holder a:focus { outline:none; }

    div.pp_overlay {
        background: #000;
        display: none;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9500;
    }
    
    div.pp_pic_holder {
        display: none;
        position: absolute;
        width: 100px;
        z-index: 10000;
    }
        
        .pp_top {
            height: 25px;
            position: relative;
        }
            * html .pp_top { padding: 0 15px; }
        
            .pp_top .pp_left {
                height: 25px;
                left: 0;
                position: absolute;
                width: 25px;
            }
            .pp_top .pp_middle {
                height: 25px;
                left: 25px;
                position: absolute;
                right: 25px;
            }
                * html .pp_top .pp_middle {
                    left: 0;
                    position: static;
                }
            
            .pp_top .pp_right {
                height: 25px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 25px;
            }
        
        .pp_content { height: 50px; }
        
        .pp_fade { display: none; }
        
        .pp_content_container {
            position: relative;
            text-align: left;
            width: 100%;
        }
        
            .pp_content_container .pp_left { padding-left: 25px; }
            .pp_content_container .pp_right { padding-right: 25px; }
        
            .pp_content_container .pp_details {
                float: left;
                margin: 15px 0 2px 0;
            }
                .pp_description {
                    width: 75%;
                    font: 16px/22px STHeitiTC-Medium, "LiHei Pro", "Microsoft JhengHei", ·L³n¥¿¶ÂÅé, SimHei, ¶ÂÅé, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
                    display: none;
                    position: absolute;
                    margin: -5px 0 5px 0;
/*                  padding: 0px 0 8px 0;*/
                }
                
                .pp_nav {
                    clear: left;
                    float: left;
                    margin: 3px 0 0 0;
                }
                
                    .pp_nav p {
                        float: left;
                        margin: 2px 4px;
                    }
                    
                    .pp_nav .pp_play,
                    .pp_nav .pp_pause {
                        float: left;
                        margin-right: 4px;
                        text-indent: -10000px;
                    }
                
                    a.pp_arrow_previous,
                    a.pp_arrow_next {
                        display: block;
                        float: left;
                        height: 15px;
                        margin-top: 3px;
                        overflow: hidden;
                        text-indent: -10000px;
                        width: 14px;
                    }
        
        .pp_hoverContainer {
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 2000;
        }
        
        .pp_gallery {
            left: 50%;
            margin-top: -50px;
            position: absolute;
            z-index: 10000;
        }
            
            .pp_gallery ul {
                float: left;
                height: 35px;
                margin: 0 0 0 5px;
                overflow: hidden;
                position: relative;
            }
            
            .pp_gallery ul a {
                border: 1px #000 solid;
                border: 1px rgba(0,0,0,0.5) solid;
                display: block;
                float: left;
                height: 33px;
                overflow: hidden;
            }
            
            .pp_gallery ul a:hover,
            .pp_gallery li.selected a { border-color: #fff; }
            
            .pp_gallery ul a img { border: 0; }
            
            .pp_gallery li {
                display: block;
                float: left;
                margin: 0 5px 0 0;
            }
            
            .pp_gallery li.default a {
                background: url(/UI/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
                display: block;
                height: 33px;
                width: 50px;
            }
            
            .pp_gallery li.default a img { display: none; }
            
            .pp_gallery .pp_arrow_previous,
            .pp_gallery .pp_arrow_next {
                margin-top: 7px !important;
            }
        
        a.pp_next {
            background: url(/UI/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
            display: block;
            float: right;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
            
        a.pp_previous {
            background: url(/UI/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
            display: block;
            float: left;
            height: 100%;
            text-indent: -10000px;
            width: 49%;
        }
        
        a.pp_expand,
        a.pp_contract {
            cursor: pointer;
            display: none;
            height: 25px;   
            position: absolute;
            right: 50px;
            text-indent: -10000px;
            top: 10px;
            width: 26px;
            z-index: 20000;
        }
            
        a.pp_close {
            display: block;
            float: right;
            line-height: 22px;
/*          margin: 3px 0 0 0;*/
            text-indent: -10000px;
        }
        
        .pp_bottom {
            height: 25px;
            position: relative;
        }
            * html .pp_bottom { padding: 0 25px; }
            
            .pp_bottom .pp_left {
                height: 25px;
                left: 0;
                position: absolute;
                width: 25px;
            }
            .pp_bottom .pp_middle {
                height: 25px;
                left: 25px;
                position: absolute;
                right: 25px;
            }
                * html .pp_bottom .pp_middle {
                    left: 0;
                    position: static;
                }
                
            .pp_bottom .pp_right {
                height: 25px;
                left: auto;
                position: absolute;
                right: 0;
                top: 0;
                width: 25px;
            }
        
        .pp_loaderIcon {
            display: block;
            height: 24px;
            left: 50%;
            margin: -12px 0 0 -12px;
            position: absolute;
            top: 50%;
            width: 24px;
        }
        
        #pp_full_res {
            line-height: 1 !important;
        }
        
            #pp_full_res .pp_inline {
                text-align: left;
            }
            
                #pp_full_res .pp_inline p { margin: 0 0 25px 0; }
    
        div.ppt {
            color: #fff;
            display: none;
            font-size: 17px;
            margin: 0 0 5px 15px;
            z-index: 9999;
        }

/* ------------------------------------------------------------------------
    Miscellaneous
------------------------------------------------------------------------- */

    .clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }

    .clearfix {display: inline-block;}

    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */