html {
background: #081626 url('data:image/gif;base64,R0lGODlhDQAPAIQbAAYWLQYWLgYXLgcXLggXLggYLggYLwkYLwgZMAkZLwkZMAoZMAoaMAoaMQsaMQsbMQsbMgwbMgwcMgwcMw0cMg0cMw0dMw4dMw4dNA4eNA8eNf///////////////////yH5BAEKAB8ALAAAAAANAA8AAAVf4DAAi8ScjwOI7MWOEgsADbSyhg04UfaKgMvjAQhIDL+B6zaoMAESxQvwQLAKE6YokaFUKpLHDxCRsihag+XZMAMIl8M4BqhcNNoRBbPeEVkCBkRMPjJrUw4mCwtDNyEAOw==') /*../img/bg1.gif*/ repeat 0 0;
}
body {
font-family: "Roboto", tahoma, verdana, arial, sans-serif;
font-size: 13px;
color: #eeeeee;
margin: 5px;
height: 100%;
}
input,
select,
textarea {
padding: 0;
font-size: 100%;
border: solid 1px #808080;
}
input,
select {
font-family: inherit;
background-color: #b1caef;
}
input[type="text"],
input[type="password"] {
padding: 1px 0 1px 3px;
}
input[type="checkbox"],
input[type="radio"] {
border: none;
vertical-align: middle;
margin: 3px 3px 3px 0;
}
input[type="checkbox"] {
width: 16px;
height: 16px;
}
th,
td {
padding: 0;
}
/* colors
- #ddd (main text)
- #7e94a9 (context text)
- #4682b4 (blue text)
*/
table {
width: 100%;
border-collapse: collapse;
}
a {
color: #4682b4;
text-decoration: none;
}
a:hover {
cursor: pointer;
color: #ffc736;
}
.default {
font-weight: bold !important;
}
.abort {
/*font-style: italic !important;*/
}
[draggable=true] {
-khtml-user-drag: element;
}
.keymap {
position: absolute;
background-color: #fff;
color: #000;
z-index: 99999;
padding: 2px 4px;
border: solid 1px #000;
-ms-border-radius: 6px;
border-radius: 6px;
}
.keymap:hover {
z-index: 999999;
}
.keysink {
width: 0;
height: 0;
}
a.button,
a.button:link,
a.button:visited,
.dbutton {
font-size: 12px;
display: inline-block;
color: White;
font-weight: normal;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAABICAMAAADoMBhxAAACB1BMVEXQrUXVt1LDxMS7xMvMzc3Aztn/////xzb/xzb/xzbl5eTl5eTl5eRfc29gdnVqiIxtjZGpmVOpnFmtpGSxqWjZs0LftkHatkfatkjiuD/gt0LmuT7luT/mukDjukPmu0Hdukzku0Tiu0fiu0jnvEPovUPmvUfovkXovkXywDvzwj38xjf9xjfj5ON1d3lZepV3e31bfZqIi49kj7KLj5Nnk7ioqqqaq7irrK2arr2xs7Setce3uLqius68xcvEy9DKy8rMzc3Mzc7BztnFztXNzs7Fz9bJz9TOz8/P0NDK0dXM0dXR0dHR0tLI09vS09PT09PN1NjT09PP1NfP1NfT1NTT1NTT1NTU1NTN1drM1dvM1dvU1dTP1dnP1dnV1tbQ19vW19bP193W19fR2NzR2N3X2NfY2NjS2d7c3Nva3N7e3t3b3uDj4+Lj4+M5apM7bZc1Y4k3ZYw4aJA8b5o9cp4/dKE0YIZAd6QzXoJBeagxW39DfKswWXtEfq9iZmplaW1cX2NeYmVgZGhna29pbXJrcHRZXWBucndXWl5wdXlVWFtyd3xSVll1eX42XHk9Y349a45dcWxBcZdienlKfaNnhIhKgKttjpRXWl02XX5eYWQ7ZIdkaGs9a5JqbnJBcpxydXhYeJJ2en5Jfqt5fIF7foBJgbFdgZ+Eh4thi62OkZRnlbvTUpZzAAAAb3RSTlPk5OTk5OQADw46Og8O/f39/ezt7ezd393dyuCRrbHKkt3K4N+SscqtkT09PT09/f39/f39/f3s7O3t7e3s7OTd3d3k5N3d3d/f4ODKyt3dyq3KkZGt4N/Kscrf4JKSsZKSysqxsa2tkZE9PT09PT1WQpBLAAACQUlEQVR42u3bBW4cURAE0A61d2fNzMz2mpmZmZmZmSGxw2RmZjxk1NpV4jtU3g1KGs1U9/9DLJSetqL0dxDSi9p6FBYS3bAz8fluCcbdc2KnoS76QF3kApjIugGJrqm/noNzXa9h4o7wGUDhHUza+ClI8VpqeZyE9NhCtecTkM5rKWsEVBZlDIPKoNLTcUinpdR4PwbpvpGGYkchxQ4RN4VOAwptkiKbdzwL5zhPiiz3ZQfPgwnO7tMPrRXRl4eLMA4voyt0Q6tQyvOTk95ASErOL1dYEAu1r7frKxCu3r7qv9FVPpb7e0sw9vYtfVS66P4epgtgTD38JbqB+84cnB13Ayb2MpkBZOLFFGgxBckikDx3JyHtepLb1gSkLTeyHQFlSzbDoGzIeWMc0oYzuWyPQdp2oQDzUUjmAcROxtOAjJ2kyNqvz8JZt5ciy37WRvNgjKz99EOro9nm2iKMtU0zR9W/VYWDnRWBsLJzUDP/j475wAO/5pA/bsCVBrjIAo8vwEMr8KoCeEEFvJYEXkYDH0HgHjwBHzfiHjKjXy3AvVAilO7WwrS3ENIKW7tf/PHUlfB08xvGzVNCl/7yWH9VxE8wEVX9El1TefUdzlWlhonbw74CCmtn0sZ9hhSnpeaHT5Aemqn67COks2rKfA8qk1KXQaVS8ckqpJNiarhdgXTbQIMxHyDFDBLXhHwBFFIjRTb36Buco1wpstybE/QDTFBOr35oLYm6OPgF4+AiquTFH09lBSmvQaQUlCks/gDbnpJ8elkE8AAAAABJRU5ErkJggg==') /*../img/button.png*/ no-repeat 0 0;
line-height: 18px;
padding: 0 0 0 8px;
margin: 0 8px 0 0;
outline: none;
outline-style: none;
position: relative;
overflow: visible;
white-space: nowrap;
}
a.button span,
a.button:link span,
a.button:visited span,
.dbutton span {
display: inline-block;
width: 8px;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAABICAMAAADoMBhxAAACB1BMVEXQrUXVt1LDxMS7xMvMzc3Aztn/////xzb/xzb/xzbl5eTl5eTl5eRfc29gdnVqiIxtjZGpmVOpnFmtpGSxqWjZs0LftkHatkfatkjiuD/gt0LmuT7luT/mukDjukPmu0Hdukzku0Tiu0fiu0jnvEPovUPmvUfovkXovkXywDvzwj38xjf9xjfj5ON1d3lZepV3e31bfZqIi49kj7KLj5Nnk7ioqqqaq7irrK2arr2xs7Setce3uLqius68xcvEy9DKy8rMzc3Mzc7BztnFztXNzs7Fz9bJz9TOz8/P0NDK0dXM0dXR0dHR0tLI09vS09PT09PN1NjT09PP1NfP1NfT1NTT1NTT1NTU1NTN1drM1dvM1dvU1dTP1dnP1dnV1tbQ19vW19bP193W19fR2NzR2N3X2NfY2NjS2d7c3Nva3N7e3t3b3uDj4+Lj4+M5apM7bZc1Y4k3ZYw4aJA8b5o9cp4/dKE0YIZAd6QzXoJBeagxW39DfKswWXtEfq9iZmplaW1cX2NeYmVgZGhna29pbXJrcHRZXWBucndXWl5wdXlVWFtyd3xSVll1eX42XHk9Y349a45dcWxBcZdienlKfaNnhIhKgKttjpRXWl02XX5eYWQ7ZIdkaGs9a5JqbnJBcpxydXhYeJJ2en5Jfqt5fIF7foBJgbFdgZ+Eh4thi62OkZRnlbvTUpZzAAAAb3RSTlPk5OTk5OQADw46Og8O/f39/ezt7ezd393dyuCRrbHKkt3K4N+SscqtkT09PT09/f39/f39/f3s7O3t7e3s7OTd3d3k5N3d3d/f4ODKyt3dyq3KkZGt4N/Kscrf4JKSsZKSysqxsa2tkZE9PT09PT1WQpBLAAACQUlEQVR42u3bBW4cURAE0A61d2fNzMz2mpmZmZmZmSGxw2RmZjxk1NpV4jtU3g1KGs1U9/9DLJSetqL0dxDSi9p6FBYS3bAz8fluCcbdc2KnoS76QF3kApjIugGJrqm/noNzXa9h4o7wGUDhHUza+ClI8VpqeZyE9NhCtecTkM5rKWsEVBZlDIPKoNLTcUinpdR4PwbpvpGGYkchxQ4RN4VOAwptkiKbdzwL5zhPiiz3ZQfPgwnO7tMPrRXRl4eLMA4voyt0Q6tQyvOTk95ASErOL1dYEAu1r7frKxCu3r7qv9FVPpb7e0sw9vYtfVS66P4epgtgTD38JbqB+84cnB13Ayb2MpkBZOLFFGgxBckikDx3JyHtepLb1gSkLTeyHQFlSzbDoGzIeWMc0oYzuWyPQdp2oQDzUUjmAcROxtOAjJ2kyNqvz8JZt5ciy37WRvNgjKz99EOro9nm2iKMtU0zR9W/VYWDnRWBsLJzUDP/j475wAO/5pA/bsCVBrjIAo8vwEMr8KoCeEEFvJYEXkYDH0HgHjwBHzfiHjKjXy3AvVAilO7WwrS3ENIKW7tf/PHUlfB08xvGzVNCl/7yWH9VxE8wEVX9El1TefUdzlWlhonbw74CCmtn0sZ9hhSnpeaHT5Aemqn67COks2rKfA8qk1KXQaVS8ckqpJNiarhdgXTbQIMxHyDFDBLXhHwBFFIjRTb36Buco1wpstybE/QDTFBOr35oLYm6OPgF4+AiquTFH09lBSmvQaQUlCks/gDbnpJ8elkE8AAAAABJRU5ErkJggg==') /*../img/button.png*/ no-repeat right 0;
}
a.button:hover {
color: #ffc736;
background-position: 0 -18px;
}
a.button:active {
color: #ffc736;
background-position: 0 -36px;
}
a.button:hover span {
background-position: right -18px;
}
a.button:active span {
background-position: right -36px;
}
.dbutton {
background-position: 0 -54px;
}
.dbutton span {
background-position: right -54px;
}
td {
vertical-align: top;
text-align: left;
}
/********************* components *********************/
.group {
margin: 20px 0;
border-right: 1px solid #4682b4;
position: relative;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAMAgMAAADDiCuHAAAACVBMVEUAAAAzmcwXFxd+OTy4AAAAAXRSTlMAQObYZgAAADZJREFUOMtjCA1gGHSANZRh6uB01tLB6ayVg9NZqwaps6aGDkIwaJ01muSHfgExSIvTwVn5AACPKXEvxNlb5QAAAABJRU5ErkJggg==') /*../img/frame.png*/ repeat-y -594px 0;
}
.group .start,
.group .end {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAAMAgMAAADDiCuHAAAACVBMVEUAAAAzmcwXFxd+OTy4AAAAAXRSTlMAQObYZgAAADZJREFUOMtjCA1gGHSANZRh6uB01tLB6ayVg9NZqwaps6aGDkIwaJ01muSHfgExSIvTwVn5AACPKXEvxNlb5QAAAABJRU5ErkJggg==') /*../img/frame.png*/ no-repeat 0 -6px;
height: 6px;
}
.group .end {
background-position: 0 0;
}
.rank {
display: inline-block;
width: 14px;
height: 24px;
background: url('data:image/png;base64,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') /*../img/ranks.png*/ no-repeat 0 0;
}
.r-10 {
background-position: -14px 0;
}
.r-20 {
background-position: -28px 0;
}
.r-30 {
background-position: -42px 0;
}
.ic {
display: inline-block;
width: 22px;
height: 22px;
background: url('data:image/png;base64,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') /*../img/i_unit.png*/ no-repeat 50% 0;
}
.i-Range {
background-position: 50% 0;
}
.i-Selection {
background-position: 50% -22px;
}
.i-Movement {
background-position: 50% -44px;
}
.i-Change {
background-position: 50% -66px;
}
.i-Escape {
background-position: 50% -88px;
}
.i-Building {
background-position: 50% -110px;
}
.i-Capacity {
background-position: 50% -154px;
}
.i-CellUsage {
background-position: 50% -176px;
}
.i-Defense {
background-position: 50% -132px;
}
.h1 {
font-size: large;
font-weight: bold;
}
.h2 {
font-size: 15px;
font-weight: bold;
}
.h3 {
font-size: small;
font-weight: bold;
}
.h4 {
font-size: x-small;
}
.h5 {
font-weight: lighter;
font-size: xx-small;
}
.bold {
font-weight: bold !important;
}
.bolder {
font-weight: bolder;
}
.italic {
font-style: italic;
}
.underline {
text-decoration: underline;
}
/* errors */
.error {
font-weight: bold;
color: #f00;
margin: 4px;
}
.error a {
color: #f44;
}
.error_box {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEX/bm5IlgNBAAAAAXRSTlM8b4mk4QAAAA1JREFUeNoBAgD9/wAAAAIAAVMrnDAAAAAASUVORK5CYII=') /*../img/fade4.png*/;
border: solid 1px #f00;
padding: 4px;
border-radius: 6px;
color: #f00;
font-size: 11px;
text-align: center;
}
.error_box ul {
padding: 0;
margin: 0;
list-style-position: inside;
}
.error_element {
border: 1px solid #f00;
}
/* errors end */
.email {
width: 256px;
}
.success {
font-weight: bold;
color: Green;
margin: 8px 0 8px 0;
}
.red {
color: Red;
}
.orange {
color: Orange;
}
.yellow {
color: Yellow;
}
.green {
color: #0b0;
}
.blue {
color: Aqua;
}
.steelblue {
color: #4682B4;
}
.black {
color: #000;
}
.white {
color: #fff;
}
.indent {
text-indent: 32px;
}
.gray {
color: #999;
}
.gold {
color: #D4A017;
}
/* question form */
.question {
width: 810px;
}
.question .hint {
color: #ff6a00;
}
.question textarea {
width: 100%;
color: #000;
background-image: url('data:image/gif;base64,R0lGODlhFwAQAPcAALy8i/39ygAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAFwAQAAAIKAADCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLFixgzUgTAsaPHjyA5BgQAOw==') /*../img/underline.gif*/;
line-height: 16px;
font-size: 1em;
resize: none;
}
div.title {
background-image: url(../img/bgh.jpg);
background-repeat: no-repeat;
height: 27px;
padding: 8px 0 0 8px;
font-weight: bold;
color: #fff;
}
.legal {
width: 900px;
}
.legal p {
text-indent: 32px;
}
.legal a {
font-size: 16px;
font-weight: bold;
padding: 16px 0;
}
/* scroll */
.scroll_y {
overflow-x: hidden;
overflow-y: auto;
}
.center {
text-align: center;
}
.center td {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.first_right td:first-child {
text-align: right;
white-space: nowrap;
}
/* popup */
#overlay {
display: none;
visibility: visible;
background-color: #000;
opacity: 0.45;
filter: alpha(opacity=45);
/* IE < 9 */
width: 100%;
height: 100%;
z-index: 9998;
position: fixed;
left: 0;
top: 0;
}
#popup {
display: none;
visibility: visible;
background-color: #fff;
z-index: 9999;
position: absolute;
border: 1px solid #4682b4;
background: #081626 url('data:image/gif;base64,R0lGODlhDQAPAIQbAAYWLQYWLgYXLgcXLggXLggYLggYLwkYLwgZMAkZLwkZMAoZMAoaMAoaMQsaMQsbMQsbMgwbMgwcMgwcMw0cMg0cMw0dMw4dMw4dNA4eNA8eNf///////////////////yH5BAEKAB8ALAAAAAANAA8AAAVf4DAAi8ScjwOI7MWOEgsADbSyhg04UfaKgMvjAQhIDL+B6zaoMAESxQvwQLAKE6YokaFUKpLHDxCRsihag+XZMAMIl8M4BqhcNNoRBbPeEVkCBkRMPjJrUw4mCwtDNyEAOw==') /*../img/bg1.gif*/ repeat 0 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.popup_header {
background-position: right;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAAcCAMAAAAgLfcBAAAC8VBMVEURLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFARLFD///8RLFARLFA5xV8mAAAA+nRSTlOwCaOilJGQ8O++wcLugxYXgnVxz2Rj0K9WVf1SJCX8RChD3Tc24S7iLTEyMzQ1LOXg3zo73uY+P0Dc2SknRUZHSEnY10xNTudQUSP3VCEg1dRZWlsf0V5fYOpi6xxlG2dozsxrbG3LynAacnN07HbHxnl6e8V9fn/4gRgVhMOGh4gTEouMjb8RDg2SvfKVlrqYmZq5uJ2en6Ch8wq1tKanqPmqq6yzstMIsfStpaS2t5yb+ru8k4+OwIqJhYD7eHfIyW9uas1pZmFd0lxYV1NLSkLa20E9PDk4MC/j5CsqJujpHh0Z7RQQD/YMC6718dbEqZd8TyL+BwAGisID+AAAAAlwSFlzAAAOwwAADsMBx2+oZAAABM9JREFUaN7Fml9ol2UUxz/nnVkxkNpNhFEXCSFSFwpdBCUxvAgzN9O0ZLHZMp1kpUiLlYg1Mob2D63m2kZD0yzn1PBCRFbQRZAXiozALookvFkxGOn6bU83y656vsMvb7/3d3me8zznnOec5znv+/nFIZ6GbhpI9JFoJtHPXySeZy8fEmyCNjoZZ4q3SWxhgsQhVnGe4Bua+BXmMkCikQmmOEmigZj+/UmCr0msJRgg0UIQ9DBJA1PcTTA98l0S2wiCo6wkOM8JtvPDP/qdBEE7U+wmCF7mA06TeAza+JhgPVP0EQTPkjjIF6whCA5AE40kThAEO9hJECzhDB8xyUuwmG8JgodIfE8QLCTRQKKTBSyHdwha6SUI7iFx+bp7bSQ4QmKMIGhkiCC4mUdZwBUOMwmJqyTqCC6TqDCPYITtvMFCVhCwha28RYVEI8FBEhWeo4fj1LAYtvETh0n0s5LE1Wlnr1DHJIlxKDhJ8CSzqeMTgnYK6mjnPiok+I1e5nAb9VRYx/3M53ZqaaHCJQqK5XxO9tmbFw9wV35A5MUJLP1Tavq1+QHv58UXGbLMq1HuCf+H1eq1lnlTFJ59jyjtW/MDfsmLd7Ko3OwS+9Ohpt+XH7A6Lz7H0fyASTO7ZuXF86DIJcAmXrTiK8Mvsm9ZXryZJfkBh/LiejaWm1135MVv5sWtPJEfMJoX7+LHmWTHf+/BfuXfA1Z8ajhmTf+eMu+pvPi02vxjlntnuagOt+zzqZldIjvG6RNFKLJ/DUes+LSaV2NS2/eMpX/ONO+a0p5vHd2JbnW1Z5/f5Sl8k3U2utWzgi8t/c/Kzq65lv4ls+3doFbflR8wIq7hoDk/wey8+PFyw1+w1dLfwXZL/2fTPVnc4uy6JS9+QZl3QfRh/So591h9XVy/e24sfLvKLu4HLf1BllvFPWgeDqMq+XrFhon5X1P2icOhSXnXZR4OLZb+d+VmV1JXh4h+s7oZJ/LiM6JiQ4VPFvegFZ9XzPB3K/OWWdP3sM7SHzXf2eU76Vf5AX+IXT2m7Ks1i/uAeTZ3WPqD5RZ3MMfavt28nh+w2uy7xkRZr8+r71Phv5wXLzXDv1SZJxrjgbx4mIfzA17Ni1cp90TjJtqqLu61XvruzJ5dBZgwABsGJEv/lDKv2jDA+6A4bB7NYvVKofpWCQNEeXkwABsGyA+S2adDmVdtGBBWYzFPdnYuDJB9e/ZZpj6YejAAGwYI9zwYwP8CAzJbsJ9N+Qk8GIANAzbnB0gYUG+ZJ91zYUCrlV3yraNP1GDpMKCmzLYcGwZ4N/c1zuYHeDAAGwaMi0PYgwFUHQZEudnlwgCv7d1gfi8dkbdwc34CCQNKDn+1YYDnnixuFwaI9S+INqxf+efBAGwYUJSbXdWGAd7hIG/+XrFfEgaEdTg0Kf0uc/tcGFDdq6N0GDBLFGyLWdwuDPDC323+xax0GODdDbLvujEYUPzbtokVas3iPmBWjwsDSi7uasMAYeCYqOr1ZvglDPDCv9T8l8yAcs+FAWE1bnuUeSXCgAJmAAPEB08PBmDDAGGehAHie/uQ6Z4LA7qsoznkvV5tGCAWWFRudkkYID7oSRggFvBgADYMKEqFAVQdBoj1N5abXRIGiL8fSxggsmsGMOBvK++RMlQsgeQAAAAASUVORK5CYII=') /*../img/popup_header_bg.png*/;
background-repeat: no-repeat;
line-height: 28px;
vertical-align: middle;
padding-left: 6px;
font-weight: bold;
color: #eeeeee;
font-size: 12px;
cursor: pointer;
}
.popup_header img {
float: right;
margin: 6px 6px 0 0;
}
/* video */
.video p {
font-size: 15px;
text-align: center;
margin: 4px 0;
color: #ffc736;
text-decoration: none !important;
}
/* video end */
.color_selector {
width: 137px;
}
/* chart */
.chart {
border: solid 1px #1c3b61;
}
/* slides begin */
.slides {
position: relative;
-moz-background-size: 100%;
-o-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
}
.slides .back,
.slides .next {
position: absolute;
bottom: 6px;
width: 64px;
height: 34px;
cursor: pointer;
}
.slides .back {
left: 10px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAiCAMAAADYiy+9AAAAmVBMVEUAAAD///8AAAAAAAAAAADv7+8AAAAAAABaWlqzs7PNzc1QUFDx8fErKyt4eHjU1NTY2Njj4+P5+fkAAAAAAAAAAAAAAAAAAAAAAAAYGBgpKSksLCwuLi40NDQ9PT0/Pz9BQUFiYmKFhYWRkZGWlpakpKSmpqbBwcHGxsbn5+fy8vL6+voAAAAAAAAAAAAAAAAAAAAAAAD///817yvZAAAAMnRSTlNHAJpoatpZYmCRqdr8y2z1tfj0lqhQhXOOttPDu1PWz8jd5HjnhOud8c7p8yqUZX9aDTqHURkAAADfSURBVHhe3dbHbsMwEEXRsRNVJ4rce3d6kcz//7iQq4fBW4wBLgxoVmczF6K0oOTn2osaiZu2iQz8/UYGHvqdDTwOXEEGOcD77kwGOcD7JRnkAO8nZJADvO8qMsgB3q/JIAd4/3urDNqBbOf8FNqgGcj2Tz7wqQ2agfQ57IxybdAOrJyfWhu89QlcoaxovoPDMBQqZdAOSLoOha9cGbQDkm5efCHRBu2ATJehUGqDHOCZfPjCKxm0AjJ+w1eHQTMgiwvOC4NmQGYnnBcGzYDMj+6dDHbrXrj35do20T8Y/6kVM0Abk7XEAAAAAElFTkSuQmCC') /*../img/slides/back.png*/;
}
.slides .next {
right: 10px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAiCAMAAADYiy+9AAAAmVBMVEUAAAD///8AAAAAAAAAAADv7+8AAAAAAABaWlqzs7PNzc1QUFDx8fErKyt4eHjU1NTY2Njj4+P5+fkAAAAAAAAAAAAAAAAAAAAAAAAYGBgpKSksLCwuLi40NDQ9PT0/Pz9BQUFiYmKFhYWRkZGWlpakpKSmpqbBwcHGxsbn5+fy8vL6+voAAAAAAAAAAAAAAAAAAAAAAAD///817yvZAAAAMnRSTlNHAJpoatpZYmCRqdr8y2z1tfj0jlCWc4WottPDu1PWz8jd5HjnhOud8c7p839aKmWUDekqkfYAAADbSURBVHja7da3DsIwAIRhU5IQSui99978/g9HPFinY7nBG8LTN5x+ZBiMKQSd98Pc7ibsvJ6BgWLpH/gOpLZWJrJ1YGv9FCTLK1QxBWEdMBGmIKwDmfVTkKwCpoUpCOvA/OqnIFkFTGrzs0iYsA6Yc76sLxMmrAOVjps2YiIsAv4Ls5OYCOtAav1HgbAOZG7YXiVMWAUqFzecxkxYBqJ82JzFTFgGqm447jFhGdjnw9OISFYB91sf+kxYB9xNd10mrAPuppshkawDR7seEOFffRfCH9fg5z34D8YHqsMzQCq/SI8AAAAASUVORK5CYII=') /*../img/slides/next.png*/;
}
/* slides end */