Body {
	font-family : tahoma, verdana;
	font-size: 10pt;
	font-style : normal;
	color: #000000;
	text-decoration : none;
	max-width: 1000px;
    margin: 0 auto;
    padding: 16px;
}

h1 {
    margin: 0px 5px 0px 0px;
}

h2 {
    padding: 0px 0px 0 5px;
    margin: 5px 0px 5px 0px;
}

div#right {
    float: right;
    padding: 4px;
}

div#left {
    padding: 4px;
    margin: 4px;
}

div#downloadfir { 
	display: block;
	height: 54px;
	background: url(https://adionsoft.net/fastimageresize/download_fastimageresize.gif) no-repeat; 
    padding: 5px 0 0 62px;
}

A:Link  {
	text-decoration : none;
	color : #C7B74B;
}

A:Visited  {
	text-decoration : none;
	color : #847634;
}

A:Active  {
	text-decoration : none;
	color : #FA9F00;
}

A:Hover  {
	text-decoration : none;
	color : #2222D9;
}

Table {
	border-collapse: collapse;
}

tr.header { 
	background-color: #F3F3F4;
	height: 25px;
	color: #000000;
	border-bottom : 1px solid orange;
	font-size: 10pt;
	font-weight: bold;
}

tr.item1 {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10pt;
	border-bottom : 1px solid #F4F4F4;
}

tr.item2 {
	background-color: #F2F2F5;
	color: #000000;
	font-size: 10pt;
}

tr.footer {
	background-color: #F3F3F3;
	color: #000000;
	font-size: 10pt;
	border-bottom : 1px solid #B4B4B4;
}

.small {
	font-size: 9pt;
	font-weight: normal;
}

.product-overview {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}
.product-description {
    flex: 1;
    min-width: 0;
	font-size: 12pt;
}
.product-screenshot {
    display: block;
    width: 235px;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
}
@media (max-width: 767px) {
    .product-overview {
        flex-direction: column;
    }
    .product-screenshot {
        align-self: center;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }

    body {
        background-color: #121212;
        color: #e6e6e6;
    }

    a:link {
        color: #e5ce64;
    }

    a:visited {
        color: #c2ae78;
    }

    a:hover {
        color: #93b4ff;
    }

    a:active {
        color: #ffb347;
    }

    tr.header {
        background-color: #292929;
        color: #e6e6e6;
        border-bottom-color: #ffb347;
    }

    tr.item1 {
        background-color: #181818;
        color: #e6e6e6;
        border-bottom-color: #333333;
    }

    tr.item2 {
        background-color: #222222;
        color: #e6e6e6;
    }

    tr.footer {
        background-color: #292929;
        color: #e6e6e6;
        border-bottom-color: #555555;
    }
}
