body { font-family: 'arial'; background: url("../Image/ThemeOverlay.png") fixed no-repeat top right, rgba(49, 108, 186, 0.5); background: url("../Image/ThemeOverlay.png") fixed no-repeat top right, linear-gradient(to right, rgba(49, 108, 186, 0.5) 0%, rgba(48, 145, 187, 0.5) 25%, rgba(90, 165, 198, 0.5) 50%, rgba(112, 173, 200, 0.5) 75%, rgba(47, 84, 164, 0.5) 100%); }

.Block { background-color: rgba(255, 255, 255, 0.45); position: absolute; top: 10vh; right: 10vh; left: 10vh; margin-bottom: 10vh; min-width: 220px; }

@media only screen and (max-width: 450px) { .Block { top: 3vh; right: 3vh; left: 3vh; margin-bottom: 3vh; } }

.Block .Header { border: none; border-top: 7px solid rgba(60, 151, 216, 0.9); border-bottom: 3px solid #555; background-color: rgba(255, 255, 255, 0.8); color: #000; font-size: 25px; padding: 20px; word-wrap: break-word; }

.Block .Header .Version { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QMJDCAMvkzGMAAABCVJREFUSMeNlk9sVFUUxn/33jcznf6zVQoUasERSBsNUEBNMCI6IYbEQDIYMG7MrIyGjQuJCxcsTJBEE2NcuPJJYkyM8SUYFQ2+hBg1NKFYFCgScNrCtJRCWwrT6cx7714XzAwPeFM8q3tncs757jnf+c4T1LF0Jovr2NXzJqAHWAPcAEaAftexL/EAEwskSAEHgN0L+BeAD1zHfv9/JaiiTmeynwFvAOB7nuhYHoi2JQ0ikZwzvpekXBT6Sm6WYqEVZQFo4FXXsb+pmyCdyQIkgH+AFehgXq3aIOXqDXGkBB2EvARIhbk55QVDx31z9VISqQA+dh377XACFUae6u0bB5aJZIuOvbBHiEVdMTBgTM1BG3MbldGIWELJrjUx2b5Y68vnfYR8NtXb15QbGjx6V4Lc0CDpTPZHYJ1oeqhsbXnFQgh573PbG+O8uXkVDzfGOTsxi5ICjEE0tgjZ+ZjRI2cDhHwu1dt3PDc0eBHAqpTmeWA7xpStzTstjL6vWSVf89GO9XS2NvBSz1LGZ+f5Mz99p2rN7ZbauM0LBo6CVN8CzQCyQsVPMQa1dotBSlmPEYHWC1JSdqZi4pFOH2hKZ7JvAch0JrsEeBIhbsnunkQ954Ql2ff9X/xyfoLP+3P0j16PQOCj1jzlVQixF8ACdgLIlU804ft10QXGkL9RZP/PZ0jGFHEV/VCxaHkSIQtAbzqTxQI2YgyybfEMmPYoJyUF+7b2sCXVgZKCrwZG+OLEMEpEzKn2ER1dCXMtD7BJAgmMgXiDiQrua8Oe9d0M5meYmisD8NrGFRS9IPqpxiCSzVbltlo+SDYsKfhyYJhjF67S0Xy7RcNTBWL1uQCh/yQwjwC88gKCJdi9/tHa3fk7T8KS9dVn7la1mcMSGEJI9I3JlnoJ5v2glqAcaH44O1YfvVLoa/m5yu2EBL4D0KPnilixSJ91y9qIVVhz+HR+wfKYmckSvtcKjLmO7UnXsXPARbz5Fj2eK0U5dbc31s79I1PMeT5eoCNrry+cNCgF8Em1BwDvISTBqWOKCHSj03O184c71vHr3hfZvHLR/einJ8p67N8GANexD4bF7nSqt28nRi831/MF2d0bD+vRxK0SEzdLtCQsBi5Pc8A9x7mrN7lrDMpF3//9sKiI5Ou5ocFTNWpWBC9e2VCWaOsoWs+8nIS7R8MLNEoKZDiyEJjCrOf/5giMsQDHdexdYZpWd68HdAFFMzOZ9I4eKuuxiyWsGFWoMSXvBJcKdKCDM3+U/GNfq0rwn1zH3lUBHLkyRWWrHQG2VhZNQS57vFG0dRSQlofA4JWb9MSIMdfzChWrUu9d17EPhj8WIqc3tJe3A/uBp8MyUFuZd+wQ8I7r2JORSnDvD6HsR1zHPpLOZFuBbcBahFgKzAJXgEHXsd1QDyPtPyZ9rEG02IT9AAAAAElFTkSuQmCC); background-position: 8px 8px; background-repeat: no-repeat; font-size: 15px; color: rgba(0, 0, 0, 0.8); background-color: #ffd511; border: 1px solid #96a0aa; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 45px; margin-top: 10px; min-height: 30px; }

.Block .Intro { background-color: rgba(255, 255, 255, 0.8); padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px; word-wrap: break-word; }

.Block .Intro .Title { font-size: 20px; }

.Block .Intro .Details { font-size: 12px; margin-top: 5px; color: black; }

.Block .Items .Item { background-color: rgba(255, 255, 255, 0.8); margin: 20px; padding: 15px; word-wrap: break-word; }

.Block .Items .Item .Title { font-size: 17px; }

.Block .Items .Item .Details { font-size: 12px; margin-top: 5px; color: black; }

.Block .Items a { text-decoration: none; color: black; }

.Block .Items a:hover .Item { color: #316cba; background-color: rgba(255, 255, 255, 0.9); }

.Block a { text-decoration: none; color: #316cba; }

.Block a:hover { color: #24579b; }