body			
{	
background:#ffffff;
background: linear-gradient(to right, #ffffff, #f5f5f5) ;
font-family : verdana, arial, sans-serif ;
font-size : 13px ;
}
.bordpicture{
	

}
#smallpicture{

}
.hidenotes {
position:absolute;
display:none;
}

#staffspacer
{
position:fixed;
top:38px;
left:150px;

padding: 2px;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
z-index:1;
}
#showuserstatus
{
position:fixed;
top:16px;
left:22px;
padding: 0px;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
z-index:0;
}
#showuserkey
{
position:fixed;
top:35px;
left:22px;
padding: 0px;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
z-index:0;
}
#showuserline
{
position:fixed;
top:54px;
left:22px;
padding: 0px;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
z-index:0;
}
#tiedotrest
{
position:fixed;
top:38px;
left:100px;
padding: 0px;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;

}
#selDisplay
{
position:fixed;
top:74px;
left:100px;

width:48px;
height:40px;
z-index:2;
overflow:hidden;
float:none;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
}		

#selectAdvance
{
position:fixed;
top:62px;
left:0px;

width:20px;
height:13px;
z-index:2;
overflow:hidden;
float:none;
border-width: 1px;
border-style:solid;
border-color: #00ff00;
background-color: #eeeeee;
}	
#trashcan
{
position:fixed;
top:0px;
left: 661px;
background-color:#eeeeee;
  z-index:23;
}
#pos_fixed_finger_instruct
{
position:fixed;
top:0px;
left:675px;
font-size : 13px ;
width:160px;
color:333333;
background: linear-gradient(to right , #dddd66 , #ffffff);	
border-width: 0px;


  z-index:23;
}
.pos_fixed_removetoend
{
position:fixed;
top:20px;
left:712px;

background-color:#eeeeee;
box-shadow:5px 4px 1px gray;
  z-index:22;
}

.pos_fixed_removesection
{
position:fixed;
top:20px;
left:712px;
background-color:#eeeeee;
box-shadow:5px 4px 1px gray;
  z-index:22;
}
.pos_fixed_capture
{
position:fixed;
top:20px;
left:837px;

background-color:#eeeeee;
box-shadow:5px 4px 1px gray;
  z-index:22;
}
div.killplayer	{	
position: fixed;
top: 0px;
left:146px;

 z-index:22;
height:16px;
padding:0px;
border-width: 1px;
border-style:solid;
border-color: red;
background-color:#555555;

 
 
   }     

.pos_fixed_undo
{
position:fixed;
top:20px;
left:550px;
background-color:#eeeeee;
box-shadow:5px 4px 1px gray;
  z-index:22;
}
.pos_fixed_logout
{
position:fixed;
top:20px;
left:967px;
background-color:#eeeeee;
box-shadow:5px 4px 1px gray;
  z-index:22;
}
.pos_fixed_insertoff
{
position:fixed;
top:0px;
left:580px;
background-color:#eeeeee;

  z-index:25;
}
.pos_fixed_refresh
{
position:fixed;
top:0px;
left:620px;
background-color:#eeeeee;

  z-index:25;
}
.pos_fixed_titlebar
{
position:fixed;
top:2px;
left:175px;
  z-index:22;
}
.pos_fixed_reset
{
position:fixed;
top:20px;
left:600px;
background-color:#eeeeee;
border: 0px solid #aaaaaa;
box-shadow:5px 4px 1px gray;
  z-index:24;
}
.pos_fixed_pastelink
{
position:fixed;
top:20px;
left:837px;
background-color:#eeeeee;
border: 0px solid #aaaaaa;
box-shadow:5px 4px 1px gray;
  z-index:22;
}
.pos_fixed_copytableBack
{
position:fixed;
top:0px;
left:0px;
height:20px;
width:100%;
background-image:url('images/noteWriterhome.gif');
background-repeat:no-repeat;
padding: 0px;
  z-index:22;
background-color:#eeeeee;
box-shadow:20px 10px 5px gray;
}

.pos_fixed_copytableBackMain
{
position:fixed;
top:0px;
left:0px;
height:20px;
width:100%;

padding: 0px;
  z-index:22;
background-color:#eeeeee;
box-shadow:20px 10px 5px gray;
}
.pos_fixed_newkey
{
position:relative;
top:-43px;
left:43px;
width: 450px;
height:200px;
padding: 20px;
background-color:#eeeeee;
border: 1px solid #29216d;
 box-shadow:20px 10px 5px gray;
}
#writeSetupInstruct
{
position:fixed;
top:46px;
left:580px;
font-size:20px;
background-color:#eeeeee;
}
#writeAddInstruct
{
position:fixed;
top:126px;
left:280px;
font-size:20px;
background-color:#eeeeee;
}

#PositMaskLeft
{
	cursor:pointer;
}
#PositMaskRight
{
	cursor:pointer;
}

.pos_fixed_secure
{
position:fixed;
top:102px;
left:-2px;

}
.pos_fixed_va
{
position:fixed;
top:170px;
left:0px;
width:20px;
background-color:#eeeeee;
  z-index:22;
}
.pos_fixed_oneup
{
position:fixed;
top:200px;
left:0px;
width:20px;
  z-index:22;
  background-color:#eeeeee;
}
#pos_fixed_new_window
{
position:fixed;
top:0px;
left:835px;
width: 22px;
padding: 0px;
 z-index:23;

}


.slide-out-div-clparam {
position: absolute;	
padding: 1px;
width: 110px;
height:34px;
background-color:#eeeeee;
float:left;
border: 1px solid #29216d;
z-index:4000;
display: none;
}   
a.handleclparam{

	
}

.clefsBehind{
	position:fixed;
top:0px;
left:146px;
}
.slide-out-div-clefs {
padding: 1px;
width: 65px;
height: 40px;
background-color:#eeeeee;
float:left;
border: 1px solid #29216d;
}
.slide-out-div-home {

  padding: 0px;
  width: 116px;
  height: 65px;
  display: none;
  background-color:#eeeeee;
  background-image:url('images/billy.gif ');
  background-repeat:no-repeat;
float:left;
  border: 0px solid #29216d;
  z-index:8100;
} 
.slide-out-div-inst {

  padding: 2px;
    padding-top: 8px;
  width: 90px;
  height: 40px;
  background-color:#eeeeee;
 
float:right;
  border: 1px solid #29216d;
  z-index:103;
}
.slide-out-div-other {
position: absolute;
  padding: 0px;
  width: 280px;
  height: 35px;
  background-color:#eeeeee;
 margin : 0px ;
  border: 1px solid #29216d;
 z-index:4001;
 display: none;
} 

.slide-out-div-play {
position: absolute;

  padding: 4px;
  width: 520px;
  height: 60px;
 
 background-color:#eeeeff;
display: none;
white-space:nowrap;
  border: 1px solid #29216d;
  z-index:8000;
} 
.slide-out-div-fingers {
position: absolute;
  padding-top: 2px;
  width: 430px;
  height: 52px;
 color:red;
 
display: none;

  border: 0px solid #29216d;
  z-index:8000;
} 
.slide-out-div-mult {
position: absolute;
  padding: 2px;
  width: 100px;
  height: 16px;
  background: linear-gradient(to right, #ffffff, #aaaaaa);
  border: 1px solid #29216d;
  z-index:8200;
  display:none;
} 
.slide-out-div-text {
   position: absolute;
  padding: 3px;
  width: 210px;
  height: 30px;
  background-color:#eeeeee;
  border: 1px solid #29216d;
  z-index:2200;
    display:none;
}  

#idiv_signin {
position: absolute;
top: 0px;
left: 0px;

height:200px;

border-width: 0px;
border-style:solid;
border-color: lightgreen;
overflow:hidden;
}
#iframe_signin {
height: 100%;
width: 100%;
border-width: 0px;
overflow:hidden;
}        
.slide-out-div-login-write {
padding-left: 20px;
padding-top: 20px;
width: 180px;
background-color:#eeeeee;

border: 0px;
}  

#headWebstrument{
position:fixed;

font-size:14px;
padding:0px;
margin:0px;
top:0px;
left:906px;
white-space:nowrap;
height:20px;
background-color:#eeeeee;
}

#timeMessage{
position:fixed;
padding:0px;
top:0px;
left:702px;
width:30px;
height:20px;
}


#noteimg{
position:fixed;
top:0px;
left:754px;
width:60px;
height:101px;
white-space:nowrap;

opacity:0.6;
}

#inst_Display {
position:fixed;
top:38px;
left:184px;
list-style-type: none;
height:65px;
width:550px;
white-space:nowrap;
 overflow: hidden;
border-width: 2px;
border-style:solid;
border-color: #eeeeee;
z-index:8;
}


#finger_Display {
float:right;
height:48px;
width:388px;
border-width: 0px;
border-style:solid;
border-color: #ffff00;
background-color:#eeeeee;

background-position: 28px -3px;

white-space:nowrap;
z-index:8;
}
#pianofinger_Display {
float:right;
height:48px;
width:398px;
border-width: 0px;
border-style:solid;
border-color: #ffff00;
background-color:#eeeeee;

white-space:nowrap;
z-index:8;
}

.fingersOff{
	position:fixed;
top:0px;
left:910px;
width:20px;
  z-index:22;
 
}


 .handlefingers {
position:relative;

left:160px;
border-width: 0px;
border-style:solid;
border-color: #ffff00;

z-index:8;
}

 #pianoDisplay_keytip {
position:absolute;
top:32px;
left:32px;
list-style-type: none;

height:12px;
z-index:0;
border-width: 0px;
border-style:solid;
border-color: #ffff00;
}
#pianoDisplay_keytip li {
display: inline;
margin: 0px;
padding: 0px;


z-index:9;
}
#inst_keytip {
position:fixed;
top:73px;
left:216px;
list-style-type: none;

height:20px;
z-index:9;
border-width: 0px;
border-style:solid;
border-color: #ffff00;
}
#inst_Display li {
display: inline;
margin: 0px;
z-index:9;
}
#finger_Display li {
display: inline;
margin: 0px;
padding: 0px;
max-height:8px; 
height:8px;
z-index:9;
}
#pianofinger_Display li {
display: inline;
margin: 0px;
padding: 0px;

height:40px;
z-index:9;
}
#inst_keytip li {
display: inline;
margin: 0px;
}
#pianoDisplay_keytip li {
display: inline;
margin: 0px;
}
.soundholes
{

display: none;
}	
.addcomm
{
position:absolute;
top:70px;
left:20px;
width:800px;

z-index:1105;

}	
.wordinput
{
position:relative;
top:0px;
left:0px;
height:0px;
z-index:1105;

}	
.chordinput
{
position:relative;
top:0px;
left:0px;

z-index:1105;
}	
#nextCtdown
{
position:fixed;
top:0px;
left:305px;
z-index:22;
width:30px;
 
background-color:#eeeeee;
}
#nextCtdownArrow
{
position:fixed;
top:0px;
left:258px;
z-index:22;
width:45px;
background-image:url('images/arrow_right.gif');
background-repeat: no-repeat;
background-position: right;
background-color:#eeeeee;
}	
#nextCtbackArrow
{
position:fixed;
top:0px;
left:200px;
z-index:22;
width:50px;
text-align:right;
background-image:url('images/arrow_left.gif');
background-repeat: no-repeat;

background-position:left;
background-color:#eeeeee;
}		
div.scrolllog
{
position:absolute;
top:0px;
left:795px;

width:95px;
height:160px;

overflow:auto;
float:none;
}	
div.unnoived
{
position:absolute;
top:26px;
left:0px;
background:#eeeeee;
width:150px;
height:120px;
overflow:auto;
float:none;
}		

div.follog
{
position:absolute;

left:0px;
top:155px;
width:180px;

float:none;
}		

.slide-out-div-file {
top: 110px;
width:190px; 
bottom: 0px;
background-color:#eeeeee;
z-index:1;
border: 1px solid #29216d;
}
.staffstatic{
	background-image:url('notes/st_0_1.png');
	background-attachment: relative;
	background-position: 0px 30px;
	background-repeat:repeat-x;
}

#tagline	{	
position: absolute;
top: 19px;
left: 185px;
width:520px;
border-width: 0px;
background-color:#eeeeee;

}
#headRefresh{	
position: fixed;
top: 90px;
left: 150px;
padding:0px;
margin:0px;
border-width: 1px;
border-style:solid;
border-color: green;
z-index:22;
   }  
#muse{	
position: fixed;
top: 40px;
left: 75px;
padding:0px;
margin:0px;

z-index:22;
   }  

#loadbulb{	
position: fixed;
top: 26px;
left: 908px;
border-width: 0px;
z-index:23;
cursor:pointer;
}  
 
#loadline	{	
position: fixed;
top: 0px;
left: 340px;
height:18px;
width:360px;
padding:0px;
margin:0px;
background: linear-gradient(to right , #eeee66 , #ffffff);	
border-width: 0px;
z-index:22;

}  
 #tipline{	
position: fixed;
top: 22px;
left: 908px;
height:70px;
width:260px;

border-width: 0px;
z-index:22;

} 
 #crumbrush, #crumbrushrush{
position:absolute;
top:0px;
left:340px; 
color:#333333;
font-size:13px;
background-color: #e8e7f9;	
border-width: 0px;
height: 15px; 
width: 540px;
text-indent:15px;
padding: 0px; 
z-index:1;
	
}
#crumbrushrush {
left:340px; 
width: 300px;
text-indent:25px;
z-index:0;
	
}
#metsoundMessage{	
position: fixed;
top: 19px;
left: 870px;
}  

div.Note1{

border-width: 0px;
max-width:30px;
}
div.Note2{

border-width: 0px;

}
img.n0{
	height:4px;
	width:0px;
}
img.n1{
	height:4px;
	width:16px;
}

img.n2{
	height:4px;
	width:20px;
}
img.n3{
	height:4px;
	width:10px;
}
img.n4{
	height:4px;
	width:30px;
}
img.n5{
	height:4px;
	width:1px;
}
img.n6{
	height:16px;
	width:16px;
}
.playloading{
position:fixed;
top:0px;
left:160px;
border-width: 2px;
border-style:solid;
border-color: green;
z-index:23;
}
     
div.speedinst	{	
position: absolute;
top: 30px;
left: 210px;
border-width: 0px;
border-style:solid;
border-color: blue;

   }               
div.speedinst2	{	
position: absolute;
top: 50px;
left: 370px;
border-width: 0px;
border-style:solid;
border-color: lightblue;

   }      
#speedfeed	{	
position: absolute;
top: 50px;
left: 220px;
border-width: 0px;
border-style:solid;
border-color: lightblue;

   }      
#speedlogo	{	
position: absolute;
top: 40px;
left: 2px;
height:37px;
width: 95px;
background-image:url('images/noteWriter.png');
background-repeat:no-repeat;
   }      
#speedtit	{	
position: absolute;
top: 20px;
left: 100px;
   }   
   
   
  #volumcontroller {
	position: absolute;
	top: 21px;
	left: 210px;  
    height: 30px;
    width: 60px;
  background-color:#eeeeff;
}

    #volumsheet {
	position: absolute;
    top: 18px;
	left: 150px;  
    height: 20px;
    width: 60px;
}

          
.headhead		{	
color : #111111 ;
padding:0px;
position:fixed;
left:0px;
top:-25px;
margin-left : 0px ;
margin-top : 0px ;
height:176px;
width: 200px;
opacity:0.3;
z-index:-1;
}
.headtail		{	
color : #111111 ;
padding:0px;
font-family : verdana, arial, sans-serif ;
position:fixed;
left:600px;
top:-4px;
margin-left : 0px ;
margin-top : 0px ;
height:145px;
width: 400px;
opacity:0.3;
z-index:-1;
}
          
#hmultiply
{
position:relative;
top:0px;
left:0px;
padding:0px;
background-color:#eeeeee;
z-index:2;
}          
#headtable {
position:fixed;
top: 0px;
left: 0px;
overflow:hidden;
}
#hidepars {
position:fixed;
top: 200px;
left: 0px;
background-color:#eeeeee;
overflow:hidden;
}
#idiv_head {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height:110px;
border-width: 0px;
border-style:solid;
border-color: lightgreen;
overflow:hidden;
}
#iframe_head {
height: 100%;
width: 100%;
border-width: 0px;
overflow:hidden;
}

#idiv_corner {
position: absolute;
top: 0px;
left: 0px;
width:190px;
bottom: 0px;
border-width: 0px;
border-style:solid;
border-color: lightblue;
overflow:auto;
}
#iframe_corner {
height: 100%;
width: 100%;
border-width: 0px;

}

#idiv_main {
position: absolute;
top: 110px;
left: 0px;
right: 0px;
bottom: 0px;
border-width: 0px;
border-style:solid;
border-color: lightblue;
overflow:hidden;
}
#iframe_main {
height: 100%;
width: 100%;
border-width: 0px;
overflow:hidden;
}