@import url("prettyPhoto.css");
@import url("TimelineTemplates.css?v=7");
@import url("SideBarMenu.css?v=2");



#SearchBox, #FilterCell, .pagination
{
	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;	
	
}

#FilterContainer_Reset a
{
	text-decoration:none;
}


#BannerContent
{
	background-size:cover;
	background-repeat:no-repeat;
	background-position-x: center;
	overflow:hidden;
	margin-bottom:12px;
	padding-bottom:12px;
	min-height:250px;
}

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

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

#BannerContent .regbtn {}

#BannerContent .pps
{	
	margin-top:-45px;
	width:350px;
}



.community
{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	letter-spacing:2px;
	background-color:#337bb7;
	color:#fff;
	max-width:290px;
	width:100%;
	padding: 12px 0px 12px 0px;
	margin:12px auto 0px auto;
}

#siteHeading
{
	font-size:22px;
}

.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;

}

.afu-background
{
	background-color:#eee;
}

#TreeViewContainer,#rightArticle{
	display:none;
}

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

}


marquee
{
	background-color: rgba(255,255,255,0.4);
}

Body
{
	background:#d9d9d9; /* url(/images/tbbg.jpg) center top repeat-x;*/
}

.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;
}


.twitter
{
	display:none !important;
}



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


#myModalDescription p
{
	margin-bottom:12px;
}


/* 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;
}

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

h4
{
	font-size:17px;
}


#SignIn, #profileBtn
{
		text-align:center;
		
}

.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;
}


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

@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) {
	
		.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: 769px) and (max-width: 991px) 
{

}

@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 */

	
}

@media (max-width:520px)
{
	#BannerContent .regbtn {width:auto;}
}

@media (max-width:370px)
{
	#BannerContent .regbtn {width:auto;}
	
}


.SiteMessageHeader
{
	background: #000;
	color:#fff;
	padding: 1px;
}

.SiteMessageBlock
{
	max-height:140px;
}

.SiteMessageText
{
	background: #262626;
	color:#fff;
	height:110px;
	padding: 10px;
}

.SiteMessage
{
	position:relative;
	overflow:hidden;
	margin-bottom:12px;
}

@media (max-width: 767px) {
  .SiteMessage {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;

  }

  .SiteMessageBlock
  { 
  	display: inline-block;
    vertical-align: top;
    float: none;
    width:90%;
	}

  .SiteMessageBlockEnd
  { 
  	display: inline-block;
    vertical-align: top;
    float: none;
    width:100%;
	}

	.SiteMessageText
	{
		white-space: normal;
	}
}