BODY  {
	background-color : White;
	color : Black;
}
BODY, TD.right, TD.layout, .text, TABLE.layout > TBODY > TR > TD, TABLE.layout > THEAD > TR > TH {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-family: "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	font-size:102%;
}
.text {
	max-width:45em;
}
#footer {
	max-width:100%;
}
TD, .data, .datamed, TH, .tooltip, .myheaderIn, .mysidebarIn, .mysidebarOut {
	font-family : Arial, Helvetica, sans-serif;
}
THEAD > TR {
	vertical-align:bottom;
}
INPUT, .disabledInput {
	font-family : Lucida Grande, Arial, Helvetica, sans-serif;
	font-size:100%;
}
.topleft {
	float:left;
}
.logo  {
	font-size : smaller;
	font-family : Arial, Helvetica, sans-serif;
	color : #006600;
	background-color : White;
	font-weight : bold;
}
#login {
	background-color:#FFB;
	border-radius:3px;
	padding:3px;
}
#login:visited {
	color:blue;
}
TD, .data, .mysidebarOut, .mysidebarIn  {
	font-size: .8em;
	line-height: 1.3333em;
}
TD.dataright {
	text-align:right;
}
.datatable {
	border-collapse:collapse;
}
.datatable THEAD > TR {
	vertical-align:bottom;
}
.datatable TBODY > TR {
	vertical-align:top;
}
.datatable TD, .datatable TH {
	border-width:1px;
	border-color:silver;
	border-style:solid;
	padding:.4em;
}
.datatable A {
	text-decoration: none;
}
.datatable A:hover { text-decoration: underline; }
.datatable CAPTION {
 	position: absolute;
	left: -999px;
}
.datamed {
	font-size:1em;
}
TD.right {
	text-align : right;
	font-size : 1em;
}
TD.layout {
	font-size : 1em;
}
.highlight {
	background-color : #DDEEFF;
}
TD.mergeCell {
	border-top:hidden;
}
TH  {
	font-size : smaller;
}
.notes A {
	word-break:break-all
}
.fieldname { font-weight:bold }
LI, .text, .metanote  {
	font-size: .9375em; /* 15px */
	line-height: 2.875ex; /* 1.25em = 20px */
}
.text .metanote, .text > UL > LI, .text > OL > LI {
	font-size: 1em;
	line-height: 1.3333em;
}
li.cd  { list-style-image: url("/g/cd.gif");}    
li.bk  { list-style-image: url("/g/book.gif");}    
li.sr  { list-style-image: url("/g/srch.gif");}
LI {	
	margin-bottom: 0.5ex;
	}
H1 {
	font-size : 1.25em; /* 20px */
	font-weight : bold;
	margin-top : 0.4em;
	margin-bottom : 0px;
}
.sitename {
	margin-top:.4em;
}
H1.item {
	margin-top:.4em;
	margin-bottom: 2ex;
	line-height:1.5em; 
}
H2,.bigtext  {
	font-size : 1.125em; /* 18px */
	font-weight : bold;
}
H3,.medtext  {
	font-size : 1.125em; /* 18px */
}
.clear {
	clear: both;        /* extend height of .main to longest column */
	height: 1px;
	overflow: hidden;   /* prevent IE from expanding the container */
	margin: 0; 
}
.metanote {
	clear:right;
	float:right;
	margin-left:0.5em;
	background-color:#dde;
	color:#222;
	padding:0.5em;
	border-radius:0.2em;
}
.innernote {
	border-width:1px;
	border-style:solid;
	border-color:silver;
	padding:1ex;
	color:#222;
	background-color:white;
	border-radius:0.2em;
}
.innernote UL {
	margin-bottom:0;
	margin-top:0;
	padding-left:20px;
}
.innernote UL > LI {
	font-size:1em;
}
HR {
	clear:both;
	margin-top:1ex;
	margin-bottom:1ex;
}
#follows TD:first-child, #goesInto TD:first-child {padding-left:17px}
#follows A, #goesInto A {margin-left:17px}
#follows, #goesInto {margin-bottom:1em}
.albumLink {
	font-style:italic;
	font-weight:normal;
	background-color:#ddeeff;
}
.myheaderIn {
	width:100%;
	overflow:auto;
	border-color:#D7D7FF;
	border-style:solid;
	border-width: 0 0 4px 0;
}
.barleft {
	float:left;
	margin: 0 1em 0.5em 0;
/*	font-size: 1.1em; */
}
.barright,.barrightOut,.topButton {
	float:right;
	font-size:0.75em;
	font-weight:bold;
 	margin: 0.5em 4px 0.5em 0;
}
.barrightOut {
	margin: 0;
	background-color:gray;
	color:white;
	border-color:gray;
	border-width:0.7em;
	border-style:solid;
}
.topButton {
	float:none;
}
.mysidebarIn, .myForm {
	background-color:white;
	color:black;
	border-color:#D7D7FF;
	border-style:solid;
}
.mysidebarIn, .sharedNote {
	background-color:#F6F6FF;
}
.mysidebarOut,.mysidebarOut > TEXTAREA {
	color:#888888;
	border-color:#DDDDDD;
	border-style:solid;	
}
.mysidebarOut,.mysidebarIn {
	padding: 0.5em;
	border-width: 4px;
	border-top:none;
	margin-bottom:1em;
	border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
}
.mysidebarOut H3 {
	margin-bottom: 0;
	color:#999999;
}
.myForm {
	background-color:#F6F6FF;
}
.myText {
	background-color: #D0EFD0;
}
.textedit {
	width:99%;
	white-space:pre-wrap;
	overflow:auto;
}
/* for my.friend, my.friends, my.index, my.newsDetail */
	.maincol {
		clear:both;
		float: left;
		width:74%;
		margin-top:1ex;
		padding:0;
	}
	.sidebar {
		margin-left:75%;
	}
.notCurrent {
	background-color:silver;
}
.grayout {
	color:silver;
}
.fine,.footersrc  {
	font-size: .8125em; /* 13px */
	line-height: 1.125em; /* 18px */
}
.footersrc {
	float:right;
	text-align:right;
	width: 21em;
	}
.linklike {
	text-decoration:underline;
	color:blue;
	}
.tip {
	font-size: smaller;
	background-color:#eef;
	border: thin solid #ccd;
}
.audiotip {
	vertical-align:text-top;margin-top:-3px;}
.off {
	display:none;
	}
TR.d:hover,.selected:hover,.notselected:hover {background-color: #DDFFEE; }
INPUT.hover:hover {
	color:blue;
	font-weight:bold;
}
.alarm {
	color: #FF0000;
	font-weight: bold;
	font-size: larger;
	padding:.5em;
}
.msg {
	background-color:#CCFFCC;
	text-align:center;
}
P.msg {
	padding:.5em;
}
.delete {
	border-color:#990000;
	border-style:solid;
	border-width:0.3em;
}
.sm2precell {
	padding-right:1.5em !important;
}
.beta {
	font-family:Arial, Helvetica, sans-serif;
	color:#00DDFF;
}
.friendListSmall {
	width:44px;
	margin: 0 4px 4px 4px;
	display:inline-block;
	text-align:center;
	font-size:smaller;
	line-height:100%;
	vertical-align:top;
	word-wrap: break-word;
}
.friendListSmall A {
	text-decoration:none;
}
.friendListSmall IMG {
	width:24px;
	height:24px;
	border:0;
}
.sharedNote IMG {
	border:0;
	width:24px;
	height:24px;
	vertical-align:top;
}
.plea {
	clear:both;
	padding:1em;
	background-color:#FFFFCC;
	text-align:center;
	border: thin silver solid;
	border-top: none;
}
.center {
	text-align:center;
}
.mSection H2 {
	clear:left;
	margin-top:1em;
	padding-bottom:.5em;
	border-bottom: 1px #e5e5e5 solid;
	cursor: pointer;
}
.mClosedIcon, .mOpenIcon {
	float:left;
	height:1.5em;
	width:1.5em;
	font-size:.4em;
	margin-top:.4em;
	margin-right:.7em;
	background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-407%2024%2024%22%3E%0A%20%20%20%20%3Cg%20id%3D%22g4%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M21.348-401.268q.94%200%201.61.668l.92.922-11.858%2011.86L.198-399.66l.922-.94q.65-.686%201.59-.686.94%200%201.61.668l7.718%207.7%207.7-7.682q.67-.668%201.61-.668z%22%20id%3D%22path6%22%20fill%3D%22currentColor%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
}
.mOpenIcon {
	transform: scaleY(-1)
}
.mSection .content {float:left;width:100%}  /* suppress jump at end of slideToggle */
#yearpara {clear:left} /* consequence of above */
.mSection .content p:first-child {
	margin-top:0;
}
.map IMG {
	max-width:100%;
	height:auto;
}
/*360player*/
.sm2-360ui,.ui360 a{position:relative;float:left}.sm2text{margin-left:17px}.sm2-360ui,.ui360{position:relative;margin-top:-.6em;min-width:50px;min-height:50px}.sm2-360ui{width:50px;height:50px;display:inline-block;clear:left}.ui360,.ui360 *{vertical-align:middle}.sm2-360ui.sm2_paused,.sm2-360ui.sm2_playing{z-index:10}.ui360 a{display:inline;color:#000;text-decoration:none;left:3px;top:18px;text-indent:50px}.ui360 a.sm2_link{text-indent:0}.ui360 a,.ui360 a:focus,.ui360 a:hover{padding:2px;margin-left:-2px;margin-top:-2px}.ui360 a:focus,.ui360 a:hover{background:#eee;border-radius:3px;outline:0}.ui360 .sm2-canvas{position:absolute;left:0;top:0}.ui360 .sm2-canvas.hi-dpi{top:-50%;left:-50%;-moz-transform:scale(.5);-ms-transform:scale(.5);-webkit-transform:scale(.5);transform:scale(.5)}.ui360 .sm2-cover,.ui360 .sm2-timing{left:0;top:0;width:100%;height:100%;position:absolute}.ui360 .sm2-timing{display:block;margin:0;font:11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;color:#666;text-align:center;line-height:50px;background-image:url(/g/360/it-timing-background.gif)}.ui360 .sm2-cover{z-index:2;display:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.ui360 .sm2-360btn{position:absolute;display:block;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:25px;cursor:pointer;z-index:3}.ui360 .sm2-360data{display:inline-block;font-family:helvetica}.sm2-inline-block .ui360 .sm2-360btn,.ui360 .sm2-360ui.sm2_paused .sm2-360btn,.ui360 .sm2-360ui.sm2_playing .sm2-360btn{width:22px;height:22px;margin-left:-11px;margin-top:-11px}.ui360 .sm2-360ui.sm2_paused .sm2-cover,.ui360 .sm2-360ui.sm2_playing .sm2-cover{display:block}.ui360,.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC) no-repeat;background-image:none,url(/g/360/360-button-play-2x.png);background-size:22px 22px}.ui360{background-position:14px 50%}.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background-position:50% 50%;cursor:pointer}.ui360 .sm2-360btn-default:hover,.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover{background:url(/g/360/360-button-play-light.png) 50% 50% no-repeat;background-image:none,url(/g/360/360-button-play-light-2x.png);background-size:22px 22px;cursor:pointer}.ui360 .sm2-360btn-playing:hover,.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover{background:url(/g/360/360-button-pause-light.png) 50% 50% no-repeat;background-image:none,url(/g/360/360-button-pause-light-2x.png);background-size:22px 22px;cursor:pointer}.ui360 .sm2-360ui.sm2_playing .sm2-timing{visibility:visible}.ui360 .sm2-360ui .sm2-360btn:hover+.sm2-timing,.ui360 .sm2-360ui .sm2-timing,.ui360 .sm2-360ui.sm2_buffering .sm2-timing,.ui360 .sm2-360ui.sm2_paused .sm2-timing{visibility:hidden}.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover+.sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-timing{visibility:visible}.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,.ui360 .sm2-360ui.sm2_playing .sm2-360btn{background:0 0;cursor:auto}.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover{background:url(/g/360/icon_loading_spinner.gif) 50% 50% no-repeat;opacity:.5;visibility:visible}.sm2-inline-block .ui360,.sm2-inline-list .ui360{position:absolute;display:inline-block;float:left;margin-left:-31px}.sm2-inline-list .ui360 a{display:none}.sm2tunetable .ui360{margin-left:auto;margin-bottom:auto;margin-top:1.3em}.sm2practice .ui360{margin-top:1em}.sm2incipit .sm2-360ui{background-color:#9C6;border-radius:25px}.sm2incipit .ui360{position:absolute;margin:12px 0 0;float:none}
@media screen and (min-width: 700px) {
	.mobileonly {display:none;}
	.twoCol {
		float:left;
		width:100%;
	}
	.leftCol {
		width: calc(75% - 1ex);
		float: left;
	}
	.rightCol {
		position:absolute;
		right:0;
		width: calc(25% - 1ex);
		margin-right: 1ex;
	}
	.bottomcol {
		width: calc(75% - 1ex);
	}
	#follows {float:left;margin: 0 1em 1em 0;}
}
@media screen and (max-width: 690px) {
	.notmobile {display:none}
	.barright,.barrightOut {
		line-height:1.6em;
		margin-top:0;
	}
	.bottomcol {width:100%;}
	.mysidebarOut,.mysidebarIn {
		border-style:solid;	
		border-color:#DDDDDD;
		border-width: 4px;
		border-radius:12px;
	}
	.mysidebarIn {border-color:#D7D7FF;}
	SPAN#yearheader {display:none}
	.mSection > .content {
		display: none;
	}
}
@media screen and (max-width: 950px) {
	.barrightOut {max-width: calc(100% - 22.5em);white-space: nowrap; overflow: hidden; text-overflow:ellipsis}
}
@media print {
	BODY {
		margin:0;
		padding:0;
	}
	.noprint,.saveButton {display:none}
	.popupincipit {position:static;display:block;margin:0.5em;background-color:white;clear:left;width:auto}
	.footersrc{width:auto}
	.sm2-inline-block {display:none}
}
