*{
	border:0;
	margin: 0;
	padding: 0;
}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12pt;
	line-height: 1.8;
	overflow:hidden;
	width:100%;
}
h2{
	float:left;
	font-size:1.5em;
	margin-left:6px;
	text-align:left;
	width:60%;
	max-width:500;
}
ul{
	list-style-position:inside;
	padding-left:10px;
}
#social{
	float:right;
	width:50%;
}
.rtBibleRef{
	color:rgb(0,127,255);
}
#container{
	float:left;
	position: absolute;
	left: 5px;
	top: 40px;
	bottom: 35px;
	right: 5px;
	border: 1px solid #555;
	cursor: default;
	overflow: hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	width:98%;
}
#content{
	background: white;
	
	-webkit-transform-origin: left top;
	-webkit-transform: translateZ(0);
	-moz-transform-origin: left top;
	-moz-transform: translateZ(0);
	-ms-transform-origin: left top;
	-ms-transform: translateZ(0);
	-o-transform-origin: left top;
	-o-transform: translateZ(0);
	transform-origin: left top;
	transform: translateZ(0);
}
#svgDetails{
	border:1px solid #888;
	overflow:visible;
	height:1250px;
	top:0;
	width:2600px;
}

.dateline, .dowline{
	stroke:#888;
	stroke-width:0.8px;
}
.datetext{
	fill:#555;
	font-size:1.2em;
}
.dateback, .bookback{
	fill:#fff;
}
.dowtext{
	fill:#555;
	font-size:1em;
}
.niteblock{
	fill:#404040;
}
.dayblock{
	fill:#F1D219;
}
.hebDayLine{
	stroke:#2F5597;
}
.hebDayRect{
	fill:#ADB9CA;
}
.hebDayText{
	font-weight:bold;
	z-index:100;
}

.mattEventLine, .markEventLine, .lukeEventLine, .johnEventLine, .eventLine{
	stroke:#222;
	stroke-width:1.5px;
}
#mattLine, #markLine, #lukeLine, #johnLine, #mattBackLine, #markBackLine, #lukeBackLine, #johnBackLine{
	stroke-width:3px;
}
.eventRect{
	fill:#C8C8C8;
	stroke:#fff;
}
.errorRect{
	fill:#B6191D;
	stroke:#fff;
}
.errorEvent{
	fill:#fff;
}
.eventText{
	z-index:100;
}
.graveTextNite{
	fill:#fff;
}
.bookline{
	stroke-width:1.8px;
}
.booktext{
	font-size:1.5em;
}
.mattEventDot, .markEventDot, .lukeEventDot, .johnEventDot, .eventDot, 
.mattEventDateDot, .markEventDateDot, .lukeEventDateDot, .johnEventDateDot{
	stroke-width:3px;
}
.eventDot{
	stroke:#222;
}
.mattEventDot, .markEventDot, .lukeEventDot, .johnEventDot, .eventDot{
	fill:#fff;
}
#mattText, .mattEventDateDot{
	fill:#B74919;
}
#mattLine, #mattBackLine, .mattEventDot, .mattEventDateDot{
	stroke:#B74919;
}
#markText, .markEventDateDot{
	fill:#F19D19;
}
#markLine, #markBackLine, .markEventDot, .markEventDateDot{
	stroke:#F19D19;
}
#lukeText, .lukeEventDateDot{
	fill:#1D9A78;
}
#lukeLine, #lukeBackLine, .lukeEventDot, .lukeEventDateDot{
	stroke:#1D9A78;
}
#johnText, .johnEventDateDot{
	fill:#1D6FA9;
}
#johnLine, #johnBackLine, .johnEventDot, .johnEventDateDot{
	stroke:#1D6FA9;
}

#footer{
	bottom:3px;
	float:left;
	height:25px;
	margin-left:6px;
	position:absolute;
	width:100%;
}
#footer p{
	float:left;
	font-size:0.8em;
}
.aboutLink, .helpLink, .p119fLink, .mapLink{
	color:#777;
	text-decoration:underline;
}
.aboutLink:hover, .helpLink:hover, .p119fLink:hover, .mapLink:hover{
	color:#990000;
	cursor:pointer;
	text-decoration:none;
}
.aboutLink:visited, .helpLink:visited, .p119fLink:visited, .mapLink:visited{
	color:#800080;
	cursor:pointer;
	text-decoration:none;
}
.ui-dialog-content {
	font-size:0.8em;
	line-height:1.2em;
}
.ui-dialog-content p, .ui-dialog-content ul{
	display:block;
	float:none;
	font-size:10pt;
	margin:5px 0;
}
.ui-dialog-content a{
	text-decoration:underline;
}

.ui-dialog-content a:hover{
	color:#990000;
	text-decoration:none;
}
#powerTip{
	font-size:0.9em;
	line-height:1.5em;
}
#powerTip b{
	color:yellow;
}