code fixer

<style>

.pfor {display: none;}
#profile {background: transparent; border: 0px;}

a,a:hover{text-decoration: none;
color: black;}

body, #whole, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important }

#whole {
 position: absolute;
 top: 0px;
 left: -5px;
 right: 0px;
 bottom: 0px;

 overflow: hidden;
}

::-webkit-scrollbar {
 width: 4px;
 background-color: #D2C0C1;
}


::-webkit-scrollbar-thumb {
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
 background-color: #111111;
}

#whole2{
 position: absolute;
 top: 0px;
 left: -5px;
 right: 0px;
 bottom: 0px;
 overflow: hidden;
 -moz-transform: scaleY(-1);
 -o-transform: scaleY(-1);
 -webkit-transform: scaleY(-1);
 transform: scaleY(-1);
 filter: FlipV;
 -ms-filter: "FlipV";
background-position: bottom left;
 background-image: url(http://i68.tinypic.com/8zkw9i.jpg);
 background-size: auto 120%;
 background-repeat: no-repeat;
 background-color: #111111;}

@font-face {
 src: url(https://dl.dropboxusercontent.com/u/4556289/narrow_rectangle-7.ttf);
 font-family: 'buttonfont';
}

* {
 box-sizing: border-box;
}

#startbar {
 position: absolute;
 bottom: 0px;
 left: 0px;
 right: 0px;
 height: 50px;
 background: blue;
}

#backgroundfiller {
 position: absolute;
 top: 50px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 opacity: .7;
 box-shadow: -10px 10px 10px 65px #0082FE;
 box-sizing: border-box;
}

#startbutton {
 position: absolute;
 top: 7px;
 left: 20px;
 height: 30px;
 width: 100px;
 border-radius: 90px 90px 90px 90px;
 background: white;
 box-sizing: border-box;
 box-shadow: 0px 0px 4px 2px black;
 background: #111111;
 -webkit-transition: all .4s;
 transition: all .4s;
}

#startbutton:hover {
 box-shadow: 0px 0px 4px 0px black;
 -webkit-transition: all .2s;
 transition: all .2s;
}

#startbutton .additional {
 color: white;
 text-decotation: none;
 font-style: none;
 font-size: 9pt;
 text-align: center;
 float: left;
 margin-top: 8px;
 margin-left: 23px;
 letter-spacing: 6px;
 font-family: Arial;
 font-weight: 600;
 text-shadow: 1px 1px -1px white;
 -webkit-transition: all .5s;
 transition: all .5s;
}

#startbutton:hover .additional {
 -webkit-transition: all .1s;
 transition: all .1s;
 text-shadow: 1px 1px 5px white;
}

#startmenu {
 position: absolute;
 left: 0px;
 bottom: -45px;
 height: 450px;
 width: 260px;
 border: 0px solid black;
 z-index: -10;
 -webkit-transition: all 1s 10s;
 transition: all 1s 10s;
}

#startbutton:active #startmenu {
 -webkit-transition: all 0s 0s;
 transition: all 0s 0s;
 z-index: 1;
}

#startmenu:hover {
 -webkit-transition: all 0s 0s;
 transition: all 0s 0s;
 z-index: 2;
}

#option1 {
 position: absolute;
 height: 50px;
 width: 160px;
 border: 1px solid red;
}

#option2 {
 position: absolute;
 height: 50px;
 width: 160px;
 border: 1px solid red;
}

#option3 {
 position: absolute;
 height: 50px;
 width: 160px;
 border: 1px solid red;
}

#option4 {
 position: absolute;
 height: 50px;
 width: 160px;
 border: 1px solid red;
}

#option1,
#option2,
#option3,
#option4 {
 border-radius: 10px 10px 10px 10px;
 border: 0px solid white;
 opacity: 0;
 z-index: -10;
 margin-top: 10px;
 color: black;
 bottom: 0px;
 -webkit-transition: all 0s 10s, opacity 1s 9s, bottom 1s 9s;
 transition: all 0s 10s, opacity 1s 9s, bottom 1s 9s;
}

#startmenu:hover #option1,
#startmenu:hover #option2,
#startmenu:hover #option3,
#startmenu:hover #option4 {
 -webkit-transition: all 0s .5s, opacity 1s 0s, bottom 1s 0s;
 transition: all 0s .5s, opacity 1s 0s, bottom 1s 0s;
 opacity: 1;
 z-index: 0;
 margin-top: 0px;
}

#startmenu:hover #option1 {
 bottom: 295px
}

#startmenu:hover #option2 {
 bottom: 240px
}

#startmenu:hover #option3 {
 bottom: 185px
}

#startmenu:hover #option4 {
 bottom: 130px;
}

#titlesign {
 position: absolute;
 height: 100%;
 width: 89px;
 border: 0px solid white;
 z-index: 1;
 font-family: ;
 font-size: 25pt;
 letter-spacing: -1px;
 font-family: 'buttonfont';
 text-align: center;
 padding-top: 5px;
 margin-left: 40px;
}

#emblemsign {
 position: absolute;
 height: 100%;
 width: 50px;
 border: 0px solid white;
 z-index: 1;
 background-image: url();
 background-repeat: no-repeat;
 background-size: 100% 100%;
 margin-left: 0px;
}

#arrowsign {
 position: absolute;
 margin-left: 135px;
 height: 100%;
 width: 24px;
 border-left: 2px dashed black;
 background-image: url(http://i65.tinypic.com/1534qhy.jpg);
 background-repeat: no-repeat;
 background-size: 100% 100%;
 z-index: 10;
background-color: transparent;
}

#backgroundfiller2 {
 box-shadow: 0px 0px 0px;
 background: white;
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 bottom: 0px;
 z-index: 0;
 opacity: .7;
}

#optioncontainer:hover #backgroundfiller2{
background-color: #005AFE;
background-color: #3281CC;
}

#optioncontainer {
 position: absolute;
 left: 0px;
 top: 0px;
 height: 100%;
 width: 100%;
 z-index: 1;
 border-radius: 10px 10px 10px 10px;
}

#optioncontainer{
 overflow: hidden;
}

#dropmenu {
 position: absolute;
 height: 50px;
 width: 220px;
 border: 0px solid black;
 margin-left: 3070px;
 -webkit-transition: all 2s 1.1s, opacity .5s 1s ;
 transition: all 2s 1.1s, opacity .5s 1s;
 opacity: 0;
 z-index: -10;
padding-top: 13px;
 }

#option1:active #dropmenu,
#option2:active #dropmenu,
#dropmenu:hover {
 -webkit-transition: all 0s;
 transition: all 0s;
 opacity: 1;
 z-index: 1;
 margin-left: 170px;
}

#optioncontainer2{
 position: absolute;
 overflow: none;
 border-radius: 0px 0px 0px 0px;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 z-index: 1;
}

#selectionmenu{
float: left;
 width: 60px;
 height: 25px;
 text-align: center;
 font-family:'buttonfont';
 letter-spacing: 2px;
 font-size:10pt;
font-weight: 600;
 border-bottom:2px solid black;
 -webkit-transition: all .5s;
 transition: all .5s;
margin-left: 10px;
border-radius: 5px 5px 5px 5px;
background-color: grey;
padding-top: 2px;
}

#selectionmenu:hover{
 background: #005AFE;
}

#selectionmenu:active + #notepaddiv
{
 opacity: 1;
 -webkit-transition: all 0s 0s;
 transition: all 0s 0s;
 z-index: 10;
 top: 100px;
 left: 400px;
}

#selectionmenu:active + #notepaddiv2{
 top:130px; left:435px;
 opacity: 1;
 -webkit-transition: all 0s 0s;
 transition: all 0s 0s;
 z-index: 10;

}

#selectionmenu:active + #notepaddiv3{
 top:160px; left: 480px;
 opacity: 1;
 -webkit-transition: all 0s 0s;
 transition: all 0s 0s;
 z-index: 10;

}

#notepaddiv, #notepaddiv2, #notepaddiv3{
 position: fixed;
 top: -300px;
 left: -400px;
 height: 250px;
 width: 300px;
 overflow: hidden;
 background: transparent;
 border-radius: 30px 30px 30px 30px;
 z-index: -10;
 opacity: 0;
 -webkit-transition: all 0s 2s, z-index 0s 0s;
 transition: all 0s 2s, z-index 0s 0s;
}

#notepaddiv:hover{
 z-index: 120;
 opacity: 1;
 top: 100px;
 left: 400px;
}

#notepaddiv2:hover{
 z-index: 120;
 opacity: 1;
 top:130px; left:435px;
}
#notepaddiv3:hover{
 z-index: 120;
 opacity: 1;
 top:160px; left: 480px;
}

#notebar{
 position: absolute;
 left: 0px;
 right: 0px;
 top: 0px;
 height: 30px;
 border-bottom: 2px solid black;
 z-index: 1;
 font-family:'buttonfont';
 text-align: center;
 font-size: 15pt;
}

#notebody{
 position: absolute;
 top: 32px;
 left: 2px;
 right: 2px;
 bottom: 2px;
 background: gray;
 z-index: 1;
 font-family:'buttonfont';
 font-size: 15pt;
 text-align: left;
 padding-left: 2px;
padding-top: 5px;
 border-radius: 0px 0px 30px 30px;
overflow: auto;
padding-bottom: 20px;
}

#musicplayer{
 position: fixed;
 right: 0px;
 bottom: 220px;
 height: 220px;
 width: 200px;
 border: 0px solid white;
 overflow: hidden;
 padding-top: 2px;
 -webkit-transition: all 1s;
 transition: all 1s;
 z-index: 0;
 opacity: 0;
}


#songselect{
 float: left;
 height: 30px;
 width: 100%;
 border-radius: 5px 5px 5px 5px;
 border: 0px solid red;
 margin-bottom: 4px;
 overflow: hidden;
 font-family:'buttonfont';
 font-size: 12pt;
 padding-top: 4px;
 letter-spacing: 5px;
 text-align: center;
 background: gray;
 -webkit-transition: all 1s;
 transition: all 1s;
}

#songselect:hover{
 background: #0082FE;
}


#playlist{
 position: fixed;
 right: 100px;
 bottom: 100px;
 height: 100px;
 width: 200px;
 border: 0px solid white;
 overflow: hidden;
 z-index: 0;
 opacity: 0;
 -webkit-transition: all 1s;
 transition: all 1s;
}

#nowplaying1A,#nowplaying1B,
#nowplaying1C,#nowplaying1D,
#nowplaying1E{
 position: absolute;
 height: 98px;
 width: 198px;
 border: 0px solid red;
 z-index: -2;
 opacity: 0;
 color: black;
 -webkit-transition: all 1s;
 transition: all 1s;
 border-radius: 70px 70px 70px 70px;
 overflow: hidden;
 font-family: 'buttonfont';
 text-align: center;
}

#nowplayingtitle{
 position: absolute;
 top: 0px;
 left: 0px;
 right: 0px;
 height: 25px;
 border-bottom: 2px solid black;
 padding-top: 1px;
 letter-spacing: 5px;
 z-index: 1;
}

#nowplayingmarquee{
 position: absolute;
 top: 25px;
 left: 0px;
 right: 0px;
 height: 40px;
 width: 100%;
 padding-top: 5px;
 z-index: 1;
 font-size: 20pt;
}

#nowplayingartist{
 position: absolute;
 top: 65px;
 height: 35px;
 width: 100%;
 border-top: 2px solid black;
 padding-top: 5px;
 z-index: 1;
}

#backgroundfill{
 position: absolute;
 z-index: 0;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 100%;
 opacity: .4;
 background: #0082FE;
}

#list1:target #musicplayer,
#list1A:target #musicplayer,
#list1B:target #musicplayer,
#list1C:target #musicplayer,
#list1D:target #musicplayer,
#list1E:target #musicplayer{
 z-index:1;
 opacity: 1;
 right: 100px;
}

#list1A:target #nowplaying1A,
#list1B:target #nowplaying1B,
#list1C:target #nowplaying1C,
#list1D:target #nowplaying1D,
#list1E:target #nowplaying1E
{opacity: 1;
 -webkit-transition: z-index 0s, opacity 1s .2s;
 transition: z-index 0s, opacity 1s .2s;
z-index: 1;}

#list1A:target #playlist,
#list1B:target #playlist,
#list1C:target #playlist,
#list1D:target #playlist,
#list1E:target #playlist
{z-index:1;
opacity: 1;}

#song1A, #song1B, #song1C, #song1D, #song1E{
 position: fixed;
 opacity: 0;
 top: -300px;
 display: none;
}

#list1A:target #song1A,
#list1B:target #song1B,
#list1C:target #song1C,
#list1D:target #song1D,
#list1E:target #song1E{
 display: block;
}




/* HELP MENU START */

#helpcover{
 position: fixed;
 top: 10px;
 right: 0px;
 border: 0px solid white;
 height: 130px;
 width: 400px;
}

#helpmenu{
 position: absolute;
 top: 40px;
 right: 40px;
 height: 50px;
 width: 50px;
 border-radius: 90px 90px 90px 90px;
 border: 0px solid black;
 box-shadow: 0px 0px 0px 0px black;
 -webkit-animation: pulsering 3s 0s infinite;
animation: pulsering 3s 0s infinite;
}

#animatedring1{
 position: absolute;
 top: -10px;
 left: -10px;
 height: 70px;
 width: 69px;
 border-radius: 90px 90px 90px 90px;
 border: 0px solid red;
 box-shadow: 0px 0px 0px 0px black;
 -webkit-animation: pulsering 3s 1s infinite;
animation: pulsering 3s 1s infinite;
}

#animatedring2{
 position: absolute;
 top: -20px;
 left: -20px;
 height: 90px;
 width: 88px;
 border-radius: 90px 90px 90px 90px;
 box-shadow: 0px 0px 0px 0px black;
 -webkit-animation: pulsering 3s 2s infinite;
animation: pulsering 3s 2s infinite;
}

@-webkit-keyframes pulsering{
 0%{box-shadow:0px 0px 0px 0px #3281cc;}
 50%{box-shadow:0px 0px 10px 1px #3281cc;}
 100%{box-shadow:0px 0px 0px 0px #3281cc;}
}

@keyframes pulsering{
0%{box-shadow:0px 0px 0px 0px #3281cc;}
 50%{box-shadow:0px 0px 10px 1px #3281cc;}
 100%{box-shadow:0px 0px 0px 0px #3281cc;}
}


#questionmark{
 position: absolute;
 top: 0px;
 left: 0px;
 height: 50px;
 width: 50px;
 border-radius: 90px 90px 90px 90px;
 border: 0px solid red;
 font-family:'buttonfont';
 font-size: 30pt;
 color: #3281cc;
 box-sizing: border-box;
 text-align: center;
 padding-top: 2px;
 padding-left: 2px;
 -webkit-transition: all 1s;
 transition: all 1s;
 text-shadow: 0px 0px 0px transparent;
}

#helpdisplay{
 position: absolute;
 top: 0px;
 bottom: 0px;
 right: 120px;
 margin: auto;
 border-radius: 5px 5px 5px 5px;
 height: 30px;
 width: 0px;
 border: 0px solid green;
 overflow: hidden;
 -webkit-transition: all 1s;
 transition: all 1s;
}

#helptext{
 left: 0px;
 top: 0px;
 position: absolute;
 font-family:'buttonfont';
 text-align: center;
 height: 100%;
 width: 260px;
 font-size: 13pt;
 box-sizing: border-box;
 padding-top: 3px;
 color: black;
 background: #3281cc;
}

.hoverlink{
 text-decoration: underline;
 color: black;
 font-weight: 400;
 -webkit-transition: all 1s;
 transition: all 1s;
}

.hoverlink:hover{
 font-weight: 600;
}

#helpcover:hover #questionmark{
 color: white;
 text-shadow: 0px 1px 18px white;
}

#helpcover:hover #helpdisplay{
 width: 260px;
 right: 65px;
}

#explaintab{
 position: fixed;
 margin-top: 20px;
 margin-left: 0px;
 height: 0px;
 width: 0px;
 border: 0px solid white;
 border-radius: 30px;
 overflow: hidden;
 background: #3281cc;
 font-family: 'buttonfont';
 font-size: 13pt;
 text-align: left;
 color: black;
 box-sizing: border-box;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 6px;
 -webkit-transition: opacity .5s 0s, all .3s 0s;
 opacity: 0;
}

.hoverlink:hover + #explaintab{
 opacity: .8;
 -webkit-transition: opacity .5s 0s, all 0s 0s;
 height: 200px;
 width: 200px;
}


/* HELP MENU END */




</style>

<div id="whole2">
</div>

<div id="whole">

 <div id="startbar">
 <div id="backgroundfiller" style="background: blue;">
 </div>
 <div id="startbutton">
 <a class="additional">
 start</a>
 <div id="startmenu">

 <div id="option1">

 <div id="optioncontainer">
 <div id="emblemsign" style="background-image:url(http://i67.tinypic.com/dyup92.jpg);">
 </div>
 <div id="titlesign">notes
 </div>
 <div id="arrowsign">
 </div>
 <div id="backgroundfiller2">
 </div>
 </div>

 <div id="dropmenu">
 <div id="selectionmenu">coding
 </div>

 <div id="notepaddiv">
 <div id="notebar">
 coding.
 </div>
 <div id="notebody">
<font style="font-size:12pt;">Currently taking commissions for custom profiles. Willing to do code for individual elements, layout skeletons or entirely customized and themed layouts with prices varying accordingly.<br><br>
Currently working on general layouts, if interested please send a PM or mail describing what would interest you.
</font>
 </div>
 <div id="backgroundfiller2">
 </div>
 </div>

 <div id="selectionmenu">fixing
 </div>


 <div id="notepaddiv2">
 <div id="notebar">
 fixing.
 </div>
 <div id="notebody">
 I <strike>will</strike> may fix your code.
<br><br>
<font style="font-size:12pt;">This is highly dependent on what I'm doing at the moment. If I'm busy, I may simply not have time to help. However, if I'm on this name then I'm likely willing to at least put some time and effort into it. The main key is to just to <u>ask me</u>. </font>
 </div>
 <div id="backgroundfiller2">
 </div>
 </div>

 <div id="selectionmenu">ooc
 </div>

 <div id="notepaddiv3">
 <div id="notebar">
 ooc.
 </div>
 <div id="notebody">
 Please ask nicely.
 <br>I'm an <b>amateur</b> coder. Very sloppy.
 <br> Profile is WIP.
 <br>All code used here is my own.<br><br>
If I'm asleep or away, just leave any requests via PM or RPC mail,<br>
I live in the Eastern US (GMT -5).<br><br>
YES, this is the profile for the <b>code fixer</b> profile. This isn't a temp.
 </div>
 <div id="backgroundfiller2">
 </div>
 </div>


 </div>
 </div>

 <div id="option2">
 <div id="optioncontainer">

 <div id="emblemsign" style="background-image:url(http://i63.tinypic.com/fbgihd.jpg);">
 </div>
 <div id="titlesign">music
 </div>
 <div id="arrowsign">
 </div>
 <div id="backgroundfiller2">
 </div>
 </div>

 <div id="dropmenu">
 <a href=#list1>
 <div id="selectionmenu">list 1
 </div>
 </a>
 <div id="selectionmenu"><strike>list 2</strike>
 </div>
 <div id="selectionmenu"><strike>list 3</strike>
 </div>


 </div>

 </div>

 <div id="option3">
 <div id="optioncontainer">
 <div id="backgroundfiller2">
 </div>

 </div>
 </div>

 <div id="option4">
 <div id="optioncontainer">
 <div id="backgroundfiller2">
 </div>
 </div>
 </div>

 </div>
 </div>
 </div>

 <div id="list1">
 <div id="list1A">
 <div id="list1B">
 <div id="list1C">
 <div id="list1D">
 <div id="list1E">

 <div id="song1A">
<embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/nd475uchysfy4a5/01%20Go%20Straight.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
 </div>


 <div id="song1B">
<embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/46au6c92bpbzf1x/01-Ruthless.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
 </div>

 <div id="song1C">
<embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/vqp3zwltan8hxle/1-02%20Turn%20It%20Down%20%28with%20Rebecca%20%26%20Fi.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
 </div>

 <div id="song1D">
<embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/s3kbnokw4zt33oq/102%20-%20AIM%20TO%20WIN%20%28Character%20Select%29.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
 </div>


 <div id="song1E">
<embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/u/4556289/Prefuse%2073%20-%20Drum%20Machine%2C%20Cello%2C%20Headwrap.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
 </div>


 <div id="musicplayer">
 <a href=#list1A>
 <div id="songselect">
 go straight

 </div>
 </a>
 <a href=#list1B>
 <div id="songselect">
 ruthless
 </div>
 </a>
 <a href=#list1C>
 <div id="songselect">
 turn it down
 </div>
 </a>
 <a href=#list1D>
 <div id="songselect">
 aim to win
 </div>
 </a>
 <a href=#list1E>
 <div id="songselect" style="letter-spacing: 0px;">
 drum machine, cello, headwrap
 </div>
 </a>
 <a href=#cancel>
 <div id="songselect">
 (CANCEL)
 </div>
 </a>



 </div>
 <div id="playlist">
 <div id="nowplaying1A">
 <div id="nowplayingtitle">now playing
 </div>
 <div id="nowplayingmarquee">

 <marquee direction="left" scrollamount="3">
 GO STRAIGHT (STREETS OF RAGE 2)
 </marquee>

 </div>
 <div id="nowplayingartist">yuzo koshiro
 </div>
 <div id="backgroundfill">
 </div>

 </div>
 <div id="nowplaying1B">

 <div id="nowplayingtitle">
 now playing
 </div>
 <div id="nowplayingmarquee">

 <marquee direction="left" scrollamount="3">
 RUTHLESS (MAX ANARCHY)
 </marquee>

 </div>
 <div id="nowplayingartist">tre-dot
 </div>
 <div id="backgroundfill">
 </div>
 </div>

 <div id="nowplaying1C">
 <div id="nowplayingtitle">now playing
 </div>
 <div id="nowplayingmarquee">

 <marquee direction="left" scrollamount="3">
 TURN IT DOWN (with Rebecca & Fiona) / FIRE & ICE
 </marquee>

 </div>
 <div id="nowplayingartist">kaskade
 </div>
 <div id="backgroundfill">
 </div>
 </div>


 <div id="nowplaying1D">
 <div id="nowplayingtitle">now playing
 </div>
 <div id="nowplayingmarquee">
 <marquee direction="left" scrollamount="3">
 AIM TO WIN (character select) / tekken tag tournament 2
 </marquee>

 </div>
 <div id="nowplayingartist">akitaka tohyama
 </div>
 <div id="backgroundfill">
 </div>
 </div>


 <div id="nowplaying1E">
 <div id="nowplayingtitle">now playing
 </div>
 <div id="nowplayingmarquee">
 <marquee direction="left" scrollamount="3">
 DRUM MACHINE, CELLO, HEADWRAP / EXTINGUISHED:OUTTAKES
 </marquee>

 </div>
 <div id="nowplayingartist">prefuse 73
 </div>
 <div id="backgroundfill">
 </div>
 </div>
 </div>

 </div>
 </div>
 </div>
 </div>
 </div>


<div id="helpcover">
<div id="helpmenu">
 <div id="animatedring1">
 </div>
 <div id="animatedring2">
 </div>
 <div id="questionmark">?
 </div>
 <div id="helpdisplay">
 <div id="helptext">
 hover for explanation: <a title="" class="hoverlink">notes</a>
 <div id="explaintab">
 After clicking each note, the window is available for a short time.
To extend the duration, simply hover on the note to keep it available.
After 2-3 seconds without hovering, the note will naturally vanish on its own.
 </div>
 / <a title="" class="hoverlink">music</a>
 <div id="explaintab">
 After launching a music list, simply click any song to play it.
In order to switch to a different song, select it from the list as well.
When you wish to stop the music altogether, simply click 'CANCEL' or switch to a different music list.
 </div>
 </div>
 </div>
</div>

</div>


 </div>