body {
	font-family:	verdana, helvetica, arial, sans-serif;
	background :	white;
}

a {
	font-family:		verdana, helvetica, arial, sans-serif;
	font-weight:		bold;
	text-decoration:	underline;
	color:				black;
}

a:visited {
	font-family:		verdana, helvetica, arial, sans-serif;
	font-weight:		bold;
	text-decoration:	underline;
	color:				#c0c0c0;
}

a:hover {
	font-family:		verdana, helvetica, arial, sans-serif;
	font-weight:		bold;
	text-decoration:	underline;
	background:			yellow;
	color:				#000000;
}

li { color: black; }

h4 {
	color:				black;
	background-color:	white;
	border:				0px solid white;
	font:				bold 10pt;
}

textarea, select {
    font-family:        "Courier New", Courier, monospace;
    font-size:          10pt;
    font-weight:        bold;
    background-color:   #ffffc0;
    border-width:       2px;
    border-color:       #000000;
    padding:            2px;
}

<!-- Start of Classes for Forms -->
.textinputs {
	border:             thin solid #000000;
	padding:            2px;
	background-color:   #dddeff;
    font-family:        "Courier New", Courier, monospace;
    font-size:          10pt;
    font-weight:        bold;
}
.required {
    color:          #ff0000;
    font-size:      80%;
    font-style:     italic;
}
.optional {
    color:          #ff0000;
    font-size:      80%;
    font-style:     normal;
}
<!-- End of Classes for Forms -->

.lyrics {
	color:				#000000;
	font-size:			100%;
	font-family:		verdana, helvetica, arial, sans-serif;
}

<!-- A neat little class to indicate a term -->
.abbr, .acronym, .help, .define {
    border-bottom: 1px dotted #333;
    cursor: help;
}

<!-- ----------------------- -->
<!--        CLASSES          -->
<!-- ----------------------- -->
.redbar {
	background-color:	#660000;
	border:				2px solid #660000;
	font:				bold 10pt;
	color:				white;
}

.whitebar {
	background-color:	#ffffff;
	border:				2px solid #ffffff;
	font:				bold 10pt;
	color:				#000000;
}

.blackbar {
	background-color:	#000000;
	border:				2px solid #0c0c0c;
	font:				bold 10pt;
	color:				#ffffff;
}

<!-- Used for the Lyrics and Chords page -->
.album{
	color:				#808080;
	font:				bold; 
	font-weight:		300; 
	font-size:			90%; 
}
.artist{ 
	color:				#0000C0;
	font:				smaller; 
	font-weight:		200; 
	font-size:	90%; 
}
.track{ 
	color:				#000000; 
	font:				smaller; 
	font-size:			75%; 
}
.search{ 
	color:				#ffffff; 
	font-size:			80%; 
	font-weight:		bold; 
}

<!-- Size indicator classes -->
.smaller{  font-size: 75%; }
.smallest{ font-size: 60%; }
.larger{ font-size: 125%; font-weight: bold; }
.largest{  font-size: 200%; font-weight: bold; }
.person{ color: #0000ff; }

<!-- Different colors to use -->
.white{		color: #ffffff; }
.dkblue{	color: #0000c0; }
.dkred{		color: #c00000; }
.blue{		color: #0000ff; }
.green{		color: #00c000; }
.dkgreen{   color: #008000; }
.red{		color: #ff0000; }
.ltblue{	color: #8080ff; }
.dkbrown{	color: #660000; }
.ltbrown{	color: #caca96; }

<!-- Used for concerts set lists -->
.showmonth{ 
	color:			#000000; 
	font-weight:	bold; 
	font-size:		150%; 
}

.showdate{ 
	color:			#000000; 
	font-weight:	bold; 
	font-size:		110%; 
}

.unreleased{ 
	color:			#c00000; 
	font:			smaller; 
	font-size:		75%; 
}

.attendees{ 
	color:			#0000ff; 
	font-size:		80%; 
	font-weight:	bold; 
}

<!-- Different Button Styles -->
.searchbtn {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				white;
	height:				auto;
	width:				auto;
	border:				thin outset #CCCC99;
	background-color:	#CC9900;
}	

.savebtn {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				white;
	height:				auto;
	width:				auto;
	border:				thin outset #CCCC99;
	background-color:	#CC9900;
}

.lyricsbtn {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	color:				white;
	height:				auto;
	width:				auto;
	border:				thin outset #CCCC99;
	background-color:	#CC9900;
}

.lyricsbtn:hover {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	color:				black;
	height:				auto;
	width:				auto;
	border:				thin outset #CCCC99;
	background-color:	#660000;
}

.stdbutton {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
	color:				white;
	height:				auto;
	width:				auto;
	border:				thin outset;
    border-color:       #7fa1f8 #1f4298 #1f4298 #7fa1f8;  /* lt, dk, dk, lt */
    padding:            2px .5em;   
	background-color:	#0044f1;
}	

.chordsbtn {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			10px;
	font-weight:		bold;
	color:				white;
	height:				auto;
	width:				auto;
	border:				thin outset #CCCC99;
	background-color:	#CC9900;
}

<!-- Testing only -->
.taboff {
	color:				#FFFFFF;
	background:			url(testing/art/taboff.gif) no-repeat right top;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			12px;
	height:				auto;
	width:				auto;
	font-weight:		bold;
	text-decoration:	none;
	font-style:			normal;
	white-space:		nowrap;
	border:				thin none;
	padding:			0px;
	margin:				0px;
	line-height:		normal;
}

.tabon {
	color:				#660000;
	background:			url(testing/art/tabon.gif) no-repeat right top;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			12px;
	height:				auto;
	width:				auto;
	font-weight:		bold;
	text-decoration:	none;
	font-style:			normal;
	white-space:		nowrap;
	border:				thin none;
	padding:			0px;
	margin:				0px;
	line-height:		normal;
}

.tabrtarrow {
	color:				#ffffff;
	background:			url(testing/art/rtarrowtab.gif) no-repeat right top;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			12px;
	height:				auto;
	width:				auto;
	font-weight:		bold;
	text-decoration:	none;
	font-style:			normal;
	white-space:		nowrap;
	border:				thin none;
	padding:			0px;
	margin:				0px;
	line-height:		normal;
}

.tabalbum {
	color:				#000000;
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	font-style:			normal;
	border:				thin none;
	line-height:		normal;
	background :		#caca96;
	margin:				0px;
	text-decoration:	none;
}

.navtable {
	background-image:	url(testing/art/up_11.gif);
	background-repeat:	repeat-x;
}

.linedtable {
	border : 1px solid #caca96;
}