* {
  font-family:"Univers",sans-serif;
}

text {
  font: 10px sans-serif;
  pointer-events:none;
}
label {
 border:1px solid #ccc;
 padding:5px;
 margin:5px 0 5px;
 display:block;
 font-size: 11px;
}
label:hover {
 background:#eee;
 cursor:pointer;
}
#filters {
	float: left;
  margin-top: 30px;
}
.col {
  float:left;
}
.course {
  margin-top: 20px;
}

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

.social{
  float:right;
  padding:15px 0;
  display:inline;
  vertical-align: bottom;
}

.fb-like{
  top: -3px;
  margin-right:5px;
}

.intro{
  margin-top:15px;
}

.content, .header {
  margin-top: 20px;
  margin-bottom: 20px;
  width:1200px;
  margin-right: auto;
  margin-left: auto;
}
.content {
  font-size: 11pt;
}
.byline {
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
h1.title {
  display: inline;
  margin-right: 30px;
}

#chart {
  width: 940px;
  height: 600px;
  margin-bottom: 10px;
  float:left;
}

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

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

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

.square {
  padding: 5px;
  border: 1px #666;
  margin: 5px;
  font-size: 9px;
}
.arch {
  background-color: #D9BA91;
}
.engg {
  background-color: #4998DE;
}
.humi {
  background-color: #FFE0BA;
}
.mgmt {
  background-color: #E5AB17;
}
.sci {
  background-color: #aec7e8;
}