BODY, TABLE			{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; }
BODY				{ margin: 0px; }

A				{ color: #000080; }
A:visited			{ color: #9090C0; }
A:hover, A:active		{ color: #800000; }

H1				{ font-size: 22pt; margin-top: 19px; }
H2				{ font-size: 16pt; margin-top: 18px; }

HR				{ height: 1px; border: 0px; }

DIV.header			{ background: #0080FF url(/line.png); height: 100px; }
DIV.logo			{ float: left; width: 250px; margin-left: 20px; margin-top: 9px; }
DIV.text			{ float: left; margin-top: 36px; }
DIV.menu			{ background-color: #F2FAFF; padding: 8px 10px; border-bottom: 1px solid #D2DAFF; }
DIV.main			{ margin: 0px 8px; }

DIV.announcement		{ display: inline-block; margin-top: 10px; background-color: #F6FFF6; border: 1px solid #E0F0E0; width: 100%; }
DIV.events			{ float: left; width: 50%; padding: 5px 0px; margin-left: 5px; }
DIV.forum			{ float: left; padding: 5px 0px; }
DIV.select			{ float: left; margin: 14px 12px 14px 0px; }
DIV.add				{ float: right; margin: 14px 0px; }

DIV.screenshot			{ float: left; padding: 10px 26px 0px 0px; }
DIV.screenshot IMG		{ border-top: 2px solid #E8ECFF; border-left: 2px solid #E8ECFF; border-right: 2px solid #9399B3; border-bottom: 2px solid #9399B3; }
DIV.description			{ display: table-cell; padding-top: 10px; }
DIV.description H1		{ margin-top: 0px; }
DIV.description H2		{ margin-top: -16px; font-weight: normal; }
DIV.block1			{ float: left; padding: 7px 0px; clear: both; }
DIV.block2			{ float: left; padding: 7px 0px 7px 30px; }
DIV.block3			{ float: left; padding: 7px 0px 7px 30px; }
DIV.block4			{ float: left; padding: 7px 0px 7px 30px; }
DIV.block5			{ padding: 7px 0px; clear: both; width: 100%; }
TD.sep				{ padding-right: 10px; }

DIV.statistics			{ display: inline-block; width: 100%; }
DIV.left			{ float: left; }
DIV.right			{ float: left; padding-left: 50px; }

DIV.event			{ display: inline-block; width: 100%; }
DIV.date			{ float: left; padding: 10px; font-weight: bold; }
DIV.message			{ display: table-cell; padding: 10px; }

TABLE.table			{ border-collapse: collapse; }
TABLE.table TH, TABLE.table TD	{ border: 1px solid #FFFFFF; padding-left: 4px; padding-right: 4px; }
TABLE.table TH			{ color: #FFFFFF; text-align: center; background: #40A0FF url(/th.png); background-size: contain; height: 25px; }
TABLE.table TD			{ vertical-align: top; }
TR.r1 TD			{ background-color: #F6FEFF; }
TR.r2 TD			{ background-color: #EEF6FF; }
TR.r1 TD.s			{ background-color: #EEF4FF; }
TR.r2 TD.s			{ background-color: #E4EEFF; }

TABLE.table TH A		{ color: #FFFFFF; text-decoration: none; }
TABLE.table TH A:visited	{ color: #FFFFFF; }
TABLE.table TH A:hover,
TABLE.table TH A:active		{ color: #FFFFFF; text-decoration: underline; }

TABLE.table SMALL A		{ color: #000000; text-decoration: none; }
TABLE.table SMALL A:visited	{ color: #808080; }
TABLE.table SMALL A:hover,
TABLE.table SMALL A:active	{ color: #800000; text-decoration: underline; }

TD.flag				{ text-align: center; }
TD.flag IMG			{ border-top: 1px solid #E8ECFF; border-left: 1px solid #E8ECFF; border-right: 1px solid #9399B3; border-bottom: 1px solid #9399B3; width: 18px; height: 12px; }
TD.n				{ text-align: right; white-space: nowrap; }

TABLE.favicon, TABLE.favicon TD	{ border: 0; padding: 0px; border-collapse: collapse; }
TABLE.favicon DIV		{ width: 16px; height: 18px; }

TABLE.articles TD		{ vertical-align: top; border-bottom: 1px solid #D2DAFF; }

.info				{ color: #808080; font-size: 10pt; }
.dashed				{ border-bottom: 1px dashed; }

TD.bar				{ vertical-align: middle !important; }
TD.bar IMG			{ height: 10px; }

DIV.comment			{ color: #808080; padding-bottom: 14px; }
DIV.comment A,
DIV.comment A:visited		{ color: #808080; text-decoration: none; }
DIV.comment A:hover,
DIV.comment A:active		{ color: #808080; text-decoration: underline; }
SPAN.separator			{ padding-left: 26px; padding-right: 26px; }

@media screen and (max-width: 1200px) {
DIV.add				{ display: none; }

DIV.block4			{ padding-left: 0px; clear: both; }

DIV.left			{ float: none; }
DIV.right			{ float: none; padding-left: 0px; }
}

@media screen and (max-width: 1000px) {
DIV.text			{ display: none; }

DIV.table			{ overflow: auto; }

DIV.announcement		{ display: none; }
DIV.select			{ float: none; white-space: nowrap; overflow: auto; }

DIV.block3			{ padding-left: 0px; clear: both; }

DIV.article IMG			{ max-width: 100%; height: auto; }
}

@media screen and (max-width: 800px) {
DIV.screenshot			{ width: 50%; }
DIV.screenshot IMG		{ width: 100%; height: auto; }
}

@media screen and (max-width: 700px) {
DIV.information			{ display: flex; flex-wrap: wrap; }
DIV.screenshot			{ float: none; width: 100%; padding: 5px 0px 10px 0px; order: 2; }
DIV.screenshot IMG		{ max-width: 400px; height: auto; }
DIV.description			{ order: 1; }
}

@media screen and (max-width: 500px) {
TD.sep				{ padding-right: 5px; }

SPAN.separator			{ padding-left: 11px; padding-right: 11px; }

TD.bar IMG			{ zoom: 0.9; }

DIV.date			{ float: none; padding: 10px 0px; }
DIV.message			{ padding: 0px; }

TEXTAREA			{ width: 100%; }
}