@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans.eot');
    src: url('../fonts/opensans.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans.woff') format('woff'),
         url('../fonts/opensans.ttf') format('truetype'),
         url('../fonts/opensans.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
  /*font-family: 'Raleway', sans-serif;*/
  font-family:'open_sans', arial, sans-serif;
  margin:0; padding:0;
}
.country{
  cursor:pointer;
}
.header{
  background:#0033a1;
  color:#ffffff;
}
.textHolder{
  cursor:pointer;
  height:10%;
  max-height:30%;
  line-height:20%%;
  text-align:left;
  font-size:2em;
  background:rgb(255,210,0);
  overflow:hidden;
}
.title{
  height:100%;
  text-align:left;
  font-size: 20px;
  border:1px dashed red;
}
.moreInfo{
  padding:5px;
}
.fullHeight{min-height:100%;}
.verticalDivider{
  position:relative;
  top:10%;
  float:right;
  height:80%;
  width:0px;
  background:black;
  border:1px solid black;
}
#control{
  padding:15px;
  position:absolute;
}
#info{
  position:absolute;
  padding:0;
  right:15px;
  margin-top:15px;
  width: 30px;
  height: 30px;
  border: 1px solid black;
  background-color:black;
  cursor: pointer;
  font-size:12px;
}
#info_i{
  width:100%;
  height:100%;
}
#close{
  position:absolute;
  right:5px;
  top:5px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.text{
  font-size:10px;
  text-transform:capitalize;
}
#container {
  height:80%;
  overflow:hidden;
  background: #F0F8FF;
  position:relative;
}
.hidden {
  display: none;
}
.graticule {
  fill: none;
  stroke: #bbb;
  stroke-width: .5px;
  stroke-opacity: .5;
}
.equator {
  stroke: #ccc;
  stroke-width: 1px;
}
#countries path {
  fill: white;
  stroke:black;
  stroke-width:1px;
  cursor:pointer;
}
#arcs path {
  fill: none;
  stroke-opacity: .9;
}
.node {
  fill: #000;
}
.chart{
  text-align:center;
  width:960px;
  height:500px;
  background:#99ccf6;
  margin:auto;
  position:relative;
}
.button{
  color:black;/*#BFBEB7;*/
  cursor:pointer;
  font-weight:bold;
  padding:5px;
  position:absolute;
  width:auto;
  height:auto;
  text-align:center;
}
.left{
  top:10px;
  left:20px;
  width:60px
}
.right{
  top:10px;
  left:110px;
  width:60px
}
.tooltip{
  position: absolute;
  display: block;
  text-align:center;
  z-index: 10;
  width: auto;
  height: auto;
  padding: 14px;
  font: 12px sans-serif;
  background-image: url("../images/bg.png");
  visibility: hidden;
  color: #464646;
  border: solid 1px black;
}
.box_shadow{
  border: solid 1px black;
  border-radius: 2px;
  box-shadow:inset 0 0 4px #BFBEB7;
}
.block_control{
  text-align:left;
  position:absolute;
  overflow:hidden;
  height:50px;
  width:420px;
  left:250px;
  top:10px;
}
.block_info{
  line-height:110%;
  position:absolute;
  height:325px;
  width:200px;
  left:10px;
  top:320px;
}

#selection_text{
  /*text-align: center;
  padding:5px;
  background:white;
  border:1px solid black;
  border-radius: 2px;
  position:absolute;
  bottom:10px;
  left:45%;
  height:auto;
  width:10%;*/
}

#out_label{opacity:.3;}
.small{font-size:14px;}
.big{font-size:18px;}
.center{text-align:center;}
/************ Zoom Pan *************
#right{
    background-image: url("../images/right.svg");
}
#left{
    background-image: url("../images/left.svg");
}
#up{
    background-image: url("../images/up.svg");
}
#down{
    background-image: url("../images/down.svg");
}
#in{
    background-image: url("../images/in.svg");
}
#out{
    background-image: url("../images/out.svg");
}**/
.ctrl_table{
  padding:0;
  margin: 0;
  border
}
.ctrl{
  cursor:pointer;
  height:40px%;
  width:25px;
}
#info {
	background:#0033a1 !important;
	color:#ffffff !important;
}


/*custom*/
h3{
  font-size:1.4em !important;
  font-weight:bold !important;
}

h4{
  font-size:1.3em;
}
h5{
  font-size:1.2em;
}