html {
font-size:smaller;
}

body {
background:slategray;
margin:0px;
font-family:Calibri,Arial,sans-serif;
}

/* external link */
a.urlextern{
    background: transparent url(/~svo/scalar/media/i/linkearth.png) 0px 6px no-repeat;
    padding: 1px 0px 1px 16px;
    text-decoration:none;
    color:inherit;
}

/* download link */
a.urldownload {
    background: transparent url(/~svo/scalar/media/i/zip.png) 0px 2px no-repeat;
    padding: 1px 0px 1px 18px;
    text-decoration:none;
    color:black;
}
a.urldownload:visited {
	color:inherit;
}

a.urlfdd {
    background: transparent url(/~svo/scalar/media/i/fdd.png) 0px 4px no-repeat;
    padding: 1px 0px 1px 18px;
    text-decoration:none;
    color:black;
}
a.urlfdd:visited {
	color:inherit;
}

a.urlrom {
    background: transparent url(/~svo/scalar/media/i/tape.png) 0px 2px no-repeat;
    padding: 1px 0px 1px 18px;
    text-decoration:none;
    color:black;
}
a.urlrom:visited {
	color:inherit;
}

/* youtube link */
a.urlvideo {
    background: transparent url(/~svo/scalar/media/i/youtube.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
    text-decoration:none;
    color:inherit;
}

/* kartti link */
a.kartti {
    background: transparent url(/~svo/scalar/media/i/maplink.png) 0px 1px no-repeat;
    padding: 1px 0px 1px 18px;
    text-decoration:none;
    color:black;
}
a.kartti:visited {
    color:inherit;
}

a.innerdecorless {
text-decoration:none;
color:inherit;
}
a.tocatlist {
text-decoration:none;
color:white;
}
a:visited {
color:inherit;
}

a.authorref {
text-decoration:none;
color:black;
}
a.authorref:hover {
color:#008000;
}
a.catref {
text-decoration:none;
color:black;
margin-right:0.1em;
}
a.catref:hover {
/*text-decoration:underline;*/
color:#008000;
}

a.exref {
font-size:smaller;
text-decoration:none;
color:black;
}
a.exref:hover { color:#606060; }
a.exref:visited:hover { color:#606060; }
a.exref:visited { color:inherit; }

a.wareref {
text-decoration:none;
color:black;
}
a.wareref:hover { color:#606060; }
a.wareref:visited:hover { color:#606060; }
a.wareref:visited { color:inherit; }

a.asort { text-decoration:none; color:white; }
a.asort:visited { color:inherit; }
a.asort:hover { color: darkgray;}

div#main {
width:100%;
margin-left:auto;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
background-color:#f0f0e0;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px dashed black;
}

div#copyright {
text-align:center;
font-size:smaller;
margin-top:1ex;
margin-bottom:2ex;
}

div.title {
font-size:400%;
background:#000000;
color:ivory;
font-weight:bold;
margin-left:-45px;
padding-left:55px;
padding-top:0.5ex;
white-space:nowrap;
}

span#tittit {
color:ivory;
background:inherit;
}

span#tityear {
color:lightgray;
background:inherit;
margin-right:0.2em; 
text-align:right;
clear:none;
position:absolute;
right:0em;
font-weight:normal;
}

div#edit {
background:black;
margin-left:-45px;
padding-left:50px;
color:ivory;
font-size:smaller;
font-weight:bold;
}
a.edit{
text-decoration:none;
color:#404040;
}
a.edit:hover{
color:lightgray;
}

div#globalx {
background:lightgray;
font-weight:bold;
font-size:smaller;
margin-left:-45px;
padding-left:45px;
padding-top:0.5ex;
padding-bottom:0.6ex;
text-align:center;
border-top:1px dotted white;
}

div#categories {
float:left;
border:1px solid black;
margin-right:1em;
padding-bottom:0.5ex;
}
div#cathdr {
background:black;
color:white;
padding-left:0.2em;
padding-right:0.2em;
}

div#rightbox {
float:right;
margin-left:1em;
margin-right:1em;
padding-bottom:0px;
margin-bottom:0px;
max-width:400px;
}
div#videolink {
clear:both;
float:right;
margin-top:0.5ex;
}

div#screenshat {
border:1px solid black;
float:right;
}
div.screenshot {
border:1px solid white;
}
div.noscreen {
background:blue;
color:yellow;
padding-top:100px;
padding-bottom:100px;
width:320px;
height:40px;
text-align:center;
font-weight:bold;
}
div#screentit {
font-weight:normal;
background:black;
color:ivory;
padding-left:0.2em;
border:0px;
}
img.screenshot {
border:1px solid white;
padding:0px;
margin:0px;
}

div#description {
}

div.authors {
clear:left;
margin-left:9.5em;
text-indent:-4.75em;
}
span.subitemhdr {
clear:left;
display:inline-block;
font-weight:bold;
margin-right:1em;
width:3.5em;
padding-left:10px;
}
span.subitemlist {
}
div.brdiv {
margin-top:0.8ex;
}
div#downloadhdr {
clear:left;float:left;
font-weight:bold;
margin-right:1em;
width:10em;
}


div#filenames {
margin-top:1ex;
}
span.fname {
font-weight:normal;
color:#606060;
}

div#cpu {
}
a#acpu {
}


/* category listing */
div#warelist {
margin-top:1ex;
margin-right:1em;
width:60%;
}

div#catlist {
margin-top:1ex;
margin-right:1em;
width:60%;
}

div#main-allcats {
background: transparent url(/~svo/scalar/media/i/kartoteka2.jpg) no-repeat;
background-position: 98% 10%;
}

div#main-cat-music {
background: transparent url(/~svo/scalar/media/i/speaker1-350.jpg) no-repeat;
background-position: 98% 8ex;
min-height:60ex;
}

div#main-cat-boot {
background: transparent url(/~svo/scalar/media/i/ru5-s.jpg) no-repeat;
background-position: 95% 5ex;
min-height:60ex;
}

div#main-cat-book1 {
background: transparent url(/~svo/scalar/media/i/book1.jpg) no-repeat;
background-position: 99% 5ex;
min-height:60ex;
}
div#main-cat-book2 {
background: transparent url(/~svo/scalar/media/i/book2.jpg) no-repeat;
background-position: 99% 5ex;
min-height:60ex;
}

div#main-cat-disk1 {
background: transparent url(/~svo/scalar/media/i/floppy1.jpg) no-repeat;
background-position: 100% 5ex;
min-height:60ex;
}
div#main-cat-disk2 {
background: transparent url(/~svo/scalar/media/i/floppy2.jpg) no-repeat;
background-position: 100% 5ex;
min-height:60ex;
}
div#main-cat-disk3 {
background: transparent url(/~svo/scalar/media/i/floppy3.jpg) no-repeat;
background-position: 100% 5ex;
min-height:60ex;
}

div#main-cat-any {
background:transparent url(/~svo/scalar/media/i/tape-black-small.jpg) no-repeat;
background-position: 96% 8ex;
min-height:60ex;
}
div#main-cat-any1 {
background:transparent url(/~svo/scalar/media/i/tape-black-small.jpg) no-repeat;
background-position: 96% 8ex;
min-height:60ex;
}
div#main-cat-any2 {
background:transparent url(/~svo/scalar/media/i/tape-black-small-vec1.jpg) no-repeat;
background-position: 96% 8ex;
min-height:60ex;
}
div#main-cat-any3 {
background:transparent url(/~svo/scalar/media/i/tape-black-small-vec2.jpg) no-repeat;
background-position: 96% 8ex;
min-height:60ex;
}
div#main-cat-any4 {
background:transparent url(/~svo/scalar/media/i/tape-black-small-vec3.jpg) no-repeat;
background-position: 96% 8ex;
min-height:60ex;
}


div#exportwarelist {
margin-top:1ex;
margin-right:1em;
width:100%;
}

table.extable {
width:100%;
}
.exrow1 {
background:#f0f0d0;
}
.exrow2 {
background:#f0f0c0;
}
th.excol1 {
padding:0.5ex 0ex 0.5ex 3ex;
border-bottom: 1px dotted white;
width:10em;
}
th.excol2 {
border-bottom: 1px dotted white;
padding-right:2em;
text-align:right;
width:2em;
}
th.excol3 {
text-align:left;
border-bottom: 1px dotted white;
padding-right:0.5em;
}
th.excol4 {
text-align:left;
border-bottom: 1px dotted white;
padding-right:0.5em;
}

td.excol1a {
vertical-align:top;
padding-top:1ex;
padding-left:3ex;
font-weight:bold;
}
td.excol1b{
vertical-align:bottom;
border-bottom:1px dotted pink;
padding-bottom:1ex;
padding-top:1ex;
padding-left:3ex;
}
td.excol2 {
vertical-align:top;
border-bottom:1px dotted pink;
padding-top:1ex;
}
td.excol3 {
vertical-align:top;
border-bottom:1px dotted pink;
padding-top:1ex;
}
td.excol4 {
vertical-align:top;
border-bottom:1px dotted pink;
padding-top:1ex;
}
td.excol5 {
vertical-align:top;
border-bottom:1px dotted pink;
padding-top:1ex;
}

table.waretable {
width:100%;
}
thead {
background:#404040;
color:white;
font-weight:bold;
text-align:left;
}
span.ud { font-size:6pt;color:lightgreen;}

th.col1 {
padding:0.5ex 0ex 0.5ex 0.5em;
border-bottom: 1px dotted white;
}
th.col2 {
border-bottom: 1px dotted white;
padding-right:2em;
text-align:right;
width:4em;
}
th.col3 {
width:1%;
text-align:center;
border-bottom: 1px dotted white;
padding-right:0.5em;
}
tr.row1 {
background:#f0f0d0;
}
tr.row2 {
background:#f0f0c0;
}
td.col1 {padding-left:0.5em;}
td.col2 {text-align:right;padding-right:3em;}
td.col3 {text-align:center;}

div.listheader {
background:#404040;
color:white;
font-weight:bold;
border-bottom: 1px dotted white;
}
div.listentry1 {
background:#f0f0d0;
}
div.listentry2 {
background:#f0f0c0;
}
span.col1 {
padding-left:0.2em;
clear:none;
}
span.col2 {
clear:none;
position:absolute;
left:50%;
}
span.col3 {
position:absolute;
left:55%;
text-align:center;
width:3em;
}

/* author stuff */

div#nickname {
clear:left;
padding-top:0.2ex;
font-weight:bold;
font-size:200%;
}
div#authorurl {
clear:left;
padding-top:1ex;
font-weight:bold;
}
div#authoraboot {
padding-top:1ex;
clear:left;
}
div#location {
padding-top:1ex;
clear:left;
}

div#photo {
float:right;
border:1px solid darkgray;
margin:0px;
padding:0px;
margin-top:1ex;
margin-right:1em;
margin-left:1em;
}
img.photo {
border:1px solid white;
}

div#searchinput {
}
form#searchform {
display:block;
float:right;
margin-right:1em;
background: transparent url(/~svo/scalar/media/i/magglass2.png) 0px 0px no-repeat;
padding: 1px 0px 1px 18px;
}
input#searchquery {
display:inline;
width:8em;
border:1px solid darkgrey;
margin-top:-0.5ex;
}

span.s {
font-size:x-small;
}

div#styles {
position:fixed;
top:5px;
}

a.astyle {
text-decoration:none;
border:1px solid darkgray;
background:pink;
display:inline-block;
height:1ex;
width:1ex;
margin-right:2px;
}

a.xref {
    background: transparent url(arrow_right.png) 0px 0.5ex no-repeat;
    padding: 1px 0px 1px 10px;
    text-decoration:none;
    color:black;
}

a.xref:hover { color:green; }

div#longcat {
position:fixed;
top:30px;
display:none;
height:90%;
}

.typewriter {
   font-family:Courier New, monospaced;
   font-size:smaller;
}

q { quotes: "«" "»" '"' '"' }

span.akey {
border:1px outset ivory;
background:ivory;
font-size:70%;
font-weight:bold;
padding-left:1px;
padding-right:2px;
margin-right:0.2em;
white-space:nowrap;
display:inline-block;
position:relative;
top:-0.2ex;
height:14px;
}

span.hlaquo { margin-left:-0.5em;}

.nobr { white-space: nowrap; }

.filesize { font-size: smaller; }
.subitem { padding-left:10px; padding-bottom:1ex;}
.subitemcat {
padding-left:2ex; padding-bottom:0.5ex;
font-size:smaller;
width:760px;
}

.hoverbox {
cursor:default;
display:inline;
clear:left;
width:1ex;
height:1ex;
margin-top:0.6ex;
margin-right:1ex;
margin-left:-2ex;
float:left;
border:1px solid black;
background-color:transparent;
margin-bottom:0.2ex;
}

#screenshot_popup {
border:1px solid lightgray;
background:wheat;
z-index:20000;
position:absolute;
display:none;
}

#ssimg {
border:2px solid white;
}

.c-smaller {
font-size:80%;
}

.category_active {
cursor:default;
display:inline-block;
padding:0.5ex 0.5ex 0.5ex 0.5ex;
margin:1px 1px 0px 0px;
border:2px inset black;
background:#709e61;
width:8em;
text-align:center;
color:white;
}

.category_passive {
cursor:default;
display:inline-block;
padding:0.5ex 0.5ex 0.5ex 0.5ex;
margin:1px 1px 0px 0px;
border:2px outset black;
background:#8dad83;
width:8em;
text-align:center;
color:black;
}

.toggler {
cursor:default;
display:inline-block;
padding:0.5ex 0.5ex 0.5ex 0.5ex;
margin:2px 1px 2px 0px;
border:2px solid black;
background:#9090b0;
width:8em;
text-align:center;
color:white;
}


.dexrow1 {
clear:left;
width:100%;
padding-top:0.5ex;
}
.dexrow2 {
clear:left;
width:100%;
padding-top:0.5ex;
}
.ddummy {}
.ddummy1 {
width:100%;
padding:0.5ex 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px dotted pink;
background:#f0f0d0;
}
.ddummy2 {
width:100%;
padding:0.5ex 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom:1px dotted pink;
background:#f0f0c0;
}
.hdummy {
width:100%;
padding-top:0.5ex;
}

.dcell1 {
width:20%;
display:inline-block;
}
.dcell2 {
width:5%;
min-width:3em;
display:inline-block;
vertical-align:top;
}
.dcell3 {
width:60%;
display:inline-block;
vertical-align:top;
padding-right:0.5em;
}
.dcell4 {
width:14%;
display:inline-block;
vertical-align:top;
overflow:hidden;
}
.dh1top {
padding-left:3ex;
font-weight:bold;
}
.dc1top {
padding-left:3ex;
padding-bottom:1.5ex;
font-weight:bold;
}
.dc1bot_ok {
padding-left:3ex;
width:10em;
margin-top:-2.8ex;
padding-top:0ex;
margin-bottom:1ex;
}
.dc1bot {
padding-left:3ex;
width:10em;
position:relative;
bottom:2ex;
margin-bottom:-1ex;
}

.dhead {
background:#404040;
color:white;
font-weight:bold;
text-align:left;
padding-top:1ex;
padding-bottom:0.25ex;
margin-bottom:0.8ex;
border-bottom:1px dotted white;
}