@import url("prettyPhoto.css");
@import url("TimelineTemplates.css?v=6");
@import url("SideBarMenu.css?v=1");
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 400;
  src: local('Arvo'), url(https://fonts.gstatic.com/s/arvo/v8/CIM1sY6WgfmRaU6bUvQNKQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin */
@font-face {
  font-family: 'Arvo';
  font-style: normal;
  font-weight: 700;
  src: local('Arvo Bold'), local('Arvo-Bold'), url(https://fonts.gstatic.com/s/arvo/v8/kxJ0ec6oJuxTH5gpyZdQcvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}



.post-type{
	float:right;
	font-size:2em;
	padding: 6px;
}


.sticky {
	position: fixed;
	top:62px;
}

.ProjectsSearchBox .col-sm-6
{
	width:100%;
	padding-top: 12px;
	padding-bottom: 12px;
}

.ProjectsSearchBox .GoButton
{
	margin-top: 12px;
	margin-bottom: 12px;
	}

#pageLinks {
	width:100%;
	text-align: left;
}

#pageLinks a {margin: 6px;}

.btnOutline .btn-primary {
			font-size: 18px;
		}
.btnOutline .btn-primary {
	color:#000;
	background-color: #d9d9d9;
	border:none;
	text-decoration: underline;
	
}

.timelineButtons
{
	padding:12px 0px;
	background:#d9d9d9;
	margin:12px;
	border:2px solid #000;
}



.grid {
	margin:24px auto;
	width:95%;
}

.gridoffSet {
	margin-left: 25%;
}

#SearchBox, #FilterCell, .pagination, #BreadCrumbTrailTop, .ProjectDates
{
	display:none;
}

#FilterCell
{
	border:1px solid #f4f4f4;
	Text-align:center;
	padding-top:6px;
	padding-bottom:0px;
	background-color:#f1efef;
}



#FilterContainer_SearchText, #FilterContainer_PassionId, #FilterContainer_OwnerUserId, #FilterContainer_Reset
{
	float:left;
	height:38px;
}

.FilterHeader, #filter_PassionId, #filter_OwnerUserId, #filter_SearchText, #FilterContainer_Reset
{

	float:left;
}

.FilterHeader
{
	margin:6px 3px 6px 12px;
}

#filter_PassionId, #filter_OwnerUserId, #filter_SearchText
{

	margin:6px 12px 6px 0px;
}

#filter_SearchText
{
	font-size:0.8em;
}

#FilterContainer_Reset
{
	margin-top:3px;	
	
}

.headerbuttons a
{
	width:49px;
	margin:3px 0px;
}

.headerbuttons .btn {padding:6px;}

.CommunityView, .headerbuttons, .SearchView
{
	width:100%;
}

#FilterContainer_Reset a
{
	text-decoration:none;
}

#banner {
	background-color: #d9d9d9;
	overflow: hidden;
}

#BannerContent
{
	background-size:cover;
	background-repeat:no-repeat;
	background-position-x: center;
	margin-bottom:12px;
	padding:12px;
	border:1px solid #fefefe;  background-color:#f1f1f1; 
	min-height:250px;
	}


#BannerContent img
{
	margin-left:auto;
	margin-right:auto;
	margin-top:12px;
}	




#banner h3 {
	margin-left: 30px;
	font-size: 18px;

}

#banner p {
	margin-left: 30px;
	
}

.BannerCommunity {
	margin:3px 6px 6px 30px;
	font-size: 24px;
}

.closeDiv
{
	text-align: center;
}

.closeBtn {

	padding:6px;
	background-color: rgb(239,239,239);
	border:solid 1px rgb(118, 118, 118);
	margin:12px;


}

.closeDetail{
	margin:6px 0px;
	text-align: center;
}

#connectBtn a {
	margin-top:0px;
}

#sbProjectSearch {
    width: 250px;
}


.darkHeader {
	text-align: center;
	color:#fff;
	background-color: #0D1458;
	margin:0px;
	padding:6px;
}

.lightText
{
	text-align: center;
	color:#fff;
	background-color: #4B8AA9;
	margin:0px;
	padding:6px;

}

.projectLogo {
	max-height:200px;
}


.projectTitle h3{
	font-size: 2.5em;
}

.ProjectDetails p
{
	text-align: center;
}

.ProjectDetails img{
	max-width:50% !important;
	display: block;
	margin: 12px auto;

}

.featureHeadline {
	padding-top: 36px;
	font-size: 1.25em;
}

.featureHeadline p {
	text-align: justify;
}


.projectButton {
    background-color: #fff;
    padding: 3px;
    width: 37px;
    margin: 0px 6px;
    border: 1px solid #000;
}

#projectSearch
{
    margin: 6px;
    background: #fff;
    opacity: .85;
    padding: 6px;
}

.community
{
	text-align:left;
	font-weight:bold;
	font-size:1.5em;
	letter-spacing:2.5px;
	background-color:#d9d9d9;
	color:#444;
	padding: 12px 0px 12px 24px;
	margin:0px auto 3px auto;

}

.ftpCommunity {
	font-size: 0.65em;
}



.ppoints 
{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	letter-spacing:2px;
	background-color:#d9534f;
	color:#fff;
	max-width:280px;
	width:100%;
	margin:12px auto 0px auto;

}


#bannerLogo
{
	max-width:370px;
	width:100%;
	margin:0px auto;
	background-color:rgba(255,255,255,0.75);
	padding:6px;
	text-align:center;
}

#bwaLogoXYZ img
{
	padding:6px;
	background-color:rgba(0, 0, 0, 0.34);
	margin-bottom:6px;
}

#TreeViewContainer,#rightArticle{
	display:none;
}

#MainPage, #centerMain{
	width:100%;
	word-wrap:break-word;	

}



.mcontent
{
	background:#ebebeb URL(/images/main.gif) left top repeat-x;
	border-left:1px solid #f7f7f7;
	border-right:1px solid #f7f7f7;
	margin-top:0px;
	margin-bottom:0px;
	padding:24px;
}


.post-media img {width:auto; max-height: 500px; margin:3px auto;}

select {margin-right:6px;}


.sticky1 {position: fixed !important; top: 0; width:100%; z-index:1030;}



.twitter
{
	display:none !important;
}

.post-toolbar
{
	overflow:hidden;
}

.smform {display:none;}
.lgform {display:block;}

.Sponsor
{
	overflow:hidden;
	text-align: right;
	/*background-color: rgba(200,200,200, .5);*/
}

	.Sponsor {margin-bottom:24px;}

	.Sponsor img {
		float:left; 
		max-height:70px;
	    height:70px;
	    max-height: 70px !important;
	    margin-right: 12px !important;
}

.vpBtn {
	padding:0px 0px 24px 0px;
	text-align: center;
}

.ProjectDetails {
	width:90%;
	margin: 24px auto;
	background-color: #d9d9d9;
}

.Passions {
	text-align: center;
}

.postsHead {
	text-align: center;
	padding:24px;
	background-color: #f1f1f1;
	margin-bottom: 24px;
}

.doclist img
{
	margin: 6px 0px;
    padding-left: 3px;
    padding-right: 3px;
}

.doclist {
	margin:2px 0px 12px 0px;
	padding-top: 6px;

}

.topline {
	margin-top:24px;
}

.Passions {
	border:2px solid #000;
	display:inline-block;
	margin-bottom: 36px;
	width:100%;
}

.Passions h2 {
	text-align: center;
    margin-top: -28px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}


.projectLinks{
	border:2px solid #000;
	display:inline-block;
	margin-bottom: 36px;
	width:100%;
}
.projectLinks h2 {
	text-align: center;
    margin-top: -20px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}





.projectLinks h4 {
	font-size: 2em;
	font-weight: bold;
	padding:12px;
}


.linkText {
	padding-top: 3px;
}


.ProjectContact {
	border:2px solid #000;
	display:inline-block;
	margin-bottom: 36px;
	width:100%;
}

.ProjectContact h2 {
	text-align: center;
    margin-top: -20px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}

.ProjectContact h3 {
	text-align: center;
}


.ulinks {
	border:2px solid #000;
	display:inline-block;
	margin-bottom: 36px;
	width:100%;
}

.ulinks h2 {
	text-align: center;
    margin-top: -15px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}


.shareLinks {
	border:2px solid #000;
	display:inline-block;
	margin-bottom: 36px;
	width:100%;
	padding:12px;
	text-align: center;
}

.shareLinks h2 {
	text-align: center;
    margin-top: -30px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}

.shareLinks a {
	padding:3px 12px;
}

.postlinks {
	border:2px solid #000;
	margin-bottom: 36px;
	display:inline-block;
	width:100%;
}

.postlinks img {
	margin:6px 0px;
	padding-left:3px;
	padding-right:3px;
}

.postlinks h2 {
	text-align: center;
    margin-top: -15px;
    background-color: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    font-size:1.8em;
}


#timelineContent {
	width:95%;
	margin-left:15px;
	background-color: #fff;
}

#timelinePosts {
	width:95%;
	margin-left:15px;
}




#BreadCrumbTrailTop1, #BreadCrumbTrailBottom, hr, .TreeViewContainer, .tdLeft, #ArticleIndex, .tdRight, #spnExportToExcel
{
	display:none;
}



#BreadCrumbTrailTop
{
	background-color:#f1f1f1;
	margin-left: 15px;
    padding-left: 6px;
    width: 250px;

}

h4
{
	font-size:17px;
}


#SignIn
{
		text-align:center;
		height:100px;
}

.btn2
{
	margin-top:6px;
}

#QuickLinks
{
	overflow:hidden;
	height:100px;
}

.qlink
{
	border:1px solid #f4f4f4;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	background-color:#a2a2a2;
	margin-bottom:12px;
}

#NaHeading
{
	width:100%;
	background-color:#f4f4f4;
	text-align:center;
}


.NaLink
{
	
	padding-top:6px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	
}

.twitterline
{
	margin-bottom:12px;
	overflow:hidden;
}



.NaBack
{
	background-color:#fff;
	width:90%;
	padding-bottom:20px;
	border:solid 1px #000;
	overflow:hidden;
}

#NaItem
{
	margin-bottom:24px;
}

#NaText
{
	padding: 12px;
}


#NaImage img
{
	width:100%;
}

#NewsArticles
{
	margin-top:24px;
	overflow:none;
}



.footer {
	background-color: #0064B7;
	color:#fff;
	font-size: 14px;
	padding: 12px 24px;
}

.footer a {
	font-weight: bold;
	color:#fff;
}
.footer a:hover {
	color: #fff;
}






#Twitter
{
	margin-top:24px;
	margin-bottom:24px;
	
}


/***  Scrolling twitter feeds ***/

/* Just for looks */
#latest-tweets {
    background: #fafafa;
    border: 1px solid #eaeaea;
    padding: 5px 15px;
    border-radius: 5px;
    overflow: hidden;
}

/* Remove padding, margin, bullets and 
   make sure it's only one line */
#latest-tweets ul {
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    float: left; /* This makes the ul the full width of the children */
}

/* Tweets on one line, separated */
#latest-tweets ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

#latest-tweets ul li p {
    margin: 0;
}

/* Hide some stuff we don't want */
#latest-tweets ul li div.user, 
#latest-tweets ul li p.timePosted, 
#latest-tweets ul li p.interact {
    display: none;
}

/* Scroll it (thanks: http://stackoverflow.com/questions/21233033/css3-marquee-effect) */
#latest-tweets ul {
    padding-left: 110%;  /* show the marquee just outside the paragraph */
    -webkit-animation: marquee 300s linear infinite;
}

#latest-tweets ul:hover {
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}


/***********/

#tools .item-inner
{
	background-color:#00a3e8;
	border:1px solid #023043;
	height:537px;
}

.Newsheading
{
	height:30px;
	font-size:22px;
	color:#fff;
}
.Newsheading img
{
	margin-left:24px;
}

.NewsImage
{
	height:200px;
	background-color:#fff;
	width:100%;
	overflow: hidden;
}

.NewsImage img
{
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	max-height:200px;
	height:100%;
}

.image-inner {
  margin: 0 10px 20px 0;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
  width:100%;
  height:200px;
}

.image-inner img {
	max-height:200px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}


.image-inner .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}

.image-inner .overlay {
  opacity: 1;
}



.image-inner .overlay {
  position: absolute;
  top:31px;
  left:50%;
  width:320px;
  margin-left:-170px;
  height:100%;
  max-height:200px;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.portfolio-item:hover .overlay {
  opacity: 1;
}

.NewsText p
{
	background-color:#fff;
	border:1px solid #fdfdfd;
	margin:12px;
	height:100px;
	text-align:left;
	padding:3px;
}

.NewsTextBottom p, .NewsTextTop p
{
	background-color:#fff;
	border:1px solid #fdfdfd;
	margin:6px;
	height:46px;
	text-align:left;
	padding:3px;
}


.Newstheme
{
	height:50px;
	font-size:30px;
	color:#fff;
	font-weight:bold;
}

.Newsfooter
{
	height:130px;
	color:#fff;
	padding-top:3px;
	background-image: url("../underconstruction/images/sp-logo.png");
	background-repeat:no-repeat;
	background-position-x:center;
}

.nfIcon
{
	background:#00a3e8;
	margin-top:3px;
	margin-left:3px;
	margin-right:-3px;
}

.nfPoints
{
	padding-top:12px;
	height:63px;
}
.redwhite
{
	background:#f00;
	color:#fff;
}

.nfChampion
{
	background-color:#fff;
	color:#000;
	margin-top:3px;
	font-size:22px;
	font-weight:bold;
}



/***********/

.filter1
{
	text-align:center;
}

.filter2
{
	text-align:left;
}

.box {
  padding: 50px 30px;
  background: #fff;
  position: relative;
}

#tools
{
	background-color: #dedede;
	padding-top:12px;
	padding-left:12px;
	padding-right:12px;
}

#tools ul {
		margin-top:24px;
}

.portfolio-filter .btn-primary {
		width:150px;
}

.portfolio-filter .fa{
	margin-top:15px
}

#portfolio .box, #features .box, #experience .box, #team .box {
  background: #f3f3f3;
}

#portfolio .box, #portfolio .box H2, #experience .box H2
{
		padding-top:6px;
}


.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0;
}
.portfolio-items {
  margin-right: -20px;
}
.portfolio-filter {
  margin: 6px 0px;

}


.portfolio-filter a {
  font-size:1.2em;
}

  
.portfolio-filter > li {
  display: inline-block;
  margin:3px;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  margin: 0;
}
.portfolio-items.col-2 > li {
  width: 49%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}
.portfolio-item .item-inner {
  margin: 0 20px 48px 0;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
}
	



/**********/


/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;

}

.mobileView{
	display:block;
	text-align:center;
	margin:3px 0px;
}

/*****************************************************************/

#pagegrid {
	width:75%;
	margin:3px auto;
}

#pagegrid1 {
	width:75%;
	margin:3px auto;
}

table {
    border-collapse: collapse;
    width: auto;
}
 th {
    border: 1px solid black;
}
.color_page {
    background: #ccf;
}

.box div, .box ul {
    float: right;
}



.paginationtimeline {
    display: inline-block;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;}

	.paginationtimeline>li {
    display: inline;}

	.paginationtimeline>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;}

	.paginationtimeline>.disabled>a, .paginationtimeline>.disabled>a:focus, .paginationtimeline>.disabled>a:hover, 
	.paginationtimeline>.disabled>span, .paginationtimeline>.disabled>span:focus, .paginationtimeline>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;}

.paginationtimeline>li>a, .paginationtimeline>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;}






      



/* ************************************************************** */

@media (max-width:768px){
	.portfolio-items.col-2 > li, .portfolio-items.col-3 > li {
		width: 100%;
	}

}




@media (min-width: 992px ) {

}


@media (min-width: 992px) and (max-width: 1199px) 
{
	.image-inner .overlay {left: 50%; width:292px; top:31px; margin-left:-156px;}
	.NewsText p {height:148px}
	.nfChampion {font-size:18px;}
	#tools .item-inner {height:573px;}
	.NewsTextBottom p, .NewsTextTop p {height:70px;}
	.Newsheading {font-size:24px;}
}



@media (min-width: 768px) and (max-width: 991px ) {
		.image-inner .overlay {left: 50%; width:216px; top:31px; margin-left:-118px;}
		
		.NewsText p {height:198px;}
		#tools .item-inner {height:613px;}
		.nfChampion {font-size:14px;}
		.NewsTextBottom p, .NewsTextTop p {height:95px;}
		.Newstheme {font-size:22px}
		.Newsheading {font-size:22px; line-height:22px;}

		#passionPMN {font-size:.8em;}
}



@media (max-width: 767px) {
	

	.Sponsor {margin-bottom:12px;}
	
	.Sponsor img {
		float:left; 
		max-height:40px;
	    height:40px;
	    margin-right: 6px !important;
		}


		#BannerContent {
			height:100px;
		}

		.community {
			padding:0px 0px 0px 12px;
			letter-spacing: 1px;
			font-size: 1.25em;
		}

		.ProjectDetails img { 
		max-width: 100% !important;
		}

		.image-inner .overlay { left:25%; width:100%; max-width:100%;}
		
		.NewsText p {height:auto;}
		#tools .item-inner {height:auto;}
		.Newsfooter {height:auto;}
		.NewsTextBottom p, .NewsTextTop p {height:auto;}
		.filter1, .filter2 {text-align:center;}
		
		.NaBack
		{
			width:100%;
		}
		.smform {display:block;}
		.lgform {display:none;}
		.twitterline{display:none;}


		.qlink
		{
			width:25%;
			padding:5px;
			height:50px;
			font-size:10pt;
			float:left;
		}

		.image-inner
		{
			height:auto;

		}


		.image-inner img {
		width:100%;
		max-width: 100%;
		max-height: none;
		overflow:hidden;
		margin-left:auto;
		margin-right:auto;
		}
		

		.grid-item{
			padding-right: 0px !important;
		}
		
		
		
		#passionPMN
		{
			margin-top:36px;
		}



		

}
	  
@media (max-width: 600px) {
		
		#NaImage
		{
			padding-left:2px;
			padding-right:2px;
			margin-top:12px;
		}
		
		#NaImage img
		{
			/*width:100px;*/
			
		}

		.qlink
		{
			width:25%;
			padding:5px;
			height:50px;
			font-size:10pt;
			float:left;
		}
}

@media (max-width: 400px) {
		.Newsheading
		{	font-size:22px;
			line-height:24px;
		}
		.image-inner .overlay {left:50%; width:100%; max-width:100%;}
		
		.Newstheme
		{
			font-size:22px;
			line-height:24px;
		}

		#FilterContainer_SearchText, #FilterContainer_PassionId, #FilterContainer_OwnerUserId, #FilterContainer_Reset
		{
			Width:100%;
			margin-bottom:6px;
		}

		.FilterHeader
		{
			Width:100%;
			margin:0px;
		}

		#filter_PassionId, #filter_OwnerUserId, #filter_SearchText
		{
			margin:0px 12px 3px 3px;
			width:95%;
		}

		#FilterPane label
		{
			margin-bottom: 0px;
		}

		#FilterContainer_OwnerUserId
		{
			display:none;
		}
}



@media (min-width: 768px) and (max-width: 1091px) 
{
	#ChosenPassion { max-width:140px;}
}


@media only screen and (max-device-width: 768px) and (max-width: 768px) and (min-device-width: 0px) and (min-width: 0px)  {
      /* For portrait layouts only */

	
}