﻿
.GalleryShell { position: relative; float:left; }
.Idea1 .GalleryShell { background:url('Images/blogFrame1.png') no-repeat; padding-right:40px; padding-bottom:20px; position: relative; overflow: hidden; float:left; }
.Idea2 .GalleryShell { background:url('Images/blogFrame2.png') no-repeat; padding-right:30px; padding-bottom:20px; position: relative; overflow: hidden; float:left; margin-top:-2px; }

.gallery { position: relative; overflow: hidden; float:left; /*background-color: #232323;*/ background-image: url(Images/ImageViewer/bg_ImageViewer.png); border:solid 1px #141414; }
.gallery img { margin:0 auto; }
.gallery.home { padding:2px 0px 0px 0px; left:4px; }
.Idea2 .gallery.home { padding:0px; }
.gallery .navigation { height: 68px; background-image: url(Images/ImageViewer/bg_NavBar.png); background-repeat:repeat-x; text-align:center; /* 28px + 40px for elastic animation */ width: 100%; position: absolute; overflow: visible; bottom: -68px; z-index: 3; }


.gallery .navigationControls { display:table; margin: 8px auto 0px auto; padding: 0 1em; }

.gallery .navigationControls .teaser { text-align: center; display: block; text-transform: uppercase; font-size: 1.2em; /* 12 points */ }

.gallery .navigationControls .thumb { float: left; border: 1px solid #CCC; width: 8px; height: 8px; text-indent: -9999px; margin: 1px 3px; background-color: none; }
.gallery .navigationControls .thumb:hover { border-color: #FFF; }
.gallery .navigationControls .disabled.thumb { border-color: #3D3D3D; background-color: #3D3D3D; cursor: default; }
.gallery .navigationControls .thumb.active { border-color: #fda111; background-color: #454545; cursor: default; }

.gallery .navigationControls .previous, .gallery .navigationControls .next { background-image: url(Images/ImageViewer/ig_arrows.png); display: block; width: 12px; height: 12px; float: left; text-indent: -9999px; }

.gallery .navigationControls .previous { background-position: 0 24px; }
.gallery .navigationControls .previous:hover { background-position: 0 12px; }
.gallery .navigationControls .disabled.previous { background-position: 0 0; cursor: default; }

.gallery .navigationControls .next { background-position: 12px 24px; }
.gallery .navigationControls .next:hover { background-position: 12px 12px; }
.gallery .navigationControls .disabled.next { background-position: 12px 0; cursor: default; }

.gallery img { position: absolute; top:2px; left:3px; border: none !important; }
