@import url('//fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
body { font-family: 'Open Sans', sans-serif; font-size: 14px;}

.updated { color: #FF0000; background: yellow; padding: 2px; font-weight: normal; font-size: .75em; }
.revised { color: blue; background: yellow; padding: 2px; font-weight: normal; font-size: .75em; }

a:link:active { color: #4F7B6A;}
a:link:hover { color: #4F7B6A;}
a:link { color: #2B4E72;}
a:link:visited, a:visited { color: #4F7B6A;}
/*Ensures that the document prints at the right font size and without nav buttons */

@media print {
	#mainContent, html, body {
		max-width: none !important;
		border: 0px !important;
		background: white !important;
	}
	.backLink, #navTop, #navBottom, .pdf,
	#mainContent h3 a.addthis_button,
	#mainContent h3 img, #mainContent h4 a.addthis_button, #mainContent h4 img {
		display:none !important;
	}
	thead { display:table-header-group !important; }
	tbody {  display:table-row-group !important; }
	td,   tr{   background:white; }
	table.hovercraft {display:none !important;}
	img, td, tr { page-break-inside: avoid !important; }
}

	table.hovercraft {
		margin-top:0px !important;
		margin-bottom:0px !important;

		table-layout:fixed;
	}
	td,   tr{ background:white; }

body {
	padding:0em;
	margin:0px;
	font-size:12pt;
}

.pdf {
	background-color: #eee;
	border:1px solid #ccc;
  font-size:0.9em;
  padding:1em;
  margin:0em 1em;
float:left;
}
.pdf a { text-decoration:none; }

a.def, a.def:hover, a.def:visited {
	text-decoration:none;
	border-bottom: 1px dotted black;
	color:black;
}
/*Styles for NT page*/


h1#cityname, #codification, .codified, .cpc {

   color: #2B4E72;
   font-weight: bold;
   text-align: left;
	font-size: .9em;
}
h1#cityname {
   margin-top: 3em;
   font-size: 1.25em;
}

.cpc {  margin: 0;  padding-bottom: .5em; border-bottom:0px; }

.zoningFAQ { margin-top:1em; font-weight:bold;}

#navTop {
	text-align: right;
	float: none;
	margin-top: .5em;
	padding-bottom: 1em;
	margin-right: 24px;
	margin-left: 24px;
}
#navBottom {
	margin-bottom: .5em;
	margin-left: 24px;
	margin-right: 24px;
	padding-top: 1em;
	text-align: right;

}

#navTop a:link:active, #navTop a:link:hover,
#navTop a:link, #navTop a:visited,
#navBottom a:link:active, #navBottom a:link:hover,
#navBottom a:link, #navBottom a:visited  {
	text-decoration: none;
	}

#mainContent {
	clear:both;
	border:solid #000;
	border-width:1px 0px;
	margin:0em 3em;

	max-width:750px;
	padding-bottom:1em;
}
#navTop, #navBottom  {	max-width:750px;margin: 1em 3em;}
iframe {
    clear: both;
    display: block;
    margin: 2em 0 1em;
    width: 100%;
}
img {
	border:0px;
	max-width:100%;
	height:auto;
	}
#mainContent img {
	display: block;
	margin: 1em auto;
}

#mainContent h4 img,
#mainContent h3 img {
border:0;vertical-align:bottom;float:right;margin:0px
}
#mainContent h2 img, #mainContent h1 img {
border:0;vertical-align:top;float:right;margin:0px
}

[id="5x10x1000"] .backLink {
	display: none;
}

 h1, h2 {
	font-size: 1em;
	text-align:center;
	margin:1em auto;
	color: #2a2a2a;
	text-rendering: optimizeLegibility;
}
p, h3, h4 {
	text-rendering: optimizeLegibility;
	font-size: .8em;
	line-height:1.6em;
	margin: 0em;
	color: #000  ;
	font-style: normal;
	font-variant: normal;
	text-transform: normal;
	vertical-align: baseline;
	font-weight: normal;
	text-align: left;
}
p { /* add default bottom margin, which we don't want in h3 */
	margin-bottom: 1em;
}

h3, h4 {
	font-weight:bold;
	font-size: .9em;
	color: #2a2a2a;
	border-bottom: 1px dotted #737373;
	margin-top:1em;
	margin-bottom:0.3em;
	vertical-align: baseline;
}
.Cite2 { margin-left: 5.3em; }
.ArticleTOC, .digArticle, .digart, .digArt, .artdig,
.Center, .center {
	margin-top: 1em;
	text-align: center;
}

.Article, .DivisionTOC, .art, .digDiv, .digdiv, .Divdig, .divdig,
.Rxhead, .CHRepealed, .TitleRepealed,  .RxHead,
.TitleReserved, .CHReserved, .ReservedC,
.Division, .div, .divname, .DivisionName, .DivName {
  font-weight: bold;
  margin: 1em 0;
  text-align: center;
}
.CellBody, .C1, .Cleft {
  /* Defaults OK */
}

.CellBodyR, .cellbodyr {
  text-align: right;
}
.CellBodyC, .cellbodyc, .CCenter, .CellbodyC, .CellBodyCite {
  text-align: center;
}
.CellBodyIndent, .CellBody2, .C2, .CellBodyHd {
	margin-left:1em;
}
.C3 {
	margin-left:2em;
}
.CellBodyB {
  font-weight: bold;
  font-style: italic;
}
.CellHeading {
  font-weight: bold;
  text-align: center;
}
.CellHeadingL {
  font-weight: bold;
}
.CellHeadingR {
  font-weight: bold;
  text-align: right;
}
p.backLink {font-size:0.75em; font-weight:bold;}
span.backLink {font-size:0.85em; font-weight:bold;}
.CHTOC {
  font-weight: bold;
  font-size:0.85em;
  margin: 0.5em 0 0.5em 7em;
  text-indent: -3.3em;
   color: #2a2a2a;
   border-bottom: 1px dotted #ababab;
}

.CiteTOC {
  margin-bottom: 0;
  margin-left: 7em;
  text-indent: -4.2em;
}

.CiteTOC2 {
  margin-bottom: 0;
  margin-left: 11em;
  text-indent: -4.2em;
}

.CL1ind2, .CL2ind2 {
	margin-left: 6.3em;
	display: inline-block;
	font-weight: bold;
	margin-right: 1em;
}

.CL2ind2 {
	font-weight: bold;
	display: inline-block;
	margin-left: 0;
}

.Section {
margin-bottom:0;
margin-top:1em;
margin-left:1em;
}

.digCH, .ctoc {
  margin-top: 1em;
  margin-bottom:0em;
}

.digTitle, .chtoc, .tocch {
  font-weight: bold;
  margin: 1em 0 0 4.5em;
  text-indent: -2.5em;
   color: #2a2a2a;
}

.Footnote, .footnote, .FootNote, .Note, .note {
  margin: 1em 0 0 .8em;
  font-size: .75em;
  text-align: left;
  text-indent: -.8em;
}
.footnote2 {
  font-size: .75em;
  margin-left: 1em;
}

.footnoteindent {
  font-size: .75em;
  margin-left: 8em;
}


.ordtab, .pOrdtab, td p.ordtab {
  min-width:100px;
  margin: 0;
  margin-right: 0.9em;
  text-align: left;
}
.ordtab2 {
  min-width:100px;
  margin: 0;
  text-align: center;
font-weight:bold;
}

.P0, .P0block, .hangin {
	margin-left: 0em;
}
.P1, .P1block, .Section, .gr1 {
	margin-left: 0em;
}
.P2, .P2block, .P2s, .gr2 {
  margin-left: 2.3em;
}
.P3, .P3block, .P3nos, .P3block, .gr3 {
  margin-left: 4.3em;
}
.P4, .P4block, .def3 {
  margin-left: 6.3em;
}

.P5, .P5block {
  margin-left: 8.3em;
}
.P6, .P6block {
  margin-left: 9.3em;
}
.P7, .P7block {
  margin-left: 10.3em;
}
.P8, .P8block {
  margin-left: 11.3em;
}
.P9, .P9block {
  margin-left: 12.3em;
}

.P12SR {
	text-indent:-6.3em;
	margin-left: 6.3em;
}

.P1SR {
	text-indent:-4.3em;
	margin-left: 4.3em;
}
.P1blockSR {
	margin-left: 4.3em;
}

.P2SR {
	text-indent:-2.2em;
	margin-left: 6.6em;
}

.P2blockSR {
	margin-left: 6.6em;
}

.P3SR {
	text-indent:-2.2em;
	margin-left: 8.8em;
}

.P3blockSR {
	margin-left: 6.6em;
}

.P4SR {
	margin-left: 8.8em;
}


.Q1 {
  font-size: .75em;
  margin: 1em 2.3em;
}

.Q2 {
  font-size: .75em;
  margin-left: 4.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
}
.Q3 {
  font-size: .75em;
  margin-left: 6.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
 }
.Q4 {
  font-size: .75em;
  margin-left: 8.3em;
  margin-right: 2.3em;
  margin-top: 1;
 margin-bottom: 1em;
}
.QC {
  font-size: .75em;
  margin: 1em 2.3em;
  text-align:center;
}

.QR {
  font-size: .75em;
  margin: 1em 2.3em;
  text-align:right;
}

.Figure, .TableTitle, .GraphicTitle, .Graphic, .graphic,
.GraphicCaption, .GraphicName, .graphiccaption,
.graphictitle, .graphicname, .CHTitle, .GraphicFooter {
  font-weight: bold;
  text-align: center;
  margin:1em auto;
}

.fig {
  font-weight: bold;
  text-align: right;
}

.HistoryNote, .TableFootnote, .TableFootnoteP3 {
  font-size: .75em;
}
.subsectoc {
  margin-bottom: 0;
   margin-left: 4em

}
.subsectoc2 {
  margin-bottom: 0;
   margin-left: 6em

}
.WAC {
  margin-left: 5.5em;
  text-align: left;
  text-indent: -5.5em;
  margin-bottom:0em;
}



.underline, .under, .Underline, .Under {
	text-decoration:underline;
}
.bold, .Bold {
  font-weight: bold;
}
.bolditalic, .bold_italic, .BoldItalic, .Bold_Italic, .bold_Italic {
  font-weight: bold;
  font-style: italic;
}
.italic, .Italic, .emphasis, .Emphasis {
  font-style: italic;
}
.EquationVariables {
  font-family: Times New Roman;
  font-style: italic;
}
.strikethrough, .Strikethrough, .strikeout, .Strikeout, .linethrough, .Linethrough {
	text-decoration: line-through;
}
.sub, .subscript, .Subscript, .sub, .Sub {
  vertical-align: sub;
  font-size:0.75em;
}
.super, .Superscript, .superscript, .Super {
  vertical-align: super;
  font-size:0.75em;
  }

div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

 /* ======== table CSS ======== */
table {
	border-collapse: collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	margin-bottom:1em;
}

caption {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

td { padding:3pt; text-align:left; }

td p, th p, caption p {
	font-size: .8em;
	margin-bottom:0em;
}

table.Ruled, table.Ruled td,
table.RuledWithTitle, table.RuledWithTitle td,
table.TitleRules, table.TitleRules td {
  border:1px solid black;
}

/* ========  bookmark feature CSS ======== */
#overlay {
	position:fixed !important;
	position:absolute;
	top:110px;
	left:0px;
	width:100%;
	display:none;
	height:1px;
}

#contentWrap {
	width:450px;
	margin:0px auto;
	background-color:#fff;
	padding:15px;
	text-align:center;
	border:2px solid #333;
	height:110px;
	border-radius:6px;
	-border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow: 0 0 50px #ccc;
	-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	-moz-box-shadow: 0 0 50px #ccc;
}

#contentWrap #addthis_button { float:right;}
#contentWrap #addthis_button img{ border:0;}
#contentWrap textarea { margin:.75em auto;}

/* default close button positioned on upper right corner */
#overlay a.close {
	position:relative;
	top:15px;
	display:block;
	background:url('close.png') no-repeat top right;
	cursor:pointer;
	margin:0px auto 0px auto;
	height:35px;
	width:515px;
}

/* ======== ClueTip CSS ======== */
/* these are the only bits you'll need to change for custom interfaces */
.cluetip-default *, #cluetip-inner *, #cluetip-outer *{
	color: #000;
}
.cluetip-default #cluetip-outer {
	background:#c7d7cc;
	border:1px solid #000;
}

/* these are the defaults */
#cluetip-close img { border: 0; margin:0; }
#cluetip-title { overflow: hidden;}
#cluetip-title #cluetip-close { float: right;  position: relative; }
#cluetip-extra {  display: none; }
.cluetip-default *, #cluetip-inner *{  text-align:left;}
.cluetip-default #cluetip-outer { position: relative;  margin: 0; }
#cluetip-inner h3, #cluetip-inner h4 { font-size: 0.9em;font-weight: bold; border-bottom:0px; margin:0; }
.cluetip-default #cluetip-inner {  font-size: 0.9em; padding: 10px; text-align:left; }

/*
box.jpg is for when codes have the little empty box symbol
we're attaching it to a dummy class here so that even if it isn't being used
it won't get deleted by the destroyExtraImages() function.
Other just-in-case images coulde be added here.
*/
.validateMeBabyYeah { background:url('box.jpg') no-repeat top right;}