/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 25px;
  background-color: #a5a5a5;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 20px;
  background-color: #f5f5f5;
  opacity: 0.85;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 2px 5px 0;
}
.container .text-muted {
  margin: 2px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 0px;
}

body {
	background-color: #222222;
}
div {
	opacity: 0.999;	
}
code {
  font-size: 80%;
}

.jumbotron {
	opacity: 0.90;
	padding: 10px;
}

.navbar-back {
	cursor: pointer;
	position: absolute;
	left: 10px;
	top: 18px;
	z-index: 10000;
}
.navbar-fwd {
	cursor: pointer;
	position: absolute;
	left: 24px;
	top: 18px;
	z-index: 10000;
}
#onlineTitle {
	margin: 10px 0 10px 5px;
}

.messagePanel {
	margin: 10px;
}
#backdrop {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #AAA;
	opacity: 0.75;
	z-index: -2;
}
#backdrop img {
	position:absolute;
	left:0;
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	transition: opacity 3s ease-in-out;

}
a.external { background: url(http://www.buckosoft.com/i/external_link.png) center right no-repeat ; padding-right: 13px ;}

.debug {
	opacity: 0.75;
	background-color: #fff;
}

.capitalize {
	text-transform: capitalize;
}
.sectionListLI {
	cursor: pointer;
	opacity: 0.75;
	color: #111;
}
.sectionListMarkerLI {
	opacity: 0.75;
	color: #fff;
	background-color: #161;
}
.clickable {
	cursor: pointer;
}
/* selectable gives the pointer cursor and the purple hover background */
.selectable {
	cursor: pointer;
	opacity: 0.75;
	color: #111;
}
.listingPageTitle {
	opacity: 0.75;
}

.listingListTD {
	padding-right: 4px;
	vertical-align: text-top;
}

.listingListLI {
	opacity: 0.75;
	color: #111;
}

#listingTitle {
	margin-left: 10px;
	opacity: 0.75;
	xbackground-color: #fff;
}
#listingNav {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    height: 69px;
}
#listingSortNav {
	float: right !important;
	margin-right: 20px;
}
.listingList {
	opacity: 0.75;
	background-color: #fff;
}
.bvlList {
	margin-left: 20px;
	margin-right: 20px;
}
.bvlListItem {	
}

#findNav {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
	height: 69px;	/* override bootstrap's 79, it's too big */
}

#findText {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.listPosterContainer {
	position: absolute;
	width: 150px;
	padding: 0px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.seasonPosterContainer {
	position: absolute;
	
}
.posterContainer {
	width: 150px;
	opacity: 0.9;
	background-color: #fff;
}

.posterImage {
	height: 225px;
	width: 150px;
	opacity: 100% !important;
}
.videoImage {
	height: 375px;
	width: 250px;
	opacity: 100% !important;
}
.admincolor {
	color: fuchsia;
}
.unrestrictedcolor {
	color: gold;
}

.solidBack {
	opacity: 1 !important;
	background-color: fuchsia;
}

@media (min-width: 768px) {
	.videoBanner {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.selectable {
	cursor: pointer;
}
.artShowBanner {
	position: absolute;
	top: -210px;
	width: 33%;
	left: 33%;
	-webkit-transition: 2s ease-in-out;
	-moz-transition: 2s ease-in-out;
	-o-transition: 2s ease-in-out;
	transition: 2s ease-in-out; 	
	z-index: 5;
}

/* Don't do the swirling backgrounds on phones */
@media (max-width: 768px) {
	#backdrop {
	    display: none !important;
	}
}

#bsaccountDiv {
	z-index: 9999;
}

#bsaccountDivConfig {
	position: absolute;
	padding: 10px;
	z-index: 100000;
	opacity: 1.0;
	background: white;
}
.configImage {
	height: 300px;
	width: 300px;
	opacity: 1;
	isolation: auto;
	xbackground: rgba(255,255,255,1.0) !important;
	padding: 5px;
	color: #ddd;
}
.configNoBackground {
	height: 100px;
	width: 100px;
	padding: 5px;
	color: #aaa;
	background: #aaa;
	margin-top: 5px;
}

.bottom {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}
.configSpacerLG {
	height: 90px;
}
.configSpacerSM {
	height: 15px;
}
.configSpacerXSM {
	height: 8px;
}

.footerLink:hover {
	cursor: pointer;
	color: blue;
}
#imageLinkForm {
	position: absolute;
	padding: 10px;
	z-index: 100000;
	opacity: 1.0;
	background: white;
	border-color: cyan;
}

#videoSeasonsPanel {
	margin-top: 10px;
}