@charset "UTF-8";
.container-fluid {
  margin:0 auto;
  padding:0 20px;
  width:1200px;
}

#header {
  background-image: url("../img/bg-fcc-nav.png");
  background-repeat: repeat-x;
  margin-bottom: 20px;
}
#header .navbar .nav, #nav-learn .navbar .nav {
    font-size: 11px;
}
.navbar-inverse .navbar-inner {
    margin: 0 auto;
    max-width: 1200px;
}
.navbar .brand {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}
.navbar .brand img {
    margin-right: 20px;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #FFFFFF;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    background-color: #FFFFFF;
    color: #111111;
}
.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-shadow: none;
}
.navbar .nav.pull-right {
    float: right;
    margin: 5px 0 0;
}
.navbar .nav > li {
    float: left;
    line-height: 41px;
}
.old-browser {
  background-color: #FACF0D;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 10px;
}

#footer {
  padding-bottom: 20px;
}
#footer ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

a, a:visited, a:active {
  /*color: #444;*/
}

svg {
  pointer-events: all;
}

#details{
	width:1200px;
	overflow:hidden;
	display:none;
}

#orthomap{
	display:block;
}

#visCountry{
	float:left;
}
#mapContainer {
	float:right;
}

#visRegion {
	width:1200px;
  clear: both;
  margin-bottom: 10px;
}

#view_selection {
  margin-bottom: 10px;
}

.titles {
  font-size: 21px;
  fill: #aaa;
}

.tooltip {
	position: absolute;
	top: 100px;
	left: 100px;
  -moz-border-radius:5px;
	border-radius: 5px;
  border: 2px solid #000;
	/* background: #222222; */
  background: #fff;
	opacity: .9;
	/* color: #eeeeee; */
  color: black;
	padding: 10px;
	width: 300px;
	font-size: 12px;
	z-index: 10;
}

.tooltip .title {
	font-size: 13px;
}

.tooltip .name {
  font-weight:bold;
}



.background {
  fill: #a4bac7;
}

.foreground {
  fill: none;
  stroke: #333;
  stroke-width: 1.5px;
}


.graticule:nth-child(2n) {
  stroke-dasharray: 2,2;
}


.country {
  fill: #b8b8b8;
  stroke: #fff;
  stroke-width: .5px;
  stroke-linejoin: round;
}

.graticule {
  fill: none;
  stroke: #000;
  stroke-opacity: .3;
  stroke-width: .5px;
}

.graticule-outline {
  fill: none;
  stroke: #333;
  stroke-width: 1.5px;
}
circle.mouse {
  fill: none;
  stroke: #000;
  pointer-events: all;
}
.countrytext {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-anchor: middle;
}