:root {
	--mgreen: #50d010;
	--dgreen: #005500;
	--sgold: #775319;
	--egold: #f0e58b;
}

@keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }

body.minh::before {
	content: ' '; display: block; width: 100%; height: 100%;
	position: absolute; left: 0; top: 0; opacity: 0;
	background: url("images/dark-abstract.jpg") no-repeat;
	animation: fade-in 1.5s linear 0s 1 both;
	z-index: -1;
}

body, div#info { min-width: 765px; }
body.minh { margin: 24px !important; background: black; }

body {
	font-weight: bold; font-size: 24px; margin: 4px 12px;
	background: #000000 url("images/galaxy-blue-argon.jpg") no-repeat fixed;
}

/* gold repeating linear gradient */
.grlg { 
    background-image: repeating-linear-gradient(45deg,
        var(--sgold) 15%, var(--egold) 30%, var(--sgold) 45%);
    color: #000000; text-decoration: none;
}

.brad { border-radius: 6px; }

div.biz {
	display: inline-block; padding: 4px 12px;
	border-radius: 12px; font-size: 40px; font-variant: small-caps;
}

div.model {
	margin-bottom: 12px; text-align: center;
	border: 1px solid #004400; border-radius: 6px;
}

div.stellar12 { display: inline-block; margin-top: 48px; }

.ctr { text-align: center; }

table.items td { font-size: 24px; }

table.items a, div.stellar12 {
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-image: repeating-linear-gradient(45deg,
        var(--sgold) 15%, var(--egold) 30%, var(--sgold) 45%);
    color: #000000; text-decoration: none;
}

table.items a, div.specials a {
	border-bottom: 1px solid var(--egold); border-radius: 6px;
	padding: 0 4px; font-variant: small-caps;
}

table.items a:hover, div.specials a:hover {
	-webkit-background-clip: text; -webkit-text-fill-color: #000000;
    background: repeating-linear-gradient(45deg,
        var(--sgold) 15%, var(--egold) 30%, var(--sgold) 45%);
    color: #000000; text-decoration: none; border-bottom-width: 0;
}

td.pr24 { padding-right: 24px; }
td.plr { padding: 0 24px; }

div.specials {
	font-weight: normal; font-size: 21px; padding: 8px;
	border: 1px solid #004400; border-radius: 8px;
}

div.finish {
	padding-left: 24px;
	background: url("images/gold-diamond.gif") no-repeat 0;
}
div.finish:hover {
	background: url("images/green-diamond.gif") no-repeat 0;
}

div.finish:hover span {
    background-image: repeating-linear-gradient(45deg,
        var(--sgold) 15%, var(--egold) 30%, var(--sgold) 45%);
	cursor: pointer;
}

div[data-file] { padding-left: 28px; }
div[data-file]:hover {
	cursor: pointer;
	background: transparent url("images/green-diamond.gif") no-repeat 0;
}
div[data-file].jsv {
	background: transparent url("images/purple-diamond.gif") no-repeat 0;
}

div.finish span, .tgrad1 {
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, var(--sgold), var(--egold));
}

div.gen, div[data-file] span, .tgrad2 {
	-webkit-background-clip: text; -webkit-text-fill-color: transparent;
	background-image: linear-gradient(90deg, var(--egold), var(--sgold));
}

div.gen, div.finish, div[data-file] { display: table; }

div.xlinks { font-variant: small-caps; display: none; }

/* ------------------------ */

body.gallery { margin-right: 4px; }
body.minh { min-height: 485px; }
body.mg { color: #f0e6be; }

div#lcol {
	background: transparent url("images/lcol.gif") repeat-y 14px 0;
	position: absolute; top: 4px; left: 12px;
	width: 80px;
}
div#rcol {
	background: transparent url("images/rcol.gif") repeat-y 16px 0;
	position: absolute; top: 4px; right: 0;
	width: 80px; right: 12px;
}
div.vh { visibility: hidden; }

img.upper, img.lower { margin: 0; position: absolute; }
img.lower { bottom: 0; }
img.gold { padding: 20px 0 16px 0; }

div#stellar { width: 570px; }
div#stellar img { border-width: 0; }

div#stellar a.main {
	text-decoration: none; color: #f0e6be; padding: 3px 2px 1px 2px;
	border-bottom: 2px solid #f0e6be; font-variant: small-caps;
	border-radius: 10px;
}
div#stellar a.main:hover, div#stellar a.main:focus {
	border: 2px solid #008000; padding: 5px 0 1px 0;
}
div#stellar a.main:visited { border-color: #990099; }

table.speakers { margin: 0 auto; }
table.speakers td {
	text-align: center; vertical-align: middle;
	white-space: nowrap; /* fix for google chrome */
}

table.speakers tr.pt4 td { padding-top: 4px; }
table.speakers td.pb { padding: 6px 0 18px 0; }
img.vab { vertical-align: bottom; margin: 4px 0 -4px 0; }

div.photos { padding-top: 10px; }
div.photos, div#stellar { margin: 0 auto; color: #fff1a4; }

/*
div.photos > a {
	background: transparent url("images/gold-diamond.gif") no-repeat 0 center;
	text-decoration: none; padding-left: 24px;
}
div.photos > a:hover {
	background-image: url("images/green-diamond.gif");
}
*/

div.enajs { color: #00cc00; font-size: 14px; width: 80px; float: left; }

span.wsx, span.wsxii, span.sctr { word-spacing: 12px; font-size: 125%; }
span.ws4 { word-spacing: 4px; }
span.other { border-bottom: 1px dotted #777777; margin-bottom: -2px; }

br.cb { clear: both; }

div.lspc { height: 6px; }
div.gspc { height: 32px; }

div.tlb { margin-top: 8px; }

a:focus { outline: none; }

a.regular { color: #00ffff; }
a.regular:visited { color: #990099; }

div#mainleft { float: left; }
div#mainright { float: right; position: relative; }

@keyframes gscale {
	0% { filter: grayscale(100%); }
	100% { filter: grayscale(0); }
}

img#pixw, img#pixh, div#movie {
	display: none; margin: auto;
	border-width: 0; animation: gscale 1.5s ease-in forwards;
	position: absolute; top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}

div#movie {
	min-width: 418px; min-height: 445px; color: #e2cd80;
	font-size: 18px; font-weight: normal;
}

div#intro {
	margin: 12px 0 16px 0; font-size: 125%;
	text-align: center; word-spacing: 12px;
}

table#specs, table.finish { margin: 0 auto; }
table#specs td, table.finish td {
	border-width: 1px; border-style: solid;
	padding: 4px 12px; color: #f0e6be;
}

table#specs td { border-collapse: collapse; font-size: 87.5%; }
table#specs tr > td { border-color: #e1cd80 #009900 #e2cd80 #e2cd80; } 
table#specs td + td { border-color: #e2cd80 #e2cd80 #e2cd80 #009900; } 

table.finish { border-collapse: collapse; }
table.finish td {
	font-size: 125%; font-variant: small-caps;
	border-color: #e2cd80 #f0e6be #e2cd80 #f0e6be;
	border-width: 2px;
}

table.finish td.gd {
	background: transparent url("images/gold-diamond.gif")
	no-repeat center center;
}

table.finish td.avail { text-align: center; }

table.finish td.blank { border-width: 0; height: 12px; }

div.uprt {
	font-size: 87.5%; font-variant: small-caps; color: #f0e6be;
	position: fixed; top: 8px; right: 20px; z-index: -1;
}

span.nrml { font-weight: normal; }

div.fipr { margin: 20px 0 0 4px; }
div.fipr table img { border-width: 0; margin: 0 0 1px 0; }
div.fipr table img:hover { margin: 1px 0 0 0; }
div.fipr table td { text-align: center; }

img#gd1, img#gd2 { vertical-align: top; margin-top: 11px; border-width: 0; }
img.iml { margin-left: 32px; }
br#ehb, .labs { display: none; }

span.ttl { border-bottom: 2px dotted #990099; color: #e2cd80; }
span.ttl:hover { cursor: help; }

td.dleft { padding-right: 16px; }
td.dmid { padding: 0 16px; }
td.dright { padding-left: 32px; vertical-align: bottom; }
span.nw { white-space: nowrap; }
.smc { font-variant: small-caps; }

div.desc {
	background-image: url("images/cream.gif");
	margin: 20px 12px; padding: 24px 16px; font-weight: normal;
	background-color: #fff7cd; border: 3px solid #770077;
}

div.tm { margin-top: 32px; }

div.large {
	font-size: 175%; word-spacing: 10px; font-weight: bold;
}

.fwb { font-weight: bold; }
.model { color: #0033dd; white-space: nowrap; }

div.best { font-weight: bold; margin: 12px 0; }
div.combo { font-weight: bold; font-size: 30px; text-align: center; }
span.and { color: #0000cc; }
ul { margin-top: 0; }

span.rs { color: #0033dd; margin: 0 3px 0 7px; }
div.ml { margin-left: 12px; }

.bb { color: #0000bb; }
.ppl { color: #770077; }
.mib { color: #004080; }
.reg { color: #000000; }
.bcb { background-color: transparent; }
.tul  { text-decoration: underline; }
.ctr { text-align: center; }

img.vam { vertical-align: middle; }

div.mt12 { margin-top: 12px; }

div.mlinks a {
	text-decoration: none; white-space: nowrap;
	font-variant: small-caps; padding: 2px 6px;
	background-color: #000000; color: #00ff00;
	line-height: 36px;
}

div.mlinks a:hover, div.mlinks a:focus {
	border: 3px solid #009900; padding: 1px 3px; color: #ffff00;
}
div.mlinks a:visited { border-color: #770077; color: #aa00aa; }

img.mlt { float: left; border-width: 0; }
img.mrt { float: right; border-width: 0; }
img.bwz { border-width: 0; }
div.midc { text-align: center; margin: 16px 0; }
div#blank { height: 18px; display: none; }

div#info {
	width: 99.9%; font-size: 75%; color: #f0e6be;
	position: fixed; bottom: 3px; left: 0;
}
div#info img { border: none; margin-bottom: -1px; }

a.sli {
	background: #dbc679 url("images/ggrad.png") repeat;
	color: #000000; padding: 0 4px; text-decoration: none;
	border: 1px solid #007000;
}
a.sli:hover, a.sli:focus, span.grn { color: #008000; }
.mtop { margin-top: 6px; }

span.hdr { color: #0000aa; }
div.sr { margin-left: 24px; }
div.gfr { float: right; width: 350px; white-space: nowrap; }
table.slinfo { width: 100%; }
table.slinfo td {
	vertical-align: top; font-variant: small-caps; font-weight: bold;
	width: 33%;
}
tr.ipt td { padding-top: 24px; }

div.mtt { margin-top: 20px; }

a.sar1, .blue { color: #0000ff; }
a.sar2 { color: #000000; }
a.sar:hover { color: #008000; }

a.sctl { color: #0099ff; }
a.sctl:visited { color: #770077; }
a.sctl:hover { color: #00cc00; }

a.finest { color: #0033dd; }
a.finest:visited { color: #770077; }
a.finest:hover { color: #007000; }

ul.mtz { margin-top: 0; color: #000099; }
.mbl { color: #000099; }
.blk { color: #000000; }

div.line {
	width: 160px; margin: 6px 0 6px 24px;
	border-bottom: 1px solid #ffffff;
}

div.spacer { height: 12px; }

a.cpix { font-weight: bold; padding: 0 2px; }
a.cpix:hover {
	color: #000000; background-color: #00cc00; text-decoration: none;
}