body {
	/* margin: 20px; */
	background-color: #fff;
	color: #600;
	font-family: arial, sans serif;
	font-size: 10pt;
}
a:link { color: #c00; }
a:visited { color: #900; }
a:active { color: #f00; }
thead {
	font-weight: bold;
}
td {
	vertical-align: text-top;
	padding-right: 1em;
}
td.detail {
	vertical-align: text-top;
	padding-right: 1em;
	border-top: solid #fcc 1px;
}
td.detail-right {
	text-align: right;
	vertical-align: text-top;
	padding-right: 1em;
	border-top: solid #fcc 1px;
}
td.remarks {
	vertical-align: text-top;
	padding-right: 1em;
	font-style: italic;
}
td.composer {
	background-color: #ffe;
	vertical-align: text-top;
	padding: 0em 1em 0em 0.2em;
	font-weight: bold;
	border-top: solid #fcc 1px;
}
td.recently {
	background-color: #fff7de;
	vertical-align: text-top;
	padding: 0.2em 1em 0.2em 0.2em;
	margin-bottom: 0.1em;
	font-weight: bold;
	border-top: solid #ccc 1px;
}
td.liturgy {
	vertical-align: text-top;
	padding-right: 1em;
}
td.title {
	vertical-align: text-top;
	padding-right: 1em;
	border-top: solid #fcc 1px;
	font-weight: bold;
}
span.new {
	font-size: 9pt; 
	font-weight: bold;
	background-color: #700000; 
	color: #fef0ed; 
	padding: 0px 3px 0px 3px; 
	margin: 0px 6px 0px 0px;
	border: 1px solid #eee;
	vertical-align: text-top;
}
div.portrait {
    float: right;
}
div.alert {
    margin: 5px 0px 8px 0px;
}
div.remarks {
	padding-right: 1em;
	font-style: italic;
}

@media screen {
span.button {
    FONT-SIZE: 0.75em;

    BORDER: #333333 1px solid;
    PADDING: 0.1em 0.5em 0.1em 0.5em;
    CURSOR: pointer;
}
span.button-greyed {
    FONT-SIZE: 0.75em;

    BORDER: #333333 1px solid;
    PADDING: 0.1em 0.5em 0.1em 0.5em;
    COLOR: #666666;
}
span.button-mouseover {
    FONT-SIZE: 0.75em;

    BORDER: #999999 1px outset;
    PADDING: 0.1em 0.5em 0.1em 0.5em;
    CURSOR: pointer;
}
span.button-mousedown {
    FONT-SIZE: 0.75em;
    COLOR: #ffff00;	

    BORDER: #999999 1px inset;
    PADDING: 0.1em 0.5em 0.1em 0.5em;
    CURSOR: pointer;
}
img.button {
    margin: 0px 0px 0px 0px;
    border: none;
}
} /* @media screen */
@media print {
span.button {
    display: none;
}
} /* @media print */