/* Style the on-page gallery */

.gallery {
    margin: 10px;
}

.gallery table {
    border-collapse: collapse;
}

.gallery th, .gallery td {
    text-align: center;
}

.gallery td {
    padding: 0; /* don't pad empty cells */
    vertical-align: top;
}

.gallery .gallery-image {
    line-height: 0; /* overrides Confluence style, needed to avoid extra space below images */    
}

.gallery .gallery-image a.gallery-link {
    display: block;
}

.gallery .gallery-image img {
    margin: 5px;
}

.gallery .gallery-caption {
    text-align: center;
}

/* Override properties of fancy.css to make it work better with Confluence */

div#fancy_overlay {
    background-color: black;
    display: none; /* so it can fade in */
    /*
     * position defaults to absolute, which is relative to positioned parents; fixed is relative to viewport
     * however it does not work in MSIE 6, so this is overridden again in gallery-ie.css
     */
    position: fixed;
}

/* center the next/prev arrows veritically, make them always appear */

div#fancy_outer {
	padding: 18px 35px 35px 35px;
}

a#fancy_left, a#fancy_right {
    width: 50%; /* we're offsetting the left and right margins, so make them extend to almost half way */
    bottom: 0; /* for some reason the default stylesheet pushes it up from the bottom */
}

a#fancy_left {
	left: -35px;
}

a#fancy_right {
	right: -35px;
}

a#fancy_left, a#fancy_left:hover {
    background: transparent url(images/btn_previous.png) no-repeat left center;
}

a#fancy_right, a#fancy_right:hover {
    background: transparent url(images/btn_next.png) no-repeat right center;
}