﻿form.untouched #tagspage {
	background-color : #2a2a2a;
	color: #fff;
	margin-bottom : 2px;
}

form.untouched #tagspage .headericons
{
	margin-top : 5px;
	float : right;
	width : 60px;
}
form.untouched #tagspage #rsslink 
{
	float : left;
	text-indent: -10000px;
	width: 30px;
	height: 30px;
	background: url(../graphics/feed-icon-28x28.png) no-repeat 0 0;
	display: block;

}

form.untouched #tagspage #popuplink 
{
	float : left;
	text-indent: -10000px;
	width: 30px;
	height: 30px;
	background: url(../graphics/ikon28px-pop.gif) no-repeat 0 0;
	display: block;

}

/* Accordion styling*/
form.untouched #tagspage #searchaccordion
{
    width               : 440px;
}

form.untouched #tagspage .genreinfo 
{
	font-size: 0.7em;
	text-decoration: none;
	text-transform : uppercase;
	display:block;
	margin-left:5px;
	margin-right:5px;
	padding: 3px;
}

form.untouched #tagspage .head
{
	font-size : 2.0em;
	cursor:pointer;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	margin:5px;
	padding:5px;
	text-indent:14px;
	text-decoration: none;
	text-transform : uppercase;
	background-color : #2a2a2a;
}
form.untouched #tagspage .head:hover
{
	background-color:#999999;
}

form.untouched #tagspage #searchaccordion ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

form.untouched #tagspage #searchaccordion li {
	list-style:none outside none; 
	display:inline;
}

form.untouched #tagspage #searchaccordion ul li li
{
	height :300px;
}



/* End Accordion styling */


form.untouched .tagitem {
	display : none;
}      
      

form.untouched #tagspage a {
  color: #0281ca;
}      

      

form.untouched #tagspage .lefttags
{	
   background 		  : #4f4f4f; 
  width               : 525px;
  float               : left;
  min-height		  : 870px;
  margin-bottom		  : 4px;
}


form.untouched #tagspage .righttags
{
	background-color : #4f4f4f;
	float			 : right;
	width			: 445px;
	margin-left		: 2px;
	padding-left	:10px;
    height 			  : 870px;
}

form.untouched #tagspage #Pagination 
{	
	margin-top : 4px;
	margin-left : 4px;
}

/* Styling for låter */ 

form.untouched #tagspage .track 
{
	background : #2a2a2a;
	padding : 4px;
	margin-bottom : 2px;
	margin-top : 2px;
	margin-right : 4px;
	margin-left : 4px;
}      

form.untouched #tagspage .playing
{	
   background-color	  : #0c0c0c; 
}

form.untouched #tagspage .bandthumb 
{
	float :left;	
	overflow : hidden;
	height : 80px;
	margin : 2px;
}


form.untouched #tagspage .bandthumb img 
{
	margin : 4px;
	width  : 80px;	
	padding : 2px;
}
form.untouched #tagspage .bandthumb img:hover 
{
	border-left : solid 2px #4f4f4f;
	border-right : solid 2px #4f4f4f;
	width  : 80px;	
	margin : 2px;
}


form.untouched #tagspage .songmeta 
{
	width : 330px;
	float: left;
	
}

form.untouched #tagspage .songnav 
{
	width: 76px; 
	float: right;
}
form.untouched #tagspage .songmeta .bandname {
  font-weight: bold;
  font-size: 1.1em;
}


form.untouched #tagspage .songmeta .trackname {
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom             : 4px;
  padding-top             : 4px;
}

form.untouched #tagspage .songmeta div.tags  {
	 font-size: 0.8em;
}

form.untouched #tagspage .songmeta div.stats  {
	 font-size: 0.8em;
}


/*
form.untouched #tagspage .songnav li {display: inline;
text-indent: -10000px; margin-right: 0px; }

form.untouched #tagspage .songnav a { width: 19px; height: 19px; display: block; float:
left; margin-right: 0px; }

form.untouched #tagspage .songnav  li.play a { width: 31px; background: url(../graphics/sprite-icons17px.gif) no-repeat 0 0;}
form.untouched #tagspage .songnav  li.play a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat 0 -100px; }

form.untouched #tagspage .songnav  li.dl a { width: 45px; background: url(../graphics/sprite-icons17px.gif) no-repeat -31px 0;}
form.untouched #tagspage .songnav  li.dl a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat -31px -100px; }

form.untouched #tagspage .songnav  li.up a { background: url(../graphics/sprite-icons17px.gif) no-repeat -76px 0;}
form.untouched #tagspage .songnav  li.up a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat -76px -100px; }

form.untouched #tagspage .songnav  li.dn a { background: url(../graphics/sprite-icons17px.gif) no-repeat -95px 0;}
form.untouched #tagspage .songnav  li.dn a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat -95px -100px; }

form.untouched #tagspage .songnav  li.cmt a { background: url(../graphics/sprite-icons17px.gif) no-repeat -114px 0;}
form.untouched #tagspage .songnav  li.cmt a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat -114px -100px; }

form.untouched #tagspage .songnav  li.que a { background: url(../graphics/sprite-icons17px.gif) no-repeat -133px 0;}
form.untouched #tagspage .songnav  li.que a:hover { background: url(../graphics/sprite-icons17px.gif) no-repeat -133px -100px; }
*/

