html, body {
	margin:0;
	height: 100%;background: #000;text-align:center;
	font-size: 12px;
	font-family: Verdana, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

div#outer {
	margin-left: auto; 
	margin-right: auto;
	width: 50em;
	text-align:left;
}
div#outer,div#map {
	width: 671px!important;
}
#pager {
	width: 670px!important;
}
div#header {
	height: 110px;
	width:100%;
}
div#map, div#maploading {
	height: 500px;
	border-bottom: 3px solid #000;
	border-top: 0px solid #000;
}

div#maploading {
	background: #fff url(google_logo.gif) center no-repeat;
	position: absolute;
	top:0;
	left:0;
	width: 670px;
	height: 450px
	filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9; 
}
div#maploading p {
	line-height: 140px;
	color: #ccc;
	font-size: 50px;
}
#listing-container {
	background-color: #ddd;
	margin:auto;
 }
.infopic img, .infopic {
	height:75px;
	width:100px;
	display: block;
}
.infopic {
	background: url(/images/NOphoto.jpg) no-repeat top left;
}
.clear {
	clear:both;
}
.fleft {
	float:left;
}
.ffleft {
	float:left!important;
}
.fright {
	float:right;
}
.ffright {
	float:right!important;
}
#midnav {
	display:none;
}
div#content {
	margin:0;
	width:671px;
}
table#list {
	margin:auto;
}
/* Picture popups */
span.picpop {
	height: 100px;
	width: auto;
	display: none;
	z-index: 50;
	position: absolute;
}
span.picpop div.point {
	height:100px;
	width:15px;
	background: url(/css/point-left-filled.png) 100% 50% no-repeat;
	float: left;
}
span.picpop div.box {
	height:100px;
	width:auto;
	float: left;
	border: 1px solid #555;
	color: #fff;
}
span.picpop div.box img {
	height: 100px;
	width: auto;
}

/* popup 'bubble' boxes for mapping */

div.bubble {

}

div.bubble blockquote {
	margin: 0px;
}
div.bubble blockquote img {
	margin:auto;
	display: block;
	border:none;
}

div.bubble blockquote div h1 {
	margin: 8px 0 8px 24px;
	padding:0;
	font-size: 1.2em;
	line-height: 14px;
}

div.bubble blockquote div h2 {
	padding:0;
	font-size: 1.0em;
	margin:0 0 0 24px;
}
div.bubble blockquote div table {
	margin: 5px 0 5px 24px;
	width: 200px;
	border-collapse: collapse;
}
div.bubble blockquote div table th {
	width:20%;
	height:16px;
}
div.bubble blockquote div table th {
	width:30%;
	padding-left:0;
}
div.bubble blockquote div {
	width: 250px;
	text-align: left;
}
div.bubble blockquote b {
	padding:0;text-align:center;margin:auto;
	font-size: 8pt;
	color: #000;
	display: inline;
	height: 16px; line-height: 16px;
	width: 30px;
}
div.bubble blockquote b img {
	vertical-align:middle;
	display: inline;
}
/* Different styles of arrows for the box */
div.bubble cite {
	background:transparent url(tip-left-f8.gif) no-repeat scroll 0px 0px; /* Small and leftside */
	font-style:normal;
	margin:0;
	padding-left:15px;
	padding-top:57px;
	position:relative;
	top:6px;left:-6px;
}
div.bubble cite.long {
	background:transparent url(tip-left-long.gif) no-repeat scroll 0px 0px; /* Big and leftside */
	font-style:normal;
	margin:0;
	padding-left:40px;
	padding-top:16px;
	position:relative;
	top:-10px;left:-20px;
	height: 16px; width:40px;
}
div.bubble cite.corner {
	background:transparent url(tip-left-long-corner.gif) no-repeat scroll 0px 0px; /* Lower left corner */
	font-style:normal;
	margin:0;
	padding-left:40px;
	padding-top:50px;
	position:relative;
	top:28px;left:-22px;
	height: 16px; width:40px;
}
div#listing-footer {
    height:26px;
    padding: 3px;
	border-top:1px solid #ccc;
	background: url(/js/jqGrid/themes/black/images/grid-blue-ft.gif) repeat-x;
}
div#listing-footer span {
	float: left;
	line-height:24px;
	margin-right: 10px;
	padding-right: 20px;
	background: url(/css/checkbox.png) 100% 50% no-repeat;
}
a.function { /* Footer buttons */
	height:24px;
	padding-left: 24px;padding-right:3px;
	margin-right: 10px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 3px;
	text-decoration: none!important;
	border: 1px solid transparent;
	color: #000;
	line-height: 22px;
	white-space: nowrap;
}
a.function:hover {
	border: 1px solid #888;
}
.print {
	background-image: url(/css/printer.gif);
}
.flyer {
	background-image: url(/css/rainbow.gif);
}
div#listing-footer a.detail {
	background-image: url(/css/layout_add.gif);
}
div#listing-footer a.email {
	background-image: url(/css/email_go.gif);
}
div#listing-footer a.map {
	background-image: url(/css/map.gif);
}
div#listing-footer a.mapchecked {
	background-image: url(/css/map_add.gif);
}
div#listing-footer a.photolist {
	background-image: url(/css/picture_add.gif);
}
div#listing-footer a.checked {
	background-image: url(/css/table_add.gif);
}
div#listing-footer a.viewall {
	background-image: url(/css/table_multiple.gif);
}
div#progress {
	position: relative;top:100px;left:275px;border:1px solid #999;
	height: 45px;
	width:130px;
	color: #000; font-weight: bold;
	text-align:center;
	padding:5px;
/*	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; */
	background:#f8f8f8;
    border-radius: 8px;
    box-shadow: 10px 10px 10px -10px #0B0B0B;
}
#progress_percentImage {
	width: 118px!important;
}
h5.copyright {
	color: #fff;
	padding:0;
	margin:0;
	text-align:center;
}
div#mapalert {
	position: relative;top:100px;left:135px;border:1px solid #999;
	height: 50px;
	width:400px;padding:20px; vertical-align: middle;
	background:#f8f8f8;
	text-align:center;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
div#scaling {
	position: relative;top:100px;left:270px;border:1px solid #999;
	width:130px;padding:20px; white-space:nowrap;
	background:#f8f8f8;
	text-align:center;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}
div#listing-footer label.separator {
	float: left;
	line-height:22px;
	margin-right: 12px;
}
div#top {
	background-color: #fff;
}
div#top h1 {
	color:#000;
	margin:0;
	padding:3px;
	text-align:center;
	font-size:22px;
}
table.scroll th {
text-align: center!important;  /* Grid headings beneath the map */
}
div#progress img {
	vertical-align: middle;
	border: none!important;
	margin-left:10px;
}
/* 2015-09-25 DNB, Newer libraries switch borders to black, so fix that */
.ui-jqgrid tr.ui-row-ltr td {
  border-color: #fff!important;
}
/* 2015-09-25 DNB, New libraries left a horizontal scrollbar on the grid, so fix that */
.ui-jqgrid-bdiv {
	overflow-x: hidden!important;
}
#map .drive-marker {
	height: 16px!important;
	width: 16px!important;
}