div.country {
    width: 16px;
    height: 12px;
    /*background-color: #F9E593;*/
  }


 div.country:hover /*div.country:focus div.country:active*/{
    background-color: white;
    background-image: none;
    width: 120px;
    height: 110px;
    margin-top: -120px;
    margin-left: -50px;
    text-align:center;
  }

    div.country:hover span.offset /*div.country:focus span.offset div.country:active span.offset*/{
  	margin-top : 10px; 
  	margin-left : -50px;
  	position : absolute;
  }

   span.offset {
  	margin-top : -9000px; 
  	margin-left : -9000px;
  	position : absolute;
  	font-size: 12px;
  	font-family: Verdana;
  	color: #000033;
 }

 div#algeria {
    background-image: url(flags/alg.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 36%;
    left: 50%; 
    z-index: 9993 !important;
  }

  div#benin {
    background-image: url(flags/bj.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 52%;
    left: 50%; 
    z-index: 9995 !important;
  }

  div#brazil {
  	background-image: url(flags/br.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 66%;
    left: 35%;
    z-index: 999 !important;
  }

  div#canada {
  	background-image: url(flags/ca.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 17%;
    left: 19%;
    z-index: 999 !important;
  }

  div#china {
  	background-image: url(flags/cn.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 35%;
    left: 80%; 
    z-index: 9992 !important;
  }

  div#congo {
    background-image: url(flags/cg.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 61%;
    left: 54%; 
    z-index: 9997 !important;
  }

  div#egypt {
    background-image: url(flags/eg.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 39%;
    left: 57%; 
    z-index: 9993 !important;
  }

  div#ethiopia {
    background-image: url(flags/et.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 53%;
    left: 61%; 
    z-index: 9998 !important;
  }

  div#ghana {
    background-image: url(flags/gh.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 53%;
    left: 49%; 
    z-index: 9995 !important;
  }

  div#india {
  	background-image: url(flags/in.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 42%;
    left: 71%;
    z-index: 9991 !important; 
  }

  div#italy {
  	background-image: url(flags/it.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 27%;
    left: 53%;
    z-index: 999 !important; 
  }

  div#jordan {
  	background-image: url(flags/jo.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 36%;
    left: 59.5%;
    z-index: 9992 !important; 
  }

  div#kenya {
    background-image: url(flags/ke.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 59%;
    left: 61%;
    z-index: 9999 !important; 
  }

  div#lebanon {
  	background-image: url(flags/lb.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 33.5%;
    left: 59.5%;
    z-index: 9991 !important; 
  }

  div#libya {
    background-image: url(flags/libya.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 38%;
    left: 54%; 
    z-index: 9993 !important;
  }

  div#mauritius {
  	background-image: url(flags/maur.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 72%;
    left: 66%;
    z-index: 9999 !important; 
  }

  div#mexico {
  	background-image: url(flags/mx.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 40%;
    left: 21%;
    z-index: 9999 !important; 
  }

  div#morocco {
    background-image: url(flags/ma.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 35%;
    left: 48%; 
    z-index: 999 !important;
  }

  div#nigeria {
    background-image: url(flags/ng.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 53%;
    left: 52%;
    z-index: 9995 !important; 
  }

   div#qatar {
  	background-image: url(flags/qa.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 39%;
    left: 63.5%;
    z-index: 9995 !important; 
  }

  div#russia {
  	background-image: url(flags/ru.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 17%;
    left: 70%;
    z-index: 999 !important; 
  }

  div#saudiarabia {
  	background-image: url(flags/sa.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 40%;
    left: 62%;
    z-index: 9995 !important; 
  }

  div#singapore {
  	background-image: url(flags/sg.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 355px;
    left: 890px;
    z-index: 9994 !important; 
  }

   div#southafrica {
    background-image: url(flags/saf.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 80%;
    left: 56%; 
    z-index: 9999 !important;
  }

   div#syria {
  	background-image: url(flags/sy.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 31%;
    left: 60%;
    z-index: 9991 !important; 
  }

  div#tunisia {
    background-image: url(flags/tn.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 32%;
    left: 52%;
    z-index: 999 !important; 
  }

  div#turkey {
  	background-image: url(flags/tr.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 29%;
    left: 58.5%; 
    z-index: 999 !important;
  }

  div#us {
  	background-image: url(flags/us.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 27%;
    left: 23%; 
    z-index: 999 !important;
  }

   div#uae {
  	background-image: url(flags/ae.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 41%;
    left: 64.5%;
    z-index: 9995 !important; 
  }

  div#yemen {
  	background-image: url(flags/ye.png);
    position: absolute;
    width: 16px;
    height: 11px; 
    top: 47%;
    left: 62.5%;
    z-index: 9995 !important; 
  }