/* CSS Starts here */
body {
	background-image: url('/img/site_images/1750/bg_site.jpg');
	background-size: auto;
	background-attachment: scroll;
	background-position: center 0px;
	background-repeat: repeat-x;
	background-color: #ffffff}
	/* All BPEs have a container with content and optional title. */
	.bpe{}
	.bpe-container{}
		.bpe-content{
			position: relative;
			color: #444444;
			font-family: roboto condensed, Arial, sans-serif;
			line-height: 1.3em;
			font-size: 13px;
		}

		/* BPE Titles */
		.bpe-title,
		.bpe .statsWidget h3{
			border-bottom-color: #161616;
			margin: 0 0 10px 0;
		}

		.bpe-heading,
		.bpe .statsWidget h3{
			font-family: 'roboto condensed', Arial, sans-serif;
			font-size: 2em;
			color: #999999;
			line-height: 1.4em;
			letter-spacing: 0px;
		}

			.bpe-title .page-heading{
				font-family: 'roboto condensed', Arial, sans-serif;
				font-size: 2em;
				line-height: 1.4em;
				letter-spacing: 0px;
			}

		/* Rich News Agg Carousel Overlay Background Style */
		.bpe-news-aggregator .carousel-item-info{
			background-color: rgb(22,22,22); /* IE8 Fallback */
			background-color: rgba(22,22,22, 0.8);
			color: #fff;
		}
		.bpe-news-aggregator .carousel-control{
			background-color: rgb(22,22,22); /* IE8 Fallback */
			background-color: rgba(22,22,22, 0.8);
		}

		/* Rich News Agg Carousel Title/Summary */
		.bpe-news-aggregator a.article-title{
			font-family: 'roboto condensed', Arial, sans-serif;
			font-weight: bold;
			font-size: 2em;
		}

		.bpe-news-aggregator p.article-summary{
			font-size: 13px;
		}

		/* BPE Form Submit buttons */
		.bpe-form form .btn{
			background: rgb(22,22,22); /* IE8 Fallback */
			background: rgba(22,22,22, 0.9);
			color: #fff;
			text-shadow: 0 1px 0px #000;
		}

		/* Page Heading */
		.page-heading{
			color: #434343;
			font-size: 2em;
			font-family: 'roboto condensed', Arial, sans-serif;
			letter-spacing: 0px;
			line-height: 1.4em;
		}

		/* BPE FCKEditor Post (News posts, content block, event posts) */
		.post a{
			color: #161616;
		}
		.post h1,
		.post h2,
		.post h3,
		.post h4,
		.post h5{
			color: #999999;
		}

		/* General Typography */
		.primary-color,
		a.primary-color{
			color: #161616;
		}

	
	/****************************/
	/* Navigation               */
	/****************************/

	/* Default Top Level Navigation */
	#navigation_topMenu{
		background-color: #393939; /* Customizable */
	}
		#navigation_topMenu li{
			text-align: center;
		}
			#navigation_topMenu li:first-child{ border-left: none; }
			#navigation_topMenu li a.topMenuLink{
				/* Probably want a total height setting and calculate this from User choice. */
				padding: 10px 0 10px 0;
				color: #ffffff; /* Customizable */
				font-family: 'roboto condensed', Arial, sans-serif; /* Customizable */
				font-size: 13px;
				border-left: 1px solid rgba(36,36,36, .15);
			}
			#navigation_topMenu li a:hover{
				background: #242424; /* Customizable */
				color: #ffffff; /* Customizable */
			}


	/* Side Navigation (Level 2) */
	#levelTwoNav a.navigation-item{
		padding: 10px;
		color: #ffffff;
		font-family: 'roboto condensed', Arial, sans-serif; /* Customizable */
		font-size: 13px; /* Customizable */
		background: rgb(22,22,22); /* IE8 Fallback */
		background: rgba(57,57,57, 0.9); /* Customizable */
		margin-bottom: 1px;  /* Customizable */
	}

		/* Side Navigation (Level 2) - Hover */
		#levelTwoNav li{ background-color: #393939; }
		#levelTwoNav a.navigation-item:hover,
		#levelTwoNavOn a.navigation-item:hover,
		#levelTwoNav a.navigation-item:focus,
		#levelTwoNavOn a.navigation-item:focus{
			color: #ffffff;
			background-color: #242424; /* Customizable */
		}

		#levelTwoNav .active .navigation-item{ background: rgba(36,36,36, 0.5); color: #ffffff; }
		#levelThreeNav .navigation-item.active{ background: rgba(36,36,36, 0.5); color: #ffffff; }

		/* Side Navigation (Level 3) */
		#levelThreeNavContainer{ border-left: 6px solid #161616; }


	/* Dropdown Navigation (Level 1) */
	.menu-button {
		background-color: #393939;
		color: #ffffff;
	}
	.menu-button .touch-button .navicon{
		color: #ffffff;
	}

	.flexnav .navigation-level-1 > a.navigation-item{
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
		background-color: #393939;
		border-left: 1px solid rgba(36,36,36, .15);
	}

		.flexnav .navigation-level-1 a.navigation-item{
			font-family: 'roboto condensed', Arial, sans-serif;
			color: #ffffff;
			font-size: 13px;
		}

		.flexnav li a.navigation-item{
			padding: 10px 6px 10px 6px;
		}

		/* If contains a dropdown, add padding for caret */
		.flexnav .item-with-ul a.navigation-item{
			padding: 10px 12px 10px 6px;
		}


		/* Dropdown Navigation (Level 2 + Level 3) */
		.navigation-level-1 > .navigation-menu .navigation-item-container > a.navigation-item{
			background-color: #393939;
			color: #ffffff;
		}




			/* Dropdown Caret */
			.flexnav .touch-button .navicon {
				color: #161616			}

			
	/* Dropdown Navigation (Responsive Menu) */
	/* Mobile */
	@media (max-width: 800px) {
		.flexnav .navigation-item-container > .navigation-item:hover:not(.add-page){
			color: #ffffff;
			background-color: #242424;
		}
		.flexnav .navigation-item-container .navigation-menu .navigation-item:hover {
			background-color: #242424;
			color: #ffffff;
		}
		.flexnav .navigation-level-1 > a.navigation-item{
			border-left: none;
		}
		.flexnav .touch-button{
			padding: 10px 6px;
		}
		.flexnav .touch-button:hover{
			background-color: #242424;
		}
	}

	/* Desktop */
	@media all and (min-width: 800px) {
		/* Menu item hover */
		.flexnav .navigation-level-1:hover > .navigation-item,
		.flexnav .navigation-level-1 > .navigation-item:focus{
			color: #ffffff;
			background-color: #242424;
		}

		.navigation-level-1 > .navigation-menu .navigation-item-container:hover > a.navigation-item,
		.navigation-level-1 > .navigation-menu .navigation-item-container > a.navigation-item:focus{
			background-color: #242424;
			color: #ffffff;
		}
		.flexnav .navigation-item-container:hover .touch-button .navicon,
		.flexnav .navigation-item-container a.navigation-item:focus  ~ .touch-button .navicon{
			color: #ffffff;
		}
		.navigation-level-1 > .navigation-menu .navigation-item-container .touch-button .navicon{
			color: #161616;
		}
			.navigation-level-1 > .navigation-menu .navigation-item-container:hover .touch-button .navicon{
				color: #ffffff;
			}
	}




	/* Footer Navigation */
	#navigation-footer .navigation-item{
		color: #161616;
	}

	/* Scoreboard */
	.scoreboard-container{
		background: #161616;
		background: rgba(22,22,22,0.5);
		color: #fff;
	}
		.sb-league-name,
		.sb-league-name:hover,
		.sb-control-element:hover,
		.sb-league-name .fa-home,
		.sb-league-name .sb-indicator,
		.sb-loader-loading i,
		.sb-loader-error i,
		.sb-info-date,
		.sb-info-date i{ color: #fff; }

		.sb-league-division{
			background-color: #fff;
			background-color: rgba(255,255,255,0.9);
			color: #161616;
		}

		.sb-info{ border-bottom: 1px dotted #fff; }

		/* IE8 doesn't have opacity on colors. So set to white. */
		.sb-game p{ color: white\9; }

		/* Mobile sizes for scoreboard */
		@media (max-width: 320px){
			.sb-info-date{ float: none; display: block; clear: both; }
			.sb-league-division{ left: 0px; float: none; display: block; }
			.sb-league-division div{ float: none; }
			.sb-league-division{
				display: block;
				position: relative;
				top: 0;
				left: 0;
				height: 60px;
			}
		}

		@media (max-width: 480px){
			.sb-league-division .pull-left{ display: block; float: none; clear: both; }
			.sb-league-division select{ width: 100%; }
			.sb-league-division .mls{ margin: 5px 0 0 0; }
			.sb-league-division .mrm{ margin: 0 0 10px 0; }
		}




	/* Data Entries */
	.data-entry p{
		font-size: 13px;
		line-height: 1.3em;
		color: #444444;
		font-family: roboto condensed, Arial, sans-serif;
	}
	.data-listing-control{
		font-size: 13px	}
		.data-listing-control a{
		   color: #161616		}
		.data-listing-control a:hover{
		   color: rgba(22,22,22, .7);
		}
	a.event-title,
	a.article-title{
		color: #444444;
	}
	.event-title{
		color: #999999;
		font-family: roboto condensed, Arial, sans-serif;
	}

		/* Data Entry: Events Agg */
		.event-date,
		.event-date .month{
			color: #fff;
			background-color: rgb(22,22,22); /* IE8 Fallback */
			background-color: rgba(22,22,22, .8);
		}
		.event-date .month{
			background-color: #161616;
		}
		.event-date-compact{
			color: #161616;
		}

		/* Data Entry: News Agg */
		.article-date-posted{
			color: #161616;
		}


	/* Calendar */

		/* Events */
		#eventsCalendar{
			font-size: 13px;
		}
		.event-container{
			background-color: rgb(22,22,22);
		}
		.event-container a{
			color: #fff;
		}

		.event-game{ background-color: rgba(22,22,22, 1); }
		.event-game-alt{ background-color: rgba(22,22,22, .65); }

		#calendar-month{
			font-family: roboto condensed, Arial, sans-serif;
			font-size: 13px;
		}
		.calendarheight a{
			font-size: 13px;
		}

		/* Calendar Legend */
		.calendar-legend-square{
			background: rgb(22,22,22);
		}

	/* Full Calendar */

		/* Calendar Heading */
		#calendar .fc-center h2{
			font-family: roboto condensed;
			color: #999999;
		}

		/* Events */
		#calendar .fc-event{
			font-size: 13px;
			line-height: 1.3em;
			background-color: #161616;
		}
		#calendar .fc-event.AWAY{
			background-color: rgba(22,22,22, .8);
		}

	/* News */
	.news-title a{
		font-family: roboto condensed, Arial, sans-serif;
		color: #999999;
		font-size: 2em;
		line-height: 1.4em;
	}
	.news-meta{
		color: #161616;
	}

/* Site Elements */

	/* Pagination */
	.data-listing-control .pagination li a.active,
	.paginate_button.current{
		background: #161616	}

		.bpe-navigate a{
			color: #161616		}

	/* Photo Gallery */
	.photo-album-details a h4{
		color: #999999;
		font-family: roboto condensed;
	}

	/* Buttons */
	.btn-themed{
		background-color: #161616;
		color: white !important;
	}
		.btn-themed:hover{
			background-color: rgba(22,22,22, .8);
	}

	/* Tables */
	.table thead{
		color: #161616;
	}

/* Stats Section */

	/* Navigation Mobile Accent */
	.stats-section .stats-navigation-mobile select{
		border-left: 4px solid #161616;
	}

	/* Navigation Active Page */
	.stats-navigation-link.active,
	.stats-navigation-item .open > .stats-navigation-link.active,
	.stats-navigation-dropdown .stats-navigation-link.active,
	.stats-navigation-link.active:hover,
    .stats-navigation-link.active:focus,
	.stats-navigation-dropdown .stats-navigation-link.active:hover{
		background: #161616;
	}

	/* Box Score */
	.boxscore-score{
		color: #161616;
	}

	/* Bootstrap Select Caret */
	.bootstrap-select .caret{
		border-top: 4px solid #161616;
	}

	/* Alphabetical Directory */
	.stats-filter-list__item.selectable.active{
        background-color: #161616;
    }


/* Rockslab Specific Styles */

	.rock-slab .bpe-title:after{
		background-color: #161616;
	}
	.rock-slab .content-container .btn-mini:after{
		border-left: 4px solid #161616;
	}