<!--

	.center {
	//	margin: auto;
		width: 100%;
	//	height: 100%;
	//	outline: 3px solid green !important;
		padding: 0px;
	//	vertical-align:top;
	}
	audio	{
		width:100%; min-width:180px;
		text-shadow: none;
		}
	body	{
		font-family: Verdana, Geneva, sans-serif;
		font-size:10pt;
		color: #eeeeee;
//		color: red;
		background-color: #000000;
		background-image: url("./backgrounds/projects_02.jpg");
		background-repeat: no-repeat;
		background-position: left top;
		background-attachment: fixed;
		background-size:cover;
		margin:0px 0px 0px 0px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000;
		box-shadow: inset 0px 0px 100px #000000;
	}
	
	.ziplnk
	{
	//	outline:1px solid white;
		display:block;
		padding: 2px 22px 2px 22px;

	}
	.jon
	{
		color:#ff0022 !important;
	}
	
	.truncate
	{
		width: 148px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.textshadow
	{
		text-shadow: 1px 1px 2px #000000, 1px 1px 4px #000000;
	}
	
	.bg_wedding_0	{	background-image: url("./backgrounds/bg_wedding_00.jpg");	}
	.bg_wedding_1	{	background-image: url("./backgrounds/bg_wedding_01.jpg");	}
	.bg_wedding_2	{	background-image: url("./backgrounds/bg_wedding_02.jpg");	}
	.bg_wedding_3	{	background-image: url("./backgrounds/bg_wedding_03.jpg");	}
	
	/* dev debug */
//	table		{ outline:2px solid aqua;  }
//	td		{ outline:1px solid red; }
//	table.song	{ outline:1px solid yellow;  }
	/* dev debug */
	
	span.touched	{
			//	outline:1px solid yellow;
				line-height:20px;
				padding:0px 10px 0px 0px;
				color:#cccccc;
				letter-spacing:1px;
			}

	table.banner	{ border-collapse:collapse; width: 100%; }
	td.banner	{ margin:0px !important; padding:0px !important; xoutline:1px solid red;}
	table.song	{ width:100%; border-collapse:separate; border-spacing: 16px 8px;  }
	table.floater	{ display:inline-table; width:300px; height:230px; margin:6px 3px; border-spacing: 0px 0px; background-size:300px 230px; background-repeat: no-repeat; }
	table.linker	{ cursor:pointer; }
	td		{ padding:8px; }
//	tr.info		{ background-color: rgba(0,0,0,0.70); }
	td.title
	{
		width:400px;
		max-width:400px;
		min-width:400px;
		font-size:85%;
		vertical-align:top;
		text-align:left;
	}
	td.tinfo
	{
		width:200px;
		max-width:200px;
		min-width:200px;
		font-size:85%;
		vertical-align:top;
		text-align:right;
	}
	td.info
	{
		width:300px;
		max-width:300px;
		min-width:300px;
		font-size:85%;
		vertical-align:top;
		text-align:right;
	}
	td.dimmer
	{
		outline:1px solid #222222;
		background-color: rgba(0,0,0,0.50);
	//	box-shadow: 0px 0px 60px #333333 inset !important;
	}
	td.shadow
	{
//		box-shadow: 1px 1px 2px #000000, 2px 2px 4px #000000, 4px 4px 8px #000000, 8px 8px 16px #000000;
		box-shadow: 1px 1px 2px #000000, 2px 2px 5px #000000, 4px 4px 12px #000000;
	}
	.small 		{ font-size:75%; }
	.smaller 	{ font-size:55%; }
	.smallest 	{ font-size:45%; }
	.shadow_green { color: #00ff00; font-size:100%; text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 2px 2px 10px #000000, 2px 2px 15px #ffffff, 2px 2px 20px #ffffff; }
	.shadow_yellow { color: #ffff00; font-size:100%; text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 2px 2px 10px #000000, 2px 2px 15px #ffffff, 2px 2px 20px #ffffff; }
	.shadow_red { color: #ff0000; font-size:200%; text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 2px 2px 10px #000000, 2px 2px 15px #ffffff, 2px 2px 20px #ffffff; }

	div.page {
		display: inline-block;
//		background-color: #004;
		background-color: rgba(004,004,004,0.7);
		margin:0px 0px 20px 0px;
		padding:20px 20px 20px 20px;
	}
	xdiv.xdimmer {
		background-color: rgba(000,000,000,0.5);
		margin:0px 0px 20px 0px;
		padding:20px 20px 20px 20px;
//		min-width:800px;
	}
	h1,h2,h3,h4,h5,h6 {
		font-family: "courier new";
		color: #ffffff;
		letter-spacing:1px;
//		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 2px 2px 10px #000000, 2px 2px 15px #ffffff, 2px 2px 20px #ffffff;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 2px 2px 10px #000000, 2px 2px 10px #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	h1 {
		color: #aaaaff;
	}
	h5 {
		color: #cccccc;
	}
	a:link {
		color: #aaaaff;
		font-size:10pt;
		letter-spacing:2px;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 15px #000000, 1px 1px 20px #ffffff;
	}
	a:visited {
		color: #aaaaff;
	}
	a:hover {
		color: #ffbb22;
		text-shadow: 1px 1px 2px #000000, 1px 1px 5px #000000, 1px 1px 10px #ffffff, 1px 1px 15px #ffffff, 1px 1px 20px #000000;
	}
	a:active {
		color: #aaaaff;
	}
	.off		{ display:none; }
	td.splash 	{ font-family:"Trebuchet MS", Helvetica, sans-serif;
				text-align:left;
				color:#000000;
				padding:10px;
				box-sizing:border-box;
				min-width:300px;
				max-width:800px;
				cursor:hand;
				font-size:10pt;
				font-weight:lighter;
				background-color:#eeeeee;
			//	border-style:ridge;
			//	border-width:6px;
				border-spacing:20px;
				border-color:#ffffff;
				border-radius:5px;
				box-shadow:5px 5px 60px 10px black;
				text-shadow: none; //1px 1px 2px #ff0000, 1px 1px 5px #000000;

				background-color:#ffffff;
			//	background: -webkit-radial-gradient(#00ff00, #00ff00, #008800); /* Safari 5.1 to 6.0 */
			//	background: -o-radial-gradient(#00ff00, #00ff00, #008800); /* For Opera 11.6 to 12.0 */
			//	background: -moz-radial-gradient(#00ff00, #00ff00, #008800); /* For Firefox 3.6 to 15 */
			//	background: radial-gradient(#ffffff, #dddddd, #aaaaaa); /* Standard syntax (must be last) */
				}
	div.print 	{ font-family:"Trebuchet MS", Helvetica, sans-serif;
				text-align:center;
				color:#000000;
				padding:4px;
				box-sizing:border-box;
				min-width:70px;
				width:70px;
				cursor:hand;
				font-size:8pt;
				font-weight:bold;
				background-color:#eeeeee;
			//	border-style:ridge;
			//	border-width:6px;
				border-spacing:20px;
				border-color:#ffffff;
				border-radius:4px;
				box-shadow:5px 5px 60px 10px black;
				text-shadow: 1px 1px 3px #ffffff, 1px 1px 10px #ffffff; //none;

				background-color:#ffffff;
				background: -webkit-radial-gradient(#00ff00, #00ff00, #004400); /* Safari 5.1 to 6.0 */
				background: -o-radial-gradient(#00ff00, #00ff00, #004400); /* For Opera 11.6 to 12.0 */
				background: -moz-radial-gradient(#00ff00, #00ff00, #004400); /* For Firefox 3.6 to 15 */
				background: radial-gradient(#00ff00, #00ff00, #004400); /* Standard syntax (must be last) */
				}
	.fltrht		{ position:relative; float:right; top:0px; border:0px none; margin:4px;}
	.fltlft		{ position:relative; float:left; top:0px; border:0px none; margin:4px;}
	.bottom		{ display:block; float:right; outline:1px solid blue; position:relative; height:100%; vertical-align: bottom; }
	audio,
	.media_element
	{
	//	outline:2px solid cyan;
		display:block;
		position:relative;
		top:-1px;
	
		width:100% !important;
	//	min-width:300px !important;
		
		height:30px !important;
		
//		border-radius: 15px;
//		color: white;
//		background-color: #eeeeee;
//		box-shadow:8px 8px 16px black, inset -4px -4px 10px #000000;
	}
	
	audio::-webkit-media-controls-enclosure
	{
		width:100% !important;
	//	min-width:300px !important;
		
	//	height:30px !important;
		
	//	border-radius: 15px;
		color: white;
		background-color: #eeeeee;
		box-shadow:8px 8px 16px black, inset -4px -4px 10px #aaaaaa;
	}
	
	audio::-webkit-media-controls-current-time-display,
	audio::-webkit-media-controls-time-remaining-display
	{
		color: black;
		text-shadow: 1px 1px 4px #222222;
//		-webkit-appearance: media-current-time-display;
//		-webkit-user-select: none;
//		flex: none;
//		display: flex;
//		border: none;
//		cursor: default;
//		height: 30px;
//		margin: 0 9px 0 0;
//		padding: 0;
//		line-height: 30px;
//		font-family: Arial, Helvetica, sans-serif;
//		font-size: 13px;
//		font-weight: bold;
//		font-style: normal;
//		letter-spacing: normal;
//		word-spacing: normal;
//		text-transform: none;
//		text-indent: 0;
//		text-decoration: none;
	}
	
//-->