/* css for pPGallery*/
.ppg_clr {
    /*not in css class suffix!*/
    clear: both
    }
.ppgallery, .ppgallery_none, .ppgallery_noshadow, .ppgallery_canvas_border, .ppgallery_canvas_hover, .ppgallery_canvas, .ppgallery_border, .ppgallery_hover {
    clear: both;
    display: table-cell
    }
.ppg_thb, .ppg_thb_none, .ppg_thb_noshadow, .ppg_thb_canvas_border, .ppg_thb_canvas_hover, .ppg_thb_canvas, .ppg_thb_border, .ppg_thb_hover {
    float: left;
    position: relative;
    bottom: 2px;
    right: 2px;
    /*required for 'caption: label'*/
    }
.ppg_thb {
    margin: 4px 0 0 4px;
    /* needed for shadow, if adjusting here do also in ppgallery.php aHREF tag for fixed_width*/
    }
/*drop shadow araound canvas of thumbnail*/
.ppg_thb {
    background-color: #CCC;
    /*drop shadow color*/
    }
/* canvas around thumbnail */
.ppg_thb img, .ppg_thb_noshadow img, .ppg_thb_canvas_border img, .ppg_thb_canvas_hover img, .ppg_thb_canvas img {
    display: block;
    position: relative;
    bottom: 2px;
    right: 2px;
    margin: 0;
    padding: 4px;
    background: #FFF;
    /*thumb canvas color*/
    }
/* border around thumbnail */
.ppg_thb img, .ppg_thb_noshadow img, .ppg_thb_canvas_border img, .ppg_thb_border img {
    border: 1px solid #BBB;
    /*thumb border color*/
    }
.ppg_thb_canvas_hover img, .ppg_thb_hover img {
    border: 1px solid transparent;
    /*placeholder for no border*/
    }
/* 'on mouse over' hover effect (and span for caption label) */
.ppg_thb :hover img, .ppg_thb :hover span, .ppg_thb_noshadow :hover img, .ppg_thb_noshadow :hover span, .ppg_thb_canvas_border :hover img, .ppg_thb_canvas_border :hover span, .ppg_thb_canvas_hover :hover img, .ppg_thb_canvas_hover :hover span, .ppg_thb_border :hover img, .ppg_thb_border :hover span, .ppg_thb_hover :hover img, .ppg_thb_hover :hover span {
    border: 1px solid navy;
    /*hover color*/
    }
/*captions*/
.ppg_captop, .ppg_captop_none, .ppg_captop_noshadow, .ppg_captop_canvas_border, .ppg_captop_canvas_hover, .ppg_captop_canvas, .ppg_captop_border, .ppg_captop_hover {
    display: block;
    padding-bottom: 2px;
    text-align: center;
    font-size: 90%;
    height: 1.5em
    }
.ppg_caplbl, .ppg_caplbl_none, .ppg_caplbl_noshadow, .ppg_caplbl_canvas_border, .ppg_caplbl_canvas_hover, .ppg_caplbl_canvas, .ppg_caplbl_border, .ppg_caplbl_hover {
    display: block;
    position: absolute;
    bottom: 8px;
    left: 2px;
    padding: 2px 4px;
    color: black;
    background: white;
    border: 1px solid #666;
    font-style: italic;
    font-size: 90%;
    z-index: 10
    }
.ppg_capbot, .ppg_capbot_none, .ppg_capbot_noshadow, .ppg_capbot_canvas_border, .ppg_capbot_canvas_hover, .ppg_capbot_canvas, .ppg_capbot_border, .ppg_capbot_hover {
    display: block;
    text-align: center;
    font-size: 90%
    }