html,
body {
    color: #000000 ;
	background-color: #202020;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	margin-bottom: 75px;
margin-bottom:0px;
padding-bottom:0px;
	font-family:"Verdana";
}
* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

a{ 
color:#2469ae;
}

ul.policy {
	list-style-type: circle;
}

ul.policy li {
	 margin-bottom:15px;
	 font-size:15px;
}

#main-body {	
    background: url("/images/new-bg.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-family:"Verdana";
}


.imageButton {
	opacity:0.8;
}

.imageButton:hover{
	cursor:pointer;
	opacity:1;
}

#volumeSlider {
	-webkit-appearance: none;
  width: 96%;
  height: 15px;
  background: #d3d3d3;
  outline: none;
 
}

#volumeSlider:hover {
	opacity: 1;
}

#volumeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}


.noBreak {
    display: inline;
}

.usage-option, h3{
	font-weight:bold;
}
#nameSearch {
    color: black;
    width: 200px;
    height: 25px;
}
#footerMedia {
    text-align: center;
	margin:0px !important;
	border-radius:0px !important;
}

	
	/*-----------------NAVBAR--------------------------------------*/
/*-----------------NAVBAR--------------------------------------*/
.navbar{
	background:white;
	border-bottom:1px solid #c4c4c4;
	margin-bottom:10px;
}

	.middlelinks {	
	  text-transform:capitalize; 
	  font-weight:bold;
	  vertical-align:middle;
		font-size:18px;	
		font-family:"Helvetica";
		padding-left:5px;
		padding-right:5px;
 
	}
	
	

	.navbar li a{
		padding:10px;
	margin-left:17px;
  margin-right:17px;
  margin-top:20px;
  vertical-align:middle;
 
}


.rightlinks {
	vertical-align:middle;
	font-size:17px;	
	color:#000000 ;
}

.ti  {
	border-radius:25%;
}

		
/*-----------------NAVBAR--------------------------------------*/		
/*-----------------NAVBAR--------------------------------------*/
		
		.alt-music-list {
			font-size:30px;
			color:black;
		}
		
		
		
		.sfxMusicRow btn {
			vertical-align:middle;
		
		}
		
		.alt-music-list {
			font-size:25px;
		}
	
	 .top-strip {
	
		font-size:12px;
		background:#6EAFDD;
	}
	
	#morecategories {
	font-size:18px !important;
}
	.top-strip ul{
		padding-top:10px;
		padding-bottom:10px;
	}
	.top-strip li{
		
			margin-bottom:15px !important;
			margin-top:15px !important;			
			margin-left:0px !important;
			margin-right:0px !important;
			
	}

	 .top-strip a:hover {
		 text-decoration: none;
		opacity:.75;
	 }
	.top-strip a {
		font-size:14px;
		color:#3d3d3d;
		background-color:white;
		font-weight:bold;
		padding-top:13px;	
		padding-bottom:13px ;	
		padding-left:18px;
		padding-right:18px;		
		margin:0px;
		border-width:1px;
		border-color:#000000;
		border-style: solid;
	}
	
	
	
	
	
	
	
	form {
		display: inline;
	}
	
	.navbar-collapse {
		/*text-align: center;*/
	}
	.menu-dash:after {
		content: "-" !important;
	}
	.mobile-only {
		display: none;
	}
	.desktop-only {
		display: initial;
	}
	



.track-info-link {	
	font-size:15px;
	margin-left:15px;
	vertical-align:middle;
	
}

.divcontent li {
	font-size:1.5em;	
}


#divValidTags {
    text-align: left;
}
span {
    text-align: center;
}

p img {
    vertical-align: middle;
	margin:15px;
}
img{
	vertical-align: middle;
}



#closeBottomFooterButton {
	margin:3px !important;
}


ul {
	list-style-type: none;
}





/* The container */
.chk-container {
 /*display: block;*/
 position: relative;
  
  padding-left: 35px;
  margin-bottom: 12px;
 line-height:35px;
	color:white;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.chk-container input {
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
	margin-top:5px;
	display:inline;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.chk-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.chk-container input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.chk-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.chk-container .checkmark:after {
	
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





.ul2 li::before {
  content: "\2022"; 
  color: white; 
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;
}

.ul2 a {
	margin:15px;
	padding:5px;
}

.ul2 li {	
	margin:5px;
}

#footer a {
	font-size:18px;
	color:#6eafdd;
}

/* MEDIA PLAYER */
#bottomFooter {
    display: none;
	
}

#playControlsRow {
	/*line-height:80px;*/
}

#footerMediaFileName {
    font-size: 2em;
    color: #e54a44;
    padding: 5px; 
	margin-right:20px;
	margin-top:15px;
}
audio {
    width: 100%;
}


/*TRACKS TABLE*/
#tableTracks td{
	padding:20px;
	vertical-align:middle;
	border-color:#595959 !important;
}
#tableTracks th {
	font-size:1.0em;
	border-color:#595959 !important;
	min-width:135px;
}
#tableTracks tr {
	padding:0px;
}
.trackTitle {
	font-size:1.2em;
    font-weight: bold;
	vertical-align:middle !important;
	margin-left:7px;
}

.trackTags a {
	font-size:12px;
}

.trackPlayBtn {
	float:left;
	cursor: pointer; 
}

.soundboard-track-title {
	font-size:1.0em;
}

#tableTracks thead tr .header {   
    background-repeat: no-repeat;
    background-position: center right;
}
.date-published-text{
	font-size:0.8em;
}
/*END TRACKS TABLE*/





#searchIconA {
    font-size: 3em;
    letter-spacing: 3px;
	margin:20px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}



audio::-webkit-media-controls-enclosure {
    max-width: 100%;
    /*or inherit*/
}
h1 {
    text-align: center;
    color: #ca4c47;
    font-size: 2.0em;
    font-weight: 400;
	letter-spacing:2px;
	
}

h2 {
    text-align: left;
    color: #ca4c47; 
    font-size: 2.0em;
    font-weight: 400;
	letter-spacing:2px;
	padding-left:60px;
	width:100%;
	margin-left:-60px;
	
}

.tiny-text {
	font-size:0.8em;
}
.smallest-text {
	font-size:.75em;
}
.track-desc-in-table {
	font-size:0.85em;
	margin:0px !important;
	padding:0px;
	padding-top:25px;
}
.smaller-text {
	font-size:1.15em;
}
.small-text {
	font-size:1.35em;
}
p {
    font-size: 0.90em;
    text-align: justify;
    text-justify: inter-word;
    letter-spacing: 2px;
	/*text-indent: 50px;*/
	margin-bottom:15px;
	margin-top:15px;
	
}

.longdesc{
	font-size:1em;
}




label.checkbox-inline input[type="checkbox"] {
    display: none;
	float:left;
    margin: 0 auto !important;
    padding: 3px !important;
}
/*this is the actual checkbox (unchecked)*/
label.checkbox-inline span {
    display: inline-block;
    border: 2px solid #000;
    border-radius: 2px;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin: 7px !important;
}
.checkbox-inline {	
	font-size:1.25em !important;
	text-align:left;
}
label.checkbox-inline input:checked + span {
    background: transparent;
    border: none;
    background-image: url("/images/checkbox.png") ;
	background-size: 35px 35px;
}





.soundboard-tile {
	padding:15px;
	border:1px solid #000;
	cursor: pointer; 
}




.img-responsive {
	margin: auto;
}










.searchCrumbs {
	text-align:left;
}

/*breadcrums*/
.breadcrumb {
	margin-bottom:-10px !important;
}

ul.breadcrumb {
    padding: 10px 16px;
	
    list-style: none;
    background-color: none !important;
	background: none !important;
}

/* Display list items side by side */
ul.breadcrumb li {
    display: inline;
    font-size: 0.8em;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: ">\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
    color: #0275d8;
    text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.non-link-breadcrumb, .non-link-breadcrumb:hover  {
	text-decoration:none !important;
	color:gray;
}


/*breadcrums*/

.no-sfx-link,.no-sfx-link:hover  {
	text-decoration:none;
	color:black;
	font-weight:normal;
}

.sounds-count {
 font-size:15px;
}


#footerMedia input[type="checkbox"]{
  top: 0;
  display:inline;
  vertical-align:middle;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* When the checkbox is checked, add a blue background */
#footerMedia input[type="checkbox"]:checked + label {
  background-color: #2196F3 !important;
  display:inline;
  vertical-align:middle;
  color:green;
}
.ti {
	float:right;
}
.guest-composer {
	font-size:12px;
}
.alt-sound-effects {
	display:inline-block;
}
.alt-sound-effects li{
	font-size:1.0em;
	font-weight:normal;
	text-indent:15px;
}

.active-cyan-4 input[type=text]:focus:not([readonly]) {
    border: 1px solid #4dd0e1;
    box-shadow: 0 0 0 1px #4dd0e1;
}
.active-cyan-3 input[type=text] {
    border: 1px solid #4dd0e1;
    box-shadow: 0 0 0 1px #4dd0e1;
}


.tooltipw3 {
  position: relative;
  display: inline-block;
  margin-top:3px;
}

.tooltipw3 .tooltiptextw3 {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltipw3 .tooltiptextw3::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltipw3:hover .tooltiptextw3 {
  visibility: visible;
  opacity: 1;
}

.navbar-brand:hover {
	opacity:1;
}

.sfxwaveforms {
	padding:0px;
	margin:0px;
	border-left:1px solid gray;
	border-right:1px solid gray;
}

.sfxDivRow {
	 border-bottom: 1px solid #e2e2e2;
	  border-top: 1px solid #e2e2e2;
	  padding-top:5px;
	  padding-bottom:5px;	 
}

.sfxMusicRow {
	min-height: 100px;
}

.sfxBgWhite {
	background:white;
}

.sfxBgGray {
	background:#efefef;	
}
#waveformCanvasDIV {
				width:100%;
}

.divcontent {
	padding-left:20px ;
	padding-top:15px;	
	 background:rgba(255, 255, 255, 0.9);
	max-width: 1350px;
	color:black;
	padding-bottom:10px;
	border:1px solid #bababa;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	}
	
.rightlinks {
	font-size:15px;
	opacity:.85;
}
.rightlinks:hover {
	opacity:1;
}
.mx-auto{
			text-align: center;	
}
#playNextButton{
height:30px;width:30px;
}	
#mainPlayerPlayBtn{
		height:40px;width:40px;
	}
	
	#waveformCanvasDIV {
				width:95%;
			}
/* MEDIUM Devices,  */ 
		@media only screen and (max-width : 1200px) {	
			.sfx-search-bar {
				margin-top:10px !important;
			}
		
		#playControlsRow {
				/*line-height:40px;*/
			}
			.navbar-brand{
				margin-left:0px !important;
				float:right !important;
			}
			#right-links-nav{
				margin-right:0px !important; 
			}
			.rightlinks img {
				transform: scale(0.75);
			}
			body, html {
				margin-top: 0px;
			}
			#footerMediaFileName{
				font-size:1.35em;
			}
			
		}
		
		
		/*mainly made for the search bar to show up in med screen sizes)*/
	@media only screen and (max-width : 1079px) {
		.medium-small-screens {
				display: initial;
			}
		.desktop-only {
			display:none;
		}
	}
	
	@media only screen and (min-width : 1080px) {
		.medium-small-screens {
				display: none;
			}
		.desktop-only {
			display:initial;
		}
	}

	/* Extra Small Devices, Phones */ 
		@media only screen and (max-width : 580px) {
			.navbar-brand {
				margin-left:0px !important;
				float:right !important;
			}
			
			.mx-auto{
			text-align: center;				
				margin-top:20px;
			}
			.alts-m-div {
				margin:0px;
			}
			 #volumeSliderBtn {
				 margin-top:-60px;
			 }
			
			#playNextButton{
				height:30px;width:30px;margin-top:5px;
			}	
			#mainPlayerPlayBtn{
				height:35px;width:35px;margin-top:5px;
			}
			.divcontent {
				padding-top:0px;
			}
			img {
				padding:0px;
				text-align:center;
				vertical-align:middle;
			}
			#musicRowHeaders {
				display:none;
			}
			#waveformCanvasDIV {
				width:90%;
			}
			
			#download-btn-footer {
				display:none;
			}
			
			
			.navbar-brand img{
				width:80%;
				height:80%;				
			}
			#right-links-nav{
				margin-right:0px !important;
				margin-top:15px;
				margin-bottom:15px;
			}
			#right-links-nav li{
				margin-top:15px;
			}
			
			#playBtnCol{
				padding-left:20px !important;
			}
			#footerMediaFileName{
				font-size:1.05em;
			}
						
			#main-body {
					background:none;
			}
			.sfxwaveforms {
				margin:0px auto!important;
			}
			
			.sfx-search-bar {
				margin-top:0px;
			}
			
			
			#tableTracks {				
				margin-left:15px !important;
			}
						
			#tableTracks td{
				padding:5px !important;	
			}
			.pagination li {
				font-size:20px;
			}
		
			#footer li {
				margin-top:13px !important;
				margin-bottom:13px !important;
			}
			
			.breadcrumb {
				margin-left:-15px;
			}
			
			.breadcrumb a {
				font-size:11px;
			}
			
			.trackTitle{
					font-size:1.0em;
			}
			
			.soundboard-track-title {
					font-size:0.75em;
			}
			
			/*
			.catimg {  
				transform: scale(0.5);
				margin:-40px !important;
				border: 0 !important;
			}
			*/
					/*
			.mobileimg {  
				transform: scale(0.5);	
				padding:-30px, -30px, -30px, -30px !important;					
				margin:-30px !important;
			}				
			*/
			.navbar-nav2{
				background: rgba(255, 255, 525, .75) !important;
			}
			
			body, html {
				margin-top: 0px;
				background:none;
			}
			
			.checkbox-inline {
				margin-right:15px !important;
				margin-left:15px !important;
				margin-bottom:5px !important;
			}
			h1 {
				font-size:13px !important;
				font-weight:bold !important;
				margin-bottom:15px !important;
				padding-left:10px !important;				
				margin-left:0px !important;
				margin-right:0px !important;
				margin-top:15px !important;
			}
			p {
				font-size:14px;
				margin-top:0px;
				margin-bottom:0px;
			}
			
			.mobile-only {
				display: initial !important;
			}
			.desktop-only {
				display: none !important;
			}
			.smallest-text{
				font-size:0.75em !important;
			}
			.longdesc{
				font-size:0.75em !important;
			}
		}
/*-------------------------------------------------------*/




.alternate-music-download-link{
	margin-left:15px;
}

.alt-music-list li {
	margin:0 0 10px 0;
	font-size:12px;
}

h4 {
	font-size:14px;
	display:block;
	font-weight:bold;
}

.modal-search-option  {
	font-size:20px;
	width:200px !important;
	margin:5px;
}

.index-ul li {
	font-size:15px;
}

.index-ul {
list-style-type: square;	
}