/* Added by Rod. 19-Jul-2008. BEGIN */


/*---------------------================= Chord Names ====================---------------*/
.ChordType {
font-size:80%;
letter-spacing:1px;
}

.ChordBass {
font-size:85%;
letter-spacing:1px;
}

/*---------------------================= Chord Progressions ====================---------------*/
.ChordProgression_Wrapper{
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 500px;  position:relative; left: 50%; margin-left: -250px; /*TODO: change this to Site's width */
display: block;


}

.ChordProgression_Advanced {
margin-left: 300px;
margin-right: 15px;
margin-top: 6px;
font-family:   'Monotype Cursiva', serif;
font-size: 12pt;
text-align: right;
font-style: italic;
 font-weight: bold;
}

.ChordProgression_Border{
background:#FFFFFF;
display: block;
border: 5px solid;
border-color: #F7CF6D;
padding-bottom: 20px;
}

.ChordProgression_Footer {
margin-left: 150px;
margin-top: 6px;
margin-bottom: 40px;
font-family:   'Monotype Cursiva', serif;
font-size: 12pt;
text-align: right;
font-style: italic;
 font-weight: bold;
}

.ChordProgression_Header {
margin-left: 60px;
margin-right: 60px;
margin-top: 20px;
font-family:   'Monotype Cursiva', serif;
font-size: 15pt;
text-align: center; 
//color: #CB3F30;
}

.ChordProgression_Help  {

font-family:   'Monotype Cursiva', serif;
font-style: italic;
font-size: 11pt;
text-align: center;
margin-top: 5px;
}


.ChordProgression_Image {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
display: block;
width: 197px;  position:relative; left: 50%; margin-left: -99px; /*TODO: change this to Site's width */
background: url('http://pianoencyclopedia.com/images/toolbar/PlayChordProgression.jpg') no-repeat;*/  /* put image URL here */
width: 197px;
height: 100px;  /* Update width and height to equal size of image */\
}


/*---------------------================= Piano Keyboards ====================---------------*/
.PianoHeader {
margin-left: 2px;
display: inline;
font-family:   monotype cursiva, serif;
font-size: 16pt;

}

.toolbarbutton{
margin-left: 1px;
margin-right: 2px;
margin-top: 2px;
display: inline;
width: 18px;
height: 16px;  /* Update width and height to equal size of image */
float: right;
}

.toolbarbutton img { width: 18px; height: 16px; border:0px;}

.PianoFooter  {
display: inline;
font-family:   monotype cursiva, serif;
font-style: italic;
font-size: 12pt;
float: right;
margin-top: 5px;
}

.PianoWrapper_Octaves4_Tooltip { 
margin: 3px; 
width: 672px;  position:relative; 
display: block;
}

.PianoWrapper_Octaves3_Tooltip { 
margin: 3px;  
width:  504px;  position:relative; 
display: block;
}

.PianoWrapper_Octaves2_Tooltip { 
margin: 3px;  
width: 336px;  position:relative;
display: block;
}


.PianoWrapper_Octaves1_Tooltip { 
margin: 3px;  
width: 168px;  position:relative;
display: block;
}


.PianoWrapper_Octaves4 { /* This is container that holds everything,  making changes here affect all the child divs */
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 672px;  position:relative; left: 50%; margin-left: -336px;
display: block;
}

.PianoWrapper_Octaves3 { /* This is container that holds everything,  making changes here affect all the child divs */
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width:  504px;  position:relative; left: 50%; margin-left: -252px;
display: block;
}

.PianoWrapper_Octaves2 { /* This is container that holds everything,  making changes here affect all the child divs */
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 336px;  position:relative; left: 50%; margin-left: -168px;
display: block;
}


.PianoWrapper_Octaves1 { /* This is container that holds everything,  making changes here affect all the child divs */
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 168px;  position:relative; left: 50%; margin-left: -84px;
display: block;
}


.MultiplePianoWrapper_Octaves_4 { /* This is container that holds everything,  making changes here affect all the child divs */
margin: 5px;  /*change this to whatever works for your site */
margin-left: auto;
margin-right: auto;
margin-top: 0px;
height: 120px;
width: 725px; position: relative; left: 50%; margin-left: -362px;
display: block;
}

.PianoWrapper_Octaves2_left { /* This is container that holds everything,  making changes here affect all the child divs */
width: 336px;
margin: 5px;  /*change this to whatever works for your site */
float:left;
}

.PianoWrapper_Octaves2_right { /* This is container that holds everything,  making changes here affect all the child divs */
width: 336px;
margin: 5px;  /*change this to whatever works for your site */
float:right;
}

.PianoImage_Octaves1 {
margin-top: 1px;
display: block;
/*This tag is added on the fly for each KeysStateArray*/ /*background: url('http://www.pianoencyclopedia.com/phpscripts/KeyboardGenerator_Optimized.php?keys=002002000200200000000000000000000000000000000000&num=12&texture=0') no-repeat;*/  /* put image URL here */
width: 168px;
height: 79px;  /* Update width and height to equal size of image */\

}

.PianoImage_Octaves2 {
margin-top: 1px;
display: block;
/*This tag is added on the fly for each KeysStateArray*/  /*background: url('http://www.pianoencyclopedia.com/phpscripts/KeyboardGenerator_Optimized.php?keys=002002000200200000000000000000000000000000000000&num=24&texture=0') no-repeat;*/  /* put image URL here */
width: 336px;
height: 79px;  /* Update width and height to equal size of image */\
}

.PianoImage_Octaves3 {
margin-top: 1px;
display: block;
/*This tag is added on the fly for each KeysStateArray*/  /*background: url('http://www.pianoencyclopedia.com/phpscripts/KeyboardGenerator_Optimized.php?keys=002002000200200000000000000000000000000000000000&num=36&texture=0') no-repeat;*/  /* put image URL here */
width: 504px;
height: 79px;  /* Update width and height to equal size of image */\
}

.PianoImage_Octaves4 {
margin-top: 1px;
display: block;
/*This tag is added on the fly for each KeysStateArray*/  /*background: url('http://www.pianoencyclopedia.com/phpscripts/KeyboardGenerator_Optimized.php?keys=002002000200200000000000000000000000000000000000&num=48&texture=0') no-repeat;*/  /* put image URL here */
width: 672px;
height: 79px;  /* Update width and height to equal size of image */\
}




#tooltip{
	font-family:   sans-serif;
	font-size: 10pt;
	position:absolute;
	border:2px solid #996600;
	background:#FFDD99;
	padding:2px 5px;
	color:#333;
	opacity: 0.9;
	display:none;
	
	}	

#pianotooltip{
	font-family:   sans-serif;
	font-size: 10pt;
	position:absolute;
	border:2px solid #996600;
	background:#FFDD99;
	padding:2px 5px;
	color:#333;
	opacity: 0.9;
	display:none;
	
	}		
/* Added by Rod. 19-Jul-2008.  */
	
/* TinyMCE Background Bug Fix */
#tinycme  {	
	background: #FFFFFF none repeat scroll 0%;
}