body {
	direction: rtl;
}

header {
	 margin-top:40px;
}

h1, h2, h3 {
	 text-align: center;
}

.h_1_text{color: #00839c;}
.h_2_text{color: #df6b64;}
.h_3_text{color: #1bd89b;}
.h_4_text{color: #b2aea8;}
.h_5_text{color: #dfa14e;}
.h_6_text{color: #ffae77;}
.h_7_text{color: #eca6a0;}
.h_8_text{color: #ffec5b;}
.h_9_text{color: #b3e653;}
.h_10_text{color: #b4859c;}


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

#vis {
  width: 940px;
  height: 600px;
  clear: both;
  margin-bottom: 10px;
}

footer {
  text-align: center;
}

#view_selection {
  margin-top: 10px;
}

#view_selection {
	float:right;
}

.years {
  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;
}