A:link {color: #00ECFF}
A:visited {color: #FF00FF;}
A:active {color: green;}
A:hover {color: red;}

/*
H3 {text-decoration: underline;}
H4 {text-decoration: underline;}
*/

BODY {
	color: white;
	background-color: black;
	font-family: arial, helvetica;
}

ul { list-style-position: inside; }
li { list-style-position: inside; }

table.DRUI {
	border: 2px solid #FFF;
}
table.DRUI td th {
	border: 2px solid #FFF;
}
#MainTbl > td th {
	border: 2px solid #FFF;
}
.navbar-drumpute {
  min-height: 35px;
}
/*
.navbar-drumpute {
  position: relative;
  min-height: 35px;
  margin-bottom: 10px;
  border: 1px solid transparent;
}
*/

/* tooltip/popover starts */
.popover-medium  {     max-width: 350px; width: 350px;}
.popover-medium2 {     max-width: 400px; width: 400px; }
.popover-medium3 {     max-width: 500px; width: 500px; }
.popover-medium4 {     max-width: 800px; width: 800px; }
.tooltip-medium  {     max-width: 350px; }
.tooltip-medium2 {     max-width: 400px; }
.tooltip-medium3 {     max-width: 500px; }
.tooltip-medium4 {     max-width: 800px; }

h3.popover-header {
	/* background: #0033ff; */
	background: #00CCCC;
	color: yellow;
	font-weight: bold;
}

div.popover-arrow {	background: #D0FFFF; }

div.popover-body {
	/* background: #FFFFD0; */
	color: #000;
	background: #D0FFFF;
}

h3.tooltip-title {
	background: #03f;
	color: yellow;
	font-weight: bold;
}

div.tooltip-content {
	/* background: #FFFFD0; */
	color: #000;
	background: #D0FFFF;
}

/* tooltip/popover ends */

DIV.subtitle {
	float: left;
	top: 1px;
	font-style: italic;
	text-align: left;
	color: yellow;
	padding-top: 3px;
	height: 18;
	border: 1px solid #000;
	background: #000;
}
a.drumtitle { color: yellow; }

td.drumpatt {
	padding: 0;
}
li.druminfo {
    display:list-item;
    list-style:disc inside;
    padding:0 0 0 14px;
    margin:0;
}
pre.midivoices {
	background: #000;
	color: #fff;
	border: none;
}
pre.miniex {
	background: #EEE8AA;
	color: #000;
	border: none;
}

#imgCharsTemplate {
	visibility: hidden;
}
#tblRudiments img {
	width: 11px;
	height: 11px;
	margin: 0;
	padding: 0;
}

canvas.cnvrud {
	border: 1px dotted yellow;
	padding: 0;
	margin-left: 2px;
}


	A.topmenu {text-decoration: none;}
	A.topmenu:link {color: cyan}
	A.topmenu:visited {color: cyan}
	A.topmenu:active {color: green}
	A.topmenu:hover {color: yellow; font-weight: bold;}

span.currmenuitem {
	color: #22ffff;
}

TH.mainheader {
	color: black;
	background-color: #FFFF00;
	font-family: arial, helvetica;
	text-align: center;
}
TH.tblsecthdr {
	color: black;
	background-color: #33CCFF;
	font-family: arial, helvetica;
	text-align: center;
}
.tblsubhdr {
	color: black;
	background-color: #DEDEDE;
	font-family: arial, helvetica;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
}

span.defn { 
	color: #FFCC00;
	font-family: Helvetica,Arial,Verdana;
	text-decoration: none;
	border-bottom: thin dotted #FFFF00;
	cursor: help;
}

span.tddefn {
	color: #993366;
	font-family: Helvetica,Arial,Verdana;
	text-decoration: none;
	border-bottom: thin dotted #666666;
	cursor: help;
}

span.tddefn2 {
	color: #333366;
	font-family: Helvetica,Arial,Verdana;
	text-decoration: none;
	border-bottom: thin dotted #666666;
	cursor: help;
}

span.tddefn3 {
	color: black;
	background-color: #CCFF33;
	font-family: Helvetica,Arial,Verdana;
	text-decoration: none;
	border-bottom: thin dotted #666666;
	cursor: help;
}

img.i1     {width: 11px; height: 11px }
img.i1x1   {width: 11px; height: 11px }
img.i1x5   {width: 11px; height: 55px }
img.i2x5   {width: 22px; height: 55px }
img.i3x5   {width: 33px; height: 55px }
img.i4x5   {width: 44px; height: 55px }
img.i5x5   {width: 55px; height: 55px }
img.i6x5   {width: 66px; height: 55px }
img.i7x5   {width: 77px; height: 55px }
img.i8x5   {width: 88px; height: 55px }
img.i1x10  {width: 11px; height: 110px}
img.i2x10  {width: 22px; height: 110px}
img.i3x10  {width: 33px; height: 110px}