body {margin: 0; padding: 0; background-color: #FFFFFF;  font-family: "Tahoma";  font-size: 8pt;}

.partheader { 
 border: 1px solid rgb(216, 216, 216); 
 background-color: rgb(238, 238, 238); 
 margin:0px; 
 height:20px; 

}
.bg {
  background-color:#f6a500; 
  width:20px;
  height:21px;
  background-image: url('images/news.gif');
  background-repeat: no-repeat;
  background-position: 3px 3px;
  float:left;
}
.htitle 
{
 color: rgb(59, 77, 107); 
 padding: 3px 0 0 25px;
 font-weight: bold; 
}

.partbody { 
 border: 1px solid rgb(209, 209, 209); 
 background-color: white; 
 color: rgb(106, 106, 106); 
 margin:5px 0 10px 0; padding:5px;}
 }

div.table { display: block; float: none; }
div.tr { display: block; float: none; clear: left; width: 100%;}
div.td { display: block; float: left; bo1rder: 1px dotted green}

.sort {font-size:7pt; 
padding:0 2px; 
margin-right: 7px; 
background-color:#5D89E0; 
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
color:white; text-decoration:none;
font-weight:100;
}

.listheader { 
margin:10px 10px 5px 0;
font-weight: bold; background-color: rgb(238, 238, 238); padding: 2px 0 3px 15px;
background-image: url(images/arrows.gif); 
background-repeat:  no-repeat;
background-position: 6px 2px;
}

#lpart {
background-image: url(images/dotted.gif); 
background-repeat:  repeat-y;
background-position: right;
}
#rpart {margin-left:5px;}
#main {margin:0.5%; width:98%}

.line {display: block; float: none; width:96%; clear: left; border-bottom:1px solid rgb(238, 238, 238); margin-left:10px}
.markedline {background-color: #FFFFEE; display: block; float: none; width:96%; clear: left; border-bottom:1px solid rgb(238, 238, 238); margin-left:10px}

.songname  {
display: block; float: left; width:50%; 
font-weight:bold; padding:10px 0;
}
.checkboxtitle   {
  display: block; float: right; text-align:center;
  margin-top: 10px;
  margin-right:1px;
  background-color:#5D89E0; 
  border: 1px outset;
  color:white; 
  font-size: 7pt;
  width:25px;
  cursor: hand;
}

.sep {float:right; height:33px; width:0px;border-right:1px solid rgb(238, 238, 238);}

.itemspace {width:31px; float: right; }
.emptyspace {width:31px; float: right; }

#orderbutton {text-align:right; margin-top:12px; margin-right:10px;}
.year {width:30px; float:left; font-weight:bold}
.mark {font-weight:bold}

.songs {padding-left:25px;}
//.albums {border:0; float:left; padding-top:3px; padding-right:2px; padding-left:10px;  }
.albums {border:0; float:left; margin-top:3px; margin-right:2px; margin-left:5px; background-color:#DDDDDD}

#song { font-size:10pt; color: #222222}   
h1 {font-size:6pt; font-weight:100; text-align:center; padding-left:10px; color: #555555}

.songtext {display:none}
.songlink {display:none}


#discograph {margin-left:10px;}
.lline {background-color: #FFFFFF; padding:6px 0 0 5px; height:18px;  border-bottom:1px solid rgb(238, 238, 238); }
.markedlline {background-color: #FFFFD5; padding:6px 0 0 5px; height:18px;  border-bottom:1px solid rgb(238, 238, 238); }

.r_backup {float:right;    display:block;    text-align:center;   margin-left:2px;   margin-right:2px;   background-color:#5D89E0;   border: 1px outset;   color:white;    font-size: 7pt;   padding-left:3px;   padding-right:3px;}
.r {float:right;    display:block;    text-align:center;   margin-left:2px;   margin-right:2px;   background-color:#f6a500;   border: 1px outset;   color:white;    font-size: 7pt;   padding-left:3px;   padding-right:3px;}
.r a {color:white; text-decoration:none}
.emptyr {float:right;    display:block;    margin-left:2px;   margin-right:2px;   text-align:center;   color:#EEEEEE;    border: 1px solid white;   font-size: 7pt;   padding-left:3px;   padding-right:3px;}
.sep2 {float:right; height:22px; width:0px; border-right:1px solid rgb(238, 238, 238);}

a {text-decoration:none}
a {word-spacing: normal}
a:hover {text-decoration: underline}
a {color: #3B4D6B;}

.lst {margin-bottom:5px}