* {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
h1 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #2B2118;
    font-size: 55px;
    font-style: italic;
    font-weight: 400;
    padding: 6px;
}
h1 a, h1 a:link, h1 a:visited {
    color: #2B2118;
    text-decoration: none;
}
h1 a span {
    color: #67503A;
}
h1 a:hover {
    text-decoration: underline;
}
h2 {
   background: none repeat scroll 0 0 #FFFFFF;
    color: #67503A;
    display: inline;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
h3 {
    font-weight: 400;
    padding: 8px 8px 4px;
}
div#gmapper_map {
    height: 100%;
    width: 100%;
}
div#sf {
    left: 20px;
    position: absolute;
    top: 127px;
}
div#sf input.bd {
    background-color: #FFFFFF;
    background-position: 8px 50%;
    border: 0 none;
    font-size: 18px;
    margin-bottom: 4px;
    opacity: 0.9;
    padding: 6px 6px 6px 40px;
    width: 300px;
}
div#sf input.bd:focus {
    font-size: 1.4em;
    opacity: 1;
    outline: 3px solid #B08A65;
}
.start {
    background: url("/img/start.gif") no-repeat scroll 0 0 transparent;
}
.end {
    background: url("/img/end.gif") no-repeat scroll 0 0 transparent;
}
.red, .red a {
    border: 0 none !important;
    color: #8B0000 !important;
}
.green, .green a {
    border: 0 none !important;
    color: #006400 !important;
}
.trans {
    opacity: 0.6;
}
div#sf input.bt {
    background: none repeat scroll 0 0 #B58C65;
    border: 0 none;
    color: #2B2118;
    font-size: 18px;
    height: 33px;
    line-height: 33px;
    padding: 0 40px;
    text-align: left;
}
#fb {
    display: none;
    position: absolute;
}
div#logo {
    left: 20px;
    position: absolute;
    top: 10px;
}
span#airline, span#airline a {
    color: darkred;
}
span#route, span#route a {
    color: darkblue;
}
div#logo h3 {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #67503A;
    display: inline;
    font-size: 20px;
    font-weight: 400;
    padding: 6px;
}
div#chart1 {
    left: 440px;
    position: absolute;
    top: 130px;
}
div#chart2 {
    left: 650px;
    position: absolute;
    top: 130px;
}
div#chart100-0 {
    left: 65px;
    position: absolute;
    top: 130px;
}
div#chart100-1 {
    left: 265px;
    position: absolute;
    top: 130px;
}
div#chart100-2 {
    left: 465px;
    position: absolute;
    top: 130px;
}
div#chart100-3 {
    left: 665px;
    position: absolute;
    top: 130px;
}
.chart {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 0.7em;
    margin: 8px;
    opacity: 0.95;
    padding: 8px;
    width: 180px;
}
.chart p {
    color: #A4805D;
    margin: 8px 0;
}
.chart a {
    color: #67503A;
    font-style: normal;
    text-decoration: none;
}
.chart a.odd {
    background: none repeat scroll 0 0 #EFEFEF;
    color: #A4805D;
}
.chart a:hover {
    background: none repeat scroll 0 0 #7DBB00;
    color: #FFFFFF;
}
.chart h3 {
    margin: 0 0 8px;
    padding: 0;
}
.chart ul {
    list-style: none outside none;
}

div#vardist {
  position: absolute;
  display: none;
  top: 40px;
  right: 20px;
  background: #fff;
  opacity: 0.8;
  padding: 10px;
  max-height: 200px;
  overflow: auto;
  width: 200px;
}
div#vardist ol#result {
  list-style-position: inside;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000;
}
div#vardist ul#cpl { list-style-position: inside; list-style: none; }

div#rt {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 45px;
    left: 67px;
    opacity: 0.85;
    position: absolute;
    width: 389px;
}
div#rt h2 {
    display: block;
}
div#rt a {
    border-bottom: 1px dotted #E59D8A;
    color: #BA4834;
    text-decoration: none;
}
div#rt ul {
    font-size: 80%;
    list-style: none outside none;
    margin: 8px;
}
div#rt ul.info {
    font-size: 70%;
}
div#toppanel h1 {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
}
div#panel ul {
    list-style: square outside none;
    margin-left: 20px;
}
.sml {
    color: #67503A;
    font-size: 90%;
}
.addthis {
    border: 0 none;
    padding-top: 4px;
}
.lang {
    height: 16px;
    margin-top: 13px;
    width: 16px;
}
.banner {
    bottom: 45px;
    position: absolute;
    right: 45px;
    z-index: 10000;
}
.ac_results {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 3px solid #B08A65;
    color: grey;
    left: 374px !important;
    opacity: 0.9;
    overflow: hidden !important;
    padding: 5px;
    top: 146px;
    width: 200px;
}
.ac_results li span {
    background: none repeat scroll 0 0 #7DBB00;
    color: #FFFFFF !important;
}
.ac_results li:first-child {
    color: darkgrey;
    font-size: 1.4em;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
    height: 1%;
}
* html .clearfix {
    height: 1%;
}
.tab {
    height: 39px;
    position: relative;
    top: 0;
    z-index: 999;
}
.tab ul.login {
    background: none repeat scroll 0 0 #333333;
    clear: right;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 70%;
    height: 42px;
    left: 67px;
    margin: 0;
    position: relative;
    text-align: center;
    width: 389px;
}
.tab ul.login li.left {
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 5px;
}
.tab ul.login li.right {
    display: block;
    float: left;
    height: 40px;
    margin: 0;
    padding: 0;
    width: 5px;
}
.tab ul.login li {
    display: block;
    float: left;
    height: 35px;
    padding: 3px 4px;
    text-align: left;
}
.tab ul.login li a {
    color: #7DBB00;
    font-style: normal;
    line-height: 39px;
    text-decoration: none;
}
.tab .sep {
    color: #414141;
    line-height: 39px;
}
.tab a.open, .tab a.close {
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
}
#toppanel {
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    width: 100%;
    z-index: 999;
}
#panel {
    background: none repeat scroll 0 0 #272727;
    color: #999999;
    display: none;
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3;
}
#panel h1 {
    color: #FFFFFF;
    font-size: 1.6em;
    margin: 0;
    padding: 5px 0 10px;
}
#panel h2 {
    color: #FFFFFF;
    font-size: 1.2em;
    margin: 0;
    padding: 10px 0 5px;
}
#panel p {
    margin: 0 0 5px;
    padding: 0;
}
#panel a {
    color: #7DBB00;
    text-decoration: none;
}
#panel a-lost-pwd {
    display: block;
    float: left;
}
#panel .content {
    font-size: 0.7em;
    margin: 0 auto;
    padding-top: 15px;
    text-align: left;
}
#panel .content ul {
    margin: 0 15px 15px;
}
#panel .content .left {
    border-left: 1px solid #333333;
    float: left;
    height: 373px;
    padding: 0 15px;
    width: 28%;
}
#panel .content .right {
    
}
#panel .content form {
    margin: 0 0 10px;
}
#panel .content label {
    clear: both;
    display: block;
    float: left;
    padding-top: 8px;
    width: 280px;
}
#panel .content input.field {
    background: none repeat scroll 0 0 #414141;
    border: 1px solid #1A1A1A;
    color: #FFFFFF;
    height: 16px;
    margin-right: 5px;
    margin-top: 4px;
    width: 200px;
}
#panel .content input.field:focus {
    background: none repeat scroll 0 0 #545454;
}
#panel .content input.bt_login, #panel .content input.bt_register {
    border: medium none;
    clear: left;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 700;
    height: 24px;
    margin: 10px 0;
    text-align: center;
}
#panel .content input.bt_login {
    background: url("/img/bt_login.png") no-repeat scroll 0 0 transparent;
    width: 74px;
}
#panel .content input.bt_register {
    background: url("/img/bt_register.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    width: 94px;
}
#panel .lost-pwd {
    clear: right;
    display: block;
    float: left;
    font-size: 0.95em;
    padding: 15px 5px 0;
    text-decoration: underline;
}
.grey a:link, .ac_results .ac_even, .ac_results .ac_odd {
    color: grey !important;
}
.tab ul.login li a:hover, #panel a:hover {
    color: #FFFFFF;
}
ul.int {
    list-style: none outside none !important;
}
ul.int li {
    padding-left: 20px;
}
li.pt {
    background: url("/img/flag/pt.png") no-repeat scroll left center transparent;
}
#language {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    left: 35px;
    line-height: 72px;
    padding-bottom: 11px;
    padding-right: 15px;
    padding-top: 11px;
    position: absolute;
    top: 10px;
}
#language a {
    display: block;
    float: left;
    height: 50px;
    width: 28px;
}
#language li {
    float: left;
}
#language li:first-child {
    padding-left: 0;
}
#language a.help {
    color: #333333;
    line-height: 50px;
    width: auto;
}
#logo h1 a {
    line-height: 60px;
}
#logo h1 a.local {
    display: block;
    float: left;
    height: 60px;
    margin-left: 9px;
    width: 30px;
}
.en-GB {
    background: url("/img/flag/24/en-GB.png") no-repeat scroll left center transparent;
}
.ar-AR {
    background: url("/img/flag/24/ar-AR.png") no-repeat scroll left center transparent;
}
.bg-BG {
    background: url("/img/flag/24/bg-BG.png") no-repeat scroll left center transparent;
}
.cn-CN {
    background: url("/img/flag/24/cn-CN") no-repeat scroll left center transparent;
}
.cz-CZ {
    background: url("/img/flag/24/cz-CZ.png") no-repeat scroll left center transparent;
}
.de-DE {
    background: url("/img/flag/24/de-DE.png") no-repeat scroll left center transparent;
}
.dk-DK {
    background: url("/img/flag/24/dk-DK.png") no-repeat scroll left center transparent;
}
.es-ES {
    background: url("/img/flag/24/es-ES.png") no-repeat scroll left center transparent;
}
.fr-FR {
    background: url("/img/flag/24/fr-FR.png") no-repeat scroll left center transparent;
}
.fi-FI {
    background: url("/img/flag/24/fi-FI.png") no-repeat scroll left center transparent;
}
.gr-GR {
    background: url("/img/flag/24/gr-GR.png") no-repeat scroll left center transparent;
}
.hr-HR {
    background: url("/img/flag/24/hr-HR.png") no-repeat scroll left center transparent;
}
.hu-HU {
    background: url("/img/flag/24/hu-HU.png") no-repeat scroll left center transparent;
}
.jp-JP {
    background: url("/img/flag/24/jp-JP.png") no-repeat scroll left center transparent;
}
.no-NO {
    background: url("/img/flag/24/no-NO.png") no-repeat scroll left center transparent;
}
.he-IL {
    background: url("/img/flag/24/he-IL.png") no-repeat scroll left center transparent;
}
.tr-TR {
    background: url("/img/flag/24/tr-TR.png") no-repeat scroll left center transparent;
}
.nl-NL {
    background: url("/img/flag/24/nl-NL.png") no-repeat scroll left center transparent;
}
.ro-RO {
    background: url("/img/flag/24/ro-RO.png") no-repeat scroll left center transparent;
}
.sv-SV {
    background: url("/img/flag/24/sv-SV.png") no-repeat scroll left center transparent;
}
.it-IT {
    background: url("/img/flag/24/it-IT.png") no-repeat scroll left center transparent;
}
.ru-RU {
    background: url("/img/flag/24/ru-RU.png") no-repeat scroll left center transparent;
}
.pt-PT {
    background: url("/img/flag/24/pt-PT.png") no-repeat scroll left center transparent;
}
.hi-IN {
    background: url("/img/flag/24/hi-IN.png") no-repeat scroll left center transparent;
}
li.ar {
    background: url("/img/flag/ar.png") no-repeat scroll left center transparent;
}
li.bg {
    background: url("/img/flag/bg.png") no-repeat scroll left center transparent;
}
li.cn {
    background: url("/img/flag/cn.png") no-repeat scroll left center transparent;
}
li.cz {
    background: url("/img/flag/cz.png") no-repeat scroll left center transparent;
}
li.de {
    background: url("/img/flag/de.png") no-repeat scroll left center transparent;
}
li.dk {
    background: url("/img/flag/dk.png") no-repeat scroll left center transparent;
}
li.es {
    background: url("/img/flag/es.png") no-repeat scroll left center transparent;
}
li.fi {
    background: url("/img/flag/fi.png") no-repeat scroll left center transparent;
}
li.fr {
    background: url("/img/flag/fr.png") no-repeat scroll left center transparent;
}
li.gr {
    background: url("/img/flag/gr.png") no-repeat scroll left center transparent;
}
li.hr {
    background: url("/img/flag/hr.png") no-repeat scroll left center transparent;
}
li.hu {
    background: url("/img/flag/hu.png") no-repeat scroll left center transparent;
}
li.id {
    background: url("/img/flag/id.png") no-repeat scroll left center transparent;
}
li.il {
    background: url("/img/flag/il.png") no-repeat scroll left center transparent;
}
li.in {
    background: url("/img/flag/in.png") no-repeat scroll left center transparent;
}
li.ir {
    background: url("/img/flag/ir.png") no-repeat scroll left center transparent;
}
li.it {
    background: url("/img/flag/it.png") no-repeat scroll left center transparent;
}
li.jp {
    background: url("/img/flag/jp.png") no-repeat scroll left center transparent;
}
li.kr {
    background: url("/img/flag/kr.png") no-repeat scroll left center transparent;
}
li.nl {
    background: url("/img/flag/nl.png") no-repeat scroll left center transparent;
}
li.no {
    background: url("/img/flag/no.png") no-repeat scroll left center transparent;
}
li.ph {
    background: url("/img/flag/ph.png") no-repeat scroll left center transparent;
}
li.pk {
    background: url("/img/flag/pk.png") no-repeat scroll left center transparent;
}
li.pl {
    background: url("/img/flag/pl.png") no-repeat scroll left center transparent;
}
li.pt {
    background: url("/img/flag/pt.png") no-repeat scroll left center transparent;
}
li.ro {
    background: url("/img/flag/ro.png") no-repeat scroll left center transparent;
}
li.ru {
    background: url("/img/flag/ru.png") no-repeat scroll left center transparent;
}
li.se {
    background: url("/img/flag/se.png") no-repeat scroll left center transparent;
}
li.si {
    background: url("/img/flag/si.png") no-repeat scroll left center transparent;
}
li.sk {
    background: url("/img/flag/sk.png") no-repeat scroll left center transparent;
}
li.th {
    background: url("/img/flag/th.png") no-repeat scroll left center transparent;
}
li.tr {
    background: url("/img/flag/tr.png") no-repeat scroll left center transparent;
}
li.us {
    background: url("/img/flag/us.png") no-repeat scroll left center transparent;
}
li.vn {
    background: url("/img/flag/vn.png") no-repeat scroll left center transparent;
}


/* *** GAME *** */
#map_canvas { height: 100%; }
#q {
    position: absolute;
    top:0;
    left:0;
    height: 100%;
    width: 300px;
    padding: 0 10px;
    color: #fff;
    padding-bottom: 0;
}