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

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

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

			.bpe-title .page-heading{
				font-family: 'jockey one', 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(0,112,60); /* IE8 Fallback */
			background-color: rgba(0,112,60, 0.8);
			color: #fff;
		}
		.bpe-news-aggregator .carousel-control{
			background-color: rgb(0,112,60); /* IE8 Fallback */
			background-color: rgba(0,112,60, 0.8);
		}

		/* Rich News Agg Carousel Title/Summary */
		.bpe-news-aggregator a.article-title{
			font-family: 'jockey one', 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(0,112,60); /* IE8 Fallback */
			background: rgba(0,112,60, 0.9);
			color: #fff;
			text-shadow: 0 1px 0px #000;
		}

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

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

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

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

	/* Default Top Level Navigation */
	#navigation_topMenu{
		background-color: #231f20; /* 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: 15px 0 15px 0;
				color: #ffffff; /* Customizable */
				font-family: 'jockey one', Arial, sans-serif; /* Customizable */
				font-size: 15px;
				border-left: 1px solid rgba(35,31,32, .15);
			}
			#navigation_topMenu li a:hover{
				background: #231f20; /* Customizable */
				color: #99ca40; /* Customizable */
			}


	/* Side Navigation (Level 2) */
	#levelTwoNav a.navigation-item{
		padding: 10px;
		color: #ffffff;
		font-family: 'jockey one', Arial, sans-serif; /* Customizable */
		font-size: 15px; /* Customizable */
		background: rgb(0,112,60); /* IE8 Fallback */
		background: rgba(35,31,32, 0.9); /* Customizable */
		margin-bottom: 1px;  /* Customizable */
	}

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

		#levelTwoNav .active .navigation-item{ background: rgba(35,31,32, 0.5); color: #99ca40; }
		#levelThreeNav .navigation-item.active{ background: rgba(35,31,32, 0.5); color: #99ca40; }

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


	/* Dropdown Navigation (Level 1) */
	.menu-button {
		background-color: #231f20;
		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: #231f20;
		border-left: 1px solid rgba(35,31,32, .15);
	}

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

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

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


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




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

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

	/* Desktop */
	@media all and (min-width: 768px) {
		/* Menu item hover */
		.flexnav .navigation-level-1:hover > .navigation-item,
		.flexnav .navigation-level-1 > .navigation-item:focus{
			color: #99ca40;
			background-color: #231f20;
		}

		.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: #231f20;
			color: #99ca40;
		}
		.flexnav .navigation-item-container:hover .touch-button .navicon,
		.flexnav .navigation-item-container a.navigation-item:focus  ~ .touch-button .navicon{
			color: #99ca40;
		}
		.navigation-level-1 > .navigation-menu .navigation-item-container .touch-button .navicon{
			color: #00703c;
		}
			.navigation-level-1 > .navigation-menu .navigation-item-container:hover .touch-button .navicon{
				color: #99ca40;
			}
	}




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

	/* Scoreboard */
	.scoreboard-container{
		background: #00703c;
		background: rgba(0,0,0,0.9);
		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 a,
		.sb-info-date i{ color: #fff; }

		.sb-league-division{
			background-color: #fff;
			background-color: #fff;
			color: #fff;
		}

		.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: #555555;
		font-family: arial, Arial, sans-serif;
	}
	.data-listing-control{
		font-size: 13px	}
		.data-listing-control a{
		   color: #00703c		}
		.data-listing-control a:hover{
		   color: rgba(0,112,60, .7);
		}
	a.event-title,
	a.article-title{
		color: #555555;
	}
	.event-title{
		color: #000000;
		font-family: jockey one, Arial, sans-serif;
	}

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

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


	/* Calendar */

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

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

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

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

	/* Full Calendar */

		/* Calendar Heading */
		#calendar .fc-center h2{
			font-family: jockey one;
			color: #000000;
		}

		/* Events */
		.fc-event{
			font-size: 13px;
			line-height: 1.3em;
			background-color: #00703c;
		}

        .fc-event.fc-home{}

        .fc-event.fc-away,
        .fc-legend__key.fc-away{
            background: repeating-linear-gradient(
                135deg,
                rgba(80,80,80, 1.0),
                rgba(80,80,80, 1.0) 10px,
                rgba(80,80,80, 0.85) 10px,
                rgba(80,80,80, 0.85) 20px
            );
        }

        /* Legend Keys */
        .fc-legend__key{
            background-color: #00703c        }

		/* Schedule View */
		.schedule-view-score .score-links .item i{
			color: #00703c;
		}

		/* List View */
		.list-view-content{
			font-size: 13px;
			line-height: 1.3em;
			color: #555555;
			font-family: arial, Arial, sans-serif;
		}
		.list-view-title{
			color: #000000;
			font-family: jockey one, Arial, sans-serif;
		}
		.list-view-date .date-square{
			color: #fff;
			background-color: rgb(0,112,60); /* IE8 Fallback */
			background-color: rgba(0,112,60, .8);
		}
		.list-view-date .date-square-header{
			background-color: #00703c;
		}
		.list-view-date-compact{
			color: #00703c;
		}

	/* News */
	.news-title a{
		font-family: jockey one, Arial, sans-serif;
		color: #000000;
		font-size: 2em;
		line-height: 1.4em;
	}

/* Site Elements */

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

		.bpe-navigate a{
			color: #00703c		}

	/* Photo Gallery */
	.photo-album-details a h4{
		color: #000000;
		font-family: jockey one;
	}

	/* Buttons */
	.btn-themed{
		background-color: #00703c;
		color: white !important;
	}
		.btn-themed:hover{
			background-color: rgba(0,112,60, .8);
	}

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

/* Stats Section */

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

	/* 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: #00703c;
	}

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

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

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


/* Rockslab Specific Styles */

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