/*showImages Detail*/

	.galleryImageCentered { position:relative; z-index:5;}
	.galleryImageCentered img {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
	}	
#imagesDetailContent.section {width:auto;}
#imagesDetails { position:relative; padding:57px 0px; word-wrap:break-word; }
#imagesDetails .title { text-transform:none; text-align:left; }
#imagesDetails .title2 { font-weight:bold; margin-bottom:13px; margin-top:20px; margin-bottom:20px; text-align:left; }
#imagesDetails .teaser { letter-spacing: normal; text-transform: none; font-weight:bold; margin-bottom:20px; }
#imagesDetails #contentImageCentered { margin-bottom:20px; background-color:transparent !important; }
#imagesDetails #contentImageCentered .contentImageInner { padding-bottom:5px !important; background: none repeat scroll 0 0 #01396e; }
#imagesDetails #contentImageCentered .contentImageInner .imageCaption { padding-bottom:5px !important; }
#imagesDetails .imagesCaptionHeading { text-decoration:underline; margin-top:13px; margin-bottom:13px; }
.pageContentBlueBox { padding-top:10px; }
.pageContentBox { padding:0% !important; }
.pageContent #imagesDetails .date { margin-top:0 !important; }
.pageContent #imagesDetails .title { margin-bottom:15px !important; }
/*imagesSideBar*/
#imagesOpenOuter.active { background:#001E37; height:60px;}
#imagesSidebar { background: rgb(1,57,110);  background: url(data:image/svg+xml;
 base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPS…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(1,57,110,1)), color-stop(100%, rgba(0,29,53,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%); background: radial-gradient(ellipse at center, rgba(1,57,110,1) 0%, rgba(0,29,53,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01396e', endColorstr='#001d35', GradientType=1 );
}
.pageContent #imagesSideBar * { line-height:normal; }
.pageContent #imagesSidebar .date { text-transform:none; font-size:0.6em; line-height:normal; margin-bottom:5px; color:#819AB4 !important; }
.pageContent #imagesSidebar .title { font-size:20px; line-height:0.9em; font-weight:normal; }
.pageContent #imagesSidebar .title a { font-size:0.7em; line-height:normal; font-weight:normal; text-decoration: none !important;}
	.pageContent #imagesSidebar .title a:hover { text-decoration: underline;}
.selectByMission { display:none; }
.active .selectByMission { display:block; position:relative;top:-35px;width:215px;margin:0 auto;}
.active .selectByMission select { border:1px #819AB4 solid; color: white; padding:5px 10px; background: url("/images/general/layout/form-input/arrows_select_box.png") no-repeat 90% 10px; -webkit-appearance: none; -o-appearance: none; border-radius: 2px; height:46px; /*font-size: 80%;*/ }
.active .selectByMission select option { font-size: 1.1em; line-height:1.2em;}
.active .selectByMission select * {
font:color:#29608C; font-family:Roboto, Helvetica, sans-serif; background-color:#001E37; }
#imagesOpenOuter{width:360px;overflow:hidden;position:fixed;top:250px;left:0;/*z-index:13;*/z-index:93;}
#imagesSidebar {width:360px;height:calc(100vh - 310px);overflow:hidden;position:fixed;top:310px;left:0;z-index:12;overflow-y:scroll}
#imagesSidebar .imagesItem { min-height:80px; position:relative; margin: 5%; }
#imagesSidebar .imagesItem:hover a { color: gold !important; }
#imagesSidebar .imagesImage { width:35%; margin-right: 5%; }
#imagesSidebar .imagesInfo { margin:0%; width:55%; vertical-align:top; line-height:normal; }
#imagesSidebar .imagesImage, .imagesInfo { display:inline-block; }
#imagesSidebar .imagesImage img { width:100%; }
#imagesSidebar .imagesInfo span { display:block; }
#imagesOpen { text-transform:uppercase; font-size:small; width:65px; padding: 5px; top:0; right:0; height: 75px; width: 15px; background-color: #01386B; line-height:normal; text-align:center; }
#imagesOpen.active{background-color:transparent; height:35px;}
#imagesOpen:before { color:white; }
#imagesOpen:hover:before { color:gold; }
#imagesOpen .arrowMore { float:right; text-align: center; background-image: url('/images/general/layout/slider-home-rotator/slider-layout.png'); background-repeat: no-repeat; width: 25px; height: 30px; padding: 0px 0px; background-position: -28px -241px; margin-right: 3%; position: relative; }
#imagesOpen .arrowClose { float:right; text-align: center; background-image: url('/images/general/layout/slider-home-rotator/slider-layout.png'); background-repeat: no-repeat; width: 25px; height: 30px; padding: 0px 0px; background-position: -28px -241px; margin-right: 3%; position: relative; }
#imagesOpen .arrowMore:after { content:" " }
/*Other*/
.hr { width:100%; border-top: 1px solid #c6c6c6; padding-top:1px; }
hr.gradientLine { margin:10px 0; }
.btnAllImages { text-decoration: none; font-weight: normal; font-size: 15px; line-height: 40px; margin: 0px;     padding: 4px 40px; font-size: 25px; background-image: none; text-align: center; background-color: #01386B; width: auto; color:white !important; float:right;margin:0 0 30px; text-decoration: none !important; margin-right:calc(5% + 20px); margin-bottom:20px;}
.btnAllImages:hover { color:gold !important;}
.btnArchiveList { background-image:none; text-align:center; background-color: #002D56; border: 4px #819AB4 solid; width:auto; position:relative; }
.btnArchiveList a { padding: 4px 40px; display: block; color: white; font-size:25px; }
.btnArchiveList a:hover { color:gold; }
/*#imagesDetailContent {padding:20px 40px;}*/

/*from sitegeneral.css orig*/
#imageDetails .title {/*font-size: 36px !important;*/ font-weight: bold; margin-top: 10px; text-transform:none !important;}
@media screen and (min-width : 1px) {#imageDetails .title, .pageContent #newsDetails .title{font-size:20px}}
@media screen and (min-width : 320px) {#imageDetails .title, .pageContent #newsDetails .title{font-size:23px}}
@media screen and (min-width : 480px){#imageDetails .title, .pageContent #newsDetails .title{font-size:26px}}
@media screen and (min-width : 768px){#imageDetails .title, .pageContent #newsDetails .title{font-size:31px}}
/*@media screen and (min-width : 1024px){#imageDetails .title, .pageContent #newsDetails .title{font-size:36px}}
@media screen and (min-width : 1224px) {#imageDetails .title, .pageContent #newsDetails .title{font-size:40px}}
@media screen and (min-width : 1824px) {#imageDetails .title, .pageContent #newsDetails .title{font-size:46px}}*/
#imageDetails .teaser {/*font-size:16px !important; color: ##003573 !important; color:##276581 !important;*/ letter-spacing: normal !important; text-transform: none !important; font-weight:bold; margin-bottom:20px;}
#imageDetails .date {font-weight:bold;margin-top:10px;}
#imageDetails .imageTitle2 {font-weight:bold; margin-top:20px !important;margin-bottom:20px !important;}
#imageDetails .imageCaptionHeading {text-decoration:underline; margin-top:13px; margin-bottom:13px;}
#imageDetails .hr {width:100%; border-top: 1px solid #c6c6c6; padding-top:1px;}
html,body { background-position: center;}

#shareicons {margin-top:-35px;}
#content{ background-attachment:scroll;}
html,body { background-position: center;}
.pageContent .source {font-size:80% !important;}