#main {
	max-width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}



rect.bordered {
  stroke: #E6E6E6;
  stroke-width:2px;   
}

text.mono {
  font-size: 9pt;
  font-family: Consolas, courier;
  fill: #aaa;
}

text.axis-workweek {
  fill: #000;
}

text.axis-worktime {
  fill: #000;
}



#wir {
	padding-right: 20px;
	padding-left: 20px;
}
#wir h3 {
	margin-top:0px;
}
#visualizations img {
   padding:1px;
   border:1px solid #888;
}
#visualizations img:hover {
	padding:1px;
	border:1px dashed black;
}
#viz_selector a {
	text-decoration:none;
}

#title h1 {
	margin-bottom: 5px;
}

#title h2 {
	color:#444;
    font: 14pt sans-serif;
	margin-top: 5px;
}

#title h3 {
	color:#444;
    font: 14pt sans-serif;
	margin-top: 5px;
}

#viz_p h4 {
	color: red;	
}

#removed {
	color: red;
}


#controls {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.control {
  float: left;
  padding-right: 20px;
}

.control h3 {
	margin-bottom: 5px;
}

.control button {
	color: #333;
}

.control a {
  color: black;
  font-size: 12px;
  padding: 5px;
  background: #E2E2E2;
  cursor: pointer;
  margin-right: 3px;
  text-decoration: none;
}

.control a:hover {
  text-decoration: underline;
  background: #F3F781;
}

.control a.active {
  color: white;
  background: #555;
}


table {
    border-collapse: collapse;
	width: 100%;
	word-wrap: break-word;
}

td {
    padding: 5px;
	max-width: 200px;
}

#title button {
  margin: 1px;
}

#siteTitle {
	color: #333;
	font: 35px sans-serif;
	font-weight: bolder;
}
#siteTitle a {
	text-decoration: none;
}

#loader {
  font: 30px sans-serif;
  text-align: center;
  color: 666;
}

#button {
  text-align: left;
}


body {
  font: 14px sans-serif;
}

h1 {
  font: 25px sans-serif;
  font-family: sans-serif;
  font-weight:bolder;
  color: #333;
  text-align: left;
}

/* for the network diagram */
text {
  fill: #1a1aff;
  font: 12px sans-serif;
  font-weight: bold;
}

#visualization.bubble text {
	fill: #000;
}

path.link {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}
marker.marker {
	fill: #333;
	stroke: #333;
}

circle.network  {
  cursor: move;
  fill: #ccc;
  stroke: #fff;
  stroke-width: 1.5px;
}

/*circle.network:hover {
	stroke: red;
}*/

.circle.network.fixed {
  fill: #f00;
}

/* for the circles */
.circle text {
  font: 10px sans-serif;
}

/*circle text:hover {
  stroke: red;
}*/

/* timeline */
svg {
  font: 10px sans-serif;
}


.node text {
  display: inline;
  font: 13px sans-serif;
}
/*
.node:hover circle {
  fill: #000;
}

.node:hover text {
  display: inline;
}
*/

.area {
  fill: steelblue;
  clip-path: url(#clip);
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.brush .extent {
  stroke: #fff;
  fill-opacity: .125;
  shape-rendering: crispEdges;
}

/*
text {
  fill: #000;
  font: 10px sans-serif;
  pointer-events: none;
}
*/

.datepicker-dropdown
{
	margin-top: 22px;
}
