﻿body {font-family:verdana, geneva, arial, helvetica, sans-serif; font-size:small; line-height:140%; color:black; background-attachment:fixed;}
a {color:#32572C;}
a:hover {color:black;}
#imap {display:block; width:1004px; height:442px; background:url('images/GuitarNeckWhiteFade.png') no-repeat; position:absolute; 
    left:0px; top:0px; z-index:20; margin:0; padding:0;}
#imap a#title:hover {background-position:0 0; z-index:20;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #Fret1dd {left:560px; top:24px; z-index:20;}
#imap #Fret2dd {left:516px; top:24px; z-index:20;}
#imap #Fret3dd {left:474px; top:23px; z-index:20;}
#imap #Fret4dd {left:434px; top:22px; z-index:20;}
#imap #Fret5dd {left:396px; top:22px; z-index:20;}
#imap #Fret6dd {left:361px; top:21px; z-index:20;}
#imap #Fret7dd {left:327px; top:20px; z-index:20;}
#imap #Fret8dd {left:295px; top:20px; z-index:20;}
#imap #Fret9dd {left:265px; top:20px; z-index:20;}
#imap #Fret10dd {left:236px; top:19px; z-index:20;}
#imap #Fret11dd {left:209px; top:19px; z-index:20;}
#imap #Fret12dd {left:183px; top:18px; z-index:20;}
#imap #Fret13dd {left:160px; top:17px; z-index:20;}
#imap #Fret14dd {left:137px; top:17px; z-index:20;}
#imap #Fret15dd {left:115px; top:17px; z-index:20;}
#imap #Fret16dd {left:95px; top:16px; z-index:20;}
#imap #Fret17dd {left:77px; top:16px; z-index:20;}
#imap #Fret18dd {left:58px; top:16px; z-index:20;}
#imap #Fret19dd {left:42px; top:16px; z-index:20;}
#imap #Holedd {left:0px; top:4px; z-index:20;}

.frettext {position:absolute; z-index:25; list-style-type:none;
           padding:0; margin:0 auto; font-size:11px; font-weight:bold; font-family:Verdana; line-height:9px; font-style:oblique; font-variant:small-caps;}
.frettext li {float:left;} 
.frettext li a {text-decoration:none; color:White; display:block;}
/* .frettext li a {text-decoration:none; color:#DEDEDE; display:block;} */
.frettext li a em {display:block; text-align:center;}
.frettext li a:hover em {color:#717778;}
.frettext li a.fret1text {position:absolute; left:565px; top:23px;}
.frettext li a.fret2text {position:absolute; left:522px; top:10px;}
.frettext li a.fret3text {position:absolute; left:480px; top:32px;}
.frettext li a.fret4text {position:absolute; left:440px; top:14px;}
.frettext li a.fret5text {position:absolute; left:400px; top:18px;} 
.frettext li a.fret6text {position:absolute; left:362px; top:10px;}
.frettext li a.fret7text {position:absolute; left:327px; top:14px;}
.frettext li a.fret8text {position:absolute; left:295px; top:17px;}
.frettext li a.fret9text {position:absolute; left:262px; top:13px;}
.frettext li a.fret10text {position:absolute; left:234px; top:14px;}
.frettext li a.fret11text {position:absolute; left:207px; top:22px;}
.frettext li a.fret12text {position:absolute; left:181px; top:14px;}
.frettext li a.fret13text {position:absolute; left:156px; top:19px;}
.frettext li a.fret19text {position:absolute; left:36px; top:19px;}

.frettextshadow {position:absolute; z-index:20; list-style-type:none;
           padding:0; margin:0 auto; font-size:11px; font-weight:bold; font-family:Verdana; line-height:9px; font-style:oblique; font-variant:small-caps;}
.frettextshadow li {float:left;} 
.frettextshadow li a {text-decoration:none; color:black; display:block;}
.frettextshadow li a em {display:block; text-align:center;}
.frettextshadow li a:hover em {color:black;}
.frettextshadow li a.fret1textshadow {position:absolute; left:567px; top:24px;}
.frettextshadow li a.fret2textshadow {position:absolute; left:524px; top:11px;}
.frettextshadow li a.fret3textshadow {position:absolute; left:482px; top:33px;}
.frettextshadow li a.fret4textshadow {position:absolute; left:442px; top:15px;}
.frettextshadow li a.fret5textshadow {position:absolute; left:402px; top:19px;} 
.frettextshadow li a.fret6textshadow {position:absolute; left:364px; top:11px;}
.frettextshadow li a.fret7textshadow {position:absolute; left:329px; top:15px;}
.frettextshadow li a.fret8textshadow {position:absolute; left:297px; top:18px;}
.frettextshadow li a.fret9textshadow {position:absolute; left:264px; top:14px;}
.frettextshadow li a.fret10textshadow {position:absolute; left:236px; top:15px;}
.frettextshadow li a.fret11textshadow {position:absolute; left:209px; top:23px;}
.frettextshadow li a.fret12textshadow {position:absolute; left:183px; top:15px;}
.frettextshadow li a.fret13textshadow {position:absolute; left:158px; top:20px;}
.frettextshadow li a.fret19textshadow {position:absolute; left:38px; top:20px;}

#imap a#Fret1ID {display:block; width:44px; height:69px; background:url('images/Fret1Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret2ID {display:block; width:41px; height:68px; background:url('images/Fret2Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret3ID {display:block; width:39px; height:70px; background:url('images/Fret3Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret4ID {display:block; width:37px; height:73px; background:url('images/Fret4Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret5ID {display:block; width:35px; height:75px; background:url('images/Fret5Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret6ID {display:block; width:33px; height:75px; background:url('images/Fret6Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret7ID {display:block; width:31px; height:77px; background:url('images/Fret7Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret8ID {display:block; width:29px; height:78px; background:url('images/Fret8Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret9ID {display:block; width:27px; height:76px; background:url('images/Fret9Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret10ID {display:block; width:26px; height:80px; background:url('images/Fret10Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret11ID {display:block; width:24px; height:79px; background:url('images/Fret11Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret12ID {display:block; width:23px; height:80px; background:url('images/Fret12Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret13ID {display:block; width:20px; height:82px; background:url('images/Fret13Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret14ID {display:block; width:19px; height:82px; background:url('images/Fret14Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret15ID {display:block; width:18px; height:83px; background:url('images/Fret15Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret16ID {display:block; width:17px; height:84px; background:url('images/Fret16Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret17ID {display:block; width:15px; height:84px; background:url('images/Fret17Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret18ID {display:block; width:15px; height:84px; background:url('images/Fret18Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#Fret19ID {display:block; width:13px; height:84px; background:url('images/Fret19Hover.gif') no-repeat -100px; text-decoration:none; z-index:20}
#imap a#HoleID {display:block; width:38px; height:111px; background:url('images/HoleHover.gif') no-repeat -100px; text-decoration:none; z-index:20} 

#imap a span, #imap a:visited span {display:none;} 

#imap a#Fret1ID:hover {background-position:0 0;} 
#imap a#Fret2ID:hover {background-position:0 0;}
#imap a#Fret3ID:hover {background-position:0 0;}
#imap a#Fret4ID:hover {background-position:0 0;}
#imap a#Fret5ID:hover {background-position:0 0;}
#imap a#Fret6ID:hover {background-position:0 0;}
#imap a#Fret7ID:hover {background-position:0 0;}
#imap a#Fret8ID:hover {background-position:0 0;}
#imap a#Fret9ID:hover {background-position:0 0;}
#imap a#Fret10ID:hover {background-position:0 0;}
#imap a#Fret11ID:hover {background-position:0 0;}
#imap a#Fret12ID:hover {background-position:0 0;}
#imap a#Fret13ID:hover {background-position:0 0;}
#imap a#Fret14ID:hover {background-position:0 0;}
#imap a#Fret15ID:hover {background-position:0 0;}
#imap a#Fret16ID:hover {background-position:0 0;}
#imap a#Fret17ID:hover {background-position:0 0;}
#imap a#Fret18ID:hover {background-position:0 0;}
#imap a#Fret19ID:hover {background-position:0 0;}
#imap a#HoleID:hover {background-position:0 0;}

#imap a:hover span {position:absolute; width:430px; display:block; font-size:12px; 
    background-image:url('images/bgHoverText_big.png'); 
    color:black; border:1px solid white; padding:2px; z-index:60;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
* html #imap a:hover span {width:200px; w\idth:200px;}      /* The hack for IE pre IE6 */

#imap a#Fret1ID:hover span {left:-220px; top:+80px;} 
#imap a#Fret2ID:hover span {left:-210px; top:+80px;} 
#imap a#Fret3ID:hover span {left:-200px; top:+80px;}
#imap a#Fret4ID:hover span {left:-180px; top:+80px;}
#imap a#Fret5ID:hover span {left:-160px; top:+81px;}
#imap a#Fret6ID:hover span {left:-140px; top:+82px;}
#imap a#Fret7ID:hover span {left:-120px; top:+83px;}
#imap a#Fret8ID:hover span {left:-100px; top:+84px;}
#imap a#Fret9ID:hover span {left:-100px; top:+85px;}
#imap a#Fret10ID:hover span {left:-100px; top:+86px;}
#imap a#Fret11ID:hover span {left:-100px; top:+87px;}
#imap a#Fret12ID:hover span {left:-100px; top:+88px;}
#imap a#Fret13ID:hover span {left:-100px; top:+89px;}
#imap a#Fret14ID:hover span {left:-80px; top:+90px;}
#imap a#Fret15ID:hover span {left:-60px; top:+91px;}
#imap a#Fret16ID:hover span {left:-40px; top:+92px;}
#imap a#Fret17ID:hover span {left:-20px; top:+93px;}
#imap a#Fret18ID:hover span {left:-0px; top:+94px;}
#imap a#Fret19ID:hover span {left:+10px; top:+95px;}
#imap a#HoleID:hover span {left:+40px; top:+105px;}

.welcome_title {color:white; position:absolute; left:200px; top:130px; z-index:21; font-size:25px; font-weight:bold; line-height:35px;} 
.welcome_title_shadow {color:gray; position:absolute; left:202px; top:132px; z-index:20; font-size:25px; font-weight:bold; line-height:35px;}
.welcome_subtitle {color:white; position:absolute; left:200px; top:158px; z-index:21; font-size:18px; font-weight:normal; line-height:30px;} 
.welcome_subtitle_shadow {color:black; position:absolute; left:202px; top:160px; z-index:20; font-size:18px; font-weight:normal; line-height:30px;} 
.title_subtle {color:white; position:absolute; left:10px; top:245px; 
    font-weight:bold; z-index:30; font-size:28px; line-height:40px;
    filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45;}
.imagegallerycontainerouter{position:absolute; left:200px; top:185px; width:560px; height:85px; z-index:30; overflow:hidden;}
.imagegallerycontainerinner img {border:1px; border-color:#32572C; margin:4px;} 
.lowertextouter {position:absolute; left:10px; top:260px; width:730px; color:black; z-index:30; overflow:auto; padding-right:30px; text-align:left; background-color:Transparent;}
.bookmarktitle {font-size:x-large;}

.helpicon {position:absolute; left:10px; top:110px; z-index:50; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
.mailinglisticon {position:absolute; left:10px; top:145px; z-index:50; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
.mp3playericon {position:absolute; left:10px; top:185px; z-index:50; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }
.whatsnewicon {position:absolute; left:10px; top:220px; z-index:50; filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70; }

#dhtmltooltip {position:absolute; width:320px; display:block; font-size:12px; 
    background-color:#DEDEDE;   /* DEDEDE; FFFFE1*/

    /* background-image:url('images/bgHoverText_big.png'); */
    color:Black; border:1px; border-color:Black; padding:2px; z-index:80; visibility:hidden; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
/* #dhtmltooltip {position:absolute; width:320px; display:block; font-size:12px;
    background-image:url('images/bgHoverText_big.png');
    color:Black; border:1px solid white; padding:2px; z-index:80; visibility:hidden; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);} */

.jalbumlink {position:absolute; left:375px; top:250px; z-index:50; width:92; height:40;}
.jalbumlink img {border:0px; filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;} 

.modaliframe { background-color:white;}
/* .modalliteral {} */
.modalliteral { margin:5px 5px 5px 5px;}
.modaldiv {background-color:white; border-style:outset; text-align:center; vertical-align:middle;}
.modalbackground {background-color: Gray; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
.modalclosebutton a {font-weight:bold;}

.dropdownlist {font-family: Verdana; background-color: transparent;}
.fyi { font-size:smaller; font-style:italic;}

/* Default table definitions...to be overridden by specific tables, if needed */
table {background-color: Transparent; border: none;}
table a:link, table a:visited, table a:active {background-color: Transparent; text-decoration: none;}
table a:hover {background: ; 
text-decoration: underline;
}
table tbody td, table tbody th {background-color:#F4F4F4; border-bottom: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; padding: 3px;} 
table tbody tr:hover td {background-color: #EDEDED;} 

/* Make aboutmymusictable transparent... */
table.aboutmymusictable tbody tr:hover td {background-color:Transparent;} 
table.aboutmymusictable tbody td, table.aboutmymusictable tbody th {background-color:Transparent; border-bottom: 0px; border-right: 0px; padding: 3px;} 

.ifrmPayPal {height:75px; width:130px;}

