body {font-family: 'Lucida Sans Unicode', sans-serif; background-image:url(pixies/ngatu.jpg); font-size:12px; font-weight:bold;}
body.blank {background-color:#FFC; background-image:none}
.ielt9 {position:absolute; z-index:1000; background-color:red; opacity:0.7; filter:alpha(opacity=70); padding:0.5em; margin:1em}
#javaless {position:absolute; z-index:1000; top:320px; background-color:green; opacity:0.7; filter:alpha(opacity=70); padding:0.5em; margin:1em}
h1,h2 {text-align:center; margin:0.3em}
p,h3,h5 {padding:1px 5px; z-index:50}
p, li, h4 {line-height:13px}/*needed for IE or some fonts*/
h2 {line-height:19px}
h3 {line-height:16px}
h5 {line-height:12px}
.tightening p, .tight {margin:2px}
.tightening h3 {margin:10px 2px 2px 2px}
ul {padding-left:13px}
li {list-style-type:square; list-style-position:outside}
.leftcolumn, .rightcolumn {position:relative; display:block; width:149px}
.leftcolumn {float:left}
.rightcolumn {float:right; border-left:thin dashed red}
.engeenga {background-color:yellow; z-index:200}
.hinehina {background-color:white}
.pouli {background-color:black; color:white}
.matamata {background-color:#EFE}
.kelokelo {background-color:#FDA}
.melomelo {background-color:#960; color:white}
.kulokula {background-color:#FCC}
.fefekika {background-color:#FCF}
.moanana {background-color:#00F; color:white}
.pulupulu {background-color:#CEF}
.violeti {background-color:#DCF}
.red {color:red}
.green {color:#090}
.scenic {position:absolute; left:0; bottom:0; z-index:50; margin:0.2em}
.tokotaha {position:absolute; color:red; width:300px; font-family:'Comic Sans MS', cursive; text-align:center}
.iolock {position:absolute; left:0px; bottom:200px; color:white; width:300px; font-family:Verdana, Geneva, sans-serif; font-weight:lighter; text-align:center; font-size:24px;}
.iostile {padding:2px; background-color:white; margin:6px;border-radius:15px}

@media only screen {
.blok {border:medium double red; width:300px; height:300px; position:absolute; transition-property:left, top; transition-duration:0.8s; transition-timing-function:ease-in-out; box-shadow:0px 3px 4px rgba(0,0,0,0.7)}
.inside {clip:rect(0px,300px,300px,0px); z-index:200; position:absolute; width:300px; height:300px; left:0; top:0}
.insideright {clip:rect(0px,300px,300px,0px); z-index:200; position:absolute; width:100px; height:300px; left:200px; top:0}
.link, h4 {z-index:100; font-weight:bold; position:absolute; background-color:#DDD; padding:0.2em 0.4em; border:ridge medium white; margin:0.3em; box-shadow:0px 2px 4px rgba(0,0,0,0.6); border-radius:8px}
.biglabel {z-index:100; font-weight:bold; background-color:#DDD; padding:0.2em 0.4em; border:ridge medium white; margin:0.3em; box-shadow:0px 2px 4px rgba(0,0,0,0.6); border-radius:8px; text-align:left}
p>a {font-weight:bold; background-color:#DDD; padding:0 0.4em; border:ridge medium white; box-shadow:0px 1px 2px rgba(0,0,0,0.5); border-radius:15px}
a:link{color:#060}
a:visited{color:#900}
a:hover{color:#666}
a:active{color:#FF0}}

.javaonly {display:none;}
#calendarbox { z-index:300; width:auto; overflow:hidden; position:absolute; background-color:#FFD; border:medium double #0CF; padding:2px; display:none;text-align:center;}
#calendarbox a:link {text-decoration:none;}
#early {height:51px; overflow-y:scroll;}
#dating {height:268px; overflow-y:scroll;}
#late {height:31px; overflow-y:scroll;}
.month {color:#FFF; font-weight:bold; background-color:#A3A;}
#early .month, #late .month {background-color:#F88;}
.close {background-color:#FFF;}
.week {font-size:11px; background-color:#FCC;}
@keyframes falling {from {top:-80px;} to {top:250px;}}
@keyframes shifting {from {left:-105px;} to {left:305px;}}
.overfone {right:5px; animation:falling 5s linear 0s infinite; overflow:hidden; height:110px; width:50px; position:absolute; display:block; text-align:center;}
#f0, #f1, #f2, #f3, #f4, #f5 {animation:shifting 6s linear 0s infinite; overflow:hidden; left:-120px; height:100px; width:100px; position:absolute; display:block;}
#overbox, #alertbox {z-index:300; width:auto; overflow:hidden; position:fixed; background-color:#FFD; border:medium double green; padding:2px; display:none; box-shadow:0px 30px 40px rgba(0,0,0,0.8)}

@media print {
body,h2,h3 {font-weight:normal}
.biglabel {display:none}
p {margin:2px}
tr {break-inside:avoid}
.blok {border:medium double blue; width:300px; height:300px; position:absolute}
.link, h4, .specs {visibility:hidden}
.specs > a[href]:before {content:" "attr(href); visibility:visible;}}