@charset "utf-8";
/* CSS Document */

body {
	background-color:#c8c8c8;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}


h1 {
font-size:22px;
font-weight:bold;
line-height:0px;
/*text-shadow: 1px 1px #5b7987;
*/padding-left:4px;
 }

h2 {
font-size:22px;
font-weight:normal;
/*text-shadow: 1px 1px #5b7987;*/
line-height:16px;
padding-left:4px;
}

.header {
width:916px;
left:8px;
top:8px;
padding-left:8px;
padding-right:8px;
padding-top:4px;
padding-bottom:-4px;
height:60px;
background-color:#719fac;
position:absolute;
z-index:20;
}

#footer {
top:512px;
width:400px;
position: absolute;
font-size: 11px;
font-weight:normal;
/*text-shadow: 1px 1px #5b7987;*/
color: #fff;
text-align:left;
vertical-align:bottom;
height:10px;
float:left;
padding-left: 4px;
display:inline-block;
z-index:20;
}

#footer a {
text-decoration:none;
color:#fff;
}

svg {
  margin-left:-52px;
  width: 1000px;
  height: 534px;
}

#states path, #state-centroids circle {
  fill: #fff;
  stroke: #c8c8c8;
  stroke-width: 1px;
}


.statesGrabber path {
  fill: #666;
  stroke: #ffffff;
  stroke-width: 1px;
  cursor:pointer;
}


.statesGrabber path:hover {
  fill: #999;
  stroke: #ffffff;
  stroke-width: 1px;
}

.toolTip {
 background-color:#fff;
 color:#666;
 font-size:12px;
 font-weight:bold;
 width:auto;
 padding-left:4px;
 padding-right:4px;
 font-family:Arial, Helvetica, sans-serif;
 left:26px;
 top:-20px;
 position:relative;
 z-index:5;
}

#ieworld {
	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
	display:inline;
}

.blackBox {
	position:absolute;
	z-index:3;
	top:78px;
	left:8px;
	display:inline;
	text-align:right;
	padding:8px;
	width:916px;
	height:446px;
	background-image:url(img/blackBox.png);
	opacity:0;
	pointer-events:none;
	visibility:hidden;
}

#btnClose {
	position:absolute;
	top:86px;
	left:908px;
	cursor:pointer;
	visibility:hidden;
	display:inline;
	z-index:100;
	}


#world {
	position:absolute;
	z-index:1;
	top:0px;
	left:0px;
	display:inline;
}


#grabber {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	display:inline;
}

#arrows {
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	display:inline;
	pointer-events:none;
}

#infoButton {
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}

.iBtn {
	position:absolute;
	z-index:100;
	cursor:pointer;

}