BODY.detail A:link { color:#000000;text-decoration: underline}
BODY.detail A:visited { color:#000000;text-decoration: underline}
BODY.detail A:hover { color:#FF6633;text-decoration: underline}
BODY.detail A:active { color:#ff0000;text-decoration: underline}

BODY.tree A:link, A:visited { color:#000000; text-decoration: none  }
BODY.tree A:hover { color:#FF6633; text-decoration: none }
BODY.tree A:active { color:#ff0000; text-decoration: none }

BODY.property {background-color: #727678; margin-left:inherit }

BODY.tree {font-size: 9pt; font-family: Arial,Helvetica,San-serif; background-color: #e2e6e8; }
BODY.tree TD {font-size: 9pt; font-family: Arial,Helvetica,San-serif} 
BODY.tree TH {font-size: 9pt; font-family: Arial,Helvetica,San-serif} 

BODY.title {font-size: 10pt; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; background-color: #727678; font-weight: bold}
BODY.copyright {font-size: 7pt; font-family: Arial,Helvetica,San-serif; background-color: #727678; color:#ffffff}
BODY.news {font-size: 8pt; font-family: Arial,Helvetica,San-serif; background-color: #727678; color:#ffffff}
BODY.news A:link { color:#000000;text-decoration: underline}
BODY.news A:visited { color:#000000;text-decoration: underline}
BODY.news A:hover { color:#FF6633;text-decoration: underline}
BODY.news A:color:#ff0000;text-decoration: underline}


BODY.detail {font-size: 10pt; font-family: Arial,Helvetica,San-serif; background-color: #a2a6a8; }
BODY.detail TD {font-size: 8pt; font-family: Arial,Helvetica,San-serif; vertical-align:top} 
BODY.detail TH {background-color: #727678; color:#ffffff; font-size: 9pt; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif} 
BODY.detail TD.even {background-color: #fafafa; font-size: 8pt; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; vertical-align:top} 
BODY.detail TD.odd {background-color: #f0f0f0; font-size: 8pt; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; vertical-align:top} 
BODY.detail TD.zero {background-color: #727678; color:#ffffff; font-size: 8pt; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; vertical-align:top} 
BODY.detail TD.score {font-size: 9pt; font-family: Arial,Helvetica,San-serif} 

.TR.odd  { background-color:#333333}
.TR.even { background-color:#444444}
.TR.header {background-color: #CCCCCC; color:#000000; }
TABLE.alt TR.odd  { background-color:#333333}
TABLE.alt TR.even { background-color:#444444}
TABLE.alt TR.header {background-color: #CCCCCC; color:#000000; }
TABLE.alt TD.odd  { background-color:#333333}
TABLE.alt TD.even { background-color:#444444}
TABLE.alt { background-color:#101010 }
TABLE.alt TD.header {background-color: #CCCCCC; color:#000000; }


P.persian { MARGIN: 0in 0in 0pt; DIRECTION: rtl; TEXT-ALIGN: right; unicode-bidi:embed; }
BR.persian { MARGIN: 0in 0in 0pt; DIRECTION: rtl; unicode-bidi:embed; TEXT-ALIGN: right }
BODY.persian { background-color: #a2a6a8; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; font-size: 11pt;  DIRECTION: rtl; unicode-bidi: embed; }
BODY.persian TH {background-color: #727678; color:#ffffff; font-family: Tahoma,Verdana,Arial,Helvetica,San-serif; font-size: 9pt; font-family: Arial,Helvetica,San-serif} 
BODY.persian A:link { color:#000000;text-decoration: underline}
BODY.persian A:visited { color:#000000;text-decoration: underline}
BODY.persian A:hover { color:#FF6633;text-decoration: underline}
BODY.persian A:active { color:#ff0000;text-decoration: underline}

BODY {
	SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #333333; SCROLLBAR-SHADOW-COLOR: #666666; SCROLLBAR-3DLIGHT-COLOR: #666666; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #666666; SCROLLBAR-DARKSHADOW-COLOR: #333333;   
}



/* Albums */


.albumHorizontal {
 clear: left;
}

.albumMed {
 width: 175px;
 height: 16.5em;
 margin-right: 14px;
 font-size: 11px; 
 float: left;
 position: relative;
}

.albumMedWithArtist {
  height: 17.5em;
}

div.catLeft div.albumMed {
  width: 45%;
  margin-right: 4%;
}

.albumMed a.cover {
  display: block;
  height: 93px;
  width: 93px;
  background: url('http://www.lachini.com/images/noalbum.gif') top left no-repeat;
}

.albumMed a.cover:hover,
body.black .albumMed a.cover:hover { 
  background-color: transparent;
} 

.albumMed a.cover img {
  width: 85px;
  height: 85px;
  margin: 1px 0 0 1px;
}

.albumContainer .details {
  display: block;
  font-size: 11px;
  line-height: 1.3em;
}

.lastChart .coverlink,
.lastChart a:hover.coverlink {
  text-decoration: none;
}


/* new buy buttons */

#LastWebsite a.buyButton {
  text-decoration: none !important;
  color: #969696;
  background-image: url("http://cdn.last.fm/depth/buttons/buybuttons/buy_button_left.gif");
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 4px;
  font-size: 11px;
  line-height: 14px;
  white-space: nowrap;
  padding-top: 1px;
  padding-bottom: 2px;
}

/* hacky IE6/7-workaround */

span.buyButtonWrapper {
  float: right;
  padding: 2px 0;
  margin-left: 5px;
}

td > span.buyButtonWrapper {
  padding: 0;
}

#LastWebsite table.previewPlaylist td > a.buyButton,
#LastWebsite table.previewPlaylist td > a.buyButton strong,
#LastWebsite table.previewPlaylist td > span > a.buyButton,
#LastWebsite table.previewPlaylist td > span > a.buyButton strong,
#LastWebsite table.recentList td > span > a.buyButton,
#LastWebsite table.recentList td > span > a.buyButton strong {
  padding-top: 2px;
}

* + html #LastWebsite a.buyButton,
* + html #LastWebsite table.previewPlaylist td > a.buyButton {
  padding-top: 0;
}

* + html #LastWebsite table.previewPlaylist td > a.buyButton strong {
  padding-top: 1px;
}

* + html #LastWebsite td > span.buyButtonWrapper {
  padding: 2px 0;
  position: relative;
  top: -1px;
}

* + html #LastWebsite table.recentList td > span > a.buyButton {
  padding-top: 0px;
}

* + html #LastWebsite table.recentList td > span > a.buyButton strong {
  padding-top: 1px;
}

#LastWebsite a.buyButton strong {
  background-image: url("http://cdn.last.fm/depth/buttons/buybuttons/buy_button_right.gif");
  background-position: right top;
  background-repeat: no-repeat;
  padding-right: 4px;
  font-weight: normal;
  color: #545454;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 11px;
}

#LastWebsite a.buyButton:hover {
  background-image: url("http://cdn.last.fm/depth/buttons/buybuttons/buy_button_left.gif") !important;
  background-color: transparent;
  background-repeat: no-repeat !important;
  background-position: left -100px;
}

#LastWebsite a.buyButton:hover strong {
  background-image: url("http://cdn.last.fm/depth/buttons/buybuttons/buy_button_right.gif") !important;
  background-position: right -100px;
  background-repeat: no-repeat;
}


div.albumFull ul.buyButtons {
  margin: 1.4em 0 0 0;
  padding: 0;
  clear: both;
}

div.albumMed {
  position: relative;
}

div.albumMed ul.buyButtons {
  margin: 0.7em 0 0 0;
  padding: 0;
  clear: both;
}

div.albumFull ul.buyButtons li,
div.albumMed ul.buyButtons li {
  margin: 0 0 0.7em 0;
  padding: 0;
  list-style-type: none;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#440000 #110000 #110000 #440000; /*light dark dark light*/
background-color: #330000;
text-decoration:none;
}

.buttonmenu li.current a{
color: white;
background-color: #990000;
}

.buttonmenu li.notcurrent a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#440000 #110000 #110000 #440000; /*light dark dark light*/
background-color: #330000;
text-decoration:none;
}

.buttonmenu li a:visited{
color: white;
}

.buttonmenu li a:hover {
color: white;
background-color: #660000;
}

.buttonmenu2{
list-style-type: none;
margin: 0;
padding: 0;
width: 350px;
}


.buttonmenu2 li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#440000 #110000 #110000 #440000; /*light dark dark light*/
background-color: #330000;
text-decoration:none;
}

.buttonmenu2 li.current a{
color: white;
background-color: #990000;
}

.buttonmenu2 li.notcurrent a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
border: 1px solid;
border-color:#440000 #110000 #110000 #440000; /*light dark dark light*/
background-color: #330000;
text-decoration:none;
}

.buttonmenu2 li a:visited{
color: white;
}

.buttonmenu2 li a:hover {
color: white;
background-color: #660000;
}

#ymwp-buy {display:none !important;} 

canvas {
  /* setting display to block is really important*/
  display: block;
}