@font-face {
    font-family: 'HiraMinProN';
    src: url('fonts/subset-HiraMinProN-W3-AlphaNum.eot');
    src: url('fonts/subset-HiraMinProN-W3-AlphaNum.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-HiraMinProN-W3-AlphaNum.woff2') format('woff2'),
        url('fonts/subset-HiraMinProN-W3-AlphaNum.woff') format('woff'),
        url('fonts/subset-HiraMinProN-W3-AlphaNum.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	width: 100vw;
	height: 100vh;
	background-color: white;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	font-family: Hiragino, 'serif';
	font-size: 24px;
}

.pages {
	position: fixed;
	top: 0;
}
.pageimg { width:100%; height:100%; object-fit: contain; }

#backdrop { position: fixed; }
#backdropimg { width:100%; height:100%; object-fit: cover; }
#logoimg { position: fixed; }

#navbars {
    position: fixed;
    bottom: 0;
    width: 100%;
	text-align:center;
	background-color: #282828;
}
#divider {
	background-image: linear-gradient(to bottom, rgb(40,40,40), rgb(150,150,150));
	height:.25em;
}
#weekbar {
	width: 100%;
	font-size: 60%;
	overflow: hidden;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#mainbar {
	width: 90%;
	font-size: 100%;
	overflow: hidden;
	padding-top: 2em;
	padding-bottom: 2.5em;
	margin: auto;
}
.nav {
	float: left;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.weeknav {
	width: 14.28%;
	color: #887c61;
	margin-top:.2em;
	margin-bottom:.2em;
	margin-left: 0px;
	margin-right: 0px;
}
.mainnav {
	width: 14.28%;
	color: #bbaf94;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.navu {
	margin-top:-.7em;
	margin-bottom:.2em;
}
.navd {
	margin-top:.7em;
	margin-bottom:.2em;
}
.nav_selected {
	color: rgb(225, 225, 225);
}
.nav a:hover {
	color: rgb(255, 94, 0);
}

.page {
	position: fixed;
	top: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.popup {
	position: fixed;
	top: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}

.tab {
	border-radius: 0px;
	margin: 0px;
	padding: 1% 3%;
	color: rgba(229, 189, 137, .8);
	background-color: inherit;
	border: 1px solid #ccc;
}

.tabselected {
	color: rgb(225, 225, 225);
}

.tabpage {
	border: 1px solid #ccc;
	height:60%;
	padding: 2%;
	font-size: 66%; line-height: 1em;
}
 
.tabpage th {color: rgba(229, 189, 137, .8); text-align: left; }
.tabpage td {color: rgba(229, 189, 137, .8); text-align: left; }
.tabpage p { font-size: 200%; line-height: 1em; color: rgba(229, 189, 137, .8); }
.tabpage input { font-size: 200%; line-height: 1em; color: rgba(229, 189, 137, .8); }

#page_publicfile { padding: 2.5%; }
#page_publicfile p { text-align:center; font-size: 110%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#page_publicfile .fine p { font-size: 60%; line-height: 1.8em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .6); }
#page_publicfile a { color: #000; color: inherit; }

#page_ad_programs { padding: 2.5%; }
#page_ad_programs p { text-align:left; font-size: 110%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#page_ad_programs .fine p { width:23em; font-size: 60%; text-align: justify; line-height: 1.3em; padding:0; margin:0 0 .8em 0; color: rgba(229, 189, 137, .6); }
#page_ad_programs a { color: #000; color: inherit; }
.programhover { color:rgba(200, 200, 200, .8); color: inherit;}

#page_ad_spots { padding: 2.5%; }
#page_ad_spots p { text-align:left; font-size: 110%; line-height: 1em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#page_ad_spots .fine p { width:12.5em; font-size: 60%; text-align: justify; line-height: 1em; padding:0; margin:0 0 .8em 0; color: rgba(229, 189, 137, .6); }
#page_ad_spots a { color: #000; color: inherit; }

.spots {font-size: 50%; line-height: 1em;}
.spots td {color: rgba(229, 189, 137, .8); text-align: right; }
.airtime { padding-right:2.2em; }
.currentbid { padding-right:2.2em; }
.winning { color: rgba(100, 200, 100, .8); }
.loosing { color: rgba(220, 100, 100, .8); }
.maxbid { }

#datepicker { }
table.month { border-collapse:collapse; width:8em; height:.5em; margin:0px; padding:0px;}
table.month td.curmonth { color:white; opacity:.75; font-family:'LinotypeUniversExtdHeavy','Lucida Grande',Verdana,sans-serif; font-size:50%; text-align:center; text-transform:uppercase; }
table.month td.prevmonth { text-align:left; width:.75em; }
table.month td.nextmonth { text-align:right; width:.75em; }

table.calendar { border-collapse:collapse; text-align:center; padding:0px; margin:0px; font-family:'Lucida Grande',Verdana,sans-serif; line-height: .7em;}
.bidrowhover { background-color:rgba(200, 0, 0, .8); }
table.calendar th { height:.3em; font-size:33%; }
table.calendar td { font-weight:bold; font-size:42%; width:1em; height:.3em; }

table.calendar td.weekday { background-color:#202020; }
table.calendar td.weekdayH { background-color:#ffd8c0; }
table.calendar td.weekdayS { background-color:#ffc080; }
table.calendar td.weekdaySH { background-color:#ffd8c0; }

table.calendar td.weekend { background-color:#505050; }
table.calendar td.weekendH { background-color:#ffd8c0; }
table.calendar td.weekendS { background-color:#ffc080; }
table.calendar td.weekendSH { background-color:#ffd8c0; }

#user { margin-top:1em; }
.userhover { background-color:rgba(200, 0, 0, .8); }

#popup_bid { padding: 2.5%; }
#popup_bid p { text-align:center; font-size: 66%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#popup_bid .fine p { text-align:center; font-size: 42%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }

#popup_signin { padding: 2.5%; }
#popup_signin p { text-align:center; font-size: 66%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#popup_signin .fine p { text-align:center; font-size: 42%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }

#popup_register { padding: 2.5%; }
#popup_register p { text-align:center; font-size: 60%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#popup_register .fine p { text-align:center; font-size: 42%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }

#popup_account { width:40%; height:40%; padding: 2.5%; }
#popup_account p { text-align:center; font-size: 60%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }
#popup_account .fine p { text-align:center; font-size: 42%; line-height: 1.5em; padding:0; margin:0 0 1.5em 0; color: rgba(229, 189, 137, .8); }

.slide-in {
	animation-name: revealpage;
	animation-duration: .66s;
	animation-fill-mode: forwards;
}
.slide-out {
	animation-name: hidepage;
	animation-duration: .66s;
	animation-fill-mode: forwards;
}

:root {
	--page-top: 0px;
}

@keyframes revealpage {
	from { top: 100%; }
	to { top: var(--page-top); }
}
@keyframes hidepage {
	from { top: var(--page-top); }
	to { top: 100%; }
}

.show-popup {
	animation-name: revealpopup;
	animation-duration: .66s;
	animation-fill-mode: forwards;
}
.hide-popup {
	animation-name: hidepopup;
	animation-duration: .66s;
	animation-fill-mode: forwards;
}
@keyframes revealpopup {
	from { top: 100%; }
	to { top: 30%; }
}
@keyframes hidepopup {
	from { top: 30%; }
	to { top: 100%; }
}

.guide { margin-left:1.5em; width:17em; font-size: 48.5%; table-layout:fixed; }
.guide_dow {color: #bbafef; font-size: 60%; text-align: center; text-transform: capitalize; margin-top: 2em; margin-bottom: 2em;}
.guide th {color: #bbaf94; width:2em; text-align: right; vertical-align: top; padding-right: .25em;}
.guide td {color: #bbaf94; width:15em; text-transform:uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.guide tr:hover { overflow: visible; white-space: normal;}