*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
&nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px;
&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; &nbsp; &nbsp; clear:both; 
&nbsp; &nbsp; &nbsp; &nbsp; display:block !important;
}

.ngg-album {
&nbsp; &nbsp; &nbsp; &nbsp; height: 100%;
&nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;
&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 5px;
&nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid #cccccc;
&nbsp; &nbsp; &nbsp; &nbsp; overflow:hidden;
}

.ngg-albumtitle {
&nbsp; &nbsp; &nbsp; &nbsp; text-align: left;
&nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;
&nbsp; &nbsp; &nbsp; &nbsp; margin:0px;
&nbsp; &nbsp; &nbsp; &nbsp; padding:0px;
&nbsp; &nbsp; &nbsp; &nbsp; font-size: 1.4em;
&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px;
}

.ngg-thumbnail {
&nbsp; &nbsp; &nbsp; &nbsp; float: left;
&nbsp; &nbsp; &nbsp; &nbsp; margin-right: 12px;
}

.ngg-thumbnail img {
&nbsp; &nbsp; &nbsp; &nbsp; background-color:#FFFFFF;
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #A9A9A9;
&nbsp; &nbsp; &nbsp; &nbsp; margin:4px 0px 4px 5px;
&nbsp; &nbsp; &nbsp; &nbsp; padding:4px;
&nbsp; &nbsp; &nbsp; &nbsp; position:relative;
}

.ngg-thumbnail img:hover {
&nbsp; &nbsp; &nbsp; &nbsp; background-color: #A9A9A9;
}

.ngg-description {
&nbsp; &nbsp; &nbsp; &nbsp; text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
&nbsp; &nbsp; &nbsp; &nbsp; float:left;
&nbsp; &nbsp; &nbsp; &nbsp; height:180px;
&nbsp; &nbsp; &nbsp; &nbsp; padding-right:6px !important;
&nbsp; &nbsp; &nbsp; &nbsp; margin:0px !important; 
&nbsp; &nbsp; &nbsp; &nbsp; text-align:left;
&nbsp; &nbsp; &nbsp; &nbsp; width:120px; &nbsp; &nbsp;
}

.ngg-album-compactbox {
&nbsp; &nbsp; &nbsp; &nbsp; background:transparent url(albumset.gif) no-repeat scroll 0%;
&nbsp; &nbsp; &nbsp; &nbsp; height:86px;
&nbsp; &nbsp; &nbsp; &nbsp; margin:0pt 0pt 6px !important;
&nbsp; &nbsp; &nbsp; &nbsp; padding:12px 0pt 0pt 7px !important;
&nbsp; &nbsp; &nbsp; &nbsp; width:120px;
}


.ngg-album-compactbox .Thumb {
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #000000;
&nbsp; &nbsp; &nbsp; &nbsp; margin:0px !important;
&nbsp; &nbsp; &nbsp; &nbsp; padding:0px !important;
&nbsp; &nbsp; &nbsp; &nbsp; width:91px; 
&nbsp; &nbsp; &nbsp; &nbsp; height:68px;
}

.ngg-album-compact h4 {
&nbsp; &nbsp; &nbsp; &nbsp; font-size:15px;
&nbsp; &nbsp; &nbsp; &nbsp; font-weight:bold;
&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom:0px;
&nbsp; &nbsp; &nbsp; &nbsp; margin-top:0px;
&nbsp; &nbsp; &nbsp; &nbsp; width:110px;
}

.ngg-album-compact p {
&nbsp; &nbsp; &nbsp; &nbsp; font-size:11px;
&nbsp; &nbsp; &nbsp; &nbsp; margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
&nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px;
&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; &nbsp; &nbsp; clear:both; 
&nbsp; &nbsp; &nbsp; &nbsp; display:block !important;
}

.ngg-gallery-thumbnail-box {
&nbsp; &nbsp; &nbsp; &nbsp; float: left;
}

.ngg-gallery-thumbnail {
&nbsp; &nbsp; &nbsp; &nbsp; float: left; 
&nbsp; &nbsp; &nbsp; &nbsp; background: url(shadowAlpha.png) no-repeat bottom right !important;
&nbsp; &nbsp; &nbsp; &nbsp; background: url(shadow.gif) no-repeat bottom right;
&nbsp; &nbsp; &nbsp; &nbsp; margin: 10px 0 0 10px !important;
}

.ngg-gallery-thumbnail img {
&nbsp; &nbsp; &nbsp; &nbsp; margin: -6px 6px 6px -6px;
&nbsp; &nbsp; &nbsp; &nbsp; background-color:#FFFFFF;
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #A9A9A9;
&nbsp; &nbsp; &nbsp; &nbsp; display:block; 
&nbsp; &nbsp; &nbsp; &nbsp; padding:4px;
&nbsp; &nbsp; &nbsp; &nbsp; position:relative;
}

.ngg-gallery-thumbnail img:hover {
&nbsp; &nbsp; &nbsp; &nbsp; background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
&nbsp; &nbsp; &nbsp; &nbsp; display:none;
}

.ngg-clear {
&nbsp; &nbsp; &nbsp; &nbsp; clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
&nbsp; &nbsp; &nbsp; &nbsp; font-size:0.9em !important;
&nbsp; &nbsp; &nbsp; &nbsp; clear:both !important;
&nbsp; &nbsp; &nbsp; &nbsp; display:block !important;
&nbsp; &nbsp; &nbsp; &nbsp; padding-top:15px;
&nbsp; &nbsp; &nbsp; &nbsp; text-align:center;
}

.ngg-navigation span {
&nbsp; &nbsp; &nbsp; &nbsp; font-weight:bold;
&nbsp; &nbsp; &nbsp; &nbsp; margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; span.page-numbers, span.next, span.prev {
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #DDDDDD;
&nbsp; &nbsp; &nbsp; &nbsp; margin-right:3px;
&nbsp; &nbsp; &nbsp; &nbsp; padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; span.page-numbers:hover, span.next:hover, span.prev:hover {
&nbsp; &nbsp; &nbsp; &nbsp; background-color: #0066CC;
&nbsp; &nbsp; &nbsp; &nbsp; color: #FFFFFF !important;
&nbsp; &nbsp; &nbsp; &nbsp; text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
&nbsp; &nbsp; &nbsp; &nbsp; 
}

.ngg-imagebrowser h3 {
&nbsp; &nbsp; &nbsp; &nbsp; text-align:center;
}

.ngg-imagebrowser img {
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #A9A9A9;
&nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px; 
&nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px; 
&nbsp; &nbsp; &nbsp; &nbsp; width: 100%;
&nbsp; &nbsp; &nbsp; &nbsp; display:block !important;
&nbsp; &nbsp; &nbsp; &nbsp; padding:5px;
}

.ngg-imagebrowser-nav {
&nbsp; &nbsp; &nbsp; &nbsp; padding:5px;
&nbsp; &nbsp; &nbsp; &nbsp; margin-left:10px; &nbsp; &nbsp; &nbsp; 
}

.ngg-imagebrowser-nav .back {
&nbsp; &nbsp; &nbsp; &nbsp; float:left;
&nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #DDDDDD;
&nbsp; &nbsp; &nbsp; &nbsp; margin-right:3px;
&nbsp; &nbsp; &nbsp; &nbsp; padding:3px 7px;
}