@import "/css/global.css";

h3{
  text-align: center;
}

a:link, a:visited, a:active {color: #EEEEEE; }
a:hover {color: yellow }

table, tr{
	background-color: #412727;
}

th{
	border: 1px solid black;
	background-color: #300000;
}

td{
	border: 1px solid black;
}

tr.evenrow{
  background-color: #602020;
}

tr.oddrow{
  background-color: #500000;
}

div.dialog{
	width: 75%;
	background-color: #5f2222;
}

#header{
	background-color: #0f0000;
	background-image: url("/trax/images/title.jpg");
}

#contentFrame, #footer{
	background-color: #300000;
}

#navbar{
	background-color: #5f2222;
}

#navbar a{
	color: #EEEEEE;
}

#songsTitleHeader{
	width: 25%;
}

#songsReleaseDateHeader{
	width: 15%;
}

#songsShowDescripHeader{
	width: 30%;
}

#songsBPMHeader{
	width: 5%;
}

#songsRatingHeader{
	width: 10%;
}

#songsFormatsHeader{
	width: 15%;
}

span.songFormat{
	padding-left: 2%;
	padding-right: 2%;
}

td.songRating, td.songBPM{
	text-align: center;
}

.songDetailsDuration, .songDetailsBPM, .songDetailsRating, .songDetailsDownloads, .songDetailsFormat{
	text-align: center;
}

#songDetails{
	-webkit-box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
}

table.songVote, td.songVote, tr.songVote
{
	text-align: center;
	inherit: none;
	border: 0px;
	background-color: #5f2222;
}

table.songVote{
	margin-left: auto;
	margin-right: auto;
}

#songCopyright{
  margin-top: 2em; 
  margin-bottom: 2em;
  font-size: 1em;
  font-weight: bold;
  text-align: center
}