/*
*
*
*
*
*
*
* HTML Styles
*
*
*
*
*
*
*/
html, body {margin:0; padding:0; -webkit-text-size-adjust:none; background-color:transparent !important;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none; background:#e7e7e7; }
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #fff;
padding: 0;
}
/*
*
*
*
*
*
*
* Body Styles
*
*
*
*
*
*
*/
body, p, li, ul, ol, td, font, div{font-style: normal; }
body{height:100%;}
ul, li {}
#outer {
width:100%;

height:100%;
margin:0 auto;
position:absolute;
background-size: contain;
}
#header {
height:94px;
width:100%;
margin:0 auto;
position:relative;
}
#test{
position:absolute; top:4px; right:4px;

}
.listSharPhoto{

	display: list-item; text-align: center;
}
#hm{

	line-height:25px; font-weight: bold;
}
#headerArea {
margin-top:11px;
/*display:table;*/
width:100%;
min-width:640px;
}
#footer {
height:auto;
width:100%;
margin:0 auto;
position:relative;
overflow:scroll;
}
#mobileSearch {
height: auto;
width:100%;
margin:0 auto;
position:relative;
overflow:scroll;
z-index:99;
overflow-x: hidden;
}
.PictureMosaicViewer-canvas{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
outline-style:none;

}
#leftArrowPhotos {height:137px; line-height:120px; text-align:center; cursor:pointer;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#rightArrowPhotos {height:137px; line-height:120px; text-align:center; cursor:pointer;-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.hide {
display:none;
}
#animateOn{display:none; cursor:pointer; position:absolute; bottom:0px; left:0px; width:46px; height:44px; z-index:1004; background:transparent url("../images/animateOn.png") no-repeat;}
#animateOff{display:none; cursor:pointer; position:absolute; bottom:0px; left:0px; width:46px; height:44px; z-index:1005; background:transparent url("../images/animateOff.png") no-repeat;}
#displayContainer {height:110px; width:100%;}
.overlayF {border: 3px solid #fff;box-sizing: border-box;

    -webkit-animation: glow2 .4s forwards;  
    -moz-animation: glow2 .4s forwards;  
    animation: glow2 .4s forwards;  }
/*
*
*
*
*
*
*
*
*PictureMosaicsViewer Styles
*
*
*
*
*
*
*
*/

@-webkit-keyframes glow {
    to {
         border-color:rgba(255,255,255,.75);
    }
}
@-webkit-keyframes glow2 {
    to {
         border-color:rgba(255,0,0,0);
    }
}
@keyframes glow {
    to {
         border-color:rgba(255,255,255,.75);
    }
}
@keyframes glow2 {
    to {
         border-color:rgba(255,0,0,0);
    }
}
.navControlBoxFullpage {bottom:5px !important; right:5px !important;}
#fScreenNavControl {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center;background-position:0 0; margin-top:4px;}
.minScreenNavControl {background-position:0 -53px !important;}
#resetNavControl {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:0 -110px; margin-top:3px;}
#plusNavControl {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:0 -163px; }
#minusNavControl {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:0 -218px; margin-top:3px;}
#fScreenNavControl:hover {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center;background-position:-60px 0; margin-top:4px;}
.minScreenNavControl:hover {background-position:-60px -53px !important;margin-top:4px;}
#resetNavControl:hover {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:-60px -110px; margin-top:3px;}
#plusNavControl:hover {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:-60px -163px; }
#minusNavControl:hover {cursor:pointer; width:53px; height:53px; background: url("../images/controls/df-controls.png") no-repeat center; background-position:-60px -218px; margin-top:3px;}
.overlay {border: 3px solid white;box-sizing: border-box;outline:3px solid #3c64ce;z-index:1;


}
.overlayS {border: 3px solid white;box-sizing: border-box;
    -webkit-animation: glow 1.0s infinite alternate;
    -moz-animation: glow 1.0s infinite alternate;
    animation: glow 1.0s infinite alternate;
        }


#navControlBox {display:block; position:absolute; width:40px; z-index:3; bottom:5px; right:5px;line-height: 0px;line-height: 0px;}
#ViewerDisplay {-webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

#viewer_holder{width:100%; height:100%;  z-index: 0; position:relative;margin:0 auto;}
#pm_viewer{cursor: pointer;
margin:0 0;
position:relative;
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 0;
width:100%;
height: 100%;
display:inherit;
}
/* Button Styles */
a{outline:none; 	text-decoration:none;}
.click {cursor:pointer; border:0;}
input {background-color:transparent; border:none; resize:none; outline:none;  -webkit-appearance: caret; -moz-appearance: caret;}
#uploadB {
line-height:35px;
width:70%;
height: 45px;
background-color: #fff;
}
#uploadBtn {
width:176px;
height:45px;
background:#d40f7d;
margin:14px 0 0 16px;
line-height:45px;
text-align:center;
}
/*
*
*
*
*
*
*
*Word Cloud Tags Style
*
*
*
*
*
*
*/
#weightTags {
font-family: 'GothamBook';
padding:15px;
margin:0px;
min-height: auto;
text-align: justify;
text-transform:uppercase;
line-height:4.8ex;
}

#weightTags a{
color:#fff;
vertical-align:middle;
text-decoration:none;
}
#daytonText{

	background-size:27.65% 51.4%;
	position: relative;
}
/*
*
*
*
*
*
*
* FANCY BOX styles
*
*
*
*
*
*
*/
.fancybox-inner { overflow:hidden !important; }

/*
*
*
*
*
*
*
*custom text styles
*
*
*
*
*
*
*/
#text_subhead2 {
width:176px;
height:30px;
line-height:45px;
text-align:center;
color:#fff;
font-family: 'GothamBook';
font-size: 25px;
margin-top:10px;
}
#slidertext{

font-family: 'GothamBook';
font-size: 13px;
color: #7dafd4;

}
/*
*
*
*
*
*
*
*popup styles
*
*
*
*
*
*
*/
#embedImg{width:74px; height:74px; border:2px solid #e65f20; margin:10px 0 0 5px;}
#overlayCloseButtononclick{float:right; margin:5px 5px 0 0;}
#shareInstructions{margin:10px 0 0 5px; width:325px;}
#embedText{margin:5px 0 0 5px; width:325px; word-break:break-all;}
#bannerHeader{width: 100%;height:180px;}
#bannerHolder{width:100%; margin-top:0px;height: 115px;display:inline-block; zoom: 1; vertical-align:top; list-style:none; margin:0; padding:0;}
#bannerLeft{width:50%;display:inline-block; zoom: 1;vertical-align:top; list-style:none; margin:0; padding:0;}
#bannerRight{width:50%;float:right;display:inline-block; zoom: 1; *display:inline; vertical-align:top; list-style:none; margin:0; padding:0;}
#text_subhead2{width:100%;height:65px;font-size:26px;background-color:#7dafd4;padding:0px;display:inline-block; zoom: 1; *display:inline; vertical-align:top; list-style:none; margin:0; padding:0;padding-top:10px;}
#header{background-color: #e7e7e7;}
#uploadHeader{width:33%;text-align:center;margin-top:21px;cursor: pointer;padding-bottom: 20px;}
#uploadHeaderButtonTime{width:80%;background-color:#fff;height: 45px;margin-left:24px;}
#buttonUpload{width:100%; height:37px; line-height:45px;}
#buttonStyled{width:100%; height:35px; line-height:35px; text-align:left;background-color:#fff;text-align:center;margin-top: 3px;}
#uploadButtonText{color:#7dafd4;text-align:center;font-size:25px; text-transform: lowercase;}
#searchHeader{width:33%;text-align:left;margin-top:21px;}
#searchArea{width:70%;float:left;margin-left:10%;}
#field_holder{background:white;}
#socialHeader{width:33%; line-height:35px; height:45px;margin-top:20px;float: right;overflow:hidden;}
#textDiv{width:60%;float:left;display: inline-block;}
#shareButtonText{color:#7dafd4;text-align:center;font-size:25px; text-transform: lowercase; display: inline-block;margin-top:14px;}
#shareDiv{width:30%;display: inline-block;margin-top: 3px;margin-left: auto; margin-right: auto;}
#viewer_holder{overflow: hidden;-webkit-tap-highlight-color: rgba(0,0,0,0);background: #e7e7e7;}
#search_holder{position:absolute; z-index:998; top:0px; right:50px; width:232px; display:none;}
#search_controls{background-color:#29292d; width:232px; height:21px;}
#pm_viewer_holder{width:100%;height:100%;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);background: #e7e7e7;}
#pm_viewer{background-color:#e7e7e7;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#search_drop{background: url('/images/searchBg.png') repeat; display:none;}
#viewer_animation{background: url() repeat; position:absolute; width:100%; height:100%; margin:auto; left:0; right:0; top:0; bottom:0; cursor:pointer; display:none; z-index:2;-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#animateSwitch{background: url() repeat; position:absolute; width:100%; height:100%; margin:auto; left:0; right:0; top:0; bottom:0; cursor:pointer; display:none; z-index:1;}
#slidePieceContainer{background:url('/images/gradient.png');width:320px;height:96px;position: absolute;top:90px;left:0px;z-index: 3;-webkit-user-select: none;}
#slidertext{position: relative;left:0px;width:280px;display:inline-block;text-align: center;padding:15px 5px 5px 5px;-webkit-user-select: none;}
#slidePiece{width: 100%;-webkit-user-select: none;}
#daytonLetters{display: inherit;height:auto;width:0px;height:0px;background:url('/images/dayton.png') no-repeat; position: absolute;right:0px;top:4.5%;background-size: contain;z-index:99;}
#overlayinfor{display: none;height:auto;width:100%;}
#socialHeaderBottomDiv{width:80%; height:48px;background-color: #fff;margin-left: auto;margin-right: auto;display:block;}
#socialHeaderBottom{width:0px;height: 0px;background-color: #e7e7e7;overflow: hidden;padding-top: 20px;}
#uploadButtonTextBottom{color:#7dafd4;vertical-align: middle;margin:0px;display:inline-block;margin-top: -28px;font-size: 24px;}
#banner{width:100%;height:auto;}
#exploreBanner{width:100%;height:40px;background-color: #e7e7e7;}
#exploreDiv{margin:0px;padding-top:5px;padding-left: 25px;-webkit-user-select: none;}
#exploreBannerWordMap{width:100%;height:auto;background-color: #7dafd4;}
#listBanner{width:100%; margin-top:0px;background-color: #e7e7e7;}
.infoHolder{
display:block;
position: absolute;
right:-242px;
width:242px;
z-index:1000;
padding:0px;
vertical-align:top;
text-align:left;
background: transparent url("../images/photoBg.png") repeat;
min-height:128px;
pointer-events:auto !important;
}
.rightInfo{
display:block;
position: absolute;
left:-244px;
width:242px;
z-index:1000;
padding:0px;
vertical-align:top;
text-align:left;
background: transparent url("../images/photoBg.png") repeat;
min-height:128px;
pointer-events:auto !important;
}
.rightBottomInfo{
display:block;
position: absolute;
left:-244px;
width:242px;
z-index:1000;
padding:0px;
vertical-align:top;
text-align:left;
background: transparent url("../images/photoBg.png") repeat;
min-height:128px;
pointer-events:auto !important;
top:-10px !important;
}
.bottomInfo{
display:block;
position: absolute;
right:-242px;
width:242px;
z-index:1000;
padding:0px;
vertical-align:top;
text-align:left;
background: transparent url("../images/photoBg.png") repeat;
min-height:128px;
pointer-events:auto !important;
bottom:2px !important;
}
.infoHolderSearch{
display:block;
position: absolute;
right:-242px;
width:242px;
z-index:1000;
padding:0px;
vertical-align:top;
text-align:left;
background: transparent url("../images/photoBg.png") repeat;
min-height:128px;
pointer-events:auto !important;
}
.loadingInfo{position:absolute; top:0; left:0; width:100%; height:100%; background: transparent url("../images/photoBg.png") repeat; z-index:998; display:none;}
.noData{position:absolute; top:0; left:0; width:100%; height:100%; background: transparent url("../images/photoBg.png") repeat; z-index:998; display:none;}
.infoImgHolder{position:relative;}
.imgInfo {position:relative;}
.photoData{padding:10px;}
.photoName{line-height:normal; margin-left:5px;}
.photoCap{margin:5px; line-height:normal; word-wrap:break-word; max-height:155px; overflow-y:auto;}
.photoCapTitle {margin: 5px;}
.socialData {margin:5px 5px 5px 5px;}
.socialShare {text-align:center; padding-bottom:5px;}
.sPhotoFb{width:41px; height:41px; background:url(../images/fbPhoto.png) no-repeat;}
.sPhotoFb:hover{background-image: url("../images/fbPhotoHover.png")}
.sPhotoTw{width:41px; height:41px; background:url(../images/twPhoto.png) no-repeat;}
.sPhotoTw:hover {background-image: url("../images/twPhotoHover.png")}
.embed{width:24px; height:24px; background:url(../images/embedPhoto.png) no-repeat;}
.line {margin-top:10px; width:95%; height:1px; background:#fff; margin: 0 auto;}
#closeB {
height:23px;
width:23px;
right:-14px;
top:-14px;
background: transparent url("../images/closeB.png") repeat;
position:absolute;
}

.shareEmbed {
width:24px;
height:24px;
background:url(../images/embedPhoto.png) no-repeat;

}

.embedOverlay {
background-color: #fff;
height:120px;
left: 50%;
margin-left: -250px;
margin-top: -50px;
outline: 9999px solid rgba(0, 0, 0, 0.5);
position: fixed;
top: 25%;
width: 500px;
z-index: 10000;
}

/*
*
*
*
*
*
*
*Social Media Styles
*
*
*
*
*
*
*/
#shareDiv {position:relative;}

#twitBlock {
position:absolute;
top:9px;
left:0;
height:19px;
width:20px;
}

#instaBlock {
position:absolute;
top:9px;
left:30px;
height:19px;
width:19px;
}

.shareFb {
width:27px;
height:27px;
background:url(../images/fbMos.png) no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin-left:14px;
}

.shareTw {
width:27px;
height:27px;
background:url(../images/twMos.png) no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
margin-left:6px;
}



/*
*
*
*
*
*
*
* search styles
*
*
*
*
*
*
*/
#field_holder {height:45px; padding:0 0 0 0px; line-height:35px; width: 100%;}

#keyword_input{width:100%; height:45px; border:none;  line-height:35px; font-family: 'Regular', sans-serif; font-size:14px; vertical-align:top;
padding-left: 6px !important;
color:#000;
}

#searchArea {
margin-left:auto;
position: relative;
width: 100%;
height: 45px;
text-align:left;
}

#searchB {
height: 48px;
width: 58px;
background: url(../images/searchButton.png) no-repeat;
background-size: contain;
position:absolute;
top:0px;
right:0px;
}

#valid_search{
height:12px;
position:absolute;
left:10px;
vertical-align:top;
text-align:left;
color:#d3210e;
font-weight:bold;
font-size:11px;
line-height:.7em;
width:181px;
top:36px;
z-index:3000;
}

#valid_search:empty{display:none;}

#loading_search{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
vertical-align:middle;
display:none;
background: transparent url("../images/overlay_black.png") repeat;
}

#greyBar {
height:32px;
width:100%;
background:#2f3133;
line-height:32px;
text-align:center;
}
table, td {margin:0; padding:0; border:none; border-collapse:collapse;}


#orientationAlert{
z-index:100000;
display:none;
position: fixed;
width: 100%;
height: 100%;
color: #FFF;
background: #212121 url(../images/orientationAlert.png) no-repeat;
background-size:150px 118px;
padding-top:32%;
background-position:center 15vh;
text-align: center;
font-size:3vw;
font-weight:bold;
top:0;
}




/*
*
*
*
*
*
*
*
*
* Resize Styles
*
*
*
*
*
*
*
*
*/

#headerImageOne{height: 62px !important; margin-top: 20px;}

#headerImageTwo{
height: 22px !important;
margin-top: 40px;
float:right;
}
/*
*
*
*
*
*
*
*
MEDIA Query @
width up 990px;
*
*
*
*
*
*
*
*/
@media (max-width:990px)  {
	#text_subhead2{font-size: 2.62vw !important;}

	#uploadButtonText{font-size: 19px !important;}
	#shareButtonText{font-size: 19px !important;}

	#keyword_input{font-size: 11px !important;}
}
/*
*
*
*
*
*
*
*
MEDIA Query @
width up 767px;
*
*
*
*
*
*
*
*/
@media (max-width:767px)  {
	#valid_search{margin-top:8px !important;}

	#embedTextMain{width:125px !important;float:right !important;}

	#exploreDiv{
	width:100% !important;
	text-align: center !important;
	padding-left: 0px !important;
	}

	.fancybox-opened{width:80% !important;}

	.fancybox-inner{width:100% !important;}

	#animationBox{width:100% !important;}

	.grey_b12 {color:#fff !important;}

	.photoCap {color:#fff !important;}

	.photoName{color:#fff !important;}

	.fancybox-outer{height:auto !important;}

	.embedOverlay{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	left:0px !important;
	}

	.embed_inner{
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	left:0px !important;
	}

	.red12m{width:auto !important;}

	#infoHolder{
	display: inline-block !important;
	position:relative !important;
	top:0px !important;
	left:0px;
	width: 100%;
	height: auto !important;
	z-index: 99 !important;
	background:#90bbda !important;
	}

	.imgInfo{
	height: 55px !important;
	float:left;
	width:auto !important;
	}

	#header{height: 45px !important;}

	#searchB {height: 42px !important;width: 49px !important;}

	#uploadButtonText{font-size: 24px !important;}
	#shareButtonText{font-size: 24px !important;}

	#keyword_input{
	margin: 0 !important;
	padding: 0 !important;
	height: 38px !important;
	font-size: 19px !important;
	padding-left: 10px !important;
	}

	#searchHeader{
	margin: 0 !important;
	padding: 0 !important;
	width:100% !important;
	height: 38px !important;
	text-align: center !important;
	}

	#searchArea{
	height: 38px !important;
	width:80% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
	float:none !important;
	margin-top:4px !important;
	padding-bottom:4px;
	}

	#uploadHeader{
	margin: 0 !important;
	padding: 0 !important;
	width:100% !important;
	margin-top:17px !important;
	padding-bottom: 10px !important;
	}

	#uploadHeaderButtonTime{
	width:80% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
	float:none !important;
	height: 38px !important;
	padding-bottom: 4px;
	}

	#socialHeader{width:0px !important;height: 0px !important;}

	#socialHeaderBottom{width:100% !important;height: 42px !important;}

	.aboutPhoto{
	width:50% !important;
	float:left !important;
	height: auto !important;
	}

	.photoData{height: auto !important;}

	.photoCap {height: auto !important;}

	.socialShare{width:50% !important;float:right !important;}

	#bannerHeader{height:auto !important;}

	#headerImageOne{
	height:90% !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
	margin-top:10px !important;
	}

	#headerImageTwo{
	height:90% !important;
	float: none !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
	margin-top:20px !important;
	}

	#bannerLeft{width:100% !important;height:50% !important;}

	#bannerRight{width:100% !important;height:20% !important;}

	#field_holder {height: 38px !important;padding: 0 !important;}

	#header{height:128px !important;}
}

/*
*
*
*
*
*
*
*
MEDIA Query @
width up 441px;
*
*
*
*
*
*
*
*/
@media (max-width:441px)  {
	#text_subhead2{
	height: 45px !important;
	font-size: 15px !important;
	line-height: 17px !important;
	}
}
/*
*
*
*
*
*
*
*
MEDIA Query @
width up 360px;
*
*
*
*
*
*
*
*/
@media (max-width:360px)  {
	#uploadButtonTextBottom{font-size: 20px !important;}
	#shareButtonTextBottom{font-size: 20px !important;}
	#keyword_input{font-size: 14px !important;}
}