@media only screen and (min-width:620px) { /*std*/
	.infocols					{ }
	.infocols .frameo	{ border:1px solid black; padding:0; margin:0; }
	.infocols .framei	{ }
	.infocols .frame	{ }
	.infocols .col1		{ float:left; height:19px; line-height:20px; background-color:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.infocols .col2		{ padding:2px 2px; height:auto; max-height:400px; line-height:18px; float:left; overflow-x:hidden; overflow-y:auto; text-overflow:ellipsis; box-sizing: border-box; border:1px solid black; background-color:#f0f1ff; }
	.infocols .hspc		{ display:none !important; }
	.infocols .abst		{ display:block;height:4px;overflow:hidden }
}

#DlgBack {
  position: absolute;
  display: none;
	color: black;
  font-family: arial, verdana;
	font-size: 17px;
	line-height: 21px;
  background-color: #000;
  opacity: 50%;
  filter: alpha(opacity = 50);
  cursor: default;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  Z-Index: 9998;
}

#DlgBody {
  position: absolute;
  display: none;
  width: 400px;
	max-width: 100%;
  top: 50px;
	font-size: 17px;
  background-color: #f0f1ff;
  border: 1px solid black;
  Z-Index: 9999;
}

#DlgBody h1, #DlgBody h2, #DlgBody ul, #DlgBody li, #DlgBody a, #DlgBody div, #DlgBody input, #DlgBody textarea {
  font-size: 17px;
	line-height: 21px;
  font-weight: bolder;
}

#DlgBody h1 {
	background-color:#a8a8bf;
  width: 100%;
  text-align: center;
  padding: 5px 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid black;
}

#DlgBody h2 {
	background-color: #a8a8bf;
  text-align: left;
  padding: 5px 10px;
	overflow-x: hidden;
	display: block;
	margin: 0;
  border: 0;
	background-color: #f88;
}

#DlgBody ul, #DlgBody ul li {
  list-style-type: none;
  list-style-image: none;
  color: black;
  background-color:#f0f1ff;
  margin:0;
  padding:0;
  border:0;
  display: block;
  text-decoration: none;
}

#DlgBody ul li a {
  font-size: 17px;
  font-weight: bolder;
  color: black;
  background-color:#f0f1ff;
  padding:6px 10px;
  border:0px;
	border-bottom: 1px solid #d8d8d8;
  display: block;
  text-decoration: none;
}

#DlgBody ul li a:hover { background-color: #ef7d00; }

#DlgBody div.buttons { border-top:1px solid black; width:100%; text-align:center; background-color:#a8a8bf; }
#DlgBody div.buttons input { width:100px; text-align:center; font-weight:bold;background-color:#e0e1ef; }
#DlgBody div.buttons input:hover { background-color:#c8c8df }

@media only screen and (max-width:499px) {
	.infocols					{ }
	.infocols .frameo	{ border:1px solid black; padding:0; margin:0; }
	.infocols .framei	{ }
	.infocols .frame	{ }
	.infocols .col1		{ float:left; height:19px; line-height:20px; background-color:inherit; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.infocols .col2		{ padding:2px 2px; height:auto; max-height:400px; line-height:18px; float:left; overflow-x:hidden; overflow-y:auto; text-overflow:ellipsis; box-sizing: border-box; border:1px solid black; background-color:#f0f1ff; }
	.infocols .hspc		{ display:none !important; }
	.infocols .abst		{ display:block;height:4px;overflow:hidden }
}