/* DIV - LAYOUT
----------------------------------------------------------*/

div.map-primary-div-layout
{
    width:25%;
    height:100%;
    float:left;
}

div.map-border-div-layout
{
    width:1px; 
    height:100%; 
    float:left;   
}

div.map-secondary-div-layout
{
    width:75%;
    height:100%;
    float:right;
}

div.map-world-map-div-layout
{
    background-image: url(../Graphics/WorldMap.png);
    width:696px;
    Height:400px;
}

div.map-area-outer-div-layout
{
  z-index:1; 
  position:relative; 
  visibility:hidden;
}

div.map-area-inner-div-layout
{
     border-radius: 50%; 
     opacity:0.5;
}

div.map-more-div-layout
{
     z-index:2;
     position:relative
}

div.map-america-div-layout
{
    width:34%;
    height:100%;
    float:left;
}

div.map-north-america-div-layout
{
   width:100%; 
   height:40%;
}

div.map-north-america-outer-div-layout
{
  padding-left:50px;
  padding-top:50px;
}

div.map-north-america-inner-div-layout
{
    width:110px; 
    height:110px; 
}

div.map-north-america-more-div-layout
{
    margin-left:98px;
    margin-top:-40px;
}


div.map-central-america-div-layout
{
  width:100%; 
  height:16%;
}

div.map-central-america-outer-div-layout
{
  padding-left:70px;
  padding-top:0px;
}

div.map-central-america-inner-div-layout
{
    width:60px; 
    height:60px; 
}

div.map-central-america-more-div-layout
{
    margin-left:94px;
    margin-top:-60px;
}


div.map-south-america-div-layout
{
  width:100%; 
  height:44%;
}

div.map-south-america-outer-div-layout
{
  padding-left:120px;
  padding-top:10px;
}

div.map-south-america-inner-div-layout
{
    width:110px; 
    height:110px; 
}

div.map-south-america-more-div-layout
{
    margin-left:170px;
    margin-top:-90px;
}

div.map-euro-africa-div-layout
{
    width:22%;
    height:100%;
    float:left;
}

div.map-europe-div-layout
{
   width:100%; 
   height:35%;
}

div.map-europe-outer-div-layout
{
  padding-left:40px;
  padding-top:40px;
}

div.map-europe-inner-div-layout
{
    width:100px; 
    height:100px; 
}

div.map-europe-more-div-layout
{
    margin-left:84px;
    margin-top:-35px;
}

div.map-africa-div-layout
{
   width:100%; 
   height:65%;
}

div.map-africa-outer-div-layout
{
  padding-left:40px;
  padding-top:30px;
}

div.map-africa-inner-div-layout
{
    width:110px; 
    height:110px; 
}

div.map-africa-more-div-layout
{
    margin-left:88px;
    margin-top:-90px;
}

div.map-central-asia-div-layout
{
    width:10%;
    height:100%;
    float:left;
}

div.map-middle-east-div-layout
{
   width:100%; 
   height:100%;
}

div.map-middle-east-outer-div-layout
{
  padding-left:0px;
  padding-top:130px;
}

div.map-middle-east-inner-div-layout
{
    width:60px; 
    height:60px;
}

div.map-middle-east-more-div-layout
{
    margin-left:22px;
    margin-top:-60px;
}

div.map-far-east-div-layout
{
    width:34%;
    height:100%;
    float:right;
}

div.map-asia-div-layout
{
   width:100%; 
   height:65%;
}

div.map-asia-outer-div-layout
{
  padding-left:10px;
  padding-top:100px;
}

div.map-asia-inner-div-layout
{
    width:150px; 
    height:150px;
}

div.map-asia-more-div-layout
{
    margin-left:77px;
    margin-top:-110px;
}

div.map-australasia-div-layout
{
   width:100%; 
   height:35%;
}

div.map-australasia-outer-div-layout
{
  padding-left:120px;
  padding-top:0px;
}

div.map-australasia-inner-div-layout
{
    width:110px; 
    height:110px;
}

div.map-australasia-more-div-layout
{
    margin-left:167px;
    margin-top:-95px;
}


/* MODAL POPUP - REGION
----------------------------------------------------------*/
div.region-popup-outer
{
    width:400px; 
    height:auto; 
}

div.region-popup-inner 
{
    width:380px; 
    height:auto; 
}

div.region-popup-main
{
    width:100%; 
    height:auto; 
}

div.region-servers-popup-main
{
    width:100%; 
    height:auto;
    max-height:280px;
    overflow: auto;
}


/* MODAL POPUP - EMPTY REGION
----------------------------------------------------------*/
div.empty-region-popup-outer
{
    width:400px; 
    height:auto; 
}

div.empty-region-popup-inner 
{
    width:380px; 
    height:auto; 
}

div.empty-region-popup-main
{
    width:100%; 
    height:auto; 
}

div.empty-region-left-popup-main
{
    width:12%; 
    height:auto;
    float:left;
}

div.empty-region-right-popup-main
{
    width:88%; 
    height:auto;
    float:right;
}