html {
	overflow: hidden;
}

.propphotoiframe-wrapper {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}

.propphotoiframe-wrapper iframe {
  clip-path: inset(0 0 0 0); /* Just clips everything neatly */
  width: 100%;
  height: 300px;
  border: none;
}

.SViframe-wrapper {
  width: 100%;
  height: 480px;
  overflow: hidden;
  position: relative;
}

.SViframe-wrapper iframe {
  clip-path: inset(0 0 0 0); /* Just clips everything neatly */
  width: 100%;
  height: 480px;
  border: none;
}

  #doorbell-button {
    background: #FAF9F3;
    color:#B20538;
    font-weight:bold;
    vertical-align: middle;
    height: 25px;
    width: 100px;
    right: 8px;
    bottom: auto;
    top: 0%;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-top: 5px;
  -moz-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  }

input {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;behavior:url(styles/PIE.htc);}

select {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;behavior:url(styles/PIE.htc);}


body {
	background-color:#ebe8d9;
	font-family: "Rubik", helvetica,sans-serif,verdana;
	font-size: 10px;
	color: #251D1A;
	overflow: hidden
}

table.search td {
	font-size: 10px;
}

table.search select {
	font-family: "Rubik", helvetica,sans-serif,verdana;
	font-size: 10px;
}
table.search input.text {
	font-family: "Rubik", helvetica,sans-serif,verdana;
	font-size: 10px;
	border: 1px black solid;
}

table.search input.button {
	font-family: "Rubik", helvetica,sans-serif,verdana;
	font-size: 10px;
	border: 1px black solid;
	width: 100px;
	background-color: #777777;
	color: #CCCCCC;
	font-weight: bold;
}

#ToolFrame {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:36px
}

#TabFrame {
  position:absolute;
  top:39px;
  left:5px;
  width:280px;
  height:22px;
}

#TextFrame {
  position:absolute;
  bottom:39px;
  left:276px;
  width:500px;
  height:144px
}

#ModeFrame {
  position:absolute;
  bottom:3px;
  left:5px;
  width:260px;
  height:30px
}

#ProgressBar {
  position:absolute;
  bottom:3px;
  left:750px;
  width:120px;
  height:30px
}

#ScaleFrame {
  position:absolute;
  bottom:3px;
  left:280px;
  width:360px;
  height:30px
}

#CoordFrame {
  position:absolute;
  bottom:3px;
  left:600px;
  width:150px;
  height:30px
}

#ResetFrame {
  text-align:right;
  position:absolute;
  bottom:3px;
  right:5px;
  width:135px;
  height:30px
}

#ovImage {
  cursor: url(../cursors/littleCross.cur);
  position:relative;
  display:inline-block;
  filter:inherit;
  opacity:inherit;
  left:1px;
  top:1px;
  z-index:1000;
  border: solid;
  border-width:2px;
  border-color: #004272;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
  background-color:white
}

#ovSPAN {
  cursor: url(../cursors/littleCross.cur);
  position:absolute;
  left:4px;
  top:4px;
  display:block;
  filter:inherit;
  opacity:inherit;
  z-index:1001;
}

#pLabelSPAN {
  position:relative;
  display:block;
  filter:inherit;
  opacity:inherit;
  z-index:1010;
  background-color:rgba(255, 255, 255, 0.9);
  width:162px;
  height: 20px;
  margin-top:0px;
  margin-left:2px;
  font-size:14px;
  font-weight:bold;
  z-index:1000;
  border: solid;
  border-width:1px;
  border-color: #004272;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.4);
}


#MapFrame {
  position:absolute;
  top:39px;
  left:285px;
  width:720px;
  height:314px;
  border: 2px #004272 solid;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  background-color:white
}

#TOCFrame {
  position:absolute;
  top:61px;
  left:5px;
  width:270px;
  height:298px;
  border: 1px #004272 solid;
  border-top: 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 3px 1px rgba(0, 0, 0, 0.2);
}

.selectLayerOpacity {
  position:relative;
  opacity: .60;
  filter:alpha(opacity='60');
  background:white;
}

.GPSFont {
	font-family: "Rubik", arial,verdana,helvetica,sans-serif;
	font-size: 6px;
}

.gridCell {
	font-family: "Rubik", verdana,helvetica,arial,sans-serif;
	font-size: 14px;
	vertical-align:middle;
	text-align:center;
}

.ZoomInCur {
	cursor: url(cursors/ZoomIn.cur),default;
}

.ZoomOutCur {
	cursor: url(cursors/ZoomOut.cur),default;
}

.Title {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 16px;
	font-weight:bold;
}

.Header0 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 18px;
	font-weight: 700;
}

.Header1 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.Header2 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.Label16 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 16px;
}

.Label13 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 13px;
}

.Label15 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 15px;
}

.Label14 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 15px;
}

.Label12 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 12px;
}

.Label11 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 11px;
}

.Label10 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 10px;
}

.Label9 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 9px;
}

.Label8 {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 8px;
}

.CoordText {
	font-family: "Rubik",verdana,helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.1;
}

.ModeText {
	font-family: "Rubik",verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 1.25;
}

.CoordButton {
	font-family: "Rubik",arial,verdana,helvetica,sans-serif;
	font-size: 9px;
}

.Label10Bold {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 10px;
	font-weight: 500;
}

.Label12Bold {
	font-family: "Rubik",verdana,helvetica,arial,sans-serif;
	font-size: 12px;
	font-weight: 500;
}

.simpleColorSelectButton {
	font-family: "Rubik", verdana,helvetica,arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.centeredImage {
  display:block;
  margin:0 auto;
  text-align:center;
  padding:0px;
}

#theSelectMap div {
font-weight: bold;
color: #000;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
position: relative;
}


#AttTitleBar {
  position: relative;
  height:20px;
  text-align: right;
  white-space: nowrap;
}

#DispAttrHeader {
  font-family: "Rubik","verdana", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  font-weight: bold;
  cursor: default;
  color: #444444;
  position:absolute;
  top:2;
  left:5;
  text-align: left;
  vertical-align: middle;
  padding-left: 10px;
  padding-top: 1px;
  padding-bottom: 4px;
}

#Table1 {
  clear:both;
}

#TitleBarButtons {
  position:relative;
  top:0;
  right:5;
  text-align: right;
  float: right;
  border-style: none;
  border-width: 0px;
  vertical-align: middle;
  width: 40px;
  height: 20px;
}

IMG#imgHelp {
  cursor: help;
}

IMG#imgChk {
  cursor: pointer;
}

#shrunkIframe {
  -moz-transform: scale(0.50, 0.50);
  -webkit-transform: scale(0.50, 0.50);
  -o-transform: scale(0.50, 0.50);
  -ms-transform: scale(0.50, 0.50);
  transform: scale(0.50, 0.50);
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}

#theImage {
  position:relative;
  display:inline-block;
  filter:inherit;
  opacity:inherit;
}

.dialogWithDropShadow
{
  -moz-box-shadow: 6px 6px 4px #888;
  -webkit-box-shadow: 6px 6px 4px #888;
  box-shadow: 6px 6px 4px #888;
}

.transparent_class {
    filter:alpha(opacity=50); /* for IE4 - IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.opaque_class {
    filter:alpha(opacity=100); /* for IE4 - IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;
}

.clsMapTitle {
  display:block;
  position : absolute;
  left : 10px;
  top : 26px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 14px;
  font-weight: bold;
}
.clsBlurb {
  display:block;
  position: absolute;
  left:10px;
  top:46px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 11px;
}
.clsInputBox {
  position: absolute;
  left:10px;
  top:64px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 11px !important;
}
.clsSaveableCheck {
  display:block;
  position:absolute;
  left:10px;
  top:106px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 11px;
}
.clsPrintButton {
  display:block;
  position:absolute;
  left:500px;
  top:110px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 13px !important;
}
.clsMapSize {
  display:block;
  position : absolute;
  left : 215px;
  top : 26px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 14px;
  font-weight: bold;
}
.clsMapOrient {
  display:block;
  position : absolute;
  left : 334px;
  top : 26px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 14px;
  font-weight: bold;
}
.clsMapResolution {
  display:block;
  position : absolute;
  left : 476px;
  top : 26px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 14px;
  font-weight: bold;
}
.clsImgPrintPortrait {
  display:block;
  position: absolute;
  left:330px;
  top:56px;
}
.clsImgPrintLandscape {
  display:block;
  position: absolute;
  left:380px;
  top:63px;
}
.radList {
  display:block;
  position: absolute;
  left:200px;
  top:52px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 10px;
  line-height:20px;
}
.radResList {
  display:block;
  position: absolute;
  left:470px;
  top:46px;
  font-family: "Rubik",verdana,helvetica,arial,sans-serif;
  font-size: 10px;
}
.clsScale {
  display:block;
  position : absolute;
  left : 470px;
  top : 26px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 13px;
  font-weight: bold;
}
.clsScaleSelector {
  display:block;
  position : absolute;
  left : 470px;
  top : 50px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 12px;
}
.clsFitToPage {
  display:block;
  position : absolute;
  left : 470px;
  top : 75px;
  font-family : "Rubik",verdana,helvetica,arial,sans-serif;
  font-size : 12px;
}

.clsCLOSymbol {
  vertical-align: middle;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.clsCLOSymbol:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.slider {
  -webkit-appearance: none;
  height: 10px;
  background: "images/RangeSliderBackground.png"
  outline: none;
  opacity: 1;
  vertical-align: middle;
  width: 60px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background: #FF0000;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 10px;
  height: 10px;
  background: #FF0000;
  cursor: pointer;
}