table
{
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-spacing: 0;
}

td
{
	vertical-align:top;
	padding:0;
}

table tr:nth-of-type(1) td:nth-of-type(1)
{
	width:33%;
}

table tr:nth-of-type(1) td:nth-of-type(2)
{
	width:66%;
}

table tr:nth-of-type(2) td:nth-of-type(1)
{
	width:25%;
}

.album-cover div
{
	width:90%;
	height:auto;
	border:2px solid white;
	background-color:white;
	/*background-image:url("../images/incrementum_cover.jpg");
	background-size:contain;*/
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.album-cover div img
{
	width:100%;
}

.song-title
{
	height:50px;
	vertical-align:middle;
	/*border:solid;*/
	border-style:none solid none none;
	border-width:1px 4px 1px 1px;
	border-color:black;
	cursor:pointer;
}

.song-title p
{
	display:inline;
	float:left;
	font-weight:100;
	/*text-decoration:underline;*/
	-moz-transition:color 0.5s;
	-webkit-transition:color 0.5s;
}

.song-title:hover p
{
	
	color:red;
}

.song-title:not(.song-chosen):hover .arrow
{
	margin-right:-38px;
}

.album-title
{
	height:50px;
}

.song-chosen
{
	border-style:none solid none none;
	border-color:transparent;
}

.song-chosen p
{
	font-weight:bold;
	
}

.arrow
{
	height:50px;
	width:50px;
	margin-right:-38px;
}

.arrow .base, .arrow .ol-rtg1
{
	width:50%;
	height:50%;
}

.song-title:not(.song-chosen) .arrow .base, .song-title:not(.song-chosen) .arrow .ol-rtg1
{
	width:50%;
	height:50%;
}

.song-title:not(.song-chosen) .arrow
{
	float:right;
	position:relative;
	z-index:-1;
	margin-right:-43px;
	-moz-transition:margin 0.5s;
	-webkit-transition:margin 0.5s;
}

.song-title:not(.song-chosen) .arrow .base
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:-moz-linear-gradient(45deg, black 0%, black 50%, transparent 50%);
	background-image:-webkit-linear-gradient(45deg, black 0%, black 50%, transparent 50%);
	/*background-image:-webkit-linear-gradient(45deg, rgba(100,100,100,1) 0, rgba(100,100,100,1) 50%, rgba(100,100,100,0) 50%, rgba(100,100,100,0) 100%);*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.song-title:not(.song-chosen) .arrow .ol-rtg1
{
	opacity:0;
	position:absolute;
	top:0;
	bottom:0;
	left:6px;
	margin:auto;
	background-image:-moz-linear-gradient(45deg, rgba(254,213,48,1) 0, rgba(254,213,48,1) 50%, rgba(254,213,48,0) 50%, rgba(254,213,48,0) 100%);
	background-image:-webkit-linear-gradient(45deg, rgba(254,213,48,1) 0, rgba(254,213,48,1) 50%, rgba(254,213,48,0) 50%, rgba(254,213,48,0) 100%);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	
}

.song-chosen .arrow
{
	float:right;
	position:relative;
	margin-top:0px;
	z-index:-1;
}

.song-chosen .arrow .base
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	background-image:-moz-linear-gradient(45deg, black 0%, black 50%, transparent 50%);
	background-image:-webkit-linear-gradient(45deg, black 0%, black 50%, transparent 50%);
	/*background-image:-webkit-linear-gradient(45deg, rgba(0,0,0,1) 0, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}

.song-chosen .arrow .ol-rtg1
{
	position:absolute;
	opacity:1;
	top:0;
	bottom:0;
	left:6px;
	margin:auto;
	/*background-color:green;*/
	background-image:-moz-linear-gradient(45deg, rgba(254,213,48,1) 0, rgba(254,213,48,1) 50%, rgba(254,213,48,0) 50%, rgba(254,213,48,0) 100%);
	background-image:-webkit-linear-gradient(45deg, rgba(254,213,48,1) 0, rgba(254,213,48,1) 50%, rgba(254,213,48,0) 50%, rgba(254,213,48,0) 100%);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
}

.song-chosen .arrow .ol-rtg2
{
	position:absolute;
	top:0;
	left:12px;
	height:100%;
	width:4px;
	background-image:-moz-linear-gradient(top,black 0px, black 13px, transparent 12px);
	background-image:-webkit-linear-gradient(top,black 0px, black 13px, transparent 12px);
}

.song-chosen .arrow .ol-rtg3
{
	position:absolute;
	bottom:-5px;
	left:12px;
	height:100%;
	width:4px;
	background-image:-moz-linear-gradient(bottom, black 0px, black 19px, transparent 12px);
	background-image:-webkit-linear-gradient(bottom, black 0px, black 19px, transparent 12px);
}

.song-lyrics
{
	font-size:80%;
	border-style:solid solid solid none;
	border-width:4px;
	border-color:black;
	background-color:gold;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.song-lyrics-container
{
	width:100%;
}

.song-lyrics-2nd-container
{
	width:100%;
}

.song-lyrics-2nd-container div
{
	position:relative;
	float:left;
	width:395px;
	height:100%;
	padding:20px;
	padding-top:0;
	min-height:1px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-transition:opacity 0.5s;
	-webkit-transition:opacity 0.5s;
}

.song-lyrics-2nd-container div:not(.current)
{
	display:none;
	opacity:0;
}

.song-lyrics-2nd-container .previous
{
}

.song-lyrics-2nd-container .current
{

}

.song-lyrics-2nd-container .next
{	

}

.song-lyrics-2nd-container h2
{
	font-style:italic;
}

.song-lyrics-2nd-container .lyric-text
{
	display:block !important;
	opacity: 1 !important;
	padding:0;
	font-style:italic;
}
