/* DMO ALBUMS PAGE CSS */

.highcharts-tooltip span {
	height:auto;
	width:150px;
	overflow:auto;
	white-space:normal !important;
}

.widget {
    margin:0 auto !important;
    max-width:890px !important;
    }
    
section.widget {
    display:block !important;
    }
        
.widget li {
    position: relative;
    }
        
/* album info */
h3.album {
	padding:4px 0px;
	margin:5px;
     box-shadow: 0px 3px 15px -5px #187220;
     -moz-box-shadow: 0px 3px 15px -5px #187220;
     -webkit-box-shadow: 0px 3px 15px -5px #187220; 
     /*-webkit-box-shadow: 0px 0px 5px 0px rgba(220, 20, 60, 0.75) !important;
     -moz-box-shadow:    0px 0px 5px 0px rgba(220, 20, 60, 0.75) !important;
     box-shadow:         0px 0px 5px 0px rgba(220, 20, 60, 0.75) !important;*/
     border-radius: 12px !important;
     -moz-border-radius: 12px !important;
     -webkit-border-radius: 12px !important;
    font-family: 'Audiowide', cursive;
	text-align:center;
	text-transform:uppercase;
	color:#DEDCDC;
	background-color:#187220;
	opacity:0.95;
	display:block;      
	clear:both;
	font-size:100%;	
	border:1px solid #71A10D !important;	
}

.album_info {
	padding:4px;
	margin:5px;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align:center;
	text-transform:uppercase;
	background-color:#000000;	
}

.album_info td.value {
	color:#187220;
	}
	
.album_info img {
	width:260px;
	height:260px;
	box-shadow: 1px 1px 9px 3px #187220;
	-moz-box-shadow: 1px 1px 9px 3px #187220;
	-webkit-box-shadow: 1px 1px 9px 3px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:0;
	padding:2px;
	border:1px solid #187220 !important;	
}

h5.album_desc  {
	margin:3px;
	text-align:center;
	padding:10px;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family:'Carrois Gothic SC', sans-serif;
	text-transform:lowercase;
	font-size:80%;
	color:#f4f4f4;
	background-color:#000000;
}

h6.genre {
	margin:10px 3px;
	text-align:center;
	padding:6px;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family:'Codystar', cursive;
	font-size:72%;
	color:#71A10D;
	background-color:#262626;	
	border:1px solid #71A10D;
	opacity:1;	
}



/* download link */
a.download {
	box-shadow: 0px 0px 7px #187220;
	-moz-box-shadow: 0px 0px 7px #187220;
	-webkit-box-shadow: 0px 0px 7px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#000000;
	padding:2px 0px;
	margin:6px 0 6px 4px !important;
	font-family: 'Audiowide', cursive;
	font-size:90%;
	width:275px;
	border:1px solid #187220;
}
a.download:hover {
		box-shadow: 1px 1px 16px 1px #187220;
		-moz-box-shadow: 1px 1px 16px 1px #187220;
		-webkit-box-shadow: 1px 1px 16px 1px #187220;
        	border:1px solid #fff;
	}

a.download span.text {
	box-shadow: 0px 0px 7px #187220;
	-moz-box-shadow: 0px 0px 7px #187220;
	-webkit-box-shadow: 0px 0px 7px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:3px 0px 0px 1px;
	background-color:#ffffff;
	padding:5px;
	margin:6px -15px 6px 6px;
	display:inline-block;
	width:215px;
	color:#ffffff;
	background-color:#187220;	
	text-align:left;		
}

a.download span.downloads {
	box-shadow: 0px 0px 7px #187220;
	-moz-box-shadow: 0px 0px 7px #187220;
	-webkit-box-shadow: 0px 0px 7px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:3px 0px 0px -15px;
	background-color:#ffffff;
	padding:5px;
	margin:6px;
	display:inline-block;
	width:50px;
	cursor:help;	
}

/* album details table */
table.album_info {
	text-align:left;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:1px 5px 5px 5px !important;
	width:275px;
	font-size:90%;
}

table.album_info td {
	text-align:left;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding:5px 4px 4px 4px;
	font-weight:bold;
	background-color:#f4f4f4;
}

table.album_info .value {
	 text-align:center;
	 width:220px;
	 font-family: 'Lemon', cursive;
	 font-size:80%;
	 text-transform:uppercase;
 }

div.track {
    width:99%;
    max-width:585px;
    display:inline-block;
    vertical-align:top;
   
    
    }
div.album {
    width:300px;
    display:inline-block;
    vertical-align:top;
    background-color:#000;
    }
        
.widget div.genre {
    width:280px;
    }
        
 
/* Track listing */
ul.tracks {
		margin:5px;
		padding:6px 0px 1px 0px;
		box-shadow: 0px 3px 15px -5px #187220;
		-moz-box-shadow: 0px 3px 15px -5px #187220;
		-webkit-box-shadow: 0px 3px 15px -5px #187220;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;		
}

ul.tracks li {
		list-style-type:none;
		display:block;
		padding:4px 2px;
		box-shadow: 0px 0px 4px 0px #187220;
		-moz-box-shadow: 0px 0px 4px 0px #187220;
		-webkit-box-shadow: 0px 0px 4px 0px #187220;
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		margin:0 4px 6px 4px;
        position:relative;
    /*background:url('/IMG/play.png') no-repeat top left;*/
    background-size:18px 18px;         
}

div.widget {
	margin-top:5px !important;
}
	
.track_no, .plays {
	display:inline-block;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	min-width:30px !important;
	text-align:center;
	font-family:	'Alegreya Sans SC', sans-serif;
	background-color:#ffffff;
	cursor:help;
	opacity:.95;
	text-transform:capitalize;
	float:left;
	top:0;
	padding:4px;	
    color: #187220;
    clear:none;    
}

.track_no {
 color:#000;
}

.plays {
	float:right;
}

span.artist {
	font-family:	'Alegreya Sans SC', sans-serif;
	opacity:.85;
}

span.title {
	font-weight:bold !important;
	border:0px solid #000;
	padding:1px 1px 1px 5px;
	display:inline-block;
	clear:none;
	max-width:470px;
	color:#DEDCDC;
	float:left;
	margin-right:40px;
	position:absolute;
	text-transform:lowercase;
	font-weight:bold;
	}
	

ul.tracks a.play h4 {
	text-align:left;
	vertical-align:middle;
	margin:1px !important;
	padding:5px !important;
	vertical-align:middle;
	position: relative;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important; 
    background-color: rgba(38,38,38, .65);     
    border:1px solid #187220 !important;     
   
}

ul.tracks a.play.found h4 {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(220, 20, 60, 0.95);
  -moz-box-shadow:    0px 0px 5px 0px rgba(220, 20, 60, 0.95);
  box-shadow:         0px 0px 5px 0px rgba(220, 20, 60, 0.95);
  border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  -webkit-border-radius: 12px !important; 
  
}	

ul.tracks a.play:hover h4, ul.tracks a.play.found:hover h4 {
	box-shadow: 0px 0px 5px 0px #187220;
	-moz-box-shadow: 0px 0px 5px 0px #187220;
	-webkit-box-shadow: 0px 0px 5px 0px #187220;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    background-color: rgba(24,114,32, .65);     
  
    border:1px solid #f4f4f4 !important; 
}

ul.tracks a.play:hover span.title {
	color:#f4f4f4 !important;
}

	


a.play {
	margin: 0  !important;
	padding:1px 3px!important;
	cursor:pointer;
	display:block;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;  
}

/* advisory */
.advisory {
	clear:none;
	box-shadow: 0px 1px 4px #187220;
	-moz-box-shadow: 0px 1px 4px #187220;
	-webkit-box-shadow: 0px 1px 4px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin:3px 20px 0px 10px;
	background-color:#ffffff;
	padding:2px 0px;
	margin:10px 5px 5px 5px;
	font-family: 'Audiowide', cursive;
	font-size:80%;
	font-weight:normal;
	display:block;
	color:#000000;
}

/* social media links */
.social-media, .spotify {
	padding:4px 4px 0 4px;
	margin:5px;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-align:center;
	text-transform:uppercase;
	color:#187220;
	width:290px;
	background-color:#000000;
  	
}	

.social-media a {
	display:inline-block !important;
	margin:0 0 5px 5px;	
	padding:0 !important;
	outline:none;
	height:37px !important;
	vertical-align:middle;
}


.social-media a:hover img {
	box-shadow: 0px 3px 15px 1px #187220;
	-moz-box-shadow: 0px 3px 15px 1px #187220;
	-webkit-box-shadow: 0px 3px 15px 1px #187220;
    border:1px solid #fff;
}

.social-media img {
	vertical-align:middle;	
    outline:0;
    border:none;
    width:55px;
    height:30px;
    margin:0 0 0 1px;
    -moz-box-shadow:  0px 3px 15px -5px #fff; 
    -webkit-box-shadow:  0px 3px 15px -5px #fff; 
    box-shadow:  0px 3px 15px -5px #fff; 
    -moz-border-radius: 6px;    
    border-radius:6px;
    border:1px solid #187220;
    padding:2px;   
}


.social-media a.profile img {
	padding:2px 0px 1px 1px !important;
	width:35px
}

.visited img {
	border:1px solid rgba(220,	20,	60, .75) !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(220,	20,	60, 1) !important;
	-moz-box-shadow:    0px 0px 5px 0px rgba(220,	20,	60, 1) !important;
	box-shadow:         0px 0px 5px 0px rgba(220,	20,	60, 1) !important;
	border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	-webkit-border-radius: 12px !important;	
	}
	
/* JPLAYER */
.jplayer_close {
	position:absolute;
	color:#187220;
	font-size:.6em;
	text-decoration:none;
	margin-left:380px;
}

.jp-toggles {
	visibility:hidden;
}

.jpayer_title {
	font-family:	'Alegreya Sans SC', sans-serif;
	opacity:.85;
	display:inline-block;
	width:410px;
	font-size:70%;
	border:0px solid #ff0000;
	margin-top:-5px;
	text-align:center;
	position:absolute;
}

#dmo_jplayer {
	display:none;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.ui-dialog {
	box-shadow: 0px 0px 5px #187220;
	-moz-box-shadow: 0px 0px 5px #187220;
	-webkit-box-shadow: 0px 0px 5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.ui-dialog-title {
	font-family:'Codystar', cursive;
	text-transform:capitalize;
	font-size:80%;
	padding:2px;
}

div.ui-dialog-titlebar {
	padding:5px 2px !important;
}

div.ui-dialog-content, div.ui-widget-content {
		margin:0 !important;
}



ul.jp-controls  {
	height:60px !important;
	margin-top:0 !important;
	
}


.ui-widget-content.ui-tooltip {
	padding:3px !important;
}

#jplayer-title  {
	text-transform:capitalize !important;
}


div.stats_panel {
	width:100%;
	text-transform:capitalize;
 border-radius: 12px !important;
 -moz-border-radius: 12px !important;
 -webkit-border-radius: 12px !important;
 position:static;
  overflow:visible;
}

span.jchart_back {
	margin:-495px 5px 5px 10px;
	position:relative;
	z-index:99999;
	float:left;
	width:90px;
	height:50px;
	border:0;
	display:none;
	cursor:pointer;

}


span.jchart_back > img {
	box-shadow: 0px 0px 5px #187220;
	-moz-box-shadow: 0px 0px 5px #187220;
	-webkit-box-shadow: 0px 0px 5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.highcharts-subtitle {
	font-size:140%;
	font-weight:bold;
}


ul.tracks span.item_info {
  top:0;
  right:0;  
}
  

.left.album span.item_info {
  top:-4px;
  right:5px;
}

ul.tracks div.stats_panel img {
  height:49px !important;
  
}

div.stats_container {
  position:relative;
  margin-top:15px;
}

iframe.fblike {
  width:100%;
  max-width:503px !important;
  overflow:hidden;
  height:30px;
  margin:0;
  border:none;
  padding:0;
  left:5px;
  position:absolute;
  allowtransparency:false;
  scrolling:no;
  z-index:99999;
}

div.fblike {
  position:relative;
  height:35px;
  width:350px;
  border:0px solid #000;
  overflow:hidden;
  padding:0;
  margin:0;
  
}
div.fblike:hover, div.fblike:focus {
  overflow:visible;
}



/* enssure track listing shrinks */
    
@media only screen and (min-width: 625px) {
    
    div.track {
        max-width:300px;
    }
    
}

@media only screen and (min-width: 725px) {
    
    div.track {
        max-width:385px;
    }
    
}     

@media only screen and (min-width: 825px) {
    
    div.track {
        max-width:485px;
    }
    
}   

@media only screen and (min-width: 900px) {
    
    div.track {
        max-width:585px;
    }
    
}   

/* jPlayer */
#dmo_jplayer {
    z-index:99999;
    display:none;
    padding:0;
    margin:0;
}
    
.ui-button {
    width:100px;
    height:25px;
    outline: none;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin:2px;
    padding:0 !important;
    }
    
.ui-button-text-only .ui-button-text {
    margin:0px;
    padding:0 !important;
    }
        
.ui-widget {
        font-family: 'Audiowide', cursive;
        }

.ui-state-focus {
    border:none !important;
}

/* loading gid */
.tracks img#loading_chart {
    height:34px !important;
    margin-top:3px;
    }
    
.spotify {
    text-align:center;
    }
    
/* all genres */     
.all_genre a.genre {
	margin:10px !important;
	text-align:center;
	box-shadow: 0px 3px 15px -5px #187220;
	-moz-box-shadow: 0px 3px 15px -5px #187220;
	-webkit-box-shadow: 0px 3px 15px -5px #187220;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-family:'Codystar', cursive;
	font-size:122%;
	display:inline-block;
	padding:5px !important;
    text-decoration:none;
	background-color:#187220;
	text-transform:lowercase;
	border:1px solid #71A10D;	
	color:#DEDCDC;
    font-weight:bold;
}

.all_genre a.genre:hover {
	box-shadow: 1px 1px 16px 1px #187220;
	-moz-box-shadow: 1px 1px 16px 1px #187220;
	-webkit-box-shadow: 1px 1px 16px 1px #187220;
    border:1px solid #DEDCDC;
}