.dropdown-menu {
	min-width: 200px;
}

#songstats {
    position: absolute;
    left: 1208px;
    top: -65px;
}

#songstats-track {
    position: absolute;
    left: 1218px;
    top: -28px;
} 

#newtrackposition {
    position: absolute;
    left: -40px;
    top: -9px;
} 

.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-1 {
    min-width: 150px;
    background: #121212;
    text-align: center;
}

.dropdown-menu.columns-1b {
    min-width: 300px;
    background: #121212;
    text-align: center;
}

.dropdown-menu.columns-0 {
    min-width: 100px;
    background: #121212;
 
    text-align: center;
}

.dropdown-menu.columns-3 {
	
    min-width: 1281px; 
    background: #121212;

}
.dropdown-menu  li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #161616;
}


.dropdown-menu li a {
    padding: 5px 1px;
    padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 1px;
    font-weight: 400;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #161616;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
    
    
}
.col-sm-4 {
    width: 25%;
}


.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 7px;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #181818; 
    /* border-color: #337ab7; */
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #181818;
}


a {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	/* color: #FF0000; */
	text-decoration:none;
	 
}

img {
	 
	border:0px;
}


html,
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	height: 100%;
	background: #181818;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#container {
	min-height:100%;
	position:relative;
	background: #181818;
    
}
 
.genreheader{
font-size: 150%;

	
} 

.genreselector{
    border-radius: 4px;
    font-size: 125%;

	
} 

.genre1{
     font-size: 89%;
    color: #d8d8d8;

	
}

.row {
    margin-right: 7px;
    margin-left: 0px;
}

.genre2{
font-size: 60%;

	
}

.genre3{
font-size: 50%;

	
}


.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;

}


#header {
	
    position: relative;
    margin: 0 auto;
    width: 1355px;
    height: 191px;
    left: 0;
    top: 0;
    background: #181818;

}

#header-logo {

	position:absolute;
	width: 944px;
	height: 65px;
	left: 0px;
	top: 0px;
	
}



#header-rule{

	
    position: absolute;
    width: 1318px;
    height: 3px;
    left: 26px;
    top: 96px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #2d2d2d;
	
}

#header-rule2{

	
    position: absolute;
    width: 1318px;
    height: 3px;
    left: -19px;
    top: 94px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #2d2d2d;
	
}

#header-top10 {

	position:absolute;
	width: 59px;
	height: 25px;
	left: 26px;
	top: 69px;
	
}





#header-artists {

	position:absolute;
	width: 59px;
	height: 25px;
	left: 105px;
	top: 69px;
	
}

#footer-points {

	position:absolute;
	width: 370px;
	height: 62px;
	left: 10px;
	top: 10px;
	font-weight:300;
	padding-left: 13px;
	padding-right: 8px;
	padding-top: 11px;
	padding-bottom: 8px;
	
	 
	

	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	color: #E3E3E3;
	border-width:1px;
	border-style:solid;
	border-color:#2D2D2D;
	
}

#footer-help {

    position: absolute;
    width: 600px;
    height: 62px;
    left: 692px;
    top: 3px;
    font-weight: 300;
    padding-left: 13px;
    padding-right: 8px;
    padding-top: 11px;
    padding-bottom: 8px;
	
	 
	

	 
}

#footer-audioplayer {
    position: absolute;
    width: 743px;
    height: 79px;
    left: 319px;
    top: 10px;
    padding-left: 13px;
    padding-right: 8px;
    padding-top: 11px;
    padding-bottom: 8px;
    font-size: 9px;
    color: #E3E3E3;
    border-width: 1px;
    border-style: solid;
    border-color: #2D2D2D;
    border-radius: 10px; /* Adjust the radius value as desired */
}


#footer-audioplayer-image {

    position: absolute;
    width: 62px;
    height: 62px;
    left: 14px;
    top: 14px;
	

	
}

#footer-audioplayer-actual {

    position: absolute;
    width: 500px;
    height: 62px;
    left: 408px;
    top: 12px;
	

	
}

#footer-audioplayer-get {

	position: absolute;
    width: 86px;
    height: 62px;
    left: 420px;
    top: 10px;
    padding-left: 13px;
    padding-right: 8px;
    padding-top: 11px;
    padding-bottom: 8px;
    font-size: 9px;
    color: #E3E3E3;
    border-width: 1px;
    border-style: solid;
    border-color: #2D2D2D;
	

	
}


.generictext {

	position:absolute;

	font-weight:300;
	padding-left: 100px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom: 8px;
	width:800px;
	

	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color: #E3E3E3;

	
}

#footer-disclaimer {

	position:absolute;
	width: 95px;
	height: 62px;
	left: 390px;
	top: 10px;
	font-weight:300;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	
	

	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #E3E3E3;
	border-width:1px;
	border-style:solid;
	border-color:#2D2D2D;
	
}

#footer-disclaimer2 {

	position:absolute;
	width: 95px;
	height: 62px;
	left: 495px;
	top: 10px;
	font-weight:300;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	
	

	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #E3E3E3;
	border-width:1px;
	border-style:solid;
	border-color:#2D2D2D;
	
}

#header-tracks {

	position:absolute;
	width: 59px;
	height: 25px;
	left: 190px;
	top: 69px;
	
}

#header-labels {

	position:absolute;
	width: 59px;
	height: 25px;
	left: 271px;
	top: 69px;
	
}


#header-timeselect3 {

    position: absolute;
    width: 66px;
    height: 21px;
    left: 1093px;
    top: 71px;
	
}

#header-timeselect12 {
    position: absolute;
    width: 66px;
    height: 21px;
    left: 1167px;
    top: 71px;
	
}
#header-timeselectalltime {

    position: absolute;
    width: 66px;
    height: 21px;
    left: 1285px;
    top: 71px;
	
}

#header-timeselectyears {

    position: absolute;
    width: 66px;
    height: 21px;
    left: 1237px;
    top: 71px;
	
}

#header-searchbox {

	position:absolute;
	width: 334px;
	height: 30px;
	left: 1009px;
	top: 20px;
	background-color: #212121;
	
}

#header-yearselect {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 1230px;
    top: 117px;
    font-size: 120%;
	
}

#header-keyselect {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 500px;
    top: 117px;
    font-size: 120%;
	
}

#header-genreselect {
    position: absolute;
    width: 800px;
    height: 30px;
    left: 47px;
    top: 117px;
	
	
}

#header-trackfilter {
	position: absolute;
	width: 334px;
	height: 30px;
	left: 333px;
	top: 108px;


	
	
}

.btn-groupx{
position: relative;	
	
}

.btn-groupxs{
position: relative;	
left:50px;
	
}

#header-selectiontext {
    position: absolute;
    width: 1156px;
    height: 30px;
    left: 45px;
    top: 115px;
	
}

#track-picture {
	position: absolute;
	width: 450px;
	height: 30px;
	left: 0px;
	top: 0px;
	
	
}

#track-text {
	position: absolute;
	width: 450px;
	height: 30px;
	left: 400px;
	top: 0px;
		
}
#track-text-select {
	position: relative;
	width: 300px;
	height: 39px;
	left: 0px;
	top: 0px;
	
		
}

#track-text-select-a {
	position: absolute;
	width: 300px;
	height: 30px;
	left: 0px;
	top: 0px;
	;
		
}

#track-text-select-b {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 150px;
	top: 0px;
	;
		
}

#ko-fi {
    position: absolute;
    width: 174px;
    height: 59px;
    left: 181px;
    top: 24px;
    /* background: #272626; */
}

#songstats-footer {
    position: absolute;
    width: 174px;
    height: 59px;
    left: 1106px;
    top: 24px;
    /* background: #272626; */
}


#BS-LOGO {
    position: absolute;
    width: 74px;
    height: 69px;
    left: 646px;
    top: 14px;
    /* background: #272626; */
}

#footer-about {
    position: absolute;
    width: 71px;
    height: 30px;
    left: 498px;
    top: 27px;

}

#footer-faq {
    position: absolute;
    width: 71px;
    height: 30px;
    left: 588px;
    top: 27px;
    /* background: #272626; */

}
#footer-contact {
    position: absolute;
    width: 71px;
    height: 30px;
    left: 735px;
    top: 27px;
    /* background: #272626; */

}
#footer-features {
    position: absolute;
    width: 71px;
    height: 30px;
    left: 836px;
    top: 27px;

}


#content {

	
    position: relative;
    MARGIN: 0px auto;
    width: 1355px;
    height: 875px;
    padding-bottom: 100px;
    background: #181818;

}


#content-offset {

	
    position: relative;
    MARGIN: 0px auto;
    width: 1355px;
    height: 875px;
    padding-bottom: 100px;
    background: #181818;
    top: -39px;
}

#content-offset-track {

	
    position: relative;
    MARGIN: 0px auto;
    width: 1355px;
    height: 875px;
    padding-bottom: 100px;
    background: #181818;
    top: -51px;
}




#content-top10artists {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 45px;
	top: 15px;
		
}


#content-column1 {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 45px;
	top: 15px;
		
}

#content-column1-image {
    position: absolute;
    width: 408px;
    /* height: 772px; */
    left: 45px;
    top: -11px;
		
}


#content-artistrank {
    position: absolute;
    width: 408px;
    /* height: 772px; */
    left: 0px;
    top: -20px;
    /* background-color: #212121; */
	
	
}

#content-newtracks {
    position: absolute;
    width: 408px;
    /* height: 772px; */
    left: 0px;
    top: -20px;
    /* background-color: #212121; */
	
	
}


.padded-image {
    width: 136px;
    height: auto;
    padding: 8px;
    
}


#content-artistimage {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 0px;
	top: -20px;
	background-color: #212121;
	
	
}

#content-artistheader {
	
	position:relative;
	MARGIN: 0px auto;
	width: 1355px;

	height: 327px;
	left: 45px;
	top: 15px;
	
	
	
}

#content-notracks {
	
    position: relative;
    MARGIN: 0px auto;
    width: 1355px;
    height: 70px;
    left: 45px;
    top: 15px;
    text-align: center;
    color: white;
	
}

#content-artistmainheader {
	
    position: relative;
    MARGIN: 0px auto;
    width: 1355px;
    height: 304px;
    left: 5px;
    top: -14px;
	
	
}

#content-trackpage {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 45px;
	top: 15px;
	
}
#content-trackheader {
    position: relative;
    width: 1338px;
    left: 45px;
    top: 15px;
    height: 232px;
    /* background: #339999; */
    clear: both;
	
}

#content-trackmain {
    position: relative;
    width: 1338px;
    height: 432px;
    left: 15px;
    top: 150px;
    /* background: #339999; */
    /* clear: both; */
}



#content-artists {
	position: absolute;
	width: 816px;
	height: 772px;
	left: 45px;
	top: 15px;

	
	
}
#clear {
width:10px;
height:10px;
	
	
}

#content-top10tracks {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 474px;
	top: 15px;
	
	
	
}

#content-column2 {
	position: absolute;
	width: 408px;
	/*height: 772px;*/
	left: 474px;
	top: 15px;
	
	
	
}

#content-column2-offset {
    position: absolute;
    width: 408px;
    left: 474px;
    top: 3px;
}



#content-top10labels {
	position: absolute;
	width: 408px;
/*	height: 772px;*/
	left: 902px;
	top: 15px;

	
}

#content-column3 {
	position: absolute;
	width: 408px;
/*	height: 772px;*/
	left: 902px;
	top: 15px;

	
}
#content-column3-offset {
	position: absolute;
	width: 408px;
/*	height: 772px;*/
	left: 902px;
	top: 3px;

	
}
 
#footer {
    background: #121212;
    width: 100%;
    height: 95px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #181818;
    bottom: 0;
    left: 0;
    position: fixed;    
	
	
}

#top10artistchart {
	
	width:380px;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#track-items {
	
	width: 450px;
    height: 60px;
    background: #212121;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #151515;;
}

#track-items:hover {
	background: #2c2c2c;

}

#track-items-listen {
	float:left;
    width: 218px;
    height: 60px;
    background: #212121;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #151515;
}




#top10artistchart-med {
	
	width:408px;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-med:hover {
background: #2c2c2c;

}

#top10artistchart-full {
	
	width:816px;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-full {
	
	width:788px;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-full-nopad {
	
	width:817px;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-full:hover {
	background: #2c2c2c;

}

#top10artistchart-full-nopad:hover {
	background: #2c2c2c;

}

#top10artistchartranking {
	
    width: 381px;
    height: 60px;
    background: #212121;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #151515;
}

#top10artistchartrankingexpanded {
	
    width: 408px;
    height: 56px;
    background: #212121;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #151515;
}

  



#top10artistchartrankingcondensed{
    width: 381px;
    height: 46px;
    background: #212121;
    padding: 2px;
    border-width: 2px;
    border-style: solid;
    border-color: #151515;
}

#shopping-icon {
	
    width: 25px;
    height: 27px;
    background: #1B1B1B;
    position: absolute;
    padding-top: 3px;
    /* padding: 1px; */
    padding-left: 2px;
    left: 268px;
    top: -4px;

	

}

#chartselect-icon {
	
    width: 26px;
    height: 58px;
    background: #1B1B1B;
    position: absolute;
    padding-top: 3px;
    /* padding: 1px; */
    padding-left: 2px;
    left: 248px;
    top: -3px;
    border-width: 1px;
    border-style: solid;
    border-color: #151515;

	

}



#shopping-icon2 {
	
    width: 25px;
    height: 27px;
    /* background: #1B1B1B; */
    position: absolute;
    padding-top: 4px;
    /* padding: 1px; */
    padding-left: 6px;
    left: 6px;
    top: 1px;

	

}


#shopping-icon:hover {
	background: #212121;

}

#shopping-icon-full {
	
    width: 25px;
    height: 27px;
    background: #1B1B1B;
    position: absolute;
    padding-top: 3px;
    /* padding: 1px; */
    padding-left: 2px;
    left: 675px;
    top: -4px;

	

}

#shopping-icon-full:hover {
	background: #212121;

}

#play-icon {
	
width: 25px;
    height: 27px;
    background: #1B1B1B;
    position: absolute;
    padding: 2px;
    left: 268px;
    top: 25px;

	

}

#play-icon:hover {
	background: #212121;

}

#play-icon-full {
	
width: 25px;
    height: 27px;
    background: #1B1B1B;
    position: absolute;
    padding: 2px;
    left: 675px;
    top: 25px;

	

}

#play-icon-full:hover {
	background: #212121;

}

#top10artistchart-highlight {
	
	width:100%;
	height:60px;
	background: #2c2c2c;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart:hover {
	background: #2c2c2c;

}






 



#top10artistchart-condensed {
	
	width:100%;
	height:40px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}




#top10artistchart-condensed-highlight {
	
	width:100%;
	height:40px;
	background: #2c2c2c;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}


#top10artistchart-condensed:hover {
	background: #2c2c2c;

}

#artistchart-header {
	
	width:100%;
	height:30px;
	background: #1a1a1a;
	padding:2px;
	position:relative;
	
	border-width:1px;
	border-style:solid;
 	border-color:#151515;
}



#top10artistchart-header {
	
	width:100%;
	height:30px;
	background: #1a1a1a;
	padding:2px;
	position:relative;
	
	border-width:1px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-header-listen {
    float: left;
    width: 225px;
    height: 42px;
    background: #1a1a1a;
    padding-left: 43px;
    padding-top: 7px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-color: #151515;
}

#top10artistchart-header-listen:hover {
	background: #212121;

}

#top10artistchart-footer {
	
    width: 100%;
    height: 30px;
    background: #1a1a1a;
    padding: 2px;
    position: relative;
    padding-left: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #151515;
    text-align: center;
}

#top10track-artistnamex {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
     left: 22px; 
    font-weight: 300;
    padding-left: 23px;
    line-height: 19px;
    padding-top: 6px;
    color: #E3E3E3;
}

#top10generic-footer {
	
	width:100%;
	height:30px;
	background: #1a1a1a;
	padding:2px;
	position:relative;
	padding-left:30px;
	border-width:1px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-footer:hover {
	background: #2c2c2c;

}


#top10artistchart-footer-nopad {
	
    width: 100%;
    height: 30px;
    background: #1a1a1a;
    padding: 2px;
    position: relative;
    padding-left: 32px;
    padding-top: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #151515;
}

#top10artistchart-footer-nopada {
	
    width: 100%;
    height: 30px;
    background: #1a1a1a;
    padding: 2px;
    position: relative;
    padding-left: 56px;
    padding-top: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: #151515;
}

#top10artistchart-divider {
	
	width:100%;
	height:30px;
	background: #1a1a1a;
	padding:2px;
	position:relative;
	padding-left:53px;
	border-width:1px;
	padding-top:4px; 
	
	border-style:solid;
 	border-color:#151515;
	color: #868686;
	
}


#top10trackchart {
	
	width:100%;
	height:60px;
	background: #212121;
	padding:2px;

	
	border-width:2px;
	border-style:solid;
 	border-color:#151515;
}

#top10artistchart-number {
	
	width:50px;
	height:30px;
	background: #272626;
	padding:2px;
	font-weight:600;
	font-size:20px;
	color: #E3E3E3;
	position:absolute;

}
#top10artistchart-arrow {
	
	width:100px;
	height:30px;
	top:33px;
	
	padding:0px;
	font-weight:200;
	font-size:15px;
	color: #E3E3E3;
	position:absolute;

}

#top10artistchart-arrow {
	
    width: 100px;
    height: 30px;
    top: 29px;
    left: 5px;
    padding: 0px;
    font-weight: 200;
    font-size: 15px;
    color: #E3E3E3;
    position: absolute;

}

#top10artistchart-arrowtext {
	
    left: 26px;
    top: 34px;
    position: absolute;
    font-weight: 400;
    font-size: 11px;

}


#top10artistchart-number-text {
	
	width:50px;
	height:30px;

	padding:2px;
	font-weight:600;
	font-size:12px;
	color: #E3E3E3;
	
	top:15px;

}

#top10artistchart-month {
	
	width:50px;
	height:30px;

	padding:1px;
	font-weight:600;
	font-size:10px;
	color: #E3E3E3;
	
	top:25px;

}


#top10artistchart-name {
	
	
	height:72px;
	font-weight:300;

	position:absolute;
	left:135px;
	line-height: 16px;

}

#top10artistchart-name-search {
	
	
    height: 72px;
    font-weight: 300;
    position: absolute;
    left: 98px;
    line-height: 16px;

}

#top10artistchart-name-searchb {
	
	
    height: 72px;
    font-weight: 300;
    position: absolute;
    left: 72px;
    line-height: 16px;

}





#top10artistchart-name-offset {
	
	
    height: 72px;
    font-weight: 300;
    position: absolute;
    left: 75px;
    /* top: 42px; */
    padding-top: 9px;
    line-height: 16px;

}





#top10labelchart-name {
	
	
	height:72px;
	font-weight:300;

	position:absolute;
	left:114px;
	line-height: 16px;

}

#top10labelchart-name-condensed {
	
	
	height:72px;
	font-weight:300;

	position:absolute;
	left:60px;
	line-height: 16px;

}



#top10trackchart-text {
	
    position: relative;
    left: 110px;
    top: 2px;
    line-height: 14px;
    width: 265px;

}

#top10trackchart-text-search {
	
    position: relative;
    left: 71px;
    top: 2px;
    line-height: 14px;
    width: 294px;
 
}




#top10trackchart-text-large {
	
	position:relative;
	left:110px;
	top:2px;
	line-height: 14px;
	width:500px;

}



#top10trackchart-artistname {
	
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #E3E3E3;
}

#top10trackchart-artistname-audioplayer {
	
    font-family: Helvetica, Arial, sans-serif;
    left: 20px;
    font-size: 15px;
    font-weight: 300;
    color: #E3E3E3;
    padding-left: 70px;
}

#top10track-artistname {
	
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    /* left: 22px; */
    font-weight: 300;
    padding-left: 23px;
    padding-top: 6px;
    color: #E3E3E3;
	

}

#top10trackchart-title {
	
	
	
    font-weight: 200;
    position: relative;
    top: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9px;
    color: #E3E3E3;
    width: 610px;
    padding: 2px;


}

#top10trackchart-title-audioplayer {
	
	
    font-weight: 200;
    position: relative;
    top: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #E3E3E3;
    width: 500px;
    padding: 2px;
    padding-left: 71px;

}

#top10trackchart-title-wide {
	
	
	
	font-weight:200;
	position:relative;
	
	top:2px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	color: #E3E3E3;
	width:500px;

}






#top10trackchart-points {
	
	
	
	font-weight:300;
	position:relative;
	
	top:2px;

	font-family: Helvetica, Arial, sans-serif;
	font-size:8px;
	color: #E3E3E3;
	width:250px;

}

#top10trackchart-status {
		
	font-weight:300;
	position:relative;
	
	top:2px;

	font-family: Helvetica, Arial, sans-serif;
	font-size:7px;
	color: #E3E3E3;
	width:250px;

}


.charttextname {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #E3E3E3;
	
	 
}

.charttextnamehighlight {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    color: #ff0000;
}

.lineclass{
   font-weight:300;
}

.charttextname-red {
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:300;
	color: #FF0004;
	
	 
}


.charttextname-a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:300;
	color: #E3E3E3;
	padding-left:5px;
		 
}

.charttextname-b {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:300;
	color: #E3E3E3;
	padding-left:20px;
			 
}

.charttextname-c {
	font-family: Helvetica, Arial, sans-serif;
	font-size:15px;
	font-weight:400;
	color: #E3E3E3;
	padding-left:20px;
	
			 
}
.charttextname-d {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: #E3E3E3;
    padding-left: 61px;
    text-align: center;
			 
}
.charttextname-db {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 300;
    color: #E3E3E3;
    padding-left: 78px;
    text-align: center;
			 
}

.charttextname-e {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	padding-left:19px;
	font-weight:300;
	color: #E3E3E3;
	
		 
}

.labelcharttextname {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:300;
	color: #E3E3E3;
	
	 
}

.greentext {
	color: #00FF21;
}

.redtext {
	color: #FF0000;
}

.labelcharttextname-red {
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:600;
	color: #FF0004;
	
	 
}




.labelcharttextname-large {
	font-family: Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:300;
	color: #FF0004;
	 
	 
}


.tracktextname {
	font-family: Helvetica, Arial, sans-serif;
	font-size:6px;
	font-weight:300;
	color: #E3E3E3;
	
	
}




.charttextpoints {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	color: #E3E3E3;
	font-weight:200;
	
	
}

.chartinfotext {
	font-family: Helvetica, Arial, sans-serif;
	font-size:7px;
	font-weight:200;
	color: #E3E3E3;
	
	
}

#top10artistchart-image {
	
	
	height:50px;
	width:50px;
	left:55px;
	
	
	position:absolute;
	

}

#top10artistchart-search {
	
    height: 50px;
    width: 50px;
    left: 8px;
    position: absolute;
	
}




#top10artistchart-image-label {
	
	
    height: 50px;
    width: 50px;
    left: 66px;
    position: absolute;

}


#headercontainer {
	
	position:relative;
	MARGIN: 0px auto;
	width: 1355px;
	height: 80px;
	left: 0px;
	top: 0px;
	

}

.textstyle1 {
	
	
	font-weight:400;	
	font-family: Helvetica, Arial, sans-serif;
	font-size:20px;
	color: #E3E3E3;
	width:600px;

}

.textstyle2 {
	
	
	font-weight:400;	
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	color: #E3E3E3;
	width:600px;

}

.textstyle3 {
	
	
	font-weight:200;	
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #E3E3E3;
	width:600px;
	

}

#helper {
	position: relative;
	width: 408px;
	height: 500;
	left: 902px;
	top: 15px;
	
	
	
}




#Track-Chart {

    position: absolute;
    width: 1273px;
    height: 600px;
    left: 45px;
    top: 0px;
	
}

#label-chart {

    position: absolute;
    width: 1284px;
    height: 449px;
    left: 0px;
    top: -19px;
    /* background: #272626; */
	
}

#genreplacement {

    position: absolute;
    width: 800px;
    height: 300px;
    left: -142px;
    top: -19px;
    text-align: right;
    /* background: #272626; */
	
}

#trackchartwide-bpm {
	
    padding-top: 6px;
    width: 120px;
    height: 25px;
    background: #1d1d1d;
    /* padding: 0px; */
    font-weight: 400;
    font-size: 14px;
    color: #585454;
    position: absolute;
    top: -18px;
    left: 550px;
    text-align: center;

}
#trackchartwide-releasedate {
	
    padding-top: 6px;
    width: 88px;
    height: 25px;
    background: #1d1d1d;
    /* padding: 0px; */
    font-weight: 400;
    font-size: 14px;
    color: #555050;
    position: absolute;
    top: -5px;
    left: 563px;
    text-align: center;

}




#track-boxes{

	
position: relative;
    float: left;
    width: 253px;
    height: 59px;
    left: 0px;
    top: 9px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #2F2F2F;
    padding-left: 13px;
    padding-top: 6px;
}

#track-box-right{

	
    position: relative;
    float: left;
    width: 247px;
    height: 59px;
    left: 0px;
    top: 9px;
    padding-left: 13px;
    padding-top: 6px;
}

.tracktexta {
	
	
    font-weight: 600;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #434343;
    width: 606px;
	

}

.tracktextb {
	
	
font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: #D5D5D5;
    width: 600px;

}




/*-------------------------------------*/

    /*-------------------------------------*/
    
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

    /*-------------------------------------*/	
    
    .form-wrapper {
        width: 340px;
        padding: 0px;
       
		position:absolute;
        
    }
    
    .form-wrapper input {
		

		color: #FFFFFF;
		
        width: 330px;
        height: 30px;
        padding: 11px 7px;
        position:absolute;    
		font-weight:400;	
		font-family: Helvetica, Arial, sans-serif;
		
        border: 0;
		text-transform: uppercase;
        background: #2b2b2b;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;      
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #000000;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #ffffff;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #ffffff;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #ffffff;
        font-weight: normal;
        font-style: italic;
    }    
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 30px;
        width: 110px;
		font-weight:300;	
		font-family: Helvetica, Arial, sans-serif;
        color: #CBCBCB;
        text-transform: uppercase;
        background: #44120b;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
   
    }   
      
    .form-wrapper button:hover{		
        background: #590000;
		color: #ffffff;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #590000;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #44120b transparent;
        top: 8px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #590000;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #590000;
    }    
    
    .form-wrapper button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
	
	/*-------------------------------------*/
	
	
	
	




	#containerx {
    border-radius: 10px; /* Adjust this value to increase or decrease the roundness */
    overflow: hidden;   /* This ensures that the chart inside respects the rounded corners */

}



	
.curved-box {
    display: inline-block;
    border-radius: 19px;
    padding: 1px 8px;
    font-weight: 600;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 9px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
	
	#search-bar-container {
    position: absolute;
    left: 1107px;
    top: 20px;
    width: 224px;
    /* background: #494949; */
}

#search-bar-container .form-control {
    border-right: 0; 
    background: #383838;
    border-radius: 30px 0 0 30px;
    color: #ffffff;
}

#search-bar-container .input-group-text {
    background: white;
    border-left: 0; 
    border-radius: 0 30px 30px 0; 
}


#search-bar-container .form-control:focus {
    outline: none; /* Removes default browser outline */
    box-shadow: 0 0 5px #007BFF; /* Custom blue glow effect */
    border-radius: 30px 0 0 30px; /* Keeps the rounded left corners */
}

/* Custom focus style for the button */
#search-bar-container .input-group-text:focus {
    outline: none; /* Removes default browser outline */
    box-shadow: 0 0 5px #007BFF; /* Custom blue glow effect */
    border-radius: 0 30px 30px 0; /* Keeps the rounded right corners */
}


 
#textpages {

    position: absolute;
    height: 25px;
    left: 49px;
    top: 18px;
    font-weight: 100;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #D5D5D5;
    width: 1160px;
    colour: white;
	
}

#textpages h1{
    font-weight: 600;
    font-size: 24px;
}

#textpages strong{
    font-weight: 600;
}