/*
* { 
  padding:0px; 
  margin:0px; 
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box;    
} 
*/
.wrapper { 
  width: 726px; 
  height: 415px; 
  position: relative; 
  margin: 0 auto; 
  /* top: 120px; 
  /* position: absolute; */ 
   /* top: 50%; */ 
  /* left: 50%; */ 
margin-top: 5px; 
/* margin-left: 5px; */
} 
.hover-layer { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  z-index: 2; 
} 
.hover { 
  position: absolute; 
  z-index: 2; 
} 
.container  { 
  width: 726px; 
  height: 415px; 
  display: block; 
  position: absolute; 
  background-color: #ececec; 
  z-index: 1; 
  top: 0; 
} 
.north-america { 
  width: 226px; 
  height: 195px; 
  display: block; 
  position: absolute; 
  top: 38px; 
  left: 30px;   
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country1 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/north-america.png'); 
} 
#country1.countryhover { 
   background-position: -226px 0px; 
} 
.latin-america { 
  width: 91px; 
  height: 136px; 
  display: block; 
  position: absolute; 
  top: 226px; 
  left: 190px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
  z-index: 0; 
} 
#country2 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/latin-america.png'); 
} 
#country2.countryhover { 
   background-position: -91px 0px; 
} 
.europe { 
  width: 266px; 
  height: 143px; 
  display: block; 
  position: absolute; 
  top: 37px; 
  left: 207px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country3 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/europe.png'); 
} 
#country3.countryhover { 
   background-position: -266px 0px; 
} 
.hover.europe { 
  width: 215px; 
height: 145px; 
left: 237px; 
} 
.africa { 
  width: 130px; 
  height: 141px; 
  display: block; 
  position: absolute; 
  top: 177px; 
  left: 310px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country4 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/africa.png'); 
} 
#country4.countryhover { 
  background-position: -130px 0px; 
} 
.hover.africa { 
  width: 129px; 
  height: 141px; 
} 
.asia { 
  width: 273px; 
  height: 219px; 
  display: block; 
  position: absolute; 
  top: 48px; 
  left: 426px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country5 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/asia.png'); 
} 
#country5.countryhover { 
   background-position: -273px 0px; 
} 
.hover.asia { 
  width: 263px; 
  height: 204px; 
  margin-left: 25px; 
} 
.australia { 
  width: 123px; 
  height: 95px; 
  display: block; 
  position: absolute; 
  top: 250px; 
  left: 554px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country6 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/australia.png'); 
} 
#country6.countryhover { 
   background-position: -123px 0px; 
} 
.caribbean { 
  width: 37px; 
  height: 11px; 
  display: block; 
  position: absolute; 
  top: 204px; 
  left: 187px; 
  background-repeat: no-repeat; 
  cursor: pointer; 
} 
#country7 { 
  background-position: 0px 0px; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/caribbean.png'); 
} 
#country7.countryhover { 
   background-position: -37px 0px; 
} 
.middle-east { 
    width: 78px; 
    height: 64px; 
    display: block; 
    position: absolute; 
    top: 163px; 
    left: 385px; 
    background-repeat: no-repeat; 
    cursor: pointer; 
} 
#country8 { 
    background-position: 0px 0px; 
    background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/middle-east.png'); 
} 
#country8.countryhover { 
    background-position: -78px 0px; 
} 
.hover.middle-east { 
    width: 68px; 
    height: 53px; 
    margin-top: 4px; 
    margin-left: 8px; 
    z-index: 3; 
} 
.hover.caribbean { 
  width: 70px; 
  height: 40px; 
  z-index: 3; 
  left: 180px; 
  top: 189px; 
} 
.tab { 
    position: absolute; 
    background-color: #000; 
    color: #fff; 
    min-width: 90px; 
    min-height: 30px; 
    padding: 8px 12px 6px 12px; 
    display: block; 
    text-align: center; 
    line-height: 20px; 
    opacity: 0; 
    z-index: 1; 
     
} 
.tab-text { 
   font-size: 16px; 
   text-transform: uppercase; 
   text-decoration: none; 
   display: block; 
   position: relative; 
   z-index: 0; 
   width: 100%; 
  height: 100%; 
   background: transparent url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/triangle.png') repeat 0 0; 
   /* display: none; */ 
} 
.tab-triangle { 
   background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/triangle.png'); 
   display: inline-block; 
   width: 20px; 
   height: 19px; 
   position: absolute; 
   bottom: -16px; 
   left: 50%; 
   margin-left: -10px; 
} 
.tab1 { 
  top: 55px; 
  left: 40px;  
} 
.tab2 { 
  top: 15px; 
  left: -10px;  
} 
.tab3 { 
  top: 120px; 
  left: 120px;  
} 
.tab4 { 
  top: 60px; 
  left: 30px;  
} 
.tab5 { 
  top: 69px; 
  left: 63px; 
} 
.tab6 { 
  top: 20px; 
  left: 0px;  
} 
.tab7 { 
  top: 80px; 
  left: -30px;  
} 
.tab8 { 
  top: -25px; 
  left: 0px;  
} 
.overlay { 
  width: 100%; 
  height: 100%; 
  display: block; 
  float: left; 
  background-color: rgba(0,0,0,0.4); 
  z-index: 2; 
  position: absolute; 
  display: none; 
} 
.country-page { 
  position: absolute; 
  display: block; 
  width: 630px; 
  height: 400px; 
  background-color: #fff; 
  top: 3px; 
  left: 48px; 
  margin: auto; 
  z-index: 3; 
  -webkit-box-shadow: 0px 3px 20px #848585; 
  box-shadow: 0px 3px 20px #848585; 
  top: -400px 
} 
.country-pages { 
  width: 100%; 
  height: 100%; 
  overflow: hidden; 
  position: absolute; 
} 
.close { 
  width: 100%; 
  height: 35px; 
  display: block; 
  float: left; 
  background-color: #ececec; 
  border-bottom: 4px solid #1d1d1b; 
  box-sizing:border-box;
} 
.close-but { 
  width: 25px; 
  height: 25px; 
  float: left; 
  display: block; 
  background-image: url('/study/informationForInternationalStudents/countryRegion/custom-CountryRegion-files/images/cross.jpg'); 
  margin: 0px 0px 0px 20px; 
  cursor: pointer; 
} 
.country-heading { 
  width: 100%; 
  height: 35px; 
  background-color: #ececec; 
  float: left; 
  text-transform: uppercase; 
  padding: 9px 0px 0px 20px; 
  font-size: 15px; 
  box-sizing:border-box;
} 
.sub-tab { 
  float: left; 
  cursor: pointer; 
  background-color: #d0d0d0; 
  margin-right: 6px; 
  padding: 5px 10px 4px 10px; 
  /* height: 40px; */ 
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  -webkit-box-shadow: 0px -2px 7px #a5a6a7; 
    -moz-box-shadow: 0px -2px 7px #a5a6a7; 
    box-shadow: 0px -2px 7px #a5a6a7; 
} 
.sub-tab:hover { 
  color: #7f7f7f; 
} 
.selected { 
  background-color: #fff; 
} 
.selected:hover { 
  color: #000; 
} 
.flags { 
  width: 100%; 
  height: 333px; 
  padding: 10px 20px 20px 20px; 
  float: left; 
  background-color: #fff;  
  box-sizing:border-box; 
} 
.flag-box { 
  width: 68px; 
  height: 80px; 
  float: left; 
  margin-right: 19px; 
} 
.flag-box:hover { 
  opacity: 0.7; 
} 
.flag { 
  width:68px; 
  height: 45px; 
  float: left; 
} 
.flags .flag-box:nth-child(7n) { 
  margin-right: 0px; 
} 
.country-page { 
  display: none; 
} 
.country-name { 
  font-size: 10px; 
  line-height:1em;
  text-transform: uppercase; 
  padding: 7px 0px 0px 0px; 
  float: left; 
  text-decoration: none; 
} 
a.flag-box { 
  text-decoration: none; 
  color: #000; 
} 
.close-but:hover { 
  opacity: 0.7; 
}