/* Minification failed. Returning unminified contents.
(206,1): run-time error CSS1019: Unexpected token, found '@import'
(206,9): run-time error CSS1019: Unexpected token, found '"boilerplate.css"'
(1439,49): run-time error CSS1031: Expected selector, found '/'
(1439,49): run-time error CSS1025: Expected comma or open brace, found '/'
(2013,58): run-time error CSS1030: Expected identifier, found '2nd-child'
(2013,58): run-time error CSS1031: Expected selector, found '2nd-child'
(2013,58): run-time error CSS1025: Expected comma or open brace, found '2nd-child'
 */
@charset "utf-8";
/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * Note added by TSE 11/15/2017: new site https://html5boilerplate.com/
 * 		See also https://github.com/h5bp/html5-boilerplate
 * 		Downloaded to W:\Resources\HTML5\html5-boilerplate_v6.0.1.zip
 * 		Many changes!
 * 
 * Dreamweaver modifications:
 * 1. Commented out selection highlight
 * 2. Removed media queries section (we add our own in a separate file)
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, header, hgroup, main, section { display: block; }/* nav,  */
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: .85em; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* =============================================================================
   Links
   ========================================================================== */
/* TSE commented out:  a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } */
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */
/* abbr[title] { border-bottom: none; text-decoration: underline; } */
abbr[title], acronym[title] { border-bottom: 1px dotted; }
b, strong { font-weight: inherit; font-weight: bolder; }

blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { font-family: monospace, monospace; font-size: 1em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 80%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
/* Commented out by TSE: ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } */

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
 * Correct overflow not hidden in IE9 
 */
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures: Add the correct margin in IE 8.
   ========================================================================== */
figure { margin: 1em 40px; }

/* =============================================================================
   Forms
   ========================================================================== */
form { margin: 0; }
/* fieldset { border: 0; margin: 0; padding: 0; } Commented out by TSE  */
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */
legend { border: 0; padding: 0; }/* Removed 10/24/2017: *margin-left: -7px;  */
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; line-height: 1.15; margin: 0; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; overflow: visible; white-space:normal; }
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
table button, table input { overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
/*input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
*/input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity [REMOVED BY TSE]
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }  */

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* For javascript toggle use .hiding */
.hiding { display: none; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap;  }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster:                                  http://www.sanbeiji.com/archives/953 */ box-shadow: none !important;        text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a[href^="mailto:"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links or mailto */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
/* CSS Document */
/* Branding Colors:
Blue:  #0039a6   RGB  000,057,166
Green: #58a618   RGB  088,166,024
Medium Gray: #929497  RGB  146,148,151
Orange:#e98300   RGB  233,131,000
Purple:#80379b   RGB  128,055,155
Cyan:  #007ac9   RGB  000,122,201
Yellow:#ffb612   RGB  255,182,018 
Default text color (CivicPlus site): #232323
Adjustments for ADA: 
--Green for text: #397508; Green for background: #468513 
*/
@import "boilerplate.css";

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #232323; /* #14140c; */
}

p, ul, ol, dl, dd, table, fieldset {
	margin-top: 0;
	margin-bottom: 1em;
}

table, td, th {
	border: none;
}

th, td {
	padding: .5em;
	vertical-align: top;
	text-align: left;
}

	th.center, td.center {
		text-align: center;
	}

	th.right, td.right {
		text-align: right;
	}

blockquote {
	margin: 1em 2em 1.5em;
	overflow: hidden;
}

#printer_banner {
	display: none;
}

/* ul, ol { overflow:hidden; } BULLETS DISAPPEAR IN IE 8! keeps bullets from bumping up against floated elements, like images */
h1, h2, h3, h4, h5 {
	margin-top: 1em;
	margin-bottom: .5em;
}

	h2 + p, h3 + p, h4 + p, h5 + p, td h2, td h3, td h4, td h5 {
		margin-top: 0;
	}

	h2 + h3, h3 + h4, h4 + h5 {
		margin-top: .2em;
	}

p + ul, p + ol {
	margin-top: 0;
}
/* -5em would work better, assumes preceding paragraph has margin-bottom:1em; */
li, dt {
	margin-bottom: .5em;
}

	li ul, li ol {
		margin-top: .5em;
	}

a:link, a:visited {
	color: #005dab; /* #015cad; */
	text-decoration: underline;
}

a:hover, a:active {
	color: #007ac9 /* replaced for ADA, was #58a618 */;
	text-decoration: none;
}

h1 {
	color: #3c3c39;
	font-weight: normal;
	font-size: 1.8em;
	text-transform: uppercase;
	border-bottom: 1px solid #e0dfdc;
	overflow: hidden;
}

h2 {
	color: #005dab;
	font-weight: bold;
	font-size: 1.4em;
}

h3 {
	color: #397508;
	font-weight: bold;
	font-size: 1.2em;
}

h4 {
	color: #3c3d39;
	font-weight: bold;
	font-size: 1em;
}

h5 {
	color: #002264;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}

h2.step {
	text-align: center;
}

h2.warning, h3.warning, h4.warning {
	color: #990000;
}

#simpleMain fieldset, #simpleMain p, textarea, div.extraInfo, div.important, div.sustainable, div.warning {
	max-width: 64em;
}

#simpleMain td fieldset, #simpleMain td p, td textarea {
	width: auto;
}

/*  MAY NOT NEED appQuestions BUT KEEPING FOR LEGACY FORMS  */
#appQuestions {
	background: #fff;
	color: #232323;
	padding-top: 1.5em;
}

	#appQuestions p {
		text-align: center;
		border-top: 1px solid #929497;
		margin: 0em;
		padding: 1em .5em 1em;
	}

		#appQuestions p.last {
			border: none;
			padding-top: 0;
		}

div.pointerGroup {
	overflow: hidden;
	margin-bottom: 0;
}

	div.pointerGroup + h1 {
		margin-top: .5em;
	}

	div.pointerGroup + h2 {
		margin-top: 0;
	}

span.pointer {
	color: #e98300;
	background: url(/graphics/pointerOrange.gif) center right no-repeat;
	padding-right: 12px;
	margin-bottom: 0;
}

p.pointerRight, #simpleMain p.pointerRight {
	text-align: right;
	color: #e98300;
	background: url(/graphics/pointerOrange.gif) center right no-repeat;
	padding-right: 12px;
	margin-bottom: 0;
	max-width: 99%;
}

	p.pointerRight + h1, p.pointerRight + h2 {
		margin-top: 0;
	}

p.pointerLeft {
	text-align: left;
	color: inherit;
	background: url(/graphics/pointerOrange.gif) center left no-repeat;
	padding-left: 12px;
}

p.pointerRight a:link, p.pointerRight a:visited {
	color: #db7b00 /* or b06300 updated for ADA, was #e98300 */;
	text-decoration: none;
	font-weight: bold;
}

p.toTop {
	text-align: left;
	background: url(/graphics/pointerBlue_up.gif) top left no-repeat;
	padding-left: 13px;
}

p.pointerRight a:hover, p.pointerRight a:active {
	text-decoration: underline;
	font-weight: bold;
}

/* 	================== BOXED MESSAGE AREAS ===============  */
p.warning, div.warning {
	border: 2px solid #990000;
	background-color: #fff0cd;
	padding: .5em 1em;
	margin: .5em 0 1em;
	overflow: hidden;
}

p.important, div.important, caption.important {
	border: 2px solid #e98300;
	background: #fff; /* #fcf2ea; */
	padding: .5em 1em;
	margin: .5em 0 1em;
	overflow: hidden;
}

div.extraInfo, p.extraInfo, p.nonhtmlStyle {
	padding: .5em 1em;
	background: #fff; /* #f3fbfe; */
	border: 2px solid #007ac9;
	margin: .5em 0 1em;
	overflow: hidden;
}

	div.warning p, div.important p, div.extraInfo p {
		margin-top: .2em;
		margin-bottom: .2em;
	}

div.sustainable, p.sustainable {
	background: #fff; /* #f4fcee; */
	border: 2px solid #58a618;
	margin: .5em 0 1em;
	padding: .5em 1em;
	overflow: hidden;
}

div.important h2, div.important h3 {
	margin-top: .5em;
}

div.disclaimer, p.disclaimer {
	font-size: .8em;
	margin-top: 2em;
	border-top: 1px solid #929497;
	color: #333333;
	padding: .5em .5em 0;
}

div.warning h2, div.warning h3, div.warning h4 {
	color: #990000 /* color replaced for ADA, was #f00 */;
	margin-top: 0;
}

div.important h2, div.important h3, div.important h4 {
	color: #005dab;
	margin-top: 0;
}

div.extraInfo h2, div.extraInfo h3, div.extraInfo h4 {
	color: #007ac9;
	margin-top: 0;
}

div.sustainable h2, div.sustainable h3, div.sustainable h4 {
	margin-top: 0;
}

.highlightBlock {
	background: #d9e7f2;
	color: #222;
	padding: .5em 1em;
	margin: .5em 0 1em;
	overflow: hidden;
}

/*  ================= FORMS - COMMON FORM STYLES ===============  */
input.reset, input[type="reset"], input[type="button"] {
	background-color: #fff;
	color: #656567;
	font-weight: normal;
	padding: .5em;
	text-transform: uppercase;
	border-width: 2px;
	border-style: solid;
	border-color: #dedfe0 #929497 #929497 #dedfe0;
}

	input.reset:hover, input[type="reset"]:hover, input[type="button"]:hover {
		border-color: #929497 #dedfe0 #dedfe0 #929497;
	}

	input[type="submit"].primary, input[type="submit"].submit, input[type="button"].submit {
		background-color: #468513 /* updated for ADA: #58a618 */;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: .5em 2em;
		border-width: 2px;
		border-style: solid;
		border-color: #64bd1b #2a4f0b #2a4f0b #64bd1b;
	}

		input[type="submit"].primary:hover, input[type="submit"].submit:hover, input[type="button"].submit:hover {
			border-color: #2a4f0b #64bd1b #64bd1b #2a4f0b;
		}

	input[type="submit"].secondary, input[type="submit"].continue, input[type="button"].secondary, input[type="button"].continue {
		background-color: #007ac9;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: .5em 2em;
		border-width: 2px;
		border-style: solid;
		border-color: #66afdf #004979 #004979 #66afdf;
	}

		input[type="submit"].secondary:hover, input[type="submit"].continue:hover, input[type="button"].secondary:hover, input[type="button"].continue:hover {
			border-color: #004979 #66afdf #66afdf #004979;
		}

	input[type="submit"].cancel, input[type="button"].cancel {
		background-color: #e20000;
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: .5em 2em;
		border-width: 2px;
		border-style: solid;
		border-color: #ff5d5d #830000 #830000 #ff5d5d;
	}

		input[type="submit"].cancel:hover, input[type="button"].cancel:hover {
			border-color: #830000 #ff5d5d #ff5d5d #830000;
		}

	input[type="submit"].small, input[type="button"].small, input[type="reset"].small {
		padding: .2em .5em;
	}

	input[type="submit"].reset.small, input[type="button"].reset.small, input[type="submit"].cancel.small, input[type="button"].cancel.small {
		padding: .2em;
	}

h2.thankyou, h3.thankyou {
	color: #db7b00 /* or b06300 updated for ADA, was #e98300 */;
	font-size: 1.8em;
}

p.updateSuccessful, div.updateSuccessful {
	background: #468513 /* replaced for ADA, was #58a618 */;
	color: #fff;
	font-weight: bold;
	padding: .2em 1em .5em;
	margin: 0 0 1em;
	text-align: center;
	overflow: hidden;
}

	p.updateSuccessful a, div.updateSuccessful a {
		color: #fff !important;
	}

p.deleteSuccessful, div.deleteSuccessful {
	color: #e20000 /* replaced for ADA, was #ff0000 */;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: .5em 1em .2em;
	border-bottom: 1px solid #e20000 /* replaced for ADA, was #ff0000 */;
	overflow: hidden;
}

#ValSum, #valSum, .valSum, div.extraValSum {
	background: #fff0cd /* replaced for ADA, was #fff6db */;
	color: #990000 /* replaced for ADA, was #ff0000 */;
	border: 1px solid #ffca05;
	font-weight: bold;
	text-align: left;
	padding: .5em;
	margin-bottom: 1em;
	overflow: hidden;
}

	#ValSum ul, #valSum ul, .valSum ul, div.extraValSum ul {
		font-weight: normal;
	}

	#ValSum a, #valSum a, .valSum a {
		color: #e20000 /* replaced for ADA, was #ff0000 */;
		font-weight: bold;
	}

form.color {
	margin: 0 0 1em;
	padding: 1em;
	background: #f3fbfe;
	border-width: 1px;
	border-color: #bbdde7;
	border-style: solid;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-raduis: 4px;
}

	form.color h2 {
		margin-top: 0;
	}

	form.color hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #007fc5;
		margin-bottom: 1em;
		padding: 0;
	}

ul.buttonList {
	text-align: center;
	margin-bottom: .5em;
	list-style-type: none;
}

	ul.buttonList li, ul.buttonList li form {
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		display: inline;
		margin-bottom: 0;
	}

label {
	font-weight: bold;
	color: #3c3d38; /* #374972; */
}

fieldset label {
	font-weight: normal;
	color: #232323;
}

/* These 2 styles are obsolete, have been replaced. */
span.MaxChar {
	color: #990000;
	font-size: .8em;
}

span.CharLeft, label.CharLeft {
	font-size: .8em;
}

/* TSE added 4/23/2015 - replace MaxChar and CharLeft - code layout should change, too! */
.maxChar {
	color: #990000;
	font-size: .85em;
	white-space: nowrap;
	padding-right: 1em;
}

.charLeft {
	font-size: .85em;
	white-space: nowrap;
}

	.charLeft input {
		width: 2.5em;
		font-size: .85em;
	}

	.charLeft label {
		float: none !important;
		font-weight: normal;
	}

span.formNote {
	padding-left: .5em;
	font-size: .8em;
	color: #3c3d38; /* #374972; */
}

p.formNote, div.formNote {
	font-size: .8em;
	color: #3c3d38; /* #374972; */
}

span.formNoteRed {
	padding-left: .5em;
	font-size: .8em;
	color: #900;
}

p.formNoteRed, div.formNoteRed {
	font-size: .8em;
	color: #900;
}

.radlist label {
	font-weight: normal;
	padding-right: 10px;
}

.radlistVertical td {
	font-weight: normal;
	padding-bottom: 1em;
}

.required {
	color: #e20000 /* replaced for ADA, was #ff0000 */;
}

fieldset {
	padding: .5em;
	border: 1px solid #ccc; /* border spec for Chrome */
}

	fieldset fieldset {
		border: none;
		margin-top: 1em;
	}

	fieldset table {
		margin-bottom: 0;
	}

legend {
	padding-bottom: .5em;
	color: #3c3d38; /* #374972; */
	font-weight: bold;
}

	legend.h2 {
		margin: 0;
		color: #67ac37;
		font-weight: bold;
		font-size: 1.2em;
	}

		legend.h2 span.required {
			font-size: .85em;
			font-weight: normal;
		}

	legend span.required {
		font-weight: normal;
	}

	legend img {
		display: inline;
	}
/* for required asterisk as image */

.approved {
	color: #397508;
	font-weight: bold;
	font-size: 1.1em;
}
/* #58a618 #468513 */
.cancelled {
	color: #e20000 /* replaced for ADA, was #ff0000 */;
	font-weight: bold;
	text-transform: uppercase;
}

.denied {
	color: #e20000 /* replaced for ADA, was #ff0000 */;
	font-size: 1.1em;
}

.red, .red label {
	color: #e20000 /* replaced for ADA, was #f00 */;
	font-weight: bold;
}

.emphasizered {
	color: #990000;
	font-size: 1.2em;
	font-weight: bold;
}

p.emphasize, span.emphasize {
	background: #feebdc;
	padding: .2em;
}

.bigText {
	font-size: 1.2em;
}

.colored_text {
	color: #007ac9;
	font-weight: bold;
}

.citation {
	display: block;
	padding: 0 1em;
	text-align: right;
}
/* Example of use of citation class: 
	<span class="citation">&mdash;&nbsp;<cite>Mayor Denny Doyle, City of Beaverton</cite></span>  */
.extraInfo cite, .extraInfo .citation {
	color: #007ac9;
	font-weight: bold;
}

/* =verfication block - details stand out more than labels */
.verifyBlock {
	font-weight: bold;
	font-size: 1.1em;
}

	.verifyBlock label, .verifyBlock th {
		font-weight: normal;
		font-size: .85em;
		text-align: left;
	}

/* 	============== TABLE STYLES ======================= */
caption, .caption {
	background: #005dab; /* #0039a6; */
	border-bottom: 1px solid #fff;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
	padding: 5px;
}

	caption span.highlight {
		color: #ffd571;
		font-weight: normal;
	}

	caption.plain {
		background: none;
		border: none;
		color: #000;
		font-weight: bold;
		text-align: left;
	}

tr.header, tr.header th, th.header {
	background: #468513 /* updated for ADA: #58a618 */;
	color: #ffffff;
	font-weight: bold;
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tr.header1, tr.header1 th, th.header1 {
	background: #005dab; /* #0039a6; */
	color: #ffffff;
	font-weight: bold;
	padding: .2em;
	text-align: left;
	vertical-align: top;
}

tr.header th a, tr.header td a {
	color: #fff !important;
	font-weight: bold;
}

tr.headerSimple {
	text-align: left;
	color: #404040;
	background: #fff;
	border-bottom: 1px solid #005dab;
}

tr.alt1, td.alt1, div.alt1 {
	background: #eef6fa; /* #e5ebf6; */
}

tr.alt3, td.alt3, tr.alt2, td.alt2, div.alt2 {
	background: #dfeff8; /* #ccd7ed; */
}

tr.borderTop td, tr.borderTop th {
	border-top: 1px solid #ccc;
	padding-top: .5em;
}

table.layout td {
	padding: 0;
}
/* table.data { border-bottom:1px solid #005dab; overflow:hidden; } */
table.dataSimple th {
	border-bottom: 1px solid #005dab;
}

table.dataSimple td {
	border-bottom: 1px solid #ccc;
}

fieldset table td {
	padding-top: 0;
}

table.formSimple {
	border-bottom: 1px solid #404040;
	border-top: 1px solid #404040;
	border-collapse: separate;
}

	table.formSimple td, table.formSimple th {
		border-bottom: 2px solid #fff;
		color: #333;
		background: #e5ebf6;
	}

		table.formSimple th[scope="col"], tr.headerSimple th {
			text-align: left;
			color: #404040;
			background: #fff;
			border-bottom: 1px solid #005dab;
		}

	table.formSimple.rowHeader {
		border-top: 1px solid #005dab;
	}

		table.formSimple.rowHeader th {
			text-align: right;
			color: #fff;
			background: #005dab;
			width: 10em;
		}

		table.formSimple.rowHeader caption {
			background: #fff;
			color: #333;
			border-top: 1px solid #404040;
			border-collapse: separate;
		}

div.formSimple {
	background: #f2f5fa;
	border-bottom: 1px solid #404040;
	padding: 0 1em 1em;
	margin-top: 1em;
	margin-bottom: 2em;
}

	div.formSimple .caption {
		color: #fff;
		background: #005dab;
		font-weight: bold;
		margin-bottom: .5em;
		margin-left: -1em;
		margin-right: -1em;
	}

tr.emptyRow td {
	background: #fff;
	color: #333;
	border: 2px solid #007ac9 !important;
	text-align: center !important;
	font-weight: bold;
}

tr.emptyRow.tall td {
	background: #fff;
	color: #333;
	border: 1px solid #007ac9 !important;
	text-align: center !important;
	font-weight: bold;
	padding: 2em .5em;
}

.footerRow {
	border-bottom: 2px solid #005dab;
	background: #fff;
	color: #005dab;
	font-weight: bold;
}

/*  =============== IMAGES ====================  */
img.imageRight, img.imageLeft, img.imageBlock {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 2px;
}

img.imageRight {
	float: right;
	margin: 0 12px 24px 24px;
}

img.imageLeft {
	float: left;
	margin: 0 24px 24px 12px;
}
/*  =============== IMAGE WITH CAPTION ==================
	Enclose img tag in div block with class=figure; caption enclosed in paragph following the img.
	=====================================================  */
div.figure {
	float: left;
	margin: 0 24px 24px 0px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 12px;
}

	div.figure.right {
		float: right;
		margin: 0 12px 24px 24px;
	}

	div.figure p {
		margin: .2em;
		font-size: .8em;
		text-align: center;
	}
/* 	============== IMAGE IN DROPSHADOW ================ 
	Enclose img tag in div block with class=dropShadow190 image should be 190px wide 
	==================================================== */
div.dropShadow190 {
	background: url(/graphics/bg_dropshadow_190bottom.gif) bottom left no-repeat;
}

	div.dropShadow190 img {
		background: url(/graphics/bg_dropshadow_190top.gif) top left no-repeat;
		padding: 6px;
	}

/*  ============= MISCELLANEOUS =============== */
.hide {
	position: absolute;
	left: 0px;
	top: -999px;
	width: 1px;
	height: 1px;
	border: none;
	overflow: hidden;
}

.shadowBox {
	padding: 10px;
	border: 2px solid #e4e4e4;
	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.75);
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #fff;
	color: #232323;
	padding: 0em 2em 2em;
	margin-top: 0px;
	min-height: 200px;
}

/* CSS Document supporting responsive web design */
body {
	background: #fff; /*#f3f3f3 url(/graphics/backgroundMain.png) repeat-x top center;*/ padding-top:0;
}

	body.popup {
		background: #fff;
		padding: .25em 2% 1em;
	}

#simpleMain, #ec_simple {
	max-width: 1110px /* 1440px */;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #fff;
	color: #222222;
	padding: .5em 2em 2em;
	margin-top: 20px; /* overflow:hidden; */
	min-height: 450px;
}

#appQuestions {
	max-width: 1110px /* 1440px */;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2.25em;
	background: #fff;
	color: #222222;
	padding: .5em 2em 2em;
}

#banner {
	background: #0039a6; /* #fff;*/
	color: #363639;
	border-bottom: 30px solid #0039a6; /* #005dab; */
	position: relative;
	min-height: 160px;
}

	#banner #top {
		max-width: 1170px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	#banner h1 {
		background: #005dab;
		color: #fff;
		text-align: center;
		margin-bottom: -1.25em;
		margin-top: 0;
		padding: .25em -.25em;
		border: none;
	}

.bannerPhone {
	float: right;
	font-size: 1em;
	margin-top: 100px;
	margin-right: 2em;
	font-weight: bold;
}

.imageContainer img {
	max-width: 100%;
	height: auto;
	padding-top: 1.25em;
	padding-bottom: 1em;
	box-sizing: content-box !important;
}

img.responsive {
	max-width: 100%;
	height: auto;
	padding-top: 1.25em;
	padding-bottom: 1em;
}


/*  ---- NAVIGATION - works with show/hide menu icon ----  */
.nav-mobile {
	display: none; /* Hide from browsers that don't support media queries */
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 2%;
	background: #468513 /* updated for ADA: #58a618 */ url(/graphics/menu_icon.png) no-repeat 10px center;
	height: 40px;
	width: 100px /* made wider to accomodate "Menu" 40px */;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

	.nav-mobile:after {
		content: "Menu";
		display: block;
		padding-top: .5em;
		padding-left: 40px;
	}

/* 	Overrides show/hide for menu in browsers that do not support document.querySelector (JavaScript).
	Add style to element dynamically:  document.getElementById('navMenu').className = "nav nav-display";  */
.nav-display, .nav-display .nav-list {
	display: block !important;
}

/*  ----  FEATURE COLUMN STYLES - CAN USE FOR NAVIGATION  ---- */
#feature_col,
.nav {
	float: right;
	max-width: 40%;
	width: 15em;
	overflow: hidden;
	margin: 0 0 1.5em 5%;
}

	#feature_col h2,
	.nav h2 {
		background: #007ac9;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		font-size: 1.2em;
		margin-top: 0;
		padding: 1em 0;
	}

#navMenu h2 {
	background: #007ac9;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	margin-top: 0;
	padding: 1em 0;
}

	#navMenu h2 a:link, #navMenu h2 a:visited,
	#feature_col h2 a:link, #feature_col h2 a:visited {
		display: block;
		color: #fff;
		background: #468513 /* updated for ADA: #58a618 */;
		text-decoration: none;
		margin: -1em 0;
		padding: 1em 0;
	}

	#navMenu h2 a:hover, #navMenu h2 a:active,
	#feature_col h2 a:hover, #feature_col h2 a:active {
		display: block;
		text-decoration: underline;
		background: #005dab;
	}

#feature_col ul,
ul.nav-list {
	list-style-type: none;
	margin-bottom: .5em;
	margin-left: 0;
	padding-left: 0;
}

ul.nav-list {
	margin-bottom: 1em;
}

	#feature_col li,
	ul.nav-list li {
		border-bottom: 1px solid #929497;
	}

		ul.nav-list li ul.nav-list2 {
			list-style: none;
			padding-left: 1em;
			margin: 0;
		}

			ul.nav-list li ul.nav-list2 li {
				border-bottom: none;
				margin: 0;
			}

		#feature_col li a, #feature_col li p,
		ul.nav-list li a, ul.nav-list li p {
			display: block;
			padding: 0 0 .75em;
			margin: 0;
		}

#navMenu {
	margin-top: 1.8em;
}

ul.col321, ul.col21 {
	clear: left;
	overflow: hidden;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

	ul.col321 li.newRow, ul.col21 li.newRow {
		clear: left;
	}

	ul.col321 li {
		float: left;
		width: 30.8%;
		padding-right: 2.5%;
	}

	ul.col21 li {
		clear: none;
		float: left;
		width: 47.45%;
		padding-right: 2.5%;
		padding-bottom: 1em;
	}

.flex {
	float: left;
	width: auto;
	margin-right: 2.5%;
}

ul.flexColumns, ol.flexColumns {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 1em;
}

li.half, li.third, li.fourth, li.twoThirds, li.threeFourths {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 1em;
}

.half {
	float: left;
	width: 47.45%;
	margin-right: 2.5%;
}

.third {
	float: left;
	width: 30.8%;
	margin-right: 2.5%;
}

.fourth {
	float: left;
	width: 22.475%;
	margin-right: 2.5%;
}

.twoThirds {
	float: left;
	width: 64.1%;
	margin-right: 2.5%;
}

.threeFourths {
	float: left;
	width: 72.425%;
	margin-right: 2.5%;
}

div.responsive p label, fieldset.responsive p label {
	float: left;
	width: 12em;
	padding-right: .25em;
}

	div.responsive.wideCol p label, fieldset.responsive.wideCol p label, div.responsive p label.wideCol {
		width: 15em;
	}

	div.responsive.narrow p label, fieldset.responsive.narrow p label, div.responsive p label.narrow {
		width: 7em;
	}

	div.responsive p label.secondary {
		text-align: right;
	}

div.responsive p, fieldset.responsive p {
	clear: left;
}

	div.responsive p label.noFloat, fieldset.responsive p label.noFloat {
		float: none;
		width: auto;
	}

/* Inputs not shrinking within fieldset:  http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content */
fieldset {
	min-width: 0;
}

@-moz-document url-prefix() {
	fieldset {
		display: table-cell;
	}
}

/* HTML5 input types - some need special styling */
input[type="number"] {
	width: 2.5em;
}

/* Show/Hide panel - use instead of fixed-size pop-up window */
.popinForm {
	margin: 0 0 1em;
	background-color: #fff;
	box-shadow: 4px 4px 4px 0 rgba(146,148,151,1);
	padding: 1em;
	border: 1px solid #ccc;
}

	.popinForm h2, .popinForm h3, .popinForm h4 {
		margin-top: 0;
	}

/* clear fix style from Dan Cederholm, Handcrafted CSS */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */
* html .group {
	height: 1%;
}
/* IE7 */
*:first-child + html .group {
	min-height: 1px;
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 950px) {
	body {
		background: none;
		padding-left: 0;
	}

	#banner h1 {
		margin-bottom: .25em;
		margin-left: -5%;
		margin-right: -5%;
	}
}

@media screen and (max-width: 850px) {
	.bannerPhone {
		float: none;
		margin: .5em 2em .5em;
	}
}

/*  MOBILE NAVIGATION STYLES:  https://toddmotto.com/building-an-html5-responsive-menu-with-media-queries-javascript */
@media screen and (max-width: 767px) {
	/*body { font-size:1.1em; }/* TSE 5/5/2015 */ */
	body.popup div.closeButton {
		margin: .25em 0 .5em;
	}

	body.popup div.closeButton input {
		display: block;
		width: 100%;
	}

	#simpleMain, #ec-simple {
		margin: 0;
		padding: .5em 2% 1em;
		min-height: auto;
	}

	#banner {
		border-bottom: none;
	}

		#banner h1 {
			clear: right;
		}

	.nav {
		width: 100%;
		max-width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 1em;
	}

	.nav-mobile {
		display: block;
	}

	.nav-list {
		display: none;
	}

		.nav-item, .nav-list li {
			width: 100%;
			float: none;
		}

	.nav-active {
		display: block;
	}

	.nav-mobile-open {
		border-radius: 5px /* 5px 0 0 */;
		-webkit-border-radius: 5px /* 5px 0 0 */;
		-moz-border-radius: 5px /* 5px 0 0 */;
		background-color: #007ac9;
	}

	.nav {
		background: #007ac9;
		color: #fff;
	}

		.nav h2, .nav h3 {
			display: none;
		}

	ul.nav-list li {
		padding: 0;
		margin: 0;
		border-color: #ddd;
	}

	ul.nav-list2 {
		margin: 0 0 0 1em;
		padding: 0;
		list-style: none;
	}

	ul.nav-list li a, ul.nav-list li p {
		display: block;
		padding: .2em .2em .2em .7em;
		background: #007ac9;
		color: #fff;
		text-decoration: none;
	}

	ul.nav-list li:last-child {
		border-bottom: none;
	}

	ul.nav-list li a:hover, li.nav-item a:hover, ul.nav-list li a.current, li.nav-item a.current {
		background: #468513 /* updated for ADA, was #58a618 */;
		color: #fff;
	}

	ul.nav-list li span {
		color: #fdc13b;
		font-size: .8em;
		padding-left: .2em;
	}

	.nav input.logout[type="submit"] {
		background-image: none;
		background: #fff;
		display: block;
		width: 98%;
		margin: 0 auto;
		padding: .1em 0;
	}

	input.primary[type="submit"], input.submit[type="submit"], input.submit[type="button"] {
		white-space: normal !important;
		width: auto;
		padding-left: 2%;
		padding-right: 2%;
	}


	h1 {
		padding-right: 40px;
	}
	/* padding added to accomodate menu button */

	ul.col321, ul.col21 {
		margin: 0;
		padding: 0;
	}

		ul.col321 li, ul.col21 li {
			clear: both;
			float: none;
			width: 100%;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

	.flex {
		float: none;
		margin-right: 0;
	}

	.half, .third, .fourth, .twoThirds, .threeFourths {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	/*  ---- FORM FIELD FIXES ---- */
	table.radlist {
		overflow: hidden;
	}

		table.radlist tr {
			display: inline;
		}

		table.radlist td {
			float: left;
		}

	input[type="text"], input[type="password"], textarea, fieldset {
		max-width: 95% !important;
	}

		fieldset input[type="text"] fieldset input[type="password"], fieldset textarea {
			max-width: 95% !important;
		}

		fieldset .charLeft input[type="text"] {
			width: 3em !important;
		}
	/* HTML5 input types */
	input[type="email"], input[type="tel"], input[type="number"] {
		max-width: 95% !important;
	}

	fieldset input[type="email"], fieldset input[type="tel"], fieldset input[type="number"] {
		max-width: 95% !important;
	}

	div.responsive p label, fieldset.responsive p label {
		display: block;
	}

	.verifyBlock label {
		float: none;
		display: block;
	}

	#appQuestions {
		padding-bottom: .5em;
	}
}

@media screen and (max-width: 580px) {
	#feature_col, .nav {
		float: none;
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		margin: 0 0 1em;
	}

		#feature_col h2, .nav h2 {
			padding: .25em;
		}
}

@media screen and (max-width: 51em) {
	/* See http://codepen.io/pixelchar/full/rfuqK */
	/* Good for wider, multiple column tables. */
	.responsive-table thead th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.responsive-table tbody th[scope='row'] {
		background: #396fb7;
		color: #fff;
		font-weight: bold;
	}

	.responsive-table tbody td {
		float: left;
		width: 95% !important;
		border: none;
	}

		.responsive-table tbody td[data-title]:before {
			content: attr(data-title);
			float: left;
			font-size: .8em;
			width: 8em;
		}

		.responsive-table tbody td input[type="text"] {
			width: 70%;
		}
}

@media screen and (max-width: 32em) {
	.responsive-table tbody td input[type="text"] {
		width: 99%;
	}
}

@media screen and (max-width: 400px) {
	table.radlist td {
		float: none;
		display: block;
	}

	img.right, img.left {
		float: none;
		display: block;
		margin: 0 auto 1em;
	}

	/* Best for narrow and 2 column tables. */
	table.mobileOneColumn td {
		float: left;
		width: 99% !important;
		border: none;
		text-align: left !important;
	}

	table.mobileOneColumn tr.header th {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	/* See also https://css-tricks.com/responsive-data-tables/ 
	and http://codepen.io/pixelchar/full/rfuqK */
}

/*  =print styles */
@media print {
	@page {
		margin: 1cm 2cm;
	}

	html, body {
		margin: 0;
		padding: 0;
		background: none;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	}

	#container, #ec_simple, #simpleMain, #appQuestions {
		margin: 0;
		padding: 0;
		background: transparent;
		color: #333;
		width: auto;
	}

	#appQuestions {
		padding-top: 1em;
	}

	#banner, p.appQuestionsNav, #feature_col, div.nav {
		display: none;
	}

	#container:before {
		content: "City of Beaverton, www.BeavertonOregon.gov";
		font-size: 20pt;
		color: #000;
		display: block;
	}

	#simpleMain, #ec_simple {
		min-height: 50px;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}

	p.pointerRight, p.pointerLeft {
		display: none;
	}

	.noPrint {
		display: none;
	}
	/* Hide McAfee Secure icon when printing */ .trustedsite-floating-element {
		position: absolute;
		left: 0px;
		top: -999px;
		width: 1px;
		height: 1px;
		border: none;
		overflow: hidden;
	}
}

@media print and (min-width: 768px) {
	ul.col321 li, ul.col21 li {
		clear: none;
		float: left;
		width: 47.45%;
		padding-right: 2.5%;
		padding-bottom: 1em;
	}

		ul.col321 li.newRow, ul.col21 li.newRow {
			clear: left;
		}
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu .main-menu {
    display: none;
}

#tm:checked + .main-menu {
    display: block;
}

#menu input[type="checkbox"],
#menu ul span.drop-icon {
    display: none;
}

#menu li,
#toggle-menu,
#menu .sub-menu {
    border-style: solid;
    border-color: rgba(0, 0, 0, .05);
}

#menu li,
#toggle-menu {
    border-width: 0 0 1px;
}

#menu .sub-menu {
    background-color: #0039A6;
    border-width: 1px 1px 0;
    /*margin: 0 1em;*/
    margin: 0px 10px 0px 0px;
}

    #menu .sub-menu li:last-child {
        border-width: 0;
    }

#menu li,
#toggle-menu,
#menu a {
    position: relative;
    display: block;
    color: white;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
    padding-left: 10px;
    margin-bottom: 2px;
}

#menu,
#toggle-menu {
    background-color: #0039A6;
}

    #toggle-menu,
    #menu a {
        /*padding: 1em 1.5em;*/
        /*padding: 1em 1em;*/
        padding: 5px 13px 0px 13px;
        font-weight: 600;
        font-size: 125%;
    }

    #menu a {
        transition: all .125s ease-in-out;
        -webkit-transition: all .125s ease-in-out;
    }

        #menu a:hover {
            background: #fff;
            color: #007ac9;
        }

    #menu .sub-menu {
        display: none;
    }

    #menu input[type="checkbox"]:checked + .sub-menu {
        display: block;
    }

.sub-menu li a:hover {
    background: #fff;
    color: #007ac9;
}

#toggle-menu .drop-icon,
#menu li label.drop-icon {
    position: absolute;
    top: 0px;
    /*right: 1.5em;
  top: 1.25em;*/
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
    border-radius: 50%;
    width: 1em;
    /*height: 1em;*/
    height: 1em;
    margin-left: 20px;
    text-align: center;
    background-color: rgba(0, 0, 0, .125);
    text-shadow: 0 0 0 transparent;
    color: rgba(255, 255, 255, .75);
    font-size: 150%;
}

#menu .drop-icon {
    line-height: 1;
}

/*@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  #menu li {
    /*width: 33.333%;
    width: auto;
  }

  #menu .sub-menu li {
    width: auto;
  }
}*/

@media only screen and (min-width: 52em) {
    #menu .main-menu {
        display: block;
    }

    #toggle-menu,
    #menu label.drop-icon {
        display: none;
    }

    #menu ul span.drop-icon {
        display: inline-block;
    }

    #menu li {
        float: left;
        border-width: 0 1px 0 0;
    }

    #menu .sub-menu li {
        float: none;
    }

    #menu .sub-menu {
        border-width: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        /*width: 12em;*/
        width: 15em;
        z-index: 3000;
    }

    #menu .sub-menu,
    #menu input[type="checkbox"]:checked + .sub-menu {
        display: none;
    }

        #menu .sub-menu li {
            border-width: 0 0 1px;
        }

        #menu .sub-menu .sub-menu {
            top: 0;
            left: 100%;
        }

    #menu li:hover > input[type="checkbox"] + .sub-menu {
        display: block;
    }
}

/* CSS Document */
/* FROM OLD STYLESHEET */
h2.step { text-align:center; }
input.closeButton { float:right; margin-right:5px; margin-top:0; }

div.closeButtonBlock { float:right; margin-right:5px; }
div.closeButtonBlock input[type='button'] { margin-top:0; }

p.pointerRightBlue { text-align:right; background:url(/graphics/pointerBlue.gif) center right no-repeat; padding-right:12px; }
p.pointerRight a:link, p.pointerRight a:visited { text-decoration:none; font-weight:bold; }
p.pointerRight a:hover, p.pointerRight a:active { text-decoration:underline; font-weight:bold; }

.contactForm { width:99%; }
.contactForm td { padding:.5em 3px; vertical-align:baseline; }
.contactForm td.leftCol { width:11em; text-align:right; }
.contactForm td.rightCol { text-align:left; }

table.progressTracker { width:99%; margin-top:2em; margin-bottom:2.5em; font-size:.9em; }
table.progressTracker caption { background:#fff; color:#666; font-size:.8em; font-weight:normal; text-align:left; }
table.progressTracker td { background:#eee url(graphics/arrowHead_right2.png) center right no-repeat; color:#4D4D51; font-weight:normal; padding:3px 5px 4px 15px; }/*  656669 */
table.progressTracker td.current { background:#468513 url(graphics/arrowHead_right3.png) center right no-repeat; color:#fff; font-weight:bold; }
table.progressTracker td.current:after { content: " (current step)"; font-size:.8em; }
table.progressTracker td.completed { background:#fff url(graphics/greenBorder.png) bottom right no-repeat; color:#397508; font-weight:normal; } 
table.progressTracker td.completed:after { content: " (completed)"; font-size:.8em; }
table.progressTracker caption, table.progressTracker td.current:after, table.progressTracker td.completed:after { position:absolute; left:0px; top:-999px; }

p.checkboxIndent { margin-left:5.5em; }
fieldset.insideBeaverton { margin-left:4.5em; margin-right:4.5em; }
#blicenseQuestions { text-align:center; margin-top:4em; }

/* .innerForm { caption-side:left; width:99%; }
.innerForm caption { font-weight:normal; color:#3c3d38; background:transparent; font-size:1.em; }
.innerForm caption { width:8em; float:left; text-align:right; }
.innerForm tbody { float:left; width:75%; } */
.contactForm td.rightCol > input[type="text"], .contactForm td.rightCol > input[type="email"] { width:75%; }

td .innerForm tbody { width:99%; }
.innerForm.dbaContact tbody td { padding:.5em 3px; vertical-align:baseline; }
.innerForm.dbaContact td:first-child, .innerForm.bizName td.midName { width:25%; }
.innerForm.address td:first-child, .innerForm.address td:2nd-child, .innerForm.address td:4th-child, .innerForm.address td:5th-child  { width:12%; }
.innerForm input[type="text"] { width:99%; }
/* .innerForm input[type="text"].phone, .contactForm td.rightCol > input[type="text"].phone { width:12em; } */
.innerForm.address label { display:block; }

.contactForm input[type="text"].short { width:25%!important; min-width:12em!important; }

.innerForm label { font-weight:normal; font-size:.9em; }
.labelRow label { display:inline-block; text-align:center; padding-bottom:3px; }
.alignRight { text-align:right; }

.naics td { vertical-align:top; }
.naics td:first-child { padding-right:20px; }
.showOnMobile { display:none; }

.viewControl { width:64em; max-width:99%; }
.viewControl th { width:12em; }
.viewControl p.pointerRightBlue { margin-top:0; margin-bottom:0; }

table.dataSimple th, table.dataSimple td { border-bottom:1px solid #005dab; }
.floatRight { float:right; width:47.45%; margin-left:2.5%; }
.floatLeft { float:left; width:47.45%; margin-right:2.5%; }
.fee { padding-top:.5em; padding-bottom:.5em; }

@media screen and (max-width:880px){
	.naics td { float:left; width:95%!important; border:none; padding-right:0; }
	.floatRight .viewControl th, .floatLeft .viewControl th { width:8em; }
}

@media screen and (max-width:50em){
	table.progressTracker td { float:left; width:45%; padding-left:2%; padding-right:2%; margin-bottom:8px; }
}
@media screen and (max-width:30em){
	table.progressTracker td { float:left; width:95%; padding-left:2%; padding-right:2%; margin-bottom:8px; }
}
	
@media screen and (max-width:767px){
	p.checkboxIndent, fieldset.insideBeaverton { margin-left:0; margin-right:0; }
	
	#blicenseQuestions { margin-top:2em; text-align:center; }
	.innerForm caption { float:none; display:none; }
	.innerForm tbody { width:100%; }
	.innerForm tbody td { float:left; width:95%!important; border:none; }
	
	.innerForm.address label { display:inline; }
	
	.viewControl th, .viewControl td { float:left; width:95%!important; border:none; }
	.viewControl th { padding-bottom:0; }
	.viewControl td { padding-top:0; }
	.contactForm { width:95%; }
	.contactForm td.leftCol, .contactForm td.rightCol { float:left; width:95%!important; border:none; text-align:left; }
	.contactForm td.leftCol { padding-bottom:0; }
	.contactForm td.rightCol > input[type="text"] { width:90%; }
	.innerForm label { font-size:1em; }
	.labelRow label { text-align:left; padding-bottom:.5em; }
	.innerForm.dbaContact tbody td.alignRight { text-align:left; padding-top:0; padding-bottom:0; }
	.innerForm.address { margin-left:.5em; }
	.innerForm .hide { position:static; height:auto; width:auto; overflow:visible; }
	.hideOnMobile { display:none; }
	.showOnMobile { display:inline; }
	
	.floatRight { float:none; width:100%; margin-left:0; }
}
.footerDivide {
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
}

.footerContactBlock h2, div.footerLinksBlock h2 {
    color: #707070;
    text-decoration: none;
}

div.footerLinksBlock {
    float: left;
    padding-left: .5%;
}

ul.footerLinks {
    list-style-position: inside;
    padding-left: 0;
}

.footerLinks a:visited, a:link {
    color: #363639;
    text-decoration: none;
}

.footerLinks a:hover, a:visited:hover {
    color: #363639;
    text-decoration: underline;
}

.footerLinks li, a {
    display: inline-block;
    margin-left: 0;
    padding: 0;
}

#footerBottom {
    height: 60px;
    background-color: #0039a6;
}

@media all and (min-width: 768px) {
    .footerContent {
        max-width: 1400px /* 1440px */;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        padding: 0 2em 1em;
        overflow: hidden;
    }

    .footerContactBlock {
        float: left;
        padding-right: 20%;
    }

    .footerLinks li::before {
        content: '\00a0\2022\00a0\00a0';
        padding-left: .29em;
        padding-right: .135em;
        font-size: inherit;
    }

    .footerLinks li:first-child::before {
        content: "";
    }
}

/*  MOBILE NAVIGATION STYLES:  https://toddmotto.com/building-an-html5-responsive-menu-with-media-queries-javascript */
@media screen and (max-width: 767px) {
    /* padding added to accomodate menu button */
    .footerLinks {
        list-style-type: none; /* Remove bullets */
        padding: 0; /* Remove padding */
        margin: 0;
    }

        .footerLinks li {
            display: block;
        }

    .footerContent {
        padding-left: 0.5em
    }

        .footerContent h2 {
            padding-bottom: 0;
            margin-bottom: 0
        }
}

/*  =print styles */
@media print {
    #appQuestions {
        padding-top: 1em;
    }

    #footer {
        text-align: center;
    }

    #footerContainer {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .footerLinks, #feature_col, div.nav {
        display: none;
    }
}