@import url("/capture/dq9/style.css");

dl#chart{
	margin: 0 auto 0 auto;
	width: 500px;
	height: 10em;
	position: relative;
}
dl#chart dt{
	font-weight: bold;
	position: absolute;
}
dl#chart dt.c1{
	width: 250px;
	top: 0.2em;
	left: 0;
}
dl#chart dd.c1{
	width: 250px;
	top: 1.5em;
	left: 0;
}
dl#chart dt.c2{
	width: 250px;
	top: 0.2em;
	right: 0;
}
dl#chart dd.c2{
	width: 250px;
	top: 1.5em;
	right: 0;
}
dl#chart dt.c3{
	width: 250px;
	top: 2.7em;
	left: 0;
}
dl#chart dd.c3{
	width: 250px;
	top: 4em;
	left: 0;
}
dl#chart dt.c4{
	width: 250px;
	top: 2.7em;
	right: 0;
}
dl#chart dd.c4{
	width: 250px;
	top: 4em;
	right: 0;
}
dl#chart dt.c5{
	width: 250px;
	top: 5.2em;
	left: 0;
}
dl#chart dd.c5{
	width: 250px;
	top: 6.5em;
	left: 0;
}
dl#chart dt.c6{
	width: 250px;
	top: 5.2em;
	right: 0;
}
dl#chart dd.c6{
	width: 250px;
	top: 6.5em;
	right: 0;
}
dl#chart dt.c7{
	width: 500px;
	top: 7.7em;
}
dl#chart dd.c7{
	width: 500px;
	top: 9em;
}
h2.subtitle{
	margin: 3px auto 3px auto;
	max-width: 25em;
	border-bottom: 2px solid #000;
}
h3{
	margin: 10px auto 3px auto;
}

@media screen and (max-width: 767px){
dl#chart {
	height: auto ! important;
	width: auto ! important;
}

dl#chart dt, 
dl#chart dd {
	width: 100% ! important;
	position: relative ! important;
	top: auto ! important;
	left: auto ! important;
}
}