* {
    padding: 0;
    margin: 0;
    border: 0
}

html,
body,
.viewport {
    width: 100%;
    height: 100%;
    overflow: hidden
}

body {
    font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
    color: #375715;
    text-align: justify;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==), radial-gradient(#40a650, #23592e)
}

.vbox {
    display: flex;
    flex-direction: column
}

#pndl_hdr {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 2px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(#f0dc82, #f5f5dc);
    font-size: 18pt
}

#pndl_hdr .button {
    background-color: floralwhite;
    border: solid grey 1px;
    border-radius: 25%;
    width: 1.6em;
    height: 1.6em;
    margin-left: .15em;
    flex-shrink: 0
}

#pndl_hdr .button:HOVER {
    background-color: khaki
}

#pndl_hdr .disabled {
    filter: grayscale(100%)
}

#pndl_hdr #menu {
    cursor: pointer;
    width: 1.6em;
    height: 1.6em;
    margin-right: .5em;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%20viewBox%3D%220%200%20426%20426%22%3E%3Cpath%20fill%3D%22%23a00%22%20d%3D%22M58%20104h310v40H58zm0%20100h310v40H58zm0%20100h310v40H58z%22%2F%3E%3C%2Fsvg%3E%0A')
}

#pndl_hdr .indicator {
    display: flex;
    flex-flow: row;
    align-items: center;
    min-width: 6em
}

#pndl_hdr .icon {
    background: 0;
    border: 0;
    width: 1.3em;
    height: 1.3em
}

#pndl_hdr #moves_bar {
    margin-left: 1em
}

#pndl_hdr #layout_bar {
    margin-left: 1em
}

#pndl_hdr #new {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cg%20transform%3D%22translate(29.518%20907.792)%22%3E%3Crect%20width%3D%22203.7%22%20height%3D%22231.6%22%20x%3D%22-186.8%22%20y%3D%22-848.2%22%20transform%3D%22matrix(.95666%20.2912%20-.40456%20.9145%200%200)%22%20rx%3D%2225%22%20ry%3D%2225%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M306.6-771c-17%2011-60.3%2025-43%2038.8%2011.2%207.2%2020.3%202%2024.8-2l.6.3-18.8%2021%2019.4%206s1.6-25%202-26h.2c.4%205%204.7%2015%2014.5%2014.8%2028.7-.8%202.5-36%20.3-52.3z%22%2F%3E%3Crect%20width%3D%22207.2%22%20height%3D%22271.6%22%20x%3D%2250.3%22%20y%3D%22-830.3%22%20ry%3D%2225%22%20rx%3D%2225%22%20fill%3D%22%23fff%22%20stroke%3D%22%23000%22%20stroke-width%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M153.5-782.5c-21.6%2043-37.3%2065.3-69.8%2089%2030.7%2023.5%2052.4%2047.8%2070.4%2087%2016.8-37.3%2036-65%2070-88-34-17.6-54-45.4-70-88z%22%20fill%3D%22%23e10000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

#pndl_hdr #redeal {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22b%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237f0000%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22red%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23007f00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22c%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(-441.43%20-248.57)%22%2F%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23b%22%20id%3D%22d%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22rotate(180%20-44.723%20-741.924)%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M-133-834.8c28.6-92.2%205.2-154.8-141.3-178.6v-35.7L-393-953.7l118.7%2074.3v-43C-171.7-934-125-914.5-133-835z%22%20fill%3D%22url(%23c)%22%20stroke%3D%22%23007f00%22%20transform%3D%22rotate(-45%201326.158%20-945.365)%20scale(1.05506)%22%2F%3E%3Cpath%20d%3D%22M-398-897.6c-28.5%2092.2-5%20154.8%20141.4%20178.5v35.4L-138-779l-118.6-74.4v43C-359-798.7-405.8-818-398-897.6z%22%20fill%3D%22url(%23d)%22%20stroke%3D%22%237f0000%22%20transform%3D%22rotate(-45%201326.158%20-945.365)%20scale(1.05506)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

#pndl_hdr #undo {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23007f00%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230f0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20xlink%3Ahref%3D%22%23a%22%20id%3D%22b%22%20x1%3D%22328%22%20y1%3D%22-658%22%20x2%3D%2259.7%22%20y2%3D%22-705.1%22%20gradientUnits%3D%22userSpaceOnUse%22%20gradientTransform%3D%22translate(-54.978%20208.7)%20scale(1.30022)%22%2F%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M346.2-553.5c37-120%206.6-201.3-184-232.2V-832L8.2-707.8l154%2096.6V-667c133.6-15.4%20194.3%2010%20184%20113.3z%22%20fill%3D%22url(%23b)%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23007f00%22%20stroke-width%3D%225.2%22%20transform%3D%22translate(29.518%20907.792)%22%2F%3E%3C%2Fsvg%3E')
}

#pndl_hdr #hint {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cpath%20d%3D%22M309.85%20231.37a95.47%2094%200%201%201-185.1-46.07%2095.47%2094%200%201%201%20185.1%2046.07z%22%20fill%3D%22%23aad4ff%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.68%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M223.74%20104.45c91.1%208.1%20150.45%2069.2%20150.45%2069.2-15.8-10.7-33-18.9-50.5-25.16%2032.33%2023.5%2052.9%2049.4%2052.9%2049.4l21.8%2013.4c.13%205.5-14.6%2020.5-27.3%205.3C242.42%2062%20127.32%20157.9%2087.37%20201c-.06.04-.18.3-.22.36-.28.7-4.1%203.97-9.72%2010.9%205.42%2010.24%2036.58%2071.67%20105.23%2096.55%2043.6%2015.8%20110-10.1%20163.56-33.6%200%200-63.36%2040.5-131.93%2046.14-80.26%206.57-138.8-73-152.18-99.63-2.24%200-4.14-.4-4.12-.45.05-.07-39.55-4.58-29.6-14.82%2020.2-20.8%2039.1-37.2%2057.55-50.13%207.78-5.47%2015.43-10.14%2023.12-14.4-31.2%206.1-52.28%2012.26-54.3%2012.1.1-.1.03-.27.2-.38%202.75-1.63%2019.7-14.23%2048.83-27.5%2043.7-19.92%2084.2-24.8%20119.87-21.64z%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.6%22%2F%3E%3Cpath%20d%3D%22M159.72%20246.27l-5.12%2020.85%2017.32%209.84%2010.23-4.72%206.3%209.05-3.16%208.2v8.24%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M259.94%20215.36a43.07%2043.07%200%201%201-83.6-20.8%2043.07%2043.07%200%201%201%2083.6%2020.8z%22%20stroke%3D%22%23000%22%20stroke-width%3D%22.68%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E')
}

#pndl_hdr #champions {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cg%20transform%3D%22translate(-195.482%20564.042)%22%3E%3Cpath%20d%3D%22M359.8-416l28.5-59.4%2013-27-2-4.5c-2-4-6-6.3-10.6-6.3h-83.2c-4%200-7.7%202-10%205.5-2%203.5-2.3%207.8-.5%2011.4L346.8-389l13-27z%22%20fill%3D%22red%22%2F%3E%3Cpath%20d%3D%22M526.6-508c-2-3.5-6-5.5-10-5.5h-83c-4.5%200-8.7%202.6-10.6%206.6l-64.2%20134v.4l-.3.8c-.4%201-.7%202.3-.7%203.5v6.5c15.8-8.3%2034-13%2053-13%2019.4%200%2037.5%204.7%2053.4%2013v-3.3l63-131.3c1.8-3.6%201.6-8-.6-11.3z%22%20fill%3D%22%2300f%22%2F%3E%3Ccircle%20cx%3D%22408.2%22%20cy%3D%22-271%22%20r%3D%2287.8%22%20fill%3D%22%2357570b%22%2F%3E%3Ccircle%20cx%3D%22408.2%22%20cy%3D%22-271%22%20r%3D%2263.8%22%20fill%3D%22%23ff0%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

#pndl_hdr #help {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22svg2%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%20version%3D%221%22%3E%3Cg%20id%3D%22layer1%22%3E%3Cpath%20d%3D%22M210%20287h-9q1.4-27.8%206.7-45.8%205.5-18.2%2022.4-50.5%2013.4-25%2017.4-38%204-13.4%204-27%200-28-15-44.5-14.7-16.4-36.3-16.4-19%200-30%209t-11%2019.5q0%208.2%206.6%2020%206.6%2012%206.6%2018%200%208-5%2013.4-5%205.3-12.2%205.3-9.3%200-17-9-7.4-9.2-7.4-25.5%200-24.8%2021.3-44%2021.2-19%2057.7-19%2045.2%200%2066.6%2026.3%2016%2019.4%2016%2043%200%2016-7.4%2032.8-7%2017-27%2039.8-32%2036-39%2051.2-7%2015-8.8%2041.3zm-3.2%2027.2q10.4%200%2017.4%207.2%207.2%207%207.2%2017.4%200%2010-7.2%2017.3-7.3%207.3-17.4%207.3-10%200-17.3-7-7-7.3-7-17.4%200-10.5%207-17.5%207.2-7.2%2017.3-7.2z%22%20id%3D%22path4202%22%20fill%3D%22%23ffc000%22%20stroke%3D%22%23806600%22%20stroke-width%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-radius: 50%
}

#pndl_hdr #moves_icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20transform%3D%22matrix(.89851%200%200%20.89851%2018%204)%22%20fill%3D%22%23a00%22%3E%3Cpath%20d%3D%22M199%2096l6%201%2027%2014%205%204%2065%2090a15%2015%200%201%201-25%2018l-37-52-14%2035%2084%20169c2%205%202%2011-1%2016-3%204-8%207-14%207-5-1-10-4-13-9l-75-152-66%20147a15%2015%200%201%201-28-12l72-159%202-4-10-54-25%2025-3%2036c0%206-4%2011-9%2013-5%203-11%202-15-1-5-3-7-9-6-14l3-42c1-4%202-7%205-9l61-63c3-3%206-4%2011-4z%22%2F%3E%3Cellipse%20transform%3D%22scale(-1%201)%22%20cx%3D%22-227%22%20cy%3D%2268%22%20rx%3D%2228%22%20ry%3D%2228%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

#pndl_hdr #time_icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20426%20426%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22%23a00%22%3E%3Cpath%20d%3D%22M192.71%2054.73c-24.19%202.41-40.1%206.71-58.67%2015.9-31.89%2015.72-55.68%2039.52-71.4%2071.4-11.01%2022.23-15.9%2043.48-15.9%2068.78%200%2025.3%204.89%2046.55%2015.9%2068.78%2015.59%2031.62%2039.52%2055.68%2070.75%2071.06%2010.95%205.41%2019.3%208.6%2028.75%2011.08%2023.34%206.07%2046.22%206.91%2069.37%202.68a156.3%20156.3%200%200%200%20124.9-124.92c4.25-23.14%203.4-46.02-2.66-69.37-2.48-9.45-5.68-17.8-11.09-28.75C319.78%2094.95%20275.9%2063.4%20224.01%2055.9c-6.52-.91-26.34-1.7-31.3-1.17zm26.21%2031.88a125.79%20125.79%200%200%201%2091.86%2060.76c22.88%2038.73%2022.95%2088.08.13%20126.68-30.64%2051.9-93.36%2074.84-150.01%2054.76-44.2-15.65-76.15-55.22-82.28-101.9-6.45-49.62%2017.54-98.58%2060.76-124.07%2023.6-13.95%2052.16-19.75%2079.54-16.23z%22%2F%3E%3Cpath%20d%3D%22M181.95%20169.74v62.58h117.36v-31.29h-86.06v-93.88h-31.3v62.59z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

#pndl_hdr .caption {
    font-weight: bold;
    text-transform: uppercase;
    color: #ff7800;
    font-size: .75em
}

#pndl_hdr table.value {
    display: inline-block;
    border: solid 1px #df7920;
    border-radius: 4px;
    font: 1em/1em Arial, Helvetica, sans-serif;
    background: white;
    text-align: center;
    padding: 6px 2px 6px 2px
}

#pndl_hdr table.value tr {
    line-height: .75em
}

#pndl_hdr table.value td {
    padding: 0 2px 0 2px
}

#pndl_hdr table.value td+td {
    border-left: 1px solid #9ebd7e
}

#pndl_hdr table.value td.grayed {
    color: #ecf5ec
}

#pndl_hdr #level_id {
    border: solid 1px #df7920;
    border-radius: 4px;
    font: .8em/0.8em Arial, Helvetica, sans-serif;
    background: white;
    padding: 3px 2px 3px 2px
}

#pndl_main {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 100%
}

#Panoidl_Game_Table {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    min-width: 500px
}

#Panoidl_Advert {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 0 0 auto;
    background-color: white
}

.gmb {
    display: inline-block;
    width: 260px;
    height: 260px;
    flex-shrink: 0
}

.gvb {
    display: inline-block;
    width: 260px;
    height: 100%;
    min-height: 560px;
    flex-shrink: 0
}

.yavb {
    display: inline-block;
    width: 250px;
    height: 100%;
    min-height: 600px;
    flex-shrink: 0
}

@media(max-height:940px) {
    #gmb_3 {
        display: none
    }
}

@media(min-height:700px) {
    .gmb {
        width: 280px;
        height: 280px
    }

    .gvb {
        width: 280px;
        min-height: 700px
    }
}

@media(min-height:940px) {
    .gmb {
        width: 360px;
        height: 280px
    }

    .gvb {
        width: 360px;
        min-height: 880px
    }
}


div#Panoidl_Overlay {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3000
}

div#Panoidl_Overlay div.frame {
    background-color: #fff;
    position: absolute;
    width: 80%;
    height: 90%;
    left: 0;
    rigth: 0;
    top: 20px;
    bottom: 0;
    margin-left: 10%;
    display: none;
    border: 2px solid gray;
    border-radius: 5px;
    padding: 5px
}

div#Panoidl_Overlay div.frame div.caption {
    background-color: #9ebd7e;
    position: static;
    width: 100%;
    height: 26px;
    margin: auto;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #060;
    padding: 3px 0 0 10px;
    box-sizing: border-box
}

div#Panoidl_Overlay div.frame div.content {
    overflow: auto;
    background-color: #fff;
    position: static;
    width: 100%;
    height: 90%;
    margin: auto;
    overflow: auto
}

div#Panoidl_Overlay div.frame div.close {
    font-weight: bold;
    color: #050;
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: 8px;
    border: 1px solid darkgray;
    background-color: lightgray;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px
}

div#Panoidl_Help h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #030;
    font-size: 14px;
    margin-left: 10px
}

div#Panoidl_Help h1 {
    font-weight: bold;
    margin-top: 10px;
    color: #375715;
    text-transform: uppercase
}

div#Panoidl_Help h2 {
    margin-top: 10px;
    text-transform: uppercase;
    color: #ff7800
}

div#Panoidl_Help ul,
li {
    margin: 0 20px 5px 20px
}

div#Panoidl_Help p {
    margin: 0 20px 5px 10px
}

div#Panoidl_Help .hint {
    text-transform: none;
    font-weight: normal
}

div#Panoidl_Victory_Frame {
    background-color: #fff;
    position: absolute;
    width: 600px;
    height: 200px;
    left: -300px;
    top: 130px;
    margin-left: 50%;
    display: none;
    border: 2px solid gray;
    border-radius: 5px;
    padding: 5px;
    padding-top: 20px;
    text-align: center
}

div#Panoidl_Victory_Frame span#Panoidl_Congr {
    font: 54px Times, serif;
    font-weight: bold
}

div#Panoidl_Victory_Frame button.congr_button {
    border-radius: 10px;
    border-width: 1px;
    border-color: #dceae0;
    padding: 10px;
    background-color: #dceae0;
    text-decoration: none;
    color: #060;
    font-size: 20px
}

div#Panoidl_Victory_Frame a {
    font: 11px Tahoma, Arial, Helvetica, sans-serif;
    color: #060;
    font-size: 20px
}