/* main html */

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}

.no_selection {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.ui-resizable-helper { 
	border: 2px dotted crimson; 
}

#loader {
	font-size: 24px;
	color: royalblue;
}

#toolbar {
	display: inline-block;
	padding: 4px;
	width: 1270px;
}

#toolbar input[type=text] {
	vertical-align: middle;
	width: 40px;
}

#toolbar select {
	display: inline-block;
	width: 100px;
}

.slider_wrapper {
	width: 110px;
	display: inline-block;
	margin: 0px 4px;
	padding: 0px 4px;
	text-align: center;
}

#existtext, #timetext {
	text-align: center;
	top: -4px;
	position: relative;
}

.menu-button + .ui-selectmenu-button {
	vertical-align: middle;
}

#info {
	padding: 4px;
	font-size: 14px;
	height: 30px;
}

.tooltip span {
	font-style: italic;
	font-weight: bold;
}

#datatable_wrapper {
    width: 800px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 15px;
}

#datatable td {
	padding: 2px;
}

#overview_wrapper {
	margin-top: 45px;
	width: 450px;
	height: 480px;
	display: inline-block;
	vertical-align: top;
}

.valuebar {
	fill: royalblue;
	stroke: black;
}

.backrect {
	cursor: all-scroll;
	fill: transparent;
}

#legend {
	position: absolute;
	top: 60px;
	left: 20px;
	z-index: 100;
	cursor: pointer;
}

/* timeline views */

.node {
	fill: white;
	stroke: black;
}

.node.rtselect {
	fill: lightgray;
}

.node.select,
.node.highlight {
	stroke-width: 2px;
	fill: black;
}

.link.curve{
	fill: none;
	stroke: black;
	stroke-opacity: 0.85;
}

.link.out,
.link.in {
	fill: white;
	stroke: none;
}

.link.in.dir {
	fill: none;
	stroke: black;
}

.link.select,
.link.highlight {
	stroke-width: 2px;
	stroke: black;
	stroke-opacity: 1.0;
}

.link.dehighlight {
	stroke-opacity: 0.15;
}

.eline.normal,
.eline.transit {
	stroke: white;
	fill-opacity: 0.7;
}
/*
.eline.normal {
	fill: none;
	stroke-opacity: 0.6;
	stroke-linecap: round;
	stroke-linejoin: bevel;
}
*/
.eline.holder {
	stroke-dasharray: 5, 5;
	stroke-width: 2px;
	stroke-opacity: 0.7;
	stroke: #c7c7c7;
	fill: none;
}

.eline.solid {
	stroke-width: 4px;
	stroke-opacity: 0.7;
	fill: none;
}

.eline.select,
.eline.highlight {
	fill-opacity: 1; 
	stroke-opacity: 1;
	stroke-width: 2px;	
	stroke: black !important;
}

.eline.transit.select,
.eline.transit.highlight {
	fill-opacity: 1;
	stroke: none !important;
	stroke-width: 2px;	 
}

.grid {
	stroke: lightyellow;
	stroke-width: 1px;
	fill: none;
}

.linkline {
	fill: none;
	stroke: black;
	stroke-opacity: 0.8;
	marker-end: url(#arrow);
}

.linklineg.select .linkline{
	stroke-opacity: 0.4;
}

.levelzone {
	fill: lightgray;
	stroke: black;
}

.label {
	font-family: "Helvetica";
	text-anchor: middle;
	stroke: none;
	fill: black;
	font-size: 9px;
	cursor: default;
}

.label.x {
	text-anchor: start;
	fill: darkgray;
}

.label.x.select,
.label.x.highlight {
	fill: black;
	font-weight: bold;
}

.label.t {
	font-size: 12px;
	cursor: pointer;
	fill: black;
}

.label.t.order {
	font-style: italic;
	font-weight: bold;
}

.label.y.select,
.node.select .label, 
.label.y.highlight,
.node.highlight .label {
	fill: white !important;
	font-weight: bold;
}

.vline rect {
	stroke: none;
	fill: black;
	fill-opacity: 0.5;
}

/* overview */
.ovnode {
	stroke: white;
	fill-opacity: 0.9;
}

.ovnode.highlight,
.ovnode:hover {
	stroke: black;
}

.ovlink {
	stroke: darkgray;
	stroke-opacity: 0.8;
	fill: none;
}

.ovlink.highlight,
.ovlink:hover {
	stroke: black;
}