/*
CSS Name: Hovereffect Styles
Description: Hover Stylesheet based on the idea of Hoverbox from http://host.sonspring.com/hoverbox/
Author: Alex Rabe - Orginal by Nathan Smith
Version: 1.60

This applies a styling effect similiar to the Hoverbox style
*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumtitle {
    border-bottom: 1px dashed #AAAAAA;
    padding-bottom: 3px;
}

.ngg-thumbnail {
    background: #EEEEEE none repeat scroll 0% 50%;
    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    margin-right: 5px;
    padding: 5px;
}

.ngg-thumbnail img {
    filter: alpha(opacity = 100);
    -moz-opacity: .99;
    opacity: .99;
    background: #FFFFFF none repeat scroll 0%;
    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
}

.ngg-thumbnail img:hover {
    filter: alpha(opacity = 90);
    -moz-opacity: .9;
    opacity: .9;
    border-color: #000000;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block !important;
}

.ngg-gallery-thumbnail-box {
    background: #EEEEEE none repeat scroll 0% 50%;
    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: inline;
    margin: 3px;
    padding: 5px;
    position: relative;
}

.ngg-gallery-thumbnail img {
    filter: alpha(opacity = 100);
    -moz-opacity: .99;
    opacity: .99;
    background: #FFFFFF none repeat scroll 0%;
    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
}

.ngg-gallery-thumbnail img:hover {
    filter: alpha(opacity = 90);
    -moz-opacity: .9;
    opacity: .9;
    border-color: #000000;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
    padding: 3px 7px;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser h3 {
    text-align: center;
    padding-bottom: 10px;
}

.ngg-imagebrowser .pic {
    background: #EEEEEE none repeat scroll 0% 50%;
    border-color: #DDDDDD rgb(187, 187, 187) rgb(170, 170, 170) rgb(204, 204, 204);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    display: block;
    padding: 10px;
}

.ngg-imagebrowser img {
    margin: -3px;
    background: #FFFFFF none repeat scroll 0%;
    border-color: #AAAAAA rgb(204, 204, 204) rgb(221, 221, 221) rgb(187, 187, 187);
    border-style: solid;
    border-width: 1px;
    color: inherit;
    padding: 2px;
    vertical-align: top;
}

.ngg-imagebrowser-nav {
    padding: 10px;

}

.ngg-imagebrowser-nav .back:hover,
.ngg-imagebrowser-nav .next:hover {
    border: 1px solid #000000;
}

.ngg-imagebrowser-nav .back a:hover,
.ngg-imagebrowser-nav .next a:hover {
    text-decoration: none !important;
}