

tr.colorizeTr{
	background-color: #FFF3CE;
}

tr.nodeDetail{
	background-color: #FFF;
}

.nodeDetail a{
	color:blue;
	text-decoration:underline;
}

.jednotkyTableWrap{
	overflow-x:auto;
}

.detailWrapper{
	width:100%;
}

.detailTextWrapper{
	float:left;
	width:50%;
}

.detailRow{
	margin:6px 0px 0px 0px;
	width:100%;
}

.cleared{
	line-height:1px;
	clear:both;
}

.detailHeader{
	float:left;
	width:120px;
	font-weight: 700;
}

.detailRowContent{
	margin-left:120px;
}

.detailMapWrapper{
	float:right;
	width:50%;
	text-align: right;
}

.pioMapMarkerLink{
	color:blue;
	text-decoration: underline;
	cursor: pointer;
}

@media screen and (max-width: 650px) {
	.detailTextWrapper{
		float:none;
		width:100%;
	}
	
	.detailMapWrapper{
		float:none;
		width:100%;
		text-align: center;
	}
}

@media screen and (max-width: 461px) {
	.detailHeader{
		float:none;
		width:100%;
	}
	
	.detailRowContent{
		margin-left:0px;
	}
	
	.detailMapWrapper {
		width: unset;
	}
	
	.pioEditTable td {
		font-size: 12px;
		padding: 3px;
	}
}

@media screen and (max-width: 355px) {
	.pioEditTable td {
		font-size: 11px;
		padding: 1px;
	}
}