html { height:100%; overflow-y: auto; } /* For IE6 */
body {
	margin: 0px;
}
body,td {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
A:link {
	color: #000000;
	text-decoration: none;
}
A:visited {
	color: black;
	text-decoration: none
}
A:active {
	color: gray;
	text-decoration: none
}
A:hover {
	color: black;
	text-decoration: underline;
	BORDER: solid 0px #CECFFF;
	BACKGROUND-COLOR: #CECFFF;
}

#header {
	width: 100%;
	height: 78px;
	background-color: #cecfce;
	position: fixed;
	top: 0;
	left: 0;
}
div.session {
	margin-bottom: 12px;
}

/* The start of session bar */
div.sessionbar {
	background-color: #c0c0c0;
	width: 100%;
	margin-left: 0;
	vertical-align: middle;
}
div.endsession {
	margin: 0px;
	height: 3px;
}

/* The title for the detail frame */
.detailtitle {
	font-size: 15px;
}

.session-add img { vertical-align: middle; }

/* The session number */
.sessionnum {
	COLOR: #E80000;
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
	margin-left: 3px;
}
/* The leader name in the session bar */
.leadername {
	color: #E80000; vertical-align: middle;
	font-weight:bold;
}
/* The session title */
.title {
	font-family: Arial, sans-serif; 
	font-weight: bold;
	text-decoration: underline;
}
/* The session's group */
.group {
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
	font-style:italic;
}


/* The block of musicians */
.musicians {
	FONT-WEIGHT:normal; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none
}
/* The session location */
.location {
	COLOR:#62629f;
	FONT-WEIGHT: bold; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none
}
/* The tune matrix */
.matrix {
}
/* The tune name */
.tune { 
	/* Not effective?  Seems to be in .outdent paragraph. */
	FONT-WEIGHT: normal; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial; 
	TEXT-DECORATION: none;
}
.outdent {
	/* Indent 2nd line onwards. */
	text-indent: -20px;
	padding-left: 20px;
}
/* The tune release info */
.release {
	font-family: Roboto Mono, courier, fixed;
	font-weight: normal;
	font-style: normal; 
	text-decoration: none;
}
.releasetitle {
	color: yellow;
}

/* Tune is in a medley (indented) */
.medley {
	margin-left: 3em;
}
/* Tune is a continuation (indented) */
.tunecontinue {
	margin-left: 20px;
}

/* The session note */
#notearea {
	width: 100%;
}
.notelit {
	width: 3em;
	padding-left: 2px;

}
.notetext {
	padding-right: 0.75in;
	font-size: 75%;
}


/* Index screen lines - odd */
tr.index0 {
	background-color: #f0f0f0;
}
/* Index screen lines - even */
tr.index1 {
	background-color: #e0e0e0;
}
/* Index screen lines - selected/searched-for */
tr.selected {
	background-color: #d0d0f0;
}
tr.header {
	background-color: #c0c0c0;
}
table.index tr:hover {
	background-color: #86abd9;
}
.search {
	/*background-color: #e0e0e0;*/

	background-color:#FFCC00;

}
table.musaccum {
	background-color: #ffffff;
	border: solid 3px #ccc;
	text-indent: 3px;
	margin-bottom: 5px;
}
table.musaccum tr:hover {
	background-color: #86abd9;
}
.buttonbar {
	background-color: yellow;
	margin: 0;
	padding: 0;
	border: none;
}
/* The session title/group name/musicians block. */
div.musicianarea {
	margin-top: 3px;
	margin-left: 0.1in;
	margin-right: 0.1in;
}
div.collection {
	margin-top: 3px;
	margin-left: 0.1in;
	margin-right: 0.1in;
	font-weight:bold;
}
span.collection {
	color: green;
}
span.collectionhighlight {
	background-color: #80ff80;
}
span.collectionhighlight_s {
	background-color: #FFCC00;
	border: solid 3px #80ff80;
}
span.company {
	color: #FFCC00;
	font-weight: bold;
}
/* Error messages */
.error {
	color: red;
}
input.readonly {
	background-color: #e0e0e0;
}
#adminmenu { text-align: center; font-size: 13px; padding-top: 3px; }
td.c { text-align: center; }
div.bottom_buttons { text-align: center; margin-top: 4px; }
.search-table-orig { border-spacing: 0; line-height: 0; margin: 30px auto 0 auto; background-color: #ccc; }
.search-table { width: 391px; border-spacing: 0; border-collapse: collapse; margin: 30px auto 0 auto; background-color: #ccc; }
tr.search-header { background: url('images/search_01.gif') no-repeat; height: 34px; line-height: 0; }
tr.search-footer { background: url('images/search_10.gif') no-repeat; height: 4px; line-height: 0; }
tr.search-footer td { padding: 0; }
/* tr.search-header,tr.search-footer { line-height: 0; } */
.search-table td { padding: 5px 0; }
.search-message { width: 390px; font-size: 14px; color: #c00; text-align: center; margin-top: 10px; margin: 15px auto; }
.search-field { width: 95%; }
/* .search-header { background: url('images/search_01.gif'); height: 34px; } */
.search-left { background: url('images/search_02.gif') repeat-y; width: 13px; }
.search-right { background: url('images/search_05.gif') repeat-y; width: 15px; }
/* td.search-bottom { background: url('images/search_10.gif'); padding: 0; height: 4px; } */

h1 { text-align: center; }
main.detail { margin-top: 83px; }
table.index { width: 100%; background-color: #fff; border: 8px solid #e0e0f0; border-top: none; border-collapse: collapse; }
table.index tr,table.index td { padding: 0 5px 0 0; vertical-align: top; }
table.index .index-header { position: sticky; top: 83px; z-index: 1; }
.index-header { background-color: #c0c0c0; }
div.search_form { background-color: #c0c0d8; padding: 6px; }
#reseller-content { max-width: 90em; background-color: white; margin-left: auto; margin-right: auto; }
#reseller-header { background-color: black; font-size: 20px; font-weight: bold; color: white; text-align: left; padding-left: 5px; }