/* RESET SECTION */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,br,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, table,tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:bottom; /*baseline causes all sorts of crazy alignment issues*/
    display:inline-block; /*see more specific displays below*/
}

/* HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

div {display:block;} /*fixed lable not lining up with span when both inside div*/

A, ABBR, ACRONYM, B, BDI, BDO, BIG,
BR, CANVAS, CITE, CODE, DD, DEL, DFN,
DIALOG, EM, EMBED, FONT, FRAME, I, IFRAME,
IMG, INPUT, INS, KBD, KEYGEN, LABEL, MAP,
MARK, MENUITEM, OBJECT, OUTPUT, PICTURE, Q,
S, SAMP, SMALL, SOURCE, SPAN, STRIKE,
STRONG, SUB, SUP, TEXTAREA, TIME, TRACK,
TT, U, VAR, VIDEO, WBR { display:inline;}

/*removed DIV*/
ADDRESS, ARTICLE, ASIDE, BLOCKQUOTE, BODY,
CENTER, DETAILS, DIR, DL, DT, FIELDSET,
FIGCAPTION, FIGURE, FOOTER, FORM, FRAMESET,
H1, H2, H3, H4, H5, H6, HEADER, HR, HTML,
LEGEND, MAIN, MENU, NAV, OL, OPTGROUP, OPTION,
P, PRE, SECTION, SUMMARY, UL { display:block;}

AREA, AUDIO, BASE, BASEFONT, DATALIST, HEAD,
LINK, META, NOFRAMES, NOSCRIPT, PARAM, RP,
SCRIPT, STYLE, TITLE {display:none;}

APPLET, BUTTON, METER, PROGRESS, SELECT {display:inline-block ;}

LI {display:list-item;}
RT {display:ruby-text;}
RUBY {display:ruby;}
TABLE {display:table;}
TBODY {display:table-row-group;}
TH, TD {display:table-cell;}
TFOOT {display:table-footer-group;}
THEAD {display:table-header-group;}
TR {display:table-row;}
CAPTION {display:table-caption;}
COL {display:table-column;}
COLGROUP {display:table-column-group;}

body {
	line-height: 1.2; /*original used 1*/ /*why!@$#^&. This caused problems, but it's too late now - have to live with it*/
}
ol, ul {
	list-style:none;
}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
table {	border-collapse:collapse;border-spacing:0;} 
input:focus, textarea:focus, select:focus {outline-style: auto;outline-color: orange;}
/* END OF RESET  SECTION*/

.ol-mouse-position {top:0.5em;right:4.5em;border-radius:4px;background:rgba(0,60,136,.3);position:absolute;}
.ol-scale-line {background:#95b9e6;background:rgba(0,60,136,.3);border-radius:4px;bottom:0.5em;left:0.5em;padding:2px;position:absolute;}
.ol-scale-line-inner {border:1px solid #eee;border-top:none;color:#000;font-size:10px;text-align:center;margin:1px;will-change:contents,width;}
.ol-overlay-container {will-change:left,right,top,bottom;}
.ol-unsupported {display:none;}
.ol-viewport .ol-unselectable {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
.ol-viewport {width:1500px;background-color:white;} /*should correspond to setting in cPKGISHelperFields.cs, see "Image Pixel Width" */
.ol-main-map-outer {overflow:visible;z-index:0;border:1px solid black;}
/*.ol-main-map {border:3px solid black;}*/
/*.ol-main-map:focus {border-width:3px;border-style:solid;border-color:rgb(0,153,255);} doesn't work*/
.ol-control {position:absolute;background-color:#eee;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px;}
.ol-control:hover {background-color:rgba(255,255,255,1);}
.ol-rotate.ol-hidden {opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s;}
.ol-snap-grid {bottom:.5em;right:3.5em;}
.ol-nearmap {bottom:.5em;right:6.5em;}
.ol-full-screen {bottom:.5em;right:.5em;}
.ol-legend {top:25em;right:1em;}

.ol-zoom {top:.5em;left:.5em;}
.ol-undo {top:2em;left:.5em;}
.ol-redo {top:2em;left:3.5em;}
.ol-zoom-extent {top:.5em;left:7.5em;}

.sketchmode {position:absolute;top:7.4em;left:39em;z-index:1;}
.sketchwarning {position:absolute;top:9.4em;left:15em;z-index:1;display:none;}

.ol-main-buttons {position:absolute;top:3.5em;left:.5em;max-width:70px;max-height:1.1em;overflow:hidden;z-index:1;border-radius:5px;background-color:slategray;color:white;padding-left:4px;}
.ol-main-buttons:hover {width:35em;max-width:100%;height:16.5em;max-height:100%;line-height:19.2px;} /*background-color:white; blanks out the non-hover text*/
.ol-main-buttons.sketch-modes:hover {height:11em;}

.ol-legend.ol-popup-window.ol-control {background-color:rgb(247, 213, 213);} /* #map2Legend*/
.ol-legend-table td {padding:5px;} /* #map2Legend*/
.ol-main-buttons.gis-modes .ol-control {position:absolute;display:inline-block;} /*#map2MainButtonGroup .ol-control*/

/*GIS menu*/
/*.pkmenuoptions .giszoom {color:cornflowerblue;}
.pkmenuoptions .giselect {color:darkorange;}
.pkmenuoptions .gisdisplay {color:red;}
.pkmenuoptions .gissearch {color:darkgreen;}
.pkmenuoptions .gisabutter {color:red;}
.pkmenuoptions .gisother {color:purple;}*/

/*GIS mode section*/
.ol-main-buttons.gis-modes span{line-height:19.2px;} /*#map2MainButtonGroup span*/
/*1st row*/
.pkmenuoptions .giszoom , .ol-zoom-current {top:0em;left:7em;}
div.ol-zoom-current > button {width:10em;}
.ol-zoom-select {top:0em;left:17.5em;}
div.ol-zoom-select > button {width:10em;}
div.ol-zoom-current,div.ol-zoom-select {background-color:cornflowerblue;}
.pkmenuoptions .giszoom {color:cornflowerblue;}
/*2nd row Select By*/
.ol-selby-point {top:2.4em;left:7em;}
div.ol-selby-point > button {width:7em;}
/*.ol-selby-linestring {top:2.3em;left:13.5em;}
div.ol-selby-linestring > button {width:6em;}
.ol-selby-touch-box {top:2.3em;left:20em;}
div.ol-selby-touch-box > button {width:12em;}
.ol-selby-contain-box {top:2.3em;left:20em;}
div.ol-selby-contain-box > button {width:12em;}
.ol-selby-contain-polygon {top:2.3em;left:33em;}
div.ol-selby-contain-polygon > button {width:12em;}*/
.ol-selby-touch-polygon {top:2.4em;left:14.5em;}
div.ol-selby-touch-polygon > button {width:12em;}
div.ol-selby-point,div.ol-selby-touch-box,div.ol-selby-touch-polygon {background-color:darkorange;}
.pkmenuoptions .giselect {color:darkorange;}
/*3rd row Display Info*/
.ol-show-loc {top:4.7em;left:7em;}
.ol-show-mapid {top:4.7em;left:12.5em;}
.ol-show-fullid {top:4.7em;left:17.5em;}
.ol-show-custom-labels {top:4.7em;left:22.5em;}
div.ol-show-custom-labels > button {width:15em;}
div.ol-show-fullid,div.ol-show-loc,div.ol-show-mapid,div.ol-show-custom-labels,div.ol-show-parcels {background-color:red;}
.pkmenuoptions .gisdisplay {color:red;}
/*4th row GIS Anal Rpt*/
.ol-show-color-map {top:7em;left:7em;}
div.ol-show-color-map > button {width:12em;}
.ol-show-colorfield {top:7em;left:18.5em;}
div.ol-show-colorfield > button {width:12em;}

/*5th row Search*/
.ol-gis-2-search {top:9.5em;left:7em;}
div.ol-gis-2-search > button {width:8em;}
.ol-search-2-gis {top:9.5em;left:15.5em;}
div.ol-search-2-gis > button {width:8em;}
.ol-gis-2-keylist {top:9.5em;left:25.5em;}
div.ol-gis-2-keylist > button {width:8em;}

div.ol-gis-2-search,div.ol-search-2-gis,div.ol-gis-2-keylist {background-color:darkgreen;}
.pkmenuoptions .gissearch {color:darkgreen;}
/*6th row Abbutters*/
.ol-abut-list {top:11.8em;left:7em;}
div.ol-abut-list > button {width:11em;}
.ol-print-abut-list {top:11.8em;left:18.5em;}
div.ol-print-abut-list > button {width:14em;}

div.ol-abut-list,div.ol-print-abut-list {background-color:blue;}
.pkmenuoptions .gisabutterlayer {color:blue;}
/*7th row Other*/
.ol-print-gis-map {top:14.2em;left:7em;}
div.ol-print-gis-map > button {width:12em;}
.ol-select-layer {top:14.2em;left:19.5em;}
div.ol-select-layer > button {width:8em;}
div.ol-print-gis-map,div.ol-select-layer {background-color:purple;}
.pkmenuoptions .gisother {color:purple;}

/*Sketch menu*/
.pkmenuoptions .sketchadd {color:red;}
.pkmenuoptions .sketchselect {color:blue;}
.pkmenuoptions .sketchaction {color:brown;}
.pkmenuoptions .sketchdialog {color:darkorange;}

/*Sketch mode section*/
/*1st row*/
/*color code red= add to sketc, blue=select, etc*/
.ol-draw-polygon {top:2em;left:0.5em;}
.ol-draw-box {top:2em;left:5.5em;}
.ol-draw-reg-poly {top:2em;left:10.5em;}
.ol-draw-linestring {top:2em;left:15.5em;}
.ol-draw-point {top:2em;left:20.5em;}
.ol-split-sketch {top:2em;left:25.5em;}
.ol-draw-trav {top:2em;left:30.5em;}
div.ol-draw-polygon,div.ol-draw-box,div.ol-draw-linestring,div.ol-draw-point,div.ol-split-sketch,div.ol-draw-reg-poly,div.ol-draw-trav {background-color:red;}
/*2nd row*/
.ol-selmod-polygon {top:4em;left:0.5em;}
div.ol-selmod-polygon > button {width:17.5em;}
.ol-selmod-box {top:4em;left:5.5em;}
.ol-selmod-linestring {top:4em;left:15.5em;}
.ol-selmod-point {top:4em;left:20.5em;}
div.ol-selmod-polygon,div.ol-selmod-box,div.ol-selmod-linestring,div.ol-selmod-point {background-color:blue;}
/*3rd row*/
/*.ol-selmod-polygon {top:4em;left:0.5em} 
.ol-selmod-box {top:4em;left:5.5em}
.ol-selmod-linestring {top:4em;left:10.5em}
.ol-selmod-point {top:4em;left:15.5em}*/
/*3rd row*/
.ol-show-sections {top:8.0em;left:0.5em;}
div.ol-show-sections > button,div.ol-show-section-detail > button {width:9.5em;}
.ol-show-section-detail {top:8.0em;left:9.5em;}
/*div.ol-draw-trav {background-color:darkgreen;}*/
div.ol-show-sections,div.ol-show-section-detail {background-color:orange;}

/*GIS*/
/* unused, some are future features
.ol-show-parcels {top:22.5em;left:0.5em}

.ol-drawgis-polygon {top:4.5em;left:4.5em}
.ol-drawgis-box {top:6.5em;left:4.5em}
.ol-drawgis-linestring {top:8.5em;left:4.5em}
.ol-drawgis-point {top:10.5em;left:4.5em}
.ol-commit-parcels {top:20.5em;left:0.5em}
*/

.ol-selmodgis-polygon {top:4.5em;left:6.5em;} /*Menu box*/
.ol-selmodgis-box {top:6.5em;left:6.5em;} /*Menu box*/
.ol-selmodgis-linestring {top:8.5em;left:6.5em;} /*Menu box*/
.ol-selmodgis-point {top:10.5em;left:6.5em;} /*Menu box*/

.ol-split-feature {top:4.5em;left:8.5em;}
.ol-rotate {bottom:4.5em;left:.5em;transition:opacity .25s linear,visibility 0s linear;}
.ol-show-help {top:2.5em;left:13.5em;display:none;}
.ol-main-map div.HelpSketching {position:absolute;top:2.65em;left:8.5em;z-index:1;background-color:green;line-height:1.5em;}
.HelpSketching a {color:white;}
.ol-help {top:0em;left:4.5em;border:1px solid black;}

/*.ol-main-map div.HelpGIS {position:absolute;top:2.65em;left:8.5em;z-index:1;background-color:green;line-height:1.5em;}
.HelpGIS a {color:white;}*/
.ol-main-map div.HelpGIS {display:none;}
.ol-section-detail-grid {top:28em;left:0em;} /*width:725px;max-width:725px;height:260px;max-height:260px;}*/
/*.ol-section-detail-grid .pk-drag-table {position:absolute;top:-6px;left:-10px;}*/
.ol-sections-grid {top:25em;left:4.5em;}
.ol-data-grid {top:20em;left:2.5em;}

.ol-pictures-box {bottom:2em;left:50em;}
.ol-popup-dialog {bottom:-10em;left:3em;}
.ol-color-selector {bottom:0.5em;right:0.5em;}
.ol-color-selector:hover {background-color:rgba(255,255,255,1);}
.ol-popup-window {border:1px solid black;background-color:rgba(255,255,255,1);z-index:1;}
.sketch-sections-add.ol-popup-window {top:12.5em;left:25em;}
.sketch-section-detail-add.ol-popup-window {top:20.5em;left:25em;}
@media print {.ol-control {display:none;}}
.ol-control button,div.HelpSketching,div.HelpGIS {display:block;margin:1px;padding:0;color:#fff;font-size:.8em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:5em;line-height:.4em;background-color:darkred;border:none;border-radius:5px;} /*darkSlateGray*/
.ol-control button.ol-sosa {width:2em;}
.ol-control button::-moz-focus-inner {border:none;padding:0}
.ol-zoom-extent button {line-height:1.4em;width:2em;}

.ol-undo button,.ol-redo button,div.HelpSketching,.ol-snap-grid button,.ol-full-screen button,div.HelpGIS {width:3.5em;}
.ol-nearmap button {width:5em;}

.ol-compass {display:block;font-weight:400;font-size:1.2em;will-change:transform;}
.ol-touch .ol-control button {font-size:1.5em;}
.ol-touch .ol-zoom-extent {top:5.5em;}
.ol-control button:hover {text-decoration:none;background-color:black;color:white;}
.ol-control button:focus,.ol-control .ol-is-active {background-color:antiquewhite;color:black;font-style:italic;}
.ol-zoom .ol-zoom-in {border-radius:2px 2px 0 0;}
.ol-zoom .ol-zoom-out {border-radius:0 0 2px 2px;}
.ol-attribution {text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);}
.ol-attribution ul {margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff;}
.ol-attribution li {display:inline;list-style:none;line-height:inherit;}
.ol-attribution li:not(:last-child):after {content:" ";}
.ol-attribution img {max-height:2em;max-width:inherit;}
.ol-attribution button,.ol-attribution ul {display:inline-block;}
.ol-attribution.ol-collapsed ul {display:none;}
.ol-attribution.ol-logo-only ul {display:block;}
.ol-attribution:not(.ol-collapsed) {background:rgba(255,255,255,.8);}
.ol-attribution.ol-uncollapsible {bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em;}
.ol-attribution.ol-logo-only {background:0 0;bottom:.4em;height:1.1em;line-height:1em;}
.ol-attribution.ol-uncollapsible img {margin-top:-.2em;max-height:1.6em;}
.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button {display:none;}
.ol-zoomslider {top:4.5em;left:.5em;width:24px;height:200px;}
.ol-zoomslider-thumb {position:absolute;background:#7b98bc;background:rgba(0,60,136,.5);border-radius:2px;cursor:pointer;height:10px;width:22px;margin:3px;}
.ol-touch .ol-zoomslider {top:5.5em;width:2.052em;}
.ol-touch .ol-zoomslider-thumb {width:1.8em;}
.ol-overviewmap {right:.5em;top:.5em;}
.ol-overviewmap.ol-uncollapsible {top:0;right:0;border-radius:0 4px 0 0;}
.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button {display:inline-block;}
.ol-overviewmap .ol-overviewmap-map {border:1px solid #7b98bc;height:150px;margin:2px;width:150px;}
.ol-overviewmap:not(.ol-collapsed) button {top:1px;right:2px;position:absolute;}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button {display:none;}
.ol-overviewmap:not(.ol-collapsed) {background:rgba(255,255,255,.8);}
.ol-overviewmap-box {border:2px solid rgb(178,0,255);}
.ol-sosa {font-family:Sosa;}

@font-face {font-family:'Sosa'; src:url('fonts/sosa-regular-webfont.eot'); src:url('fonts/sosa-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/sosa-regular-webfont.ttf') format('truetype'), url('fonts/sosa-regular-webfont.svg#sosa') format('svg'), url('fonts/sosa-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal;}#sosa {font-family:'Sosa';}
span table, textarea, th, tr, td, div, tbody, input, button, select {font-family:Arial;}
label,.pklabel {font-family:cursive;}

.pkselector.selection-active {background-color:black;} /*this {background-color:rgba(0,153,255,1)} is blue used with open layers*//*0,60,136,.7*/
.pkselector {background-color:silver;} /*same blue as open layers*/
.salesgrid .pkselector {margin-left: 5px;margin-bottom: 23px;}
/*.pkselector:hover {width: 12px;}*/
.sort-marker {border-radius:4px;padding:0px;margin:0px;background-color:rgba(255,255,255,.6);border:1px solid black;right:2px;}
.border-highlight {border:2px solid blue;padding:0px;margin:0px;}
.border-no-highlight {border:2px solid rgba(0,0,0,0);padding:0px;margin:0px;}

button,input[type=submit] {color:white;background-color:darkOliveGreen;padding:1px;}
/*.selectok, .selectcancel {position:absolute;bottom:10px;}
.selectcancel {position:absolute;left:85px;}*/
button:disabled {color:lightgrey;}

button:hover,input[type=submit]:hover {background-color:rgba(90,150,255,1);}
button {width:auto;height:auto;}
button.multiselect {width:20px;height:20px;}
button.normal {display:block;padding:2px;margin:2px;border-radius:4px;border:1px solid black;color:#fff;background-color:rgba(0,60,136,.5);width:auto;}
button.normal:hover,button.normal:focus {background-color:rgba(90,150,255,1);}
.color-select {border-radius:4px;}
.color-select button {width:2em;height:1.4em;padding:-2px;margin:-2px;}
.color-select button:hover,.color-select button:focus {border:2px solid rgba(90,150,255,1);}
.color-select:hover {background-color:rgba(255,255,255,1);}
.color-select-sample button {width:1em;height:1em;padding:0px;margin:0px;}
.new-sizing-method {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.no-border {border-spacing:0px;border-collapse:collapse;border:0px;padding:0px;margin:0px;}
.pkmenu {background-color:rgba(255,255,255,1);border:2px solid black;padding:0px;margin:0px;}
.multifield-highlight {background-color:rgb(0,153,255);}

body,#pkMainFormID {background-color:#eee;}
/*select {-webkit-appearance: none;-moz-appearance: none;}*/
fieldset.pkgroupbox {border:1px solid lightgray;padding:3px;}
.pkinput,.pklabel,.pkerror,.pkouter,.pkinner {border-style:solid;border-width:0px;padding:0px;margin:0px;clear:both;vertical-align:middle;}
.pkinlineblock {display:inline-block;}
.pkrounded {border-radius:4px;padding:0px;margin:0px;}
/*I don't know why or how, but at some point selects started obeying the text-box right align - if we need that, do it in DDDesc - otherwise they are mostly text*/
:not(select).pkinput.pkcurrency,:not(select).pkinput.pkinteger,:not(select).pkinput.pknumber,:not(select).pkinput.pkdate {text-align:right;}
.pkinput.pkboolean {text-align:center;}
.pkinput.pkinner.pklink {text-decoration: underline;}

/*field specific alignments*/
.pkinput.permitinspby,.pkinput.growthyear {text-align:center;}
.pkinput.permittypenum {text-align:left;}
.pkinner {display:inline-block;overflow:hidden;white-space:pre;}
textarea.pkinner {white-space:pre-wrap;}
.pkouter {display:table-cell;overflow:hidden;}
.pkouter.pkcolor {overflow:visible;} /* popup extends beyond field cell bounds and needs to be visible */
.pkloading {display:table-cell;overflow:hidden;padding:0px;margin:0px;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0);}
.pkouter,.pkinner {background-color:rgb(248, 247, 176);} /*default color goldenrod*/
.pkouter.pkaddedrow,.pkinner.pkaddedrow {background-color:rgb(248, 247, 225);} /*default color goldenrod*/

/* too many sub tables to, would need a class on 
    .pkgroupbox.landdetailgrid table tr:nth-child(odd) {
  background-color:rgb(248, 247, 176);
}
.pkgroupbox.landdetailgrid table tr:nth-child(even) {
  background-color:rgb(248, 248, 68);
}
*/

#TopHeader,#DBDisplayInfo {color:darkslategrey;font-weight:bold;font-style:italic;}

.parcelsearchparamsgrid {height:100px;max-height:100px;width:1530px;max-width:1530px;}
.parcelsearchresultsgrid {height:600px;max-height:600px;width:1530px;max-width:1530px;}
#searchStatusMessage {font-size:1.5em;color:navy;}

/*label.pklabel :not(.selectyear) {margin-right:1px;color:maroon} */
.pklabel,.pkreadonly.pkinput.elemdesc,.pkreadonly.pkinput.othertaxtypelabel {color:maroon;} 
.pkinput.pkreadonly,input.pkinput.pkeditable:disabled {color:black;background-color:rgb(248, 247, 176);} /*paulgrqy*/
div.cmdbutton.pkanytabs.printbutton{background-color:rgb(255, 190, 0);color:black;}
.pkinput.pkreadonly.blankonreadonly,input.pkinput.pkeditable.blankonreadonly:disabled {color:rgb(248, 247, 176);} /*paulgrqy*/
.pkinput.pkreadonly.pkaddedrow,input.pkinput.pkeditable.pkaddedrow:disabled {color:black;background-color:rgb(248, 247, 225);} /*paulgrqy*/
.pkinput.pkreadonly.blankonreadonly.pkaddedrow,input.pkinput.pkeditable.blankonreadonly.pkaddedrow:disabled {color:rgb(248, 247, 225);} /*paulgrqy*/
.pkeditable.pkinput.pkinner {margin-right:1px;color:black;background-color:white;}
.pkeditable.pkinput.pkactive {color:black;background-color:white;} 
.pkeditable.pkinput.pkinner.pkaddedrow,.pkeditable.pkinput.pkactive.pkaddedrow {background-color:rgb(230, 255, 210);}
.pkeditable.pkouter.pkboolean.pkactive {background-color:rgb(248, 247, 225);}
.pkmultiselect {overflow:visible;} /*so popup doesn't have to fit*/
select.pklistbox {overflow:visible;}
select.pklistbox.pkmultiselect {overflow:auto;}
.pkerror {color:maroon;} 
.pkdisabled {pointer-events:none;} 
.pkreadonly.pkouter {border-width:1px;border-color:rgb(182, 198, 45);}
.pkeditable.pkouter {border-width:1px;border-color:navajowhite;} /*gray*/
.pklabel.pkcol.pknavtab.pkouter {border-width:0px;background-color:rgba(68, 102, 155,.1);}
.pklabel.pkcol {background-color:rgb(190, 215, 221);border-color:gray;}
.pklabel.pkrow, div.searchopt div.pkinput.pkboolean.pkinput {background-color:rgb(190, 215, 221);border-color:rgb(182, 198, 45);} /*background-color:rgb(248, 247, 176)*/
/*the bounding drag handles*/
.pk-drag-table {border:0px;margin:0px;padding:0px;width:100%;height:100%;vertical-align:top;}
table.pk-drag-table tbody,.pk-drag-c {vertical-align:top;}
.pk-drag-top,.pk-drag-bottom,.pk-drag-nw,.pk-drag-n,.pk-drag-ne,.pk-drag-sw,.pk-drag-s,.pk-drag-se {height:8px;max-height:8px;background-color:rgb(1, 80, 150);overflow:hidden;}
.pk-drag-nw,.pk-drag-w,.pk-drag-sw,.pk-drag-ne,.pk-drag-e,.pk-drag-se {width:8px;max-width:8px;background-color:rgb(1, 80, 150);overflow:hidden;}
div.pk-drag-n,div.pk-drag-s,div.pk-drag-c {width:100%;}
.pk-drag-middle,div.pk-drag-e,div.pk-drag-w,div.pk-drag-c {height:100%;}
.pk-drag-c {background-color:rgba(0,0,0,0);}
.pk-drag-nw:hover,.pk-drag-ne:hover,.pk-drag-sw:hover,.pk-drag-se:hover,.pk-drag-n:hover,.pk-drag-e:hover,.pk-drag-w:hover,.pk-drag-s:hover {background-color:lightblue;}
.pk-drag-nw:hover {cursor:nw-resize;}
.pk-drag-ne:hover {cursor:ne-resize;}
.pk-drag-sw:hover {cursor:sw-resize;}
.pk-drag-se:hover {cursor:se-resize;}
.pk-drag-n:hover {cursor:n-resize;}
.pk-drag-e:hover {cursor:e-resize;}
.pk-drag-w:hover {cursor:w-resize;}
.pk-drag-s:hover {cursor:s-resize;}
.pk-drag-table-holder {width:100%;} 
.pk-drag-button-holder-nw,.pk-drag-button-holder-sw {background-color:rgb(190, 215, 221);position:relative;width:auto;max-height:0px;height:0px;}
.pk-drag-button-holder-ne,.pk-drag-button-holder-se {background-color:rgb(190, 215, 221);position:relative;max-width:22px;width:22px;max-height:0px;height:0px;}
.pk-drag-close-button-holder {background-color:rgb(190, 215, 221);position:relative;max-width:22px;width:22px;max-height:0px;height:0px;}
button.pk-drag-handle-button-nw,button.pk-drag-handle-button-ne,button.pk-drag-handle-button-sw,button.pk-drag-handle-button-se {max-width:22px;width:22px;max-height:22px;height:22px;}
button.pk-drag-close-button {max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-button-holder-nw div {position:absolute;top:-32px;left:-32px;max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-button-holder-ne div {position:absolute;top:-32px;left:10px;max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-button-holder-sw div {position:absolute;top:10px;left:-32px;max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-button-holder-se div {position:absolute;top:10px;left:32px;max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-close-button-holder div {position:absolute;top:-32px;left:10px;max-width:22px;width:22px;max-height:22px;height:22px;}
.pk-drag-button-holder-nw button,.pk-drag-button-holder-sw button,.pk-drag-button-holder-se button {visibility:hidden;}
.pk-drag-button-holder-nw:hover button,.pk-drag-button-holder-sw:hover button,.pk-drag-button-holder-se:hover button {visibility:visible;}
/*.pk-drag-handle-button>img {}*/
div.pkbanner {width:auto;white-space:nowrap;} /*so grids rule widths and heights on popups, not the banners*/

#pkFullPage {width:1492px;max-width:1492px;}

select.pkeditable.pkinput.pkinner {font-family:monospace;font-size:13px;}
select.pkeditable.pkinput.pkinner.selectedyear {font-size:20px;background-color:gold;}
legend {font-size:.9em;}
.largelegend {font-size:1.5em;padding-left:10px;color:cadetblue;}
#TopHeader,#DBDisplayInfo {font-size:.7em;} /*pk.online*/
.pkLoginout button[name=logout] {width:75px;line-height:14px;font-style:oblique;display:inline-block;list-style:none;white-space:nowrap;color: rgba(255, 255, 55, 0.9);position:relative;margin:0px 10px 0px 2px;background-color:chocolate;border-style: solid;border-width:thin ;border-color:rgba(0, 0, 0, 0.2);font-size:1em;border-radius:5px;padding:1px 0px 1px 0px;}  /*float:left;*/
#Loginautofocus, Legend.loginform, .loginform>div, button.loginform , input.loginform{font-size:1.4em;}
Legend.loginform {color:darkOliveGreen;font-weight:600;}
div.loginform {margin:2px;}
/*fieldset.loginform {margin-left:300px;margin-top:50px;}   pkMainFormID*    background-image:url(images/cloudimage.png)/
/*#pkMainFormID {background-image:url("images/CloudImage.png");} */
/*fieldset.loginform {padding-left:566px;padding-top:376px;height:900px;}*/
/*fieldset.loginform {padding-left:566px;padding-top:376px;height:900px;}*/
fieldset.loginform {padding-left:150px;padding-top:25px;height:900px;width:500px;color:#1F4e78;}
span.loginformlarge {font-size:7em;margin-left:0px;}
span.loginform {margin-left:0px;font-size:1.6em;}
span.loginformmedium {font-style:inherit;font-size:1.1em;;margin-left:115px;}
span.loginformsmall {font-style:italic;font-size:.9em;;margin-left:125px;}

#pkMainTabID {width:1416px;}
.tablist {height:18px;}
.tablist,.pklabel.pkinner.pknavtab {text-align:center;border-color:rgb(0,0,0);background-color:rgba(68, 102, 155,.1);display:inline-block;border-style:solid;width:100%;padding:0;list-style:none;white-space:nowrap;font-size:14px;clear:left;position:relative;} /*top:100%;border-width:1px 2px 2px 1px;      max-width:1504px;*/   
/*.tablist.maintabs {max-width: 1412px;}*/   /*to adjust for logoff button float left*/
.pkanytabs,.pklabel.pkinner.pknavtab {font-style:oblique;display:inline-block;list-style:none;white-space:nowrap;color: rgb(255, 255, 255);float:left;position:relative;background-color:rgb(1, 80, 150);border-style: solid;border-width:0px;border-color:rgb(255,255,255);font-size:1em;min-width:85px;border-radius:5px;margin:0px 1px 0px 1px;padding:1px 0px 1px 0px;}
fieldset.mainbtnbox {display:inline-block;}
fieldset.mainbtnbox1 {min-width:1250px;}
/*.pkanytabs.pkanytabs.tabspacer {min-width:10px;}*/

.pkanytabs:hover {font-style:normal;border-color:rgb(251, 9, 16);background-color:rgb(26, 70, 3);color:rgb(255, 255, 255);border-radius:50px;border-width:1px;padding: 4px 0px 4px 0px;margin:0px 0px 0px 0px;z-index:2;}
.pklegendlink {font-style:oblique;text-decoration:underline;}    /* removed color:rgba(255, 255, 55, 1);background-color:rgb(1, 80, 150);*/
legend.pklegendlink:hover {font-style:normal;border-color:rgb(167, 251, 9);background-color:rgb(26, 70, 3);color:rgba(255, 255, 255,.9);}

.pkanytabs.pkdisabled,.cmdbutton.pkanytabs.pkdisabled {background-color:lightgray;color:gray;}
.pkdisabled {color:gray;}
.pklabel.pkdisabled {color:maroon;}
.pkanytabs.tab-selected {font-style:normal;background-color:crimson;color: white;font-weight:600;} /*font-size:1.4em*/
.pkanytabs.tabspacer {background-color:#eee;font-size:16px;min-width:10px;}
.cmdbutton.pkanytabs,#YearChangeLocation .pklabel {font-family:Verdana;font-style:normal;background-color:green;color:white;}
.cmdbutton:hover {background-color:rgba(15, 51, 3, 0.90);color:rgb(242, 237, 207);}
div#clearleft {clear: left;}

/*note: selectedyear has LabelDisplayHeight="20", DisplayHeight="22" and had to make top border below width of 0px          pkinner pknavtab pkcol pkreadonly pkdropdown pkinteger selectedyear pklabel  */
.pknavtab.pkdropdown.selectedyear.pklabel {border-top-width:0px;text-align:left;}
.pklabel.prompthint {border-width:0px;padding-left:0px;}

/* KeyInfo Page */
fieldset.gridwithpadding {padding:5px;}

/* Legal Page */
#LegalPageRealLocation .inactive {text-align:left;}
/*pkrow pkreadonly pktext udf1name pkinner pkinput ng-binding*/
#REBillingLocation .udfalpha1name,#REBillingLocation .udfalpha2name ,#REBillingLocation .udfalpha3name {color:maroon;}
input.lasteditsummary {width:0px;max-width:0px;} /*just wide enough for button - never not-editable, like pppricecode is*/
select.lasteditsummary {width:500px;max-width:500px;} /* dropdown is a popup we want much wider*/
#hideowner .hidefrominternet input:checked{outline-style:solid;outline-color:red;outline-width:10px;margin:3px;} /* accent-color:red;margin:18px;      ,#hideowner input[type=checkbox][disabled]:checked   */


/* Sales Grid & Trustee popup*/
#SalesMainView .pkoddrow {background-color:antiquewhite;}
button.copysale, button.copydoc, button.copypic {width:94px;}
.ol-control.copydoc, .ol-control.copypic {position:relative;} 
fieldset.salesgrid{width: 1495px;max-width: 1495px;}
.ol-trustees-box {bottom:2em;left:42em;} /*width:820px;max-width:820px;height:300px;max-height:300px;  size goes in inner-box*/
.ol-trustees-inner-box {width:800px;max-width:800px;height:260px;max-height:260px;}
.trusteesgrid {height:200px;width:280px;max-height:200px;max-width:280px;}
.popupTrustees {top:-150px;left:-280px;}
#SalesMainView .cograntee, #SalesMainView .salecity, #SalesMainView .salestate, #SalesMainView .salecountry, #SalesMainView .salezip, #SalesMainView .salecode, #SalesMainView .salepage, #SalesMainView .saleratio, #SalesMainView .timeadjsaleratio, #SalesMainView .saleplandate, #SalesMainView .salecertificate, #SalesMainView .granteeownercode, #SalesMainView .granteeownerdesc {border-bottom-color:black;}
#SalesMainView .popup.cograntee, #SalesMainView .popup.salecity, #SalesMainView .popup.salestate, #SalesMainView .popup.salecountry, #SalesMainView .popup.salezip {border-bottom-color:initial;}

/* Sales Grid & PP*/
#TransferPageParcelLocation, #PermitsPageParcelLocation {height:25px;}

/* Real Estate Page */ 
#LandZoneLocation div.pklabel.zoningcode {float:left;margin-left:10px;}
#LandZoneLocation div.zoningdesc {float:left;margin-left:10px;}
#LandZoneLocation div.pklabel.frontageft {float:left;margin-left:10px;}
#LandZoneLocation div.pklabel.totallandvalue {float:left;margin-left:571px;}
#LandPageValueTotalLocation {padding-left:64px;}
#LandUDFLocation .udf1name,#LandUDFLocation .udf2name ,#LandUDFLocation .udf3name {color:maroon;}

/* PP */
span.pppricecode,label.pppricecode {width:70px;max-width:70px;}
input.pppricecode {width:50px;max-width:50px;}
select.pppricecode {width:400px;max-width:400px;} /* dropdown is a popup we want much wider*/

/* Income Page */
div.pkinput.inctotalsf {float:left;margin-left:132px;}
div.pklabel.propname {float:left;margin-left:158px;}
/*div.pklabel.expcode4, div.pklabel.expcode5, div.pklabel.expamt, div.pklabel.expratio, div.pklabel.noi, div.pklabel.capcode, div.pklabel.overageamt, div.pklabel.indicvalue, div.pklabel.costapproachvalue {float:left;margin-left:13px}
div.pklabel.incperunitvalue, div.pklabel.costincomeratio, div.pklabel.pytotalapprvalue, div.pklabel.totalapprchgpct, div.pklabel.totalapprchg, div.pklabel.indicadjmult, div.pklabel.incbldgresidvalue, div.pklabel.inclandresidvalue, div.pklabel.landincresidratio, div.pklabel.useincvalue {float:left;margin-left:13px}*/
div.pklabel.pkleftmargin {float:left;margin-left:13px}


/* IE Page */
#IELocationGridTotal {width:1150px;max-width:1150px;}
div.pkinput.ietotalsf {float:left;margin-left:182px;}
div.pkinput.ietotalunits {float:left;margin-left:44px;}
div.pkinput.ietotalpgi {float:left;margin-left:336px;}
#IESeasonalLocation .pkgroupbox, #IELocation .pkgroupbox {display:inline-block;}
fieldset.pkgroupbox.lltenant {padding-left:49px;}

/* Building Page */
#BldgBoxNonChars, #BldgBoxChars, #BldgBoxChar2, #BldgBoxChar3, #BldgAddBox, #BldgAddDeleteBox {display:inline-block;padding:0px;}
#BldgBoxNonChars, #BldgBoxChars {height:656px;}
#BldgBoxNonChars {width:942px;}
#BldgBottomBox {padding-bottom:73px;width:939px;}
#BuildingTabsLocation {padding-bottom:6px;padding-top:2px;}
.buildingdetailgrid {max-height: 345px;height:345px;} /*303*/
#BuildingTabsLocation.selectedyear {text-align:left;border-radius:0px;}
#BuildingTabsLocation .selectedbuildingid {text-align:left;}
#BldgModelBox, #BldgPrmBox, #BldgNoteBox, #BldgDeprBox, #BldgAddDeleteBox {display:inline-block;}
#BldgPrmBox {margin-left:30px;}
#BldgDeprBox {margin-left:46px;}
.bldgcharbox span.elemdata, #BuildingLocation2 .pklabel,.batqualitycode.pktext,.prmqualitycode.pktext.pkinput {text-align:center;}
#BldgBottomBox span.bldgcondcode {text-align:right;}

.picfilename {width:640px;max-width:640px;max-height:480px;height:480px;}
div.pictimestamplocal.pklabel,div.picfilename.pklabel {display:none;}
#BldgAddDeleteBox input:checked{width:35px;height:35px;accent-color:red;}

/* Building Caps Page */
.buildingcharscapgrid .elemdatadesc {display:none;}
#BuildingCharsCondAdjMainView .elemlevelcode, #BuildingCharsCondAdjMainView .elemadjcode {display:none;}
/* Building Condition Chars */
.buildingcharscondadjgrid .elemdatadesc {display:none;}


/* Sketch    */
.sketchsectiondetailgrid .pk-sort-marker {display:none;}
.sketchhide {width:0px;height:0px;max-width:0px;max-height:0px;overflow:hidden;} /*normal hg-hide interferes with size setting mechanism for triggering rendering in open layers, so avoid it here */

/*Abatements*/
#AbatementsLocation .pkgroupbox {display:inline-block;}
#AbatementsLocation .pklabel {padding-left:1px;}
#AbatementsLocation div.pklabel.abnote {padding-top:35px;}
#AbatementsLocation div.pkinput.abnote {padding-top:11px;}
#AbatementsLocation .pkinput.warningmessage {color: red;font-weight:bold;}
#AbatementsLocation .margin1 {margin-right:94px;}
#AbatementsLocation .margin2 {margin-right:249px;}
#AbatementsLocation .pklabel.abnote {text-align:right;}
#AbatementsLocation .abatenoteandvote {width:412px;max-width:412px;}

/*Fixed Scrollbar  cant use because  inline scroll bars are being used*/
div.detachedgrid {overflow-y: auto;max-height: 400px;overflow-x: auto;max-width: 1100px;}
#RealEstateAddRecLocation .pkgroupbox, .pkgroupbox.detachedgrid, .pkgroupbox.landdetailgrid, .pkgroupbox.valuecreditsgrid, .pkgroupbox.keyinfosingle {padding:0px;border:0px}

/*Exprbldr*/
#ExtractDefMainView .pkebgroupbox, #ExtractDefMainView .pkebgroupboxhalf {display:inline-block;border:2px solid black;padding:5px;}
/*#ExtractDefMainView label {padding:1px;}*/
.pklabel, .pkcol, .pkinput {padding-left:1px;}
.pkebgroupboxhalf {width:733px;}
.pkebgroupbox {width:1480px;overflow:hidden;}
.dummyddbyyearloader {visibility:hidden;}
select.selectedextractdeffolderid.pkinput, select.selectedextractdefid.pkinput  {text-align:left;}

/*messages*/
.promptchkbox {min-width:400px;}
.promptchkbox.showexplanation {color:red;}
.waitermsg {display:block;position:absolute;top:0px;right:0px;font-size:12px;z-index:2;max-width:250px;overflow-x:hidden;color:black;}
.serverpingmsg1.waitermsg {position:fixed;top:40px;right:0px;color:red;font-size:16px;font-weight:bold;} /*Important messages and warnings*/
.serverpingmsg2.waitermsg {position:fixed;top:60px;right:0px;color:red;}
.serverpingmsg3.waitermsg {position:fixed;top:80px;right:0px;color:red;}
.serverpingmsg4.waitermsg {position:fixed;top:100px;right:0px;color:red;}
.maintabsmsg1.waitermsg {position:fixed;top:0px;right:0px;color:blue;} /*shows up often*/
.maintabsmsg2.waitermsg {position:fixed;top:20px;right:0px;color:blue;}/*loading building*/
.maintabsmsg3.waitermsg {position:fixed;top:120px;right:0px;color:red;} /*error*/
.maintabsmsg4.waitermsg {position:fixed;top:140px;right:0px;color:blue;}
.msggeneric.waitermsg {position:relative;color:blue;} /*placeholder message when nothing to show*/
.summarymsg.waitermsg {position:relative;color:blue;display:none;} /*lots of these (recalcing) - rerouting to one master one, now*/
.loginmsg.waitermsg {position:fixed;top:0px;right:0px;color:blue;} /*master not available for this one*/
.bldgmsg.waitermsg {position:relative;color:blue;} /*placeholder message when nothing to show*/
/*.keyinfosingle.gridrowmsg {position:absolute;right:10em;top:9.3em;color:red;z-index:2;}*/ /*inactive??*/

/*****                    Summary Page               1600 x 900 overall target *****/
/*#SummaryPageMainView {width:1510px;max-width:1510px;overflow-x:auto;overflow-y:hidden;}*/
.pksummarypages span.InactiveMsg {font-weight: bold;font-size:1.5em;}
.pksummarypages .ol-main-buttons,.pksummarypages .HelpSketching {display:none;}
.pksummarypages {padding-left:3px}
.pksummarypages fieldset {display: inline-block;padding:0px;border:none;margin-top:0px;background:#eee;} /*next line handles those with borders paulgray*/
.pksummarypages .pkborder {border: 1px solid lightgray;}
.pksummarypages .pkreadonly {font-size:0.85em;font-style:normal;background-color:#eee;font-family:tahoma;}/*paulgray*/
.pksummarypages table {table-layout:fixed;}  /*summary page only*/
.pksummarypages :not(.pklabel).pklink {font-family:'Courier New';color:black;}
.pksummarypages .pknorec {padding-left:100px;}
.pksummarypages textarea {padding-left:2px;}
.pksummarypages .pklabel {color:maroon;} 
.pksummarypages .pklabel.topmsg, #NoRec {font-size:2em;}
.pksummarypages .hidefrominternetany input:checked{outline-style:solid;outline-color:red;outline-width:10px;margin:3px;}
/*default alignments*/
.pksummarypages .pktext.pkcol {text-align:center;} 
.pksummarypages .pkreadonly.latestfirstsaleno {text-align:center;} /*until we put back link for SaleNoWithLink*/
.pksummarypages thead .pkcurrency,.pksummarypages thead .pkinteger,.pksummarypages thead .pknumber,.pksummarypages thead .pkdate {text-align:right;} /*headers for numeric*/
.pksummarypages thead .permittypenum {text-align:center;} /*exception to thead rule above for numeric*/
.pksummarypages .pktext.pkleftalign {text-align:left;}  /*exceptions tagged with class in summary page - add billingacres (not really a grid header)*/

.pksummarypages tbody .pklabel.pkleftalign {text-align:left;}  /*pkleftalign class added in summary page - this handles non-text headers like bldgrcn when not in grid)*/
.pksummarypages tbody .pklabel.pkcenteralign {text-align:center;}
.pksummarypages .pkinput.pkreadonly.blankonreadonly {color:#eee;}

/*targeted alignments on Summary Page*/
#REBoxB .pkreadonly {text-align:left;}
#PPHeaderBoxB .pkreadonly {text-align:right;}                      

#BldgCondBox3b4 .pkinput.bldgcondcode {text-align:right;} /*headers for numeric*/
/*.pkcol.pkreadonly.pktext.pkinner.pkinput.texttoleft {margin-left:5px;text-align: left;}*/

.pksummarypages .pkreadonly.pkouter {border-style:none;border-width:0px;}
#SummaryPageBox {width:1500px;max-width:1500px;overflow-x:auto;overflow-y:hidden;}

#InactiveSummaryBox {width:1100px;max-width:1100px;}
#InactiveSummaryBox .pkreadonly.inactive {color:red;border:none;font-size:1.1em;}

#LegalLandDetachedBox1 {height: 655px;max-height:6558px;width:975px;max-width:975px;}
#OwnerBox1a1 {height:138px;max-height: 138px;} 
#PPOwnerBox1a1 {height:138px;max-height: 138px;} 

fieldset.Prior5YrSummaryBox {height:34px;max-height:34px;width:auto;max-width:none;overflow-y:hidden;overflow-x:hidden;}
.Prior5YrSummaryBox label.pklabel.name1:before {content: "\2193";} /*down arrow*/
fieldset.Prior5YrSummaryBox:hover {width:auto;max-width:none;max-height:none;height:100%;position:relative;overflow:visible;}
fieldset.PPPrior5YrSummaryBox {height:34px;max-height:34px;width:auto;max-width:none;overflow-y:hidden;overflow-x:hidden;}
.PPPrior5YrSummaryBox label.pklabel.name1:before {content: "\2193";} /*down arrow*/
fieldset.PPPrior5YrSummaryBox:hover {width:auto;max-width:none;max-height:none;height:auto;position:relative;z-index:1;overflow:visible;}

#PropertyBox1a2 {width:622px;max-width:622px;height:145px;max-height:145px;border:none;overflow:visible;position:absolute;}
#PPPropertyBox1a2 {width:622px;max-width:622px;height:145px;max-height:145px;border:none;overflow:visible;position:absolute;}
#LegalSummaryBox {width:622px;max-width:622px;overflow-y:hidden;overflow-x:hidden;}
#PPLegalSummaryBox {width:622px;max-width:622px;overflow-y:hidden;overflow-x:hidden;}
div#SalesSummaryBox {height:103px;max-height:103px;width:622px;max-width:622px;padding-left:0px;overflow:hidden;} /*need this to be a div.  fieldset was not working in firefox to hide the overflow of the table within*/
#SummaryPageMainView #SalesSummaryBox:hover {overflow:auto;}
#SummaryPageMainView img.picfilename {height:auto;max-height:250px;width:auto;max-width:290px;}

#PmtSketchBox2 {width:510px;max-width:510px;}
fieldset#PmtBox2a1 {height:136px;max-height:136px;width:517px;max-width:517px;padding-left:0px;overflow-y:hidden;overflow-x:hidden;}
fieldset#PmtsOuterBox2a {height:140px;max-height:140px;width:510px;max-width:510px;padding-left:5px;overflow:visible;}
fieldset#PPPmtsOuterBox2a {height:140px;max-height:140px;width:510px;max-width:510px;padding-left:5px;overflow:visible;}

#PmtBox2a1 .pkgrid {width:100%;}
#PmtBox2a1 .fixedheader {width:100%;display:block;}
#PmtBox2a1 .scrollbody {width:100%;height:120px;max-height:120px;display:block;overflow-y:auto;}
#SketchBox2b {height:512px;max-height:512px;width:512px;max-width:512px;}

#LandDetachedBox1b {height: 420px;max-height:420px;width:972px;max-width:972px;overflow:visible;} /*zindex 1*/

fieldset#RETableSummaryBox {height:80px;max-height:80px;padding-left:0px;overflow-y:hidden;overflow-x:hidden;}
#RETableSummaryBoxOuter {height:80px;max-height:80px;padding-left:8px;overflow-y:visible;overflow-x:visible;border-width:0px;}
#RETableSummaryBox table.pkgrid {margin-top: 5px;}
#RELandInfoHeaderBox {max-width:75px;}

#LandDetailBox1b2 {overflow-x:hidden;overflow-y:hidden;height:135px;max-height:135px;width:952px;max-width:952px;position:relative;}
#LandDetailSummaryBox {overflow-x:hidden;overflow-y:auto;height:110px;max-height:110px;width:940px;max-width:940px;position:relative;border:none;}

#LandBottomBox1b4 {width:658px;max-width:658px;height:280px;max-height:280px;}
#ValueTotalsBox1c4 {height:244px;max-height:90px;position:relative;}
#LandLine1Box1b4a {width:175px;max-width:175px;}
#LandNoteBox1b4b {height:85px;padding-left:5px;overflow-y:hidden;overflow-x:hidden;} 

#DetachedBox1b4c {height:190px;max-height:190px;padding-left:5px;overflow:hidden;} 
#DetachedBox1b4c .pkgrid {width:100%;}
#DetachedBox1b4c .fixedheader {width:100%;display:block;}
#DetachedBox1b4c .scrollbody {width:100%;height:155px;max-height:155px;display:block;overflow-y:auto;}

#PhotoImageBox1b5a {height:250px;max-height:250px;width:290px;max-width:290px;}
#UnderPhotoBnoBox1b5b1 {height:22px;max-height:22px;width:90px;max-width:90px;}
#UnderPhotoMdlBox1b5b2 {height:22px;max-height:22px;width:145px;max-width:145px;}
#PhotoBox1b5 {height:280px;max-height:280px;width:292px;max-width:292px;position:relative;}
#PhotoBox1b5 .bldgtotal {font-size:.85em;}

#BldgTopBox1c {height:90px;max-height: 90px;}

#BldgBox3 {height:750px;max-height:750px;width:1484px;max-width:1484px;overflow-y:hidden;overflow-x:hidden;position:relative;}/* height must a little more than BldgCapBox3b1, etc*/
#BldgInnerBox3b {position:absolute;width: 1470px;max-width: 1470px;}

fieldset#BuildingTableSummaryBox {height:auto;width:auto;max-width:none;max-height:none;padding-left:0px;overflow:hidden;border-width:0px;}
#BuildingTableSummaryDiv {height:auto;max-height:80px;width:1478px;max-width:1478px;overflow-y:hidden;overflow-x:hidden;padding-bottom:4px;}
#BuildingSummaryBox table {height:auto;max-height:none;overflow-y:visible;overflow-x:visible;}
#BuildingTableSummaryDiv:hover {height:auto;max-height:none;overflow-y:hidden;}
#BuildingTableSummaryDiv .pkgrid {width:100%;}
#BuildingTableSummaryDiv .fixedheader {width:100%;display:block;}
#BuildingTableSummaryDiv .scrollbody {width:100%;height:auto;max-height:130px;display:block;overflow-y:auto;}
 
/*#BldgDetailBox3b3 {height:120px;max-height:120px;padding-left:5px;overflow-y:scroll;overflow-x:hidden;} */
#BldgNoteBox1c2 {height:88px;max-height:88px;width:470px;padding-left:5px;overflow-y:hidden;overflow-x:hidden;}  /*width:470px;max-width:470px adjust to width of field instead*/
fieldset#BldgCapBox3b1, fieldset#BldgCharBox3b2, fieldset#BldgDetailBox3b3, fieldset#BldgCondBox3b4 {height:700px;min-height:700px;overflow-y:auto;padding: 0px 1px 0px 5px;}

#BldgCondBox3b4 {max-width:178px;}
fieldset#BldgCondCharsBox3b4a {padding:2px 0px 2px 10px;}
fieldset#BldgPrimaryBox1c3 {padding:0px 3px 8px 3px;width:236px;height:66px;margin-bottom:5px;}
#CYValuesBox1c4b,#PYValuesBox1c4c {width:80px;height:83px;}

#BldgCondGridBox3b4b .pklabel.funcnote,#BldgCondBox3b4 .pklabel.econote {display:none;}
#BldgCondBox3b4 div.pklabel.remaingoodfactor {padding-left:50px;}

#SummaryPageMainView .pkvericaltext {max-width:12px;word-wrap:break-word;font-family:monospace;color: black;background-color:lightyellow;} /*white-space: pre-wrap;    if we need whitespace*/
#SummaryPageMainView :not(.pklabel).pklink:hover {color:rgb(251, 9, 16);background-color:rgb(26, 70, 3);color:rgb(255, 255, 255);}

#SummaryPageMainView #RELandInfoHeaderBox {padding-left:3px;}

.pksummarypages div .pkreadonly.pklabel, .pksummarypages #RELandInfoHeaderBox .pkcol,  .pksummarypages #BldgCondCharsElemBox3b4a1 .pkcol {background-color: floralWhite;} /*headers was lightyellow floralWhite*/
#SummaryPageMainView .landpricedesc {margin-left:5px;}

fieldset#BldgNoteBox1c2:hover {overflow-y:visible;}

.pksummarypages .pklabel, .pksummarypages .pkcol, .pksummarypages .pkinput {padding-left:0px;} /*to undo above .pklabel, .pkcol, .pkinput {padding-left:1px;} */

.pksummarypages .pkcol.pppricedesc {text-align:left; margin-left:2px;}

/* Using alternative method to bo verticle
.pklegendlink {
    transform:rotate(-270deg);
    -moz-transform:rotate(-270deg); 
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin:  bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}*/

.menumarginleft, .labelmarginleft {margin-left:20px;}
#TransferPageParcelLocation .tdpaddleft, #PermitsPageParcelLocation .tdpaddleft,#PPPageParcelLocation .tdpaddleft, #PPPageParcelLocation .tdpaddleft {padding-left:5px;}
.pkebgroupbox .pkrightpadding {margin-right:5px;}
/*.pkebgroupbox>table div:not(.pkrow) {margin-right:5px;}*/
.pkleftpadding {padding-left:5px}

/*****             Billing Summary Page   #BillingPageMainView   #BillingPageBox .billingpagegrid  .pksummarypages      *****/

#BillingPageBox {width:1500px;max-width:1500px;overflow-x:hidden;overflow-y:hidden;}
#PropertyBoxB {width:1480px;max-width:1480px;height:40px;max-height:40px;border:none;overflow:visible;}
#LegalSummaryBoxB {width:1500px;max-width:1500px;overflow-y:hidden;overflow-x:hidden;}
#OwnerBoxB {height:138px;max-height: 138px;overflow:hidden;} 
#TaxableBoxB, .pksummarypages div.pklabel.totalabtaxablevaluediff {margin-left:10px;margin-top:5px;} /*#AbateBoxB,#AbatementNote,*/
.taxablevaluecol {min-height:50px;min-width:105px;max-width:105px;}
.taxablevaluecol .abtaxablechgpct, .pksummarypages .totalabtaxablevaluediff {color:blue;}
#SalesSummaryBoxB {height:100px;max-height:500px;width:1480px;max-width:1480px;padding-left:0px;overflow:auto;} 

#PmtBoxB {min-height:258px;height:258px;max-height:258px;width:730px;max-width:730px;padding-left:0px;overflow-y:hidden;overflow-x:hidden;}
#PmtBoxB .pkgrid,#PmtBoxB .fixedheader {width:100%;display:block;}
#PmtBoxB .scrollbody {width:100%;height:180px;max-height:180px;display:block;overflow-y:auto;}

#Column1BoxB,#Column2BoxB,#Column3BoxB,#Column4BoxB {height:320px;max-height:320px;width:350px;max-width:350px;padding-left:2px;overflow:auto;}
#PPColumn1BoxB,#PPColumn2BoxB,#PPColumn3BoxB,#PPColumn4BoxB,#Column5BoxB {height:250px;max-height:250px;width:350px;max-width:350px;padding-left:4px;overflow:auto;}
#Column5BoxB {width:745px;max-width:745px;}
#Column3BoxB {width:460px;max-width:460px;}
#Column4BoxB {width:306px;max-width:306px;}
#PPColumn3BoxB,#PPColumn4BoxB {width:783px;max-width:783px;}
#AssessedValuesBoxB {padding-bottom: 10px;}
#PPColumn3BoxB #PmtBoxB {min-height:248px;max-height:248px;height:248px;width:783px;max-width:783px;}
#PPParcelPmtNoteBoxB,#ParcelPmtNoteBoxB,#PPLegalNoteBoxB,#ParcelNoteBoxB,#PPParcelNoteBoxB {height:120px;max-height:120px;width:494px;max-width:494px;padding-left:4px;overflow:hidden;}
/*#PPParcelPmtNoteBoxB,#PPLegalNoteBoxB {width:744px;max-width:744px;}*/
#PPColumn4BoxB #PPLegalNoteBoxB {width:775px;max-width:775px;}
#ParcelNoteBoxB,#ParcelPmtNoteBoxB {width:730px;max-width:730px;}
#MultiLotBoxB {margin-left:5px;}
#PPDetailBoxB {min-width:1000px;}

#BillingPageBox .exmpamt {padding-right:5px;}

.pkreadonly.legallabel {font-size:12px;}

/*exprbldr screen*/
#reportStatusMessage {font-size:1.5em;color:navy;}

/*help screen*/
#HelpSketchID {background-color: beige;list-style-type:square;list-style:square;}
#HelpSketchID ul {display: block;}
#HelpSketchID helpsketch, #HelpSketchID .helpsketchsub {display:list-item;}
/*generic classes for hover*/
.helpsketchsub .helpsketchsubtext {display:none;}
.helpsketchsub:hover .helpsketchsubtext {display:list-item;background-color: white;}

/*from nearmap*/
.heading-btn {position: absolute; bottom: 100px; justify-content: space-around;}
.heading-btn .center {display: flex; justify-content: center;}
.heading-btn button {margin: 10px;}
.survey-picker {position: absolute; bottom: 10px; display: flex; background: #e9e9e9; justify-content: space-around; padding: 5px;}
.survey-picker > div {margin-right: 20px;}
.survey-picker select{display: block;}

#PictureAssignmentsBldgMainView div.pkselector{width:1em;}
#PictureAssignmentsBldgMainView button{min-width:1em;}
/*#PictureAssignmentsBldgTabsLocation {display:none;}*/

@media screen and (max-width:1170px) {
    #RealEstateTabViewsLocation landdetailgrid .udf1factor, #RealEstateTabViewsLocation .udf2factor,#RealEstateTabViewsLocation  .udf3factor,#RealEstateTabViewsLocation .udf4factor,#RealEstateTabViewsLocation .udf5factor {display: none;}
    #LandZoneLocation div.pklabel.totallandvalue {margin-left:295px;}

}