// from http://www.menucool.com/tooltip_dscores/css-tooltip_dscores
.tooltip_dscores {outline:none; }
.tooltip_dscores strong {line-height:30px;}
.tooltip_dscores:hover {text-decoration:none;} 
.tooltip_dscores span 
{
    z-index:10;display:none; padding:14px 20px;
    margin-top:-80px; margin-left:12px;
    width:200px; line-height:16px;
}
.tooltip_dscores:hover span{
    display:inline; position:absolute; color:#111;
    border:2px solid #DCA; background:#fffAF0;
    text-align: left}
.callout {z-index:20;position:absolute;top:15px;border:0;left:-12px;}

/*CSS3 extras*/
.tooltip_dscores span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}

.graph-outer {
   background: #cecece;
   height: 20px;
   width: 350px;   
   border: 1px solid #cecece;
   border-radius: 2px;
	text-align: center;
	vertical-align: top;
   overflow: hidden;
}

.inner-left-cap {
   background: white;
   width: 1%;
   height: 100%;
   float: left;
}

.inner-right-cap {
   background: white;
   width: 1%;
   height: 100%;
   float: left;
}

.graph-m2 {
   background: orange;
	height: 100%;
   float: left;
}

.graph-m1 {
   background: #99ff99;
   height: 100%;
   float: left;
}

.graph-par {
   background: #ccccff;
   height: 100%;
   float: left;
}

.graph-p1 {
   background: #ffcccc;
   height: 100%;
   float: left;
}

.graph-p2 {
   background: #ff9999;
   height: 100%;
   float: left;
}

.graph-p3 {
   background: #ff5555;
   height: 100%;
   float: left;
}

.graph-other {
   background: #999999;
   height: 100%;
   float: left;
}

.tooltip_dscores table.holepercent tr.m2 {background: orange; width: 80px}
.tooltip_dscores table.holepercent tr.m1 {background: #99ff99; width: 80px}
.tooltip_dscores table.holepercent tr.par {background: #ccccff; width: 80px}
.tooltip_dscores table.holepercent tr.p1 {background: #ffcccc; width: 80px}
.tooltip_dscores table.holepercent tr.p2 {background: #ff9999; width: 80px}
.tooltip_dscores table.holepercent tr.p3 {background: #ff5555; width: 80px}
.tooltip_dscores table.holepercent tr.other {background: #999999; width: 80px}
}