/*
 * Modified classic theme for cvgm.net/demovibes.
 * 01.11.2011-16.12.2012, by Goatfather/cvgm.net
 * version 1.01
 * 081111 - Top/Bottom borders of notification "Guru Meditation" window added according to Terrasque's know-how \o/
 * version 1.02
 * 070112 - Oneliner username/onelinertime moved into table-cell formatting with some
 *          additional workaround text <br> formatting of p.onelinermsg
 * version 1.03
 * 170212 - Oneliner changed from table-cell into block formatting because of problems with Opera
 * 180212 - Changed messagefadeborder to remove overdrawing bottom border of notification window
 * 170712 - Fixed colors for edit fields on the "New Compilation" page (thx bpoint)
 * version 1.04
 * 140912 - Added some ommited form fields to "select, input, textarea {" area
 *          Fixed screenshot page, flowing of list of connected songs (#screenshot-data) (thx MAT)
 * 140912 - Compilation summary on compilation info paged aligned to the top (not middle) (thx MAT)
 * version 1.05
 * 141212 - Increased height of the lists for artists & groups on song upload and song edit pages
 * version 1.06
 * 161212 - Small gfx facelifting in side panels (smoother vertical edges).
 *          Replaced poem of IDs with single select, input, textarea. It sinked 3D effect for submit button,
 *          so it was excluded with specialisation for type=submit.
 *          Workaround: increased theme container height to 280 pixels.
 * version 1.07
 * 171212 - Fields on song upload/edit pages are now wider/bigger (filename, info, comments, artist, etc.) (thx Falken)
 * version 1.08
 * 191017 - Artist's photo now scales to 80% of the main column, so we can have larger pictures without affecting
            information column next to the photo for smaller browser windows. Also artist information text panel
            is forced to be 240px wide, so short lines of info should not split. (thx again to Falken)
 * version 1.09
 * 240519 - Right panel width increased to 230px to accomodate bigger YT embedded videos
 * version 1.10 - 150619
	    Added styling for new stats page (statistics/overview/radio).
 * version 1.11 - 150619
            Added shadows for three main panels for better visual separation.
	    Added shadow for text in panel header ("Welcome...", "User Menu", newsfeed, etc.) for better contrast.
	    Links in the side panels (main menu and user menu) are bit darker now (also for better contrast).
	    Added right/bottom margins in newsfeed images for nicer text flow.
	    Now Playing panel: song title, "by" and artist name are separated into own text blocks.
 * version 1.12 - 11/29/2022
        Added SpamAdmin static icon. AAK
 */
 
 * {
	font-family: sans-serif;
	font-size: 8pt;
}

.olh_wrapper 	{
		width: 604px;
		min-height: 800px;
		margin: 15px;
		}
.olh_item	{ 
		overflow:auto; 
		}
.olh_user	{
		width: 150px;
		float: left;
		margin: 0;
		padding: 0;
		min-height: 50px;
		}

.olh_message	{
		width: 450px;
		float: right;
		margin: 0;
		padding: 0;
		min-height: 50px;
		}

.olh_pages	{
		text-align: justify;
		font-family: sans-serif;
		}

.bbquote	{
		font-style: italic;
		}

.bbcode		{
		font-family: monospace;
		display: block;
		border: 1px dotted #000;
		padding: 10px;
		margin-left: 25px;
		margin-right: 25px;
		line-height: 12px;
		font-style: italic;
		background: #e2e2e2;
		}

pre
{
	font-family: "rez ascii", "Lucida Console", monospace;
}

html
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #a7a7a7;
	font-size: 9pt;
}

html#transparent
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent;
}
body {
	font-size: 9pt;
}

body#site
{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	position: absolute;
	left: 0;	
	top: 0;
	overflow: visible;
	background-color: #a7a7a7 !important;
	background-image: url("trackerpatternAAA.png");
	background-repeat: repeat-x;
}

h1, h2, h3
{
	border-width: 1px;
	border-top-color: #eee;
	border-left-color: #ccc;
	border-right-color: #888;
	border-bottom-color: #444;
	border-style: solid;
	background-color: rgb(80,80,80);
	background-image: url("shine.png");
	background-position: center center;
	background-repeat: repeat-x;
	color: #fff;
    border-top: #a29d97 solid;
    border-left: rgb(162, 157, 151) solid;
    border-bottom: #000 solid;
    border-right: #757575 solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
}

.headline
{
	vertical-align: middle;
	text-shadow: 1px 1px 2px black;
	font-size: 14px;
}

.date
{
	position: absolute;
	right: 8px;
	bottom: .25ex;
	font-size: 9pt;	
	color: #eee;
}

h1
{
	font-size: 15pt;
}

h2
{
	font-size: 12pt;
	position: relative;
	vertical-align: middle;
}

div.pmview {
	vertical-align: top;
	border: 1px solid #aaa;
	background-color:#ddd;
	width: 85%;
}

p
{
	margin: 0;
	margin-top: 1em;
}

a
{
	text-decoration: none;
    font-weight: bold;
}

a:link
{
	color: #000000;
}

a:visited
{
	color: #003344;
}

a:hover
{
	text-decoration: underline;
}

.header a:link {
	color: #eee;
}

.header a:visited {
	color: #ddd;
}

.header a:hover {
	color: #ccf;
}

img
{
	border: 0;
	vertical-align: bottom;
}

#rightside
{
	float: right;
	display: inline;
	position: relative;
	width: 230px;
	margin: 8px;
	border-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #ccc;
	border-top-color: #ccc; /* stupid ie */
	border-right-color: #666;
	border-bottom-color: #666;
	background-color: transparent;
	background-image: url("bland_sidepanel_230.png");
	text-align: center;
	display: inline;
	box-shadow: 1px 1px 8px 0 #40404080;
}

#sidebar
{
	float: left;
	display: inline;
	position: relative;
	width: 200px;
	margin: 8px;
	padding-bottom: 10px;
	border-width: 1px;
	border-top-width: 0px;
	border-style: solid;
	border-color: #ccc;
	border-top-color: #ccc; /* stupid ie */
	border-right-color: #666;
	border-bottom-color: #666;
	background-color: transparent;
	background-image: url("bland_sidepanel.png");
	text-align: center;
	display: inline;
	box-shadow: 1px 1px 8px 0 #40404080;
}

#rightside h3, #sidebar h3
{
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-position: top left;
	text-shadow: 1px 1px 2px black;
}

#sidebar h3
{
	background-image: url("shine_sidepanel_h3.png");
}

#rightside h3
{
	background-image: url("shine_sidepanel_h3_230.png");
}

h3
{
	margin: -1px;
	font-size: 9pt;
	text-align: center;
	margin-bottom: 1ex;
}

#rightside ul
{
	padding: 0;
	margin-top: 1ex;
	margin-bottom: 2ex;
	display: inline-block;
	list-style-type: none;
	text-align: left;
}

#rightside ul li
{
	background-position: 0px 50%;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 16px;
	display: block;
}

#sidebar ul
{
	padding: 0;
	margin-top: 1ex;
	margin-bottom: 2ex;
	display: inline-block;
	list-style-type: none;
	text-align: left;
}

#sidebar ul li
{
	background-position: 0px 50%;
	background-repeat: no-repeat;
	min-height: 16px;
	padding-left: 16px;
	display: block;
}

#home 		{background-image: url("/static/house.png");}
#songs		{background-image: url("/static/music.png");}
#song-source		{background-image: url("/static/sound.png");}
#song-platform		{background-image: url("/static/sound.png");}
#artists	{background-image: url("/static/user_green.png");}
#compilations	{background-image: url("/static/recplay_ico.png");}
#recent	        {background-image: url("/static/new.png");}
#recentchanges  {background-image: url("/static/page_white_edit.png");}
#menuqueue	{background-image: url("/static/script.png");}
#search		{background-image: url("/static/find.png");}
#forum		{background-image: url("/static/user_comment.png");}
#faq		{background-image: url("/static/comment.png");}
#profile	{background-image: url("/static/user.png");}
#favorites	{background-image: url("/static/heart.png");}
#register	{background-image: url("/static/page_white_edit.png");}
#logout		{background-image: url("/static/door_out.png");}
#login		{background-image: url("/static/door_in.png");}
#admin		{background-image: url("/static/door.png");}
#inbox		{background-image: url("/static/email.png");}
#unap-artists		{background-image: url("/static/user_green.png");}
#unap-groups		{background-image: url("/static/group.png");}
#unap-compilations    {background-image: url("/static/recplay_ico.png");}
#unap-labels            {background-image: url("/static/transmit_blue.png");}
#unap-links     {background-image: url("/static/link.png");}
#unap-nju     {background-image: url("/static/tick.png");}
#groups		{background-image: url("/static/group.png");}
#labels            {background-image: url("/static/transmit_blue.png");}
#links		{background-image: url("/static/link.png");}
#screenshots		{background-image: url("/static/icon_screenshot.png");}
#unap-screenshots     {background-image: url("/static/icon_screenshot.png");}
#licenses 		{background-image: url("/static/page_white_edit.png");}
#chat		{background-image: url("/static/lips.png");}
#spamadmin {background-image: url("/static/spam.png");}
#discord   {background-image: url("/static/DiscordIcon16.png");}

#forum, #favorites, #logout
{
	margin-bottom: 1em;
}

p.pmtitle {
    font-weight: bold;
}

#sidebar li a
{
	margin-left: 1ex;
	color: #222;
}
#rightside li a
{
	margin-left: 1ex;
	color: #222;
}

#rightside a:hover 
{
	color: #004;
}

#sidebar form
{
	display: block;
	padding: 0;
	padding-top: 1ex;
	margin: 0;
	border: none;
	white-space: nowrap;
}

#sidebar a:hover 
{
	color: #004;
}

#blah
{
	display: inline-block;
	width: 176px;
	padding: 0;
	margin: 0;
	padding-right: 11px;
	border: 1px #888 solid;
	border-right-color: white;
	border-bottom-color: white;
	height: 16px;
	background-color: transparent;
	background-image: url("/static/themes/default/hilight.png");
	background-position: center;
}

#makeitso
{
	border: none;
	width: 16px;
	margin-left: -16px;
	background-color: transparent;
	background-image: url("/static/comment.png");
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 8px;
	padding-right: 8px;
}

#oneliner
{
	margin: 8px;
	margin-top: 0;
	margin-bottom: 2ex;
	text-align: left;
	overflow: hidden;
}

span.onelinerpre {
	background-color: #bbb;
	width: auto;
	display: block;
	padding: 1px;
	padding-top: 1px;
}

.onelinerpre .username {
	font-family: "Lucida Console", monospace;
	background-color: #bbb;
	padding: 1px;
	padding-right: 3px;
	font-size: 11px;
	vertical-align: middle;
}

.onelinerpre .onelinertime {
	float: right;
	padding-right: 2px;
}

#oneliner .onelinermsg {
	float: none;
	margin: 1px;
	margin-bottom: 4px;
	vertical-align: middle;
}

.onelinerpre .username .countryflag {
	overflow: hidden;
	margin: 2px;
	padding: 0px;
}

.lastreqdate {
	white-space:nowrap;
}

.onelinertext {
	display: block;
	vertical-align: middle;
	padding-top: 1px;
	padding-bottom: 8px;
	line-height: 12px;
}

p.onelinermsg br {
  display: none;
}
 
.onelinertext img {
	vertical-align: middle;
}

#main
{
	position: relative;
	margin: 7px;
	margin-left: 215px;
	margin-right: 245px;
	padding: 0;
	padding-bottom: 1ex;
	border-width: 1px;
	border-style: solid;
	border-color: #DDD;
	border-right-color: #777;
	border-bottom-color: #777;
	border-bottom-style: double;
	border-bottom-width: 3px;
	border-top-width: 0px;
	/* background-color: #CCC; */
	background-color: transparent;
	background-image: url("bland.png");
	background-position: center;
	box-shadow: 1px 1px 8px 0 #40404080;
}

.newstext
{
	padding-left: 8px;
	padding-right: 8px;
}
	
div.newstext img
{
	margin-right: 8px;
	margin-bottom: 8px;
}

#main h1, #main h2
{
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 1ex;
	padding-left: 8px;
	padding-right: 0px;
}

#main h1
{
	margin-top: 0px;
	margin-left: -1px;
	margin-right: 0px;
	padding: 0;
	padding-left: 1ex;
	padding-right: 1ex;
	font-variant: small-caps;
	text-align: center;
}

#main h2
{
	margin-top: 16px;
	margin-left: 0px;
	margin-right: 0px;
}

#main p
{
	margin-left: 8px;
	padding-left: 8px;
	padding-right: 8px;
}

#main #maincontent .theme
{
	height: 280px;
}

#main #maincontent .editdiv textarea.input
{
	width: 50em;
	height: 20em;
}

#logo
{
	display: block;
	margin-left: auto;
	margin-right: auto;

}

.countryflag
{
    margin:-2px 2px 1px 1px;
    vertical-align:middle; 
}

.platform_icon
{
    vertical-align: middle;
    /*margin-left: 1px;*/
	margin-right: 1px;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.label_icon
{
    vertical-align: middle;
    /*margin-left: 1px;*/
	margin-right: 1px;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.group_icon
{
    vertical-align: middle;
    /*margin-left: 1px;*/
	margin-right: 1px;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.comp_icon
{
    vertical-align: middle;
    /*margin-left: 1px;*/
	margin-right: 1px;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.text-link
{
    vertical-align: middle;
    margin-left: 1px;
    margin-right: 1px;
}

.song-resource
{
    vertical-align: middle;
    margin-left: 1px;
    margin-right: 1px;
}

.user-resource
{
    vertical-align: middle;
    margin-left: 1px;
    margin-right: 1px;
}

.lastreqdate {
	white-space:nowrap;
}

.icon_header
{
	padding: 1ex;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	margin: 0;
	border: 0;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}

#main ul
{
	margin: 0;
	padding: 0;
	margin-left: 3em;
	list-style-type: disc;
	list-style-position: outside;
	display: block;
}

#main ul.imgbull li
{
	list-style-type: none;
	background-position: 0px 50%;
	background-repeat: no-repeat;
	min-height: 16px;
	margin-left: -3.5ex;
	padding-left: 3.5ex;
}

#copyleft, #copyright
{
	display: block;
	font-size: 7pt;
	position: relative;
	bottom: -3ex;
	margin: 0;
}

#copyleft
{
	float: left;
}

#copyright
{
	float: right;
}

#copyleft a, #copyright a
{
	color: #210;
}

#validator
{
	position: absolute;
	right: 1px;
	top: 1px;
}

/* froumzz */

#djangoForumBreadcrumbs, .pages
{
    margin-bottom: 1em;
}

.pagesBottom
{
    margin-top: 1em;
	text-align: right;
}

#djangoForumList,
#djangoForumThreadList
{
	width: 99%;
	margin: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	border-top-color: #fda; /* stupid ie */
	border-right-color: #444;
	border-bottom-color: #444;
	border-collapse: collapse;
	background-color: transparent;
	background-image: url("/static/hilight.png");
	background-position: center;
}

#djangoForumList th,
#djangoForumThreadList th,
#djangoForumThreadPosts th
{
	padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	border-width: 1px;
	border-top-color: #a29d97;
	border-left-color: #a29d97;
	border-right-color: #757575;
	border-bottom-color: #757575;
	border-style: solid;
	background-color: #99948d;
	background-image: url("/static/shine.png");
	background-position: center center;
	background-repeat: repeat-x;
    text-align: left;
	color: #210;
}

#djangoForumList td,
#djangoForumThreadList td
{
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #a29d97;
	border-top-color: #a29d97; /* stupid ie */
	border-right-color: #757575;
	border-bottom-color: #757575;
}

.djangoForumListDetails,
.post
{
	background: #ddd;
}

.djangoForumListDetails p
{
	margin: 0;
}

#djangoForumList .djangoForumListDetails .djangoForumStats
{
	position: relative !important;
	position: static; /* ha! lost stupid ie6 again! */
	z-index: 5;
	float: right;
	margin-top: -12pt;
	padding-right: 8px;
	font-size: 7pt;
}

.forumName
{
	display: block;
	position: relative !important;
	position: static; /* ha! */
	z-index: 10;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 12pt;
	font-size: 12pt;
}

.djangoForumListDetails .forumDescription
{
	display: block;
	position: relative !important;
	position: static; /* ha! */
	z-index: 5;
	margin-top: -12pt;
	padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	margin-right: 100px;
}

#djangoForumList .djangoForumListDetails
{
	width: 70%;
	padding: 0;
}

#djangoForumList td,
#djangoForumThreadList td
{
	padding-left: 8px;
	padding-right: 8px;
}

.djangoForumListDetails
{
	padding: 0;
}

#djangoForumThreadList td
{
	width: 5%;
	text-align: center;
}

#djangoForumThreadList .djangoForumThreadListName
{
	width: 60%;
	text-align: left;
	background: #ddd;
}

#djangoForumList .djangoForumListLastPost,
#djangoForumThreadList .djangoForumThreadLastPost
{
	width: 30%;
	text-align: left;
}

#djangoForumThreadList .djangoForumThreadListName
{
	padding: 0;
	background: #ddd;
}

.threadName
{
	display: block;
	line-height: 2em;
	padding-left: 8px;
	padding-right: 8px;
}

#djangoForumThreadPosts
{
	width: 99%;
	margin: auto;
	border: 0;
	border-collapse: collapse;
	background-color: transparent;
	background-image: url("/static/hilight.png");
	background-position: center;
}

#djangoForumThreadPosts td
{
	padding-left: 8px;
	padding-right: 8px;
}


#djangoForumThreadPosts .djangoForumThreadPostDetail
{
	vertical-align: top;
	border-left: 1px solid #ddd;
	padding-top: 1em;
}

#djangoForumThreadPosts
{
}

#djangoForumThreadPosts .postfooter
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	text-align: right;
}

#djangoForumThreadPosts .postfooter td:first-child
{
	text-align: left;
	font-size: 7pt;
}


#djangoForumThreadPosts .post
{
	vertical-align: top;
	padding-top: 1em;
	border: 0;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 85%;
}

.post p
{
	margin: 0;
	margin-bottom: 1em;
}

#newThread
{
	width: 99%;
	margin: auto;
}

#newThread .label
{
	text-align: right;
	vertical-align: top;
}

#newThread #postThread
{
	text-align: center;
}


#newThread #postThread
{
	text-align: center;
}

table.songlist {
	border-collapse: collapse;
	border-spacing: 0px;
}

table.songlist td {
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

table.songlist th {
	padding: 3px;
}

table.songlist tr.row1 td {
	background-color: #d0d0d0;
}

table.songlist tr.row2 td {
	background-color: #c8c8c8;

}

#whosonline {
	line-height: 135%;
}

#whosonline span {
	white-space: nowrap;
}

#newestuser {
	line-height: 135%;
}

#newestuser span {
	white-space: nowrap;
}

.bubbleInfo {
	position: relative;
}

table.recentchanges {
	vertical-align:text-top;
	/*border-collapse: collapse;*/
	border-spacing: 2px;
	width: 90%;
}

table.recentchanges td {
	vertical-align:text-top;
	padding: 2px;
	padding-left: 18px;
	padding-right: 18px;
}

.recent_icon_header
{
	padding: 1ex;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	margin: 0;
	border: 0;
	background-image: url("/static/themes/default/glow.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.messagetitle {
	background-color: #000;
	color: #f00;
	padding-left: 8em;
	font-size: 12px;
	color: #f00; /* Text Colour */
	font-family: Consolas, Andale Mono, monospace;
	font-weight: bold;
	text-align: center;
}
.messageholder {
    background-color: #000;
	padding-left:  8em;
	padding-right: 8em;
}
.messagefade {
        background-color: #000;
}

.messagefadeborder {
	display: none;
}

.messagebox {
	border: 5px solid #f00;
	border-top-width: 0px;
	border-bottom-width: 0px;
	right: 0px;
	left: 0px;
	width: auto;
}

.messagetitle {
	border-top: 5px solid #f00;
}

.messagelist .messageholder:last-child  {
    border-bottom: 5px solid #f00;
}

.messagesetting-save, .messagesetting-cancel {
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-right-color: #888;
	border-bottom-color: #888;
}

.messagesetting-save:hover, .messagesetting-cancel:hover {
	background-color: #D8D8D8;
}

.messagesettingsbox {
	color: #000;
	background-color: #CCC;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #888;
	border-top-color: #EEE;
	border-left-color: #EEE;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	box-shadow: 5px 5px 5px #888888;
}

.messagesettingsbox h2 {
	text-align: center;
}

.messagetitle-flash {
	font-size: 12px;
	background-color: #400;
}
.messagetime,.messagecat,.messagetext {
	padding-right: 4em;
	font-size: 12px;
	color: #f00;
	font-family: Consolas, Andale Mono, monospace;
	font-weight: bold;
}

.messagetext  a {
	color: #f00 !important;
	text-decoration: underline;
}

.message-remove {
	font-size: 12px;
	font-family: Consolas, Andale Mono, monospace;
	font-weight: bold;
}

.message-display-settings {
	font-weight: bold;
}

select, input, textarea
{
	background-color: #eee;
	border: solid 1px #888;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	color: #000;
}

#main #id_file {
	width: 70em;
}

#main #id_title {
	width: 50em;
}

#main #id_info {
	width: 50em;
	height: 15em;
}

#linksform #id_LL_2_comment, #linksform #id_LL_3_comment, #linksform #id_LL_4_comment, #linksform #id_LL_5_comment, #linksform #id_LL_5_comment, 
#linksform #id_LL_6_comment, #linksform #id_LL_7_comment, #linksform #id_LL_8_comment, #linksform #id_LL_9_comment, #linksform #id_LL_10_comment, 
#linksform #id_LL_11_comment, #linksform #id_LL_12_comment, #linksform #id_LL_13_comment, #linksform #id_LL_17_comment, #linksform #id_LL_18_comment, 
#linksform #id_LL_19_comment, #linksform #id_LL_21_comment
{
	width: 30em;
}

#formvote  input , .queuesongimage {
	border: none;
	background-color: transparent;
}

.starbutton {
	min-height: 24px;
	height: 24px;
    display: table-cell;
    vertical-align: top;
	color: transparent;
}

.queuesongbutton {
	cursor: pointer;
	width: 25ex;
}

input[type=submit]
{
	color: #000;
	background-color: #eee;
	border: solid 1px #888;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
}

#sortsonglist {
	background-color: #ddd;
}

#screenshot-data
{
	float: left;
}

td.compilation_summary
{
	vertical-align: top;
}

div.taglist
{
	background-color: #ccc;
	border: 1px solid #888;
	border-left-color: #ddd;
	border-top-color: #ddd;
	margin-right: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	box-shadow: 5px 5px 5px #888888;
}

#id_groups, #id_labels, #id_artists
{
    height: 240px;
	width: 240px;
}

#nowplaying #screenshotview img
{
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#nowplaying span.songname
{
	display: block;
}

div#nowplaying span.artistname:before
{
	white-space: pre-line;
	content: "\A";
}

td.artist_details img.artist_logo
{
	width: 80%;
	height: auto;
}

td.artist_information
{
	width: 240px;
}

table.songstatlist.statistics
{
	padding: 2px;
	margin: 10px;
	color: #000;
	box-shadow: 2px 2px 8px #303030;
}

table.songstatlist tr th
{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background-color: #505050;
	padding: 3px 8px 3px 8px;
}

table.songstatlist tr td
{
	padding-left: 8px;
	padding-right: 8px;
}

table.songstatlist tr.row1 td
{
	background-color: #00000010;
}

table.songstatlist tr td:nth-child(n+2)
{
	text-align: right;
}