html {height: 100%;}

body {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	color: white;
	cursor: default;
	background: #3f3730 url(PageBG.png);
	font-family: Times, "Times New Roman", serif;
}

a {
	color: white;
}

/*
 *  Preload Banner
 */

#preload {
	width: 100%;
	height: 100%;
}

#preloadContent {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -100px;
	width: 100%;
	text-align: center;
	display: block;
}

#preloadContent #loadingLogo {
	height: 200px;
}

@media only screen and (max-device-width: 600px), only screen and (max-device-height: 600px) {
	#preloadContent {
		margin-top: -60px;
	}

	#preloadContent #loadingLogo {
		height: 120px;
	}
}

/*
 * Common Elements
 */

#clipbox {
	position: relative;
	min-height: 100%;
	min-width: 100%;
	overflow: hidden;
	visibility: hidden;
}

#superbody {
	position: relative;
	min-height: 100%;
	min-width: 100%;
}

#header {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 90px;
	width: 100%;
	z-index: 2;
}

#header #headerLogo {
	border: none;
	margin: 5px
}

.largeScreen #modeButtonBox.fixed {
	position: fixed;
	top: 0px;
	bottom: auto;
	right: 0px;
	width: 27px;
	height: 87px;
}

#feedButtonBox {
	position: absolute;
	top: 12px;
	right: 12px;
}

#feedButtonBox img {
	border: none;
}

#modeButtonBox {
	position: absolute;
	bottom: 4px;
	right: 8px;
	width: 87px;
	height: 27px;
	margin: 0;
	padding: 4px;
	border: 0;
	z-index: 1;
}


#modeButton {
	position: absolute;
	top: 4px;
	left: 4px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 0px;
	clip: rect(0px, 27px, 27px, 0px);
}

.largeScreen .fixed #sortPhotoNameUpButton {
	top: 34px;
	left: 4px;
}

#sortPhotoNameUpButton {
	position: absolute;
	top: 4px;
	left: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	clip: rect(0px, 27px, 13px, 0px);
}

.largeScreen .fixed #sortPhotoNameDownButton {
	top: 34px;
	left: 4px;
}

#sortPhotoNameDownButton {
	position: absolute;
	top: 4px;
	left: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	clip: rect(13px, 27px, 27px, 0px);
}

.largeScreen .fixed #sortPhotoTimeUpButton {
	top: 64px;
	left: 4px;
}

#sortPhotoTimeUpButton {
	position: absolute;
	top: 4px;
	left: 64px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	clip: rect(0px, 27px, 13px, 0px);
}

.largeScreen .fixed #sortPhotoTimeDownButton {
	top: 64px;
	left: 4px;
}

#sortPhotoTimeDownButton {
	position: absolute;
	top: 4px;
	left: 64px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	clip: rect(13px, 27px, 27px, 0px);
}

#breadcrumbs {
	position: absolute;
	top: 5px;;
	left: 135px;
	padding: 6px;
	z-index: 5;
}

#catSortButtonBox {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 106px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 1;
}

#sortCatNameUpButton {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	clip: rect(0px, 25px, 15px, 0px);
}

#sortCatNameDownButton {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	clip: rect(0px, 51px, 15px, 25px);
}

#sortCatTimeUpButton {
	position: absolute;
	top: 0px;
	left: 55px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	clip: rect(0px, 25px, 15px, 0px);
}

#sortCatTimeDownButton {
	position: absolute;
	top: 0px;
	left: 55px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-left: 0px;
	clip: rect(0px, 51px, 15px, 25px);
}




#subCategoriesButton {
	margin-left: -7px;
	padding: 4px 7px 0px 7px;
	text-decoration: underline;
	white-space: nowrap;
	z-index: 5;
}

.subCategoriesButtonActive {
	background: url("OverlayBG.png");
	border-width: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
}

#subCategoriesButton img {
	vertical-align: middle;
	height: 0.32em;
	padding-left: 0.25em;
}

#subCategoriesBox {
	position: absolute;
	background: url("OverlayBG.png");
	border-width: 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	padding-top: 20px;
}

#subCategoriesBoxContent {
	position: relative;
	width: 440px;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3em;
	z-index: 2;
}

#footer .copyright {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 75%
}



/*
 * Browser Style Gallery
 */

#browserGallery {
	display: block;
	visibility: hidden;
	position: relative;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 1;
}

#browserGallery #browserMiddle {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	padding-top: 90px;
	padding-bottom: 3em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #galleryBox {
	width: 444px;
	height: 100%;
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 35px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 5;
}

#browserGallery #galleryScrollFrame {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 1;
}

#browserGallery .scrollable #galleryScrollClipFrame {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
}

#browserGallery #galleryScrollClipFrame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#browserGallery #gallerySuperFrame {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #galleryFrameFooter {
	clear: left;
}

#browserGallery .galleryThumbBox {
	position: relative;
	cursor: pointer;
	margin: 1px 3px 1px 3px;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 1;
}

#browserGallery #gallerySuperFrame .selected {
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 1px;
}

#browserGallery .galleryThumbFrame {
	background: black;
	position: relative;
	border-width: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-style: solid;
	border-color: #9f9187;
	width: 126px;
	height: 126px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery .selected .galleryThumbFrame {
	border-color: white;
	border-width: 4px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	width: 128px;
	height: 128px;
}

#browserGallery .galleryThumbImg {
	position: relative;
	border: 1px solid white;
}

#browserGallery .galleryThumbCaption {
	width: 120px;
	text-align: center;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	color: #9f9187;
	margin: 3px;
	/*height: 1.1em;*/
}

#browserGallery .selected .galleryThumbCaption {
	position: relative;
	margin-top: 2px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 3px;
	color: white;
}

#browserGallery .galleryThumbBox div.fade
{
	text-align: left;
}

#browserGallery .galleryThumbCaptionFade {
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 3em;
	height: 100%;
	z-index: 4;
}

#browserGallery #galleryScrollTop {
	background: url(ScrollFadeTop.png);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 20px;
	z-index: 8;
	text-align: center;
	padding-bottom: 0;
	visibility: hidden;
	z-index: 2;
}

#browserGallery .galleryScrollTopFade {
	position: relative;
	top: -1px;
	z-index: 1;
}

#browserGallery #scrollArrowUp {
	position: relative;
	z-index: 2;
}

#browserGallery #galleryScrollBottom {
	background: url(ScrollFadeBottom.png);
	position: absolute;
	left: 0px;
	bottom: -5px;
	width: 100%;
	height: 25px;
	padding-top: 0;
	z-index: 8;
	text-align: center;
	visibility: hidden;
	z-index: 2;
}

#browserGallery #galleryScrollBottomFade {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#browserGallery #scrollArrowDown {
	position: relative;
	z-index: 2;
}

#browserGallery #galleryScrollBarBox {
	position: absolute;
	top: 0;
	left: 19px;
	height: 100%;
	width: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	visibility: hidden;
}

#browserGallery #galleryScrollBar {
	position: relative;
	top: 0px;
	left: 0px;
	background: #3f3730;
	border: 2px solid white;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height: 100%;
	width: 11px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #galleryScrollBarThumb {
	position: absolute;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	top: 0px;
	width: 100%;
	height: 50px;
	background: #9f9187;

}

.browserThumbOverlay {
	background: url(OverlayBG.png);
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 5px 5px 0 5px;;
	top: 0;
	left: 0;
	z-index: 10;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.browserThumbOverlayFrame {
	position: relative;
	margin: 0;
	padding: 0;
	width: 182px;
	height: 182px;
}

.browserThumbOverlayImg {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid white;
}

.browserThumbOverlayCaption {
	position: relative;
	width: 182px;
	margin: 0;
	padding: 3px;
	text-align: center;
	color: white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery .scrollable #galleryScrollBottom,
#browserGallery .scrollable #galleryScrollTop {
	visibility: inherit;
}

#browserGallery #handle,
#browserGallery #handleShadow {
	position: absolute;
	top: 0;
	right: 4px;
	width: 6px;
	height: 100%;
	cursor: col-resize;
	z-index: 102;
}

#browserGallery #handleShadow {
	z-index: 3;
	background: white;
	visibility: hidden;
	opacity: 0.3;
	filter:alpha(opacity=30);
}

#browserGallery #handle img {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -47px;
}

#browserGallery #viewBox {
	height: 100%;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 444px;
	margin-right: 15px;
	padding: 0;
	z-index: 1;
}

#browserGallery #imageBox {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 30px;
	padding-top: 3px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #imageCaption,
#browserGallery #imagePhotographer {
	position: absolute;
	font-size: 1.25em;
	height: 1em;
	bottom: 14px;
	margin-bottom: -0.5em;
	padding-left: 27px;
	padding-right: 27px;
	width: 100%;
	color: white;
	text-align: center;
	z-index: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #imagePhotographer {
	font-size: 0.75em;
	margin-bottom: -2.17em;
}

#browserGallery #prevArrow {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}

#browserGallery #nextArrow {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
}

#browserGallery #frameBorder {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	border: 3px solid white;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	z-index: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#browserGallery #frameOverBorder {
	visibility: inherit !important;
	visibility: hidden;
	width: 100%;
	position: absolute;
	top: 3px;
	left: 0;
	bottom: 30px;
	border: 3px solid white;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	z-index: 1;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


#browserGallery #frame {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: black;
	z-index: 2;
}

#browserGallery #fadeTop {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 4;
}

#browserGallery #fadeRight {
	position: absolute;
	top: 0;
	right: -1px;
	width: 10px;
	height: 100%;
	z-index: 4;
}

#browserGallery #fadeBottom {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 4;
}

#browserGallery #fadeLeft {
	position: absolute;
	top: 0;
	left: -1px;
	width: 10px;
	height: 100%;
	z-index: 4;
}

#browserGallery #spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	clip: rect(0px,24px,24px,0px);
	z-index: 8;
}


#browserGallery #largeImg {
	position: absolute;
	z-index: 3;
	border: white 1px solid;
}

#browserGallery #zoomFullscreen {
	position: absolute;
	top: -4px;
	right: 4px;
	z-index: 5;
}

#browserGallery #zoomControls {
	position: absolute;
	top: 22px;
	right: 6px;
	width: 19px;
	padding: 0;
	margin: 0;
	z-index: 10;
	visibility: hidden;
	opacity: 0.3;
	filter:alpha(opacity=30);
}

#browserGallery #zoomControls img {
	float: left;
	clear: left;
}

#browserGallery #zoomFullImage {
	position: relative;
	width: 23px;
	height: 23px;
	margin-right: 1px;
	z-index: 2;
	padding: 0;
}

#browserGallery #zoomInImage {
	position: relative;
	width: 19px;
	height: 19px;
	margin-right: 1px;
	z-index: 2;
	padding: 0;
}

#browserGallery .zoomBarImage {
	position: relative;
	width: 19px;
	height: 9px;
	margin-right: 1px;
	padding: 0;
}

#browserGallery #zoomOutImage {
	position: relative;
	width: 19px;
	height: 19px;
	margin-right: 1px;
	padding: 0;
	z-index: 2;
}

#browserGallery #zoomSliderImage {
	position: absolute;
	width: 19px;
	height: 7px;
	left: 0;
	z-index: 10;
	margin-right: 1px;
	padding: 0;
}




/*
 * Thumb Style Gallery
 */

#thumbGallery {
	position: relative;
	color: white;
	min-height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 1;
	display: block;
	visibility: hidden;
	text-align: center;
}

#thumbGallery #thumbGalleryBox {
	position: relative;
	margin-top: 90px;
	margin-bottom: 3em;
	width: 856px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
}

.smallScreen #thumbGallery #thumbGalleryBox {
	width: auto;
}

#thumbGallery #thumbGalleryFrame {
	position: relative;
	height: 50px;
}

#thumbGallery #thumbGalleryFrameFooter {
	clear: left;
	margin: 0;
	padding: 0;
	height: 0px;
}

#thumbGallery .galleryThumbBox {
	position: relative;
	cursor: pointer;
	margin: 3px;
	float: left;
}

.smallScreen #thumbGallery .galleryThumbBox {
	margin: 2px;
}

#thumbGallery .galleryThumbBorder {
	position: relative;
	border-width: 3px;
	border-style: solid;
	border-color: white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.smallScreen #thumbGallery .galleryThumbBorder {
	border-width: 2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

#thumbGallery .galleryThumbFrame {
	background: black;
	position: relative;
	width: 206px;
	height: 206px;
	overflow: hidden;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.smallScreen #thumbGallery .galleryThumbFrame {
	width: 98px;
	height: 98px;
}

#thumbGallery .galleryThumbImg {
	position: absolute;
	border: 1px solid white;
}

#thumbGallery .galleryThumbCaption {
	text-align: center;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	color: white;
	margin: 3px;
	height: 1.2em;
	width: 206px;
	display: block;
}

#thumbGallery .pre .galleryThumbCaption {
	display: inline;
	overflow: inherit;
	width: auto;
}

.smallScreen #thumbGallery .galleryThumbCaption {
	width: 98px;
	font-size: 75%;
	margin: 2px;
}

#thumbGallery .galleryThumbCaption.fade
{
	text-align: left;
}

#thumbGallery .galleryThumbCaptionFade {
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 15px;
	z-index: 4;
}

.thumbnailThumbOverlay {
	background: url(OverlayBG.png);
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 5px 5px 0 5px;;
	z-index: 10;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.thumbnailThumbOverlayFrame {
	position: relative;
	margin: 0;
	padding: 0;
	width: 302px;
	height: 302px;
}

.thumbnailThumbOverlayImg {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid white;
}

.thumbnailThumbOverlayCaption {
	position: relative;
	width: 302px;
	margin: 0;
	padding: 3px;
	text-align: center;
	color: white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}



/*
 * Fullscreen Image Overlay
 */

#fullscreenImageOverlay {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: 30;
	display: block;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

#fullscreenBackground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fullscreenImageOverlay.fitAll {
	position: fixed !important;
	position: absolute; /* hack for IE */
	width: 100%;
	height: 100%;
}

#fullscreenImageOverlay.fitWidth {
	width: 100%;
}

#fullscreenMarginBox {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 3.75em;
	padding-bottom: 15px;
	padding-left: 28px;
	padding-right: 28px;
}

.smallScreen #fullscreenMarginBox {
	padding-top: 75px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#fullscreenImageFrame {
	position: relative;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 31;
}

.fitAll #fullscreenImageFrame {
	width: 100%;
	height: 100%;
}

.fitWidth #fullscreenImageFrame {
	width: 100%;
}

#fullscreenCaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: white;
	font-size: 150%;
	text-align: center;
	margin: 0.5em 0 0.5em 0;
	z-index: 33;
}

.smallScreen #fullscreenCaption {
	font-size: 18px;
	margin: 0 0 0 0;
	top: 32px;
}

#fullscreenPhotographer {
	position: absolute;
	top: 3.25em;
	left: 0;
	width: 100%;
	color: white;
	font-size: 75%;
	text-align: center;
	z-index: 33;
}

.smallScreen #fullscreenPhotographer {
	font-size: 14px;
	margin: 0 0 0 0;
	top: 52px;
}


#fullscreenSpinner {
	position: absolute;
	top: 50%;
	left: 50%;
	clip: rect(0px,24px,24px,0px);
	z-index: 40;
}

#fullscreenImage {
	position: relative;
	border: 1px solid white;
	top: -1px;
	left: -1px;
	z-index: 32;
	visibility: hidden;
}

.fitAll #fullscreenImage {
	max-width: 100%;
	max-height: 100%;
}

.fitWidth #fullscreenImage {
	width: 100%;
}

#fullscreenClose {
	position: fixed !important;
	position: absolute; /* hack for IE */
	top: 0;
	right: 45px;
	z-index: 34;
}

.smallScreen #fullscreenClose {
	position: absolute !important;
	left: 50%;
	margin-left: -60px;
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

#fullscreenFitWidth, #fullscreenFitAll {
	position: fixed !important;
	position: absolute; /* hack for IE */
	top: 0;
	right: 5px;
	z-index: 34;
}

.smallScreen #fullscreenFitWidth,
.smallScreen #fullscreenFitAll {
	display: none;
}

#fullscreenFitAll {
	visibility: hidden;
}

#fullscreenPrevBox {
	position: fixed !important;
	position: absolute; /* hack for IE */
	top: 150px;
	left: 0px;
	padding: 20px 20px 20px 0;
	z-index: 34;
}

.smallScreen  #fullscreenPrevBox {
	position: absolute !important;
	top: 0px;
	padding: 12px 20px 40px 0;
}

#fullscreenPrevCollapsed {
	position: absolute;
	top: 20px;
	left: 0;
}

.smallScreen  #fullscreenPrevCollapsed {
	top: 12px;
}

#fullscreenNextBox {
	position: fixed !important;
	position: absolute; /* hack for IE */
	top: 150px;
	right: 0px;
	padding: 20px 0 20px 20px;
	z-index: 34;
}

.smallScreen  #fullscreenNextBox {
	position: absolute !important;
	top: 0px;
	padding: 12px 0 40px 20px;
}


#fullscreenNextCollapsed {
	position: absolute;
	top: 20px;
	right: 0;
}

.smallScreen  #fullscreenNextCollapsed {
	top: 12px;
}

#fullscreenPrevExpanded, #fullscreenNextExpanded {
	visibility: hidden;
}

#fullscreenPrevCollapsed, #fullscreenNextCollapsed {
	visibility: inherit;
}


.fullscreenPreview,
.fullscreenPreviewPrev,
.fullscreenPreviewNext {
	position: fixed !important;
	position: absolute;
	visibility: hidden;
	top: 220px;
	margin: 0;
	padding: 5px 5px 0 5px;;
	z-index: 33;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 5px #39393a;
}

.fullscreenPreviewPrev {
	left: 0;
	border-left: none;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

.fullscreenPreviewNext {
	right: 0;
	border-right: none;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}

.fullscreenPreviewBackground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.fullscreenPreviewBorder {
	position: absolute;
	top: -5px;
	left: -5px;
	bottom: -5px;
	right: -5px;
	display: block !important;
	display: none; /* IE hack */
	border-width: 10px;
	-moz-border-image: url(PreviewBorder.png) 10 10 10 10 stretch stretch;
	-webkit-border-image: url(PreviewBorder.png) 10 10 10 10 stretch stretch;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 5;
}

.fullscreenPreviewPrev .fullscreenPreviewBorder {
	left: 0;
	border-left-width: 0px;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

.fullscreenPreviewNext .fullscreenPreviewBorder {
	right: 0;
	border-right-width: 0px;
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}

.fullscreenPreviewFrame {
	position: relative;
	margin: 0;
	padding: 0;
	width: 202px;
	height: 202px;
}

.fullscreenPreviewImage {
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid white;
}

.fullscreenPreviewCaption {
	position: relative;
	width: 202px;
	margin: 0;
	padding: 3px;
	text-align: center;
	color: white;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}