@media screen, print
{
	body {
		font-family: 'Open Sans', Verdana, sans-serif;
		margin: 0; padding: 0;
	}

	body.alt #top, body.alt #top-right { background-color: #36454F; }
	body.alt #site-header { color: yellow; }

	h4 { margin: 0 0 0.5em; }
	p { margin: 0 0 0.5em; }
	li ul { margin-top: 0.5em; }
	ul { padding-left: 1.4em; margin: 0.5em 0; }
	ul li { margin-bottom: 0.4em; }
	img { border: none; }
	textarea { font-family: 'Open Sans', Verdana, sans-serif; }
	abbr { cursor: help; }
	input[type="radio"], input[type="checkbox"], label { cursor: pointer; vertical-align: middle; }
	input[disabled] { cursor: not-allowed; }
	button[disabled] { opacity: 0.33; }

	.no-bullets { padding: 0; list-style-type: none; }
	.horizontal-list li { display: inline; }

	.help-icon-new {
		cursor: help;
		font-size: 1.2em;
		color: #417DC1;
		margin-left: 0.33em;
	}

	.hide,
	.init-hide,
	.no-js-hide { display: none; }

	.simple-form h3,
	.simple-form p { text-align: center; }
	.simple-form h3 { margin-bottom: 0.5em; }

	table.item-listing { border-collapse: collapse;	}

	.item-listing tr.item-row { cursor: pointer; }
	.item-listing tr.item-row:hover { background-color: #FDEE00; }

	.item-listing td,
	.item-listing th { padding: 0.25em; border: 1px solid black; }

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

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

	.item-listing th {
		padding: 0.4em 0.3em;
		text-align: left;
		background-color: #536895;
		color: white;
	}

	.item-edit textarea {
		min-width: 42.85em;
	}

	a.print-link {
		font-size: 1.2em;
		background: url( 'img/print.png' ) no-repeat right 4px; padding-right: 1.2em;
	}

	p.return-link-container {
		margin-top: 2em;
	}

	#vote-recording,
	.ajax-loader-icon { width: 16px; height: 16px; vertical-align: middle; }

	.ajax-loader-large-icon { width: 32px; height: 32px; }

	/* ============ Old Pop-up */
	#help-popup {
		position: absolute;
		width: 20.5em;
		border: 1px solid black;
		background-color: #F0F8FF;
		font-size: 0.8em;
		padding: 0.5em;
	}

	#help-popup .section-header {
		margin-top: 0;
		padding-right: 1.5em;
	}

	#help-popup p { margin-bottom: 0; }

	#help-popup .close-button {
		position: absolute;
		top: 0.2em; right: 0.4em;
		font-size: 1.2em;
		font-family: monospace;
	}

	/* ============ Popover */
	.popover > h3.popover-title {
		font-size: 0.8em;
		font-weight: bold;
		padding: 0.33em 0.75em;
		margin-bottom: 0;
		text-align: left;
		background-color: #417DC1;
		color: white;
	}

	.popover > div.popover-content {
		font-size: 0.8em;
		padding: 0.5em 0.75em 0.75em;
	}

	/* ============ Minimal Content Page */
	body.minimal,
	body.minimal #main {
		background-color: white;
		border: none;
	}

	body.minimal #top,
	body.minimal #footer {
		display: none;
	}

	body.minimal.black,
	body.minimal.black #main {
		background-color: black;
		color: white;
	}

	/* ============ Page */
	#top {
		background-color: #39673D;
		position: relative;
	}

	#site-header {
		margin: 0;
		color: white;
	}

	#site-header a { color: inherit; text-decoration: inherit; }

	#neighborhood-header,
	#board-note {
		margin: 0;
	}

	#board-note {
		color: white;
	}

	#board-note.inactive {
		color: red;
	}

	#top-right { color: white; }

	#name-profile {
		color: white;
	}

	#user-greeting {
		font-weight: bold;
	}

	#user-buttons .user-button,
	#user-buttons .user-button:visited {
		font-size: 1em;
		padding: 0.2em 0.5em;
		color: white;
		background-color: #536895;
		cursor: pointer;
		text-decoration: none;
	}

	#user-buttons .user-button:hover,
	#user-buttons .user-button:hover:visited {
		color: white;
		background-color: #757575;
	}

	/*#reports-button { background: url( 'img/btn-reports.png' ) no-repeat 5px 6px; }
	#requests-button { background: url( 'img/btn-requests.png' ) no-repeat 5px 5px; }
	#guidelines-button { background: url( 'img/btn-guidelines.png' ) no-repeat 5px 6px; }
	#pm-button { background: url( 'img/btn-pm.png' ) no-repeat 5px 6px; }
	#profile-button { background: url( 'img/btn-profile.png' ) no-repeat 5px 5px; }
	#neighborhoods-button, .login-button, #logout-button, #vendor-logout-button, #vendor-login-button { background: url( 'img/btn-loginout.png' ) no-repeat 5px 6px; }
	#contact-button { background: url( 'img/btn-contact.png' ) no-repeat 5px 6px; }
	#signup-button { background: url( 'img/btn-signup.png' ) no-repeat 5px 6px; }
	#admin-button { background: url( 'img/btn-admin.png' ) no-repeat 5px 6px; }
	#nmanage-button { background: url( 'img/btn-pencil.png' ) no-repeat 5px 6px; }
	#neighborhood-button { background: url( 'img/btn-neighborhood-edit.png' ) no-repeat 5px 6px; }
	#vendor-manage-button { background: url( 'img/btn-profile.png' ) no-repeat 5px 5px; }
	#vendor-password-button { background: url( 'img/btn-admin.png' ) no-repeat 5px 6px; }
	#vendor-home-button { background: url( 'img/btn-requests.png' ) no-repeat 5px 5px; background-color:#307e1a !important; }*/

	#user-buttons .nav-icon {
		margin-right: 0.4em;
	}

	#main {
		background-color: #FDF9F0;
		min-height: 34.3em;
	}

	#main a,
	#main a:visited,
	#main button.button-link,
	#main input[type="button"].button-link,
	#main input[type="submit"].button-link { color: #3366DD; }

	#main a:hover,
	#main a:visited:hover,
	#main button.button-link:hover,
	#main input[type="button"].button-link:hover,
	#main input[type="submit"].button-link:hover { color: #DD0000; }

	#main button.button-link,
	#main input[type="button"].button-link,
	#main input[type="submit"].button-link {
		border: none;
		background-color: transparent;
		padding: 0 0.5em;
		text-decoration: underline;
	}

	#main .password-reveal-icon {
		cursor: pointer;
	}

	#login-form .password-reveal-icon {
		font-size: 1.5em;
		margin-left: -1.33em;
	}

	#arc-votes .vote-controls .password-reveal-icon,
	#profile-email-container .password-reveal-icon,
	#current-password-container .password-reveal-icon,
	#new-password-container .password-reveal-icon {
		margin-left: -1.5em;
		margin-right: 1em;
	}

	#profile-email-container .password-reveal-icon,
	#arc-votes .vote-controls .password-reveal-icon {
		display: none;
	}

	#profile-email-container.editing .password-reveal-icon {
		display: inline;
	}

	#main a[href^='mailto:'] { background: url( 'img/email.png' ) no-repeat right 3px; padding-right: 19px; }

	#main a.icon-ext,
	#main a[href^='http:'],
	#main a[href^='https:'] { background: url( 'img/ext.png' ) no-repeat right 6px; padding-right: 13px; }

	#main a[href^='tel:'] { background: url( 'img/tel.png' ) no-repeat right 1px; padding-right: 16px; }

	#main a.icon-pdf,
	#main a[href$='.pdf'] { background: url( 'img/pdf.png' ) no-repeat right 2px; padding-right: 20px; }

	#main a.icon-xls,
	#main a[href$='.xls'],
	#main a[href$='.xlsx'] { background: url( 'img/xls.png' ) no-repeat right 2px; padding-right: 20px; }

	#main a.icon-doc,
	#main a[href$='.doc'],
	#main a[href$='.docx'] { background: url( 'img/doc.png' ) no-repeat right 2px; padding-right: 20px; }

	#main a.icon-img,
	#main a[href$='.jpg'],
	#main a[href$='.png'],
	#main a[href$='.gif'],
	#main a[href$='.bmp'] { background: url( 'img/img.png' ) no-repeat right 2px; padding-right: 20px; }

	#main a.icon-txt,
	#main a[href$='.txt'] { background: url( 'img/txt.png' ) no-repeat right 2px; padding-right: 20px; }

	#main .form-table {
		border-collapse: collapse;
	}

	#main .form-table td {
		padding: 0.4em 0.75em 0.4em 0;
		vertical-align: top;
	}

	#main .form-table td label { font-size: 0.9em; }

	#main input[type='text'],
	#modals input[type='text'],
	#main input[type='tel'],
	#modals input[type='tel'],
	#main input[type='password'],
	#main input[type='email'],
	#main input[type='number'],
	#main input[type='date'],
	#main textarea {
		background-color: white;
		border: 1px solid #ABADB3;
		padding: 0.4em;
	}

	#main input[type='number']::-webkit-outer-spin-button,
	#main input[type='number']::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	#main input[type="number"] {
		-moz-appearance: textfield;
	}

	#main input[type='checkbox'],
	#main input[type='radio'] {
		margin: 0 0.25em 0 0.33em;
		border: 1px solid #ABADB3;
	}

	#main .cb-label {
		margin-right: 1em;
		white-space: nowrap;
	}

	#main input::-ms-clear, /* removes peek button in IE 10 password inputs */
	#main input::-ms-reveal { /* removes erase button in IE 10 inputs */
		display: none;
	}

	#main input[type='file'] {
		padding: 0.35em;
	}

	#main input[type='text']:focus,
	#main input[type='password']:focus,
	#main input[type='email']:focus,
	#main textarea:focus {
		border-color: #417DC1;
	}

	#main button,
	#modals button,
	#main input[type='button'],
	#main input[type='submit'],
	#main a.link-button {
		font-size: 1em;
		font-weight: normal;
		border: 1px solid black;
		background-color: #417DC1;
		color: white;
		cursor: pointer;
		padding: 0.33em 0.75em;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	#main button[disabled],
	#modals button[disabled],
	#main input[type='button'][disabled],
	#main input[type='submit'][disabled],
	#main a.link-button.disabled {
		background-color: #91B9E5;
	}

	#main .mce-btn button {
		background-color: transparent; /* above properties kills TinyMCE's style for buttons */
	}

	#main a.link-button,
	#main a.link-button:hover,
	#main a.link-button:visited,
	#main a.link-button:visited:hover {
		padding: 0.24em 0.75em 0.26em;
		text-decoration: none;
		color: white;
	}

	#main select {
		background-color: white;
		border: 1px solid #abadb3;
		padding: 0.4em;
	}

	#main input[type='text'].error,
	#main input[type='email'].error,
	#main input[type='password'].error,
	#main textarea.error,
	#main select.error {
		border-color: #DD0000;
	}

	#main .page-header { font-size: 1.4em; margin-top: 0; margin-bottom: 1em; }
	#main .section-header { font-size: 1.2em; margin-bottom: 0.33em; }
	#main .subsection-header { font-size: 1em; }

	#main .note,
	#main .error-msg,
	#main .negative-msg,
	#main .notice-msg {
		font-size: 0.9em;
	}

	#main .error-msg,
	#main .negative-msg,
	#main .notice-msg {
		font-weight: bold;
	}

	#modals .note, #main .note { font-style: italic; }
	#modals .error-msg, #main .error-msg {color: #DD0000; font-family: monospace; }
	#modals .negative-msg, #main .negative-msg { color: #E87600; }
	#modals .notice-msg, #main .notice-msg { color: #00A86B; }

	/* ============ Footer */
	#footer {
		color: white;
		padding: 1.8em;
		background-color: #39673D;
	}

	#footer a {
		color: white;
		text-decoration: none;
	}

	#footer .footer-header {
		margin: 0 0 0.5em 0;
	}

	#footer .footer-links {
		margin-top: 0;
	}

	#footer .footer-links li {
		margin-left: 0;
	}

	#footer-section-social li {
		font-size: 2.33em;
		margin-right: 0.5em;
	}

	#questions-call,
	#copyright {
		text-align: center;
	}

	/* ============ Standard Ajax Forms */
	#main .standard-large-submit-container {
		margin: 1em 0;
		text-align: center;
	}

	#main .standard-large-submit {
		width: 11em;
		text-align: center;
		font-size: 1.4em;
		padding: 0.6em;
	}

	#main .standard-form .change-icon {
		display: none;
		vertical-align: middle;
		margin-right: 0.25em;
		color: orange;
	}

	#main .standard-form .field-section.changed .change-icon {
		display: inline;
	}

	/* ============ iPhone Web App Notice */
	#iphone-web-app-notice-container {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}

	#iphone-web-app-notice {
		position: relative;
		background: #39673D;
		color: white;
		margin: 0 auto 1.33em;
		border-radius: 1em;
		text-align: center;
		width: 16em;
		padding: 1em;
		font-size: 1.1em;
	}

	#iphone-web-app-notice a {
		color: #87CEEB;
	}

	#iphone-web-app-notice:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(0, 0, 0, 0);
		border-top-color: #39673D;
		border-width: 1em;
		margin-left: -1em;
	}

	/* ============ Modals */
	#modals .modal-header > button.close {
		float: right;
		font-size: 1.2em;
		padding: 0;
		color: white;
		background-color: transparent;
		border: none;
	}

	#modals .modal-dialog {
		width: auto;
		max-width: 50em;
	}

	#modals .modal-dialog.modal-small {
		width: 30em;
	}

	#modals .modal-header,
	#modals .modal-footer {
		padding: 0.5em 0.66em;
	}

	#modals .modal-header {
		background-color: #417DC1;
		color: white;
	}

	#modals .modal-body,
	#modals .modal-footer {
		background-color: #FDF9F0;
	}

	#modals .modal-footer > button {
		font-size: 1.1em;
		padding: 0.5em 1em;
	}

	/* ============ Full Screen Modals */
	#modals .modal.full-screen-modal .modal-dialog {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		width: auto;
	}

	#modals .modal.full-screen-modal .modal-content {
		box-shadow: none;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		border-radius: 0;
		border-width: 0;
	}

	#modals .modal.full-screen-modal .modal-header,
	#modals .modal.full-screen-modal .modal-footer {
		display: none;
	}

	#modals .modal.full-screen-modal .modal-body {
		background-color: white;
		font-size: 1.33em;
	}

	/* ============ Overlay */
	#fade, #overlay { position: fixed; }

	#fade {
		top: 0; left: 0; z-index: 90;
		width: 100%; height: 100%;
		background: url( '/css/img/bg70transp.png' );
		background: rgba(0,0,0,0.7);
	}

	#overlay {
		top: 2.5em; left: 20%; z-index: 100;
		width: 47em;
		border: 2px solid black;
		background-color: #FDF9F0;
		position: relative;
	}

	#overlay .overlay-header {
		background-color: #417DC1;
		border-bottom: 1px solid black;
		margin: 0;
		padding: 0.3em 0.5em;
		position: relative;
		color: white;
	}

	#overlay-close {
		position: absolute; top: 0.3em; right: 0.4em;
		font-size: 0.9em;
		color: white;
	}

	#overlay .overlay-content {
		overflow: auto;
		height: 34.5em;
	}

	#overlay .overlay-content-small {
		height: 16em;
	}

	#overlay .overlay-content > div { padding: 0.75em; }

	#overlay .overlay-content img {
		border: 1px solid black;
		margin-left: 1em;
	}

	#paint-gallery-disclaimer {
		font-style: italic;
		font-size: 0.9em;
		border: 1px solid black;
		background-color: #FFFF66;
		padding: 0.5em;
		text-align: justify;
	}

	/* ============ Overlay, Print */
	#overlay.print-mode {
		position: absolute;
		top: 0; left: 0; bottom: 0;
		width: 100%;
		background-color: white;
		border-width: 0;
		z-index: 199;
		font-size: 1.33em;
	}

	#overlay.print-mode .overlay-header {
		font-size: 1.66em;
		background-color: white;
		color: black;
		border-bottom-color: white;
	}

	/* ============ Page: Login */
	#login-form #email,
	#login-form #email-displayed,
	#login-form #pm,
	#login-form #password,
	#pm-form #shortname,
	#forgot-form #email {
		padding: 0.25em;
		text-align: center;
	}

	#help-email-why {
		font-size: 2em;
		margin-left: 0.167em;
		position: relative;
		top: 0.1em;
	}

	#login-form #email.with-help { margin-left: 1.15em; } /* counteract help icon's shift */

	#new-user-choices > li {
		width: 47em;
		border: 1px solid black;
		margin: 0 auto 0.5em;
	}

	#new-user-choices .section-header {
		border-bottom: 1px solid black;
		margin-top: 0;
		padding: 0.25em;
		color: white;
	}

	#new-user-register .section-header { background-color: green; }
	#new-user-mistake .section-header { background-color: #E87600; }
	#new-user-problem .section-header { background-color: red; }

	#new-user-choices p { margin: 0 0.4em 0.5em; }

	#login-roles { text-align: center; }
	#login-roles li { font-size: 0.9em; }

	/* ============ Page: Neighborhoods */
	#nbh-nickname-container {
		margin: 1.5em 0 0.25em;
		text-align: center;
	}

	#nbh-nickname {
		font-size: 1.5em;
		text-align: center;
		padding: 0.25em;
	}

	#neighborhoods #btn-search-nbh {
		font-size: 1.5em;
		padding: 0.4em 0.75em;
	}

	#table-neighborhood-search-results {
		border-collapse: collapse;
		margin: 0 auto;
	}

	#table-neighborhood-search-results tr {
		padding: 0;
		cursor: pointer;
		border: 1px solid black;
		border-bottom: none;
	}

	#table-neighborhood-search-results tr:last-child {
		border-bottom: 1px solid black;
	}

	#table-neighborhood-search-results td {
		padding: 0.5em;
	}

	#table-neighborhood-search-results .td-city-state {
		text-align: right;
	}

	#td-neighborhood-search-no-results {
		text-align: center;
	}

	#search-output {
		margin: 2em 0;
	}

	/* ============ Page: TOS and Privacy Policy */
	#tos-box {
		border: 1px solid black;
		width: 57.2em; height: 25.8em;
		margin: 0 auto 1em;
		padding: 1em;
		overflow: auto;
		background-color: white;
	}

	#tos, #privacy {
		font-size: 0.9em;
	}

	#tos p,
	#tos h3,
	#tos-box p,
	#tos-box h3 { margin: 1em 0; }

	#tos-box p,
	#tos-box h3 { text-align: left; }

	#tos-box h3 { margin-top: 0; }

	#privacy li .subsection-header,
	#privacy li p { margin: 0; }

	#privacy li { margin-bottom: 0.5em; }

	/* ============ Page: Contact & Request Paint Book */
	#ul-contact-options {
		margin: 1.66em 0;
	}

	#ul-contact-options li {
		border: 1px solid black;
		padding: 0.33em 1.25em 0.5em;
		background-color: #417DC1;
		color: white;
	}

	#ul-contact-options li.selected {
		background-color: #36454F;
	}

	#ul-contact-options input[type="radio"] {
		display: none;
	}

	#contact .collapsible-section {
		display: none;
	}

	#contact .collapsible-section.show {
		display: block;
	}

	#contact #issue {
		margin-bottom: 0.5em;
	}

	#contact #first_name,
	#contact #last_name,
	#contact #email,
	#contact #neighborhood,
	#contact #neighborhood_other,
	#paintbook #first_name,
	#paintbook #last_name,
	#paintbook #email,
	#paintbook #phone { min-width: 15.4em; }

	#td-contact-issue {
		max-width: 32em;
	}

	#paintbook #property_address,
	#paintbook #contact_address { min-width: 32.4em; }

	#contact-table td.col-first,
	#paintbook-table td.col-first { width: 16em; }

	#contact #issue_description { width: 32.4em; height: 20em; }
	#paintbook #paintbook_other { width: 32.4em; height: 10em; }

	#contact-table { margin-bottom: 1em; }
	#contact-table .td-contact-submit,
	#paintbook-table .td-paintbook-submit { text-align: center; }

	/* ============ Page: All */
	#table-all {
		border-collapse: collapse;
	}

	#table-all th {
		text-align: left;
	}

	#table-all th,
	#table-all td {
		padding: 0.33em;
		border: 1px solid black;
	}

	/* ============ Page: Webinar */
	#webinar {

	}

	#webinar label {
		display: block;
		margin-bottom: 0.33em;
	}

	#webinar #first-name,
	#webinar #last-name,
	#webinar #email,
	#webinar #confirm-email,
	#webinar #phone,
	#webinar #neighborhood,
	#webinar #involvement {
		font-size: 1.33em;
	}

	#webinar #first-name,
	#webinar #last-name,
	#webinar #email,
	#webinar #confirm-email,
	#webinar #phone,
	#webinar #neighborhood {
		width: 16em;
	}

	#webinar #involvement {
		width: 16.85em;
	}

	/* ============ Page: Profile */
	#profile .subsection-header {
		margin-top: 0;
	}

	#table-profile #first_name,
	#table-profile #last_name,
	#table-profile #current_password,
	#table-profile #password1,
	#table-profile #password2 {
		width: 12.4em;
	}

	#table-profile #confirm-email-change {
		width: 17em;
	}

	#profile-last-name-container.editing #lnk-edit-name,
	#profile-email-container.editing #lnk-edit-email {
		display: none;
	}

	#profile-last-name-container.editing #btn-update-name,
	#profile-email-container.editing #btn-update-email,
	#profile-email-container.editing #update-email-password {
		display: inline;
	}

	#profile-submit-note { margin-left: 0.4em; }

	/* ============ Page: Profile > SMS Notifications */
	#div-sms {
		margin-bottom: 1.5em;
	}

	#sms-number,
	#confirm-sms-number {
		width: 7em;
	}

	#sign-up-sms-step-2 {
		margin-top: 1em;
	}

	#stop-sms-notices,
	#sign-up-sms-notices {
		font-weight: bold;
		color: #E87600;
		margin-top: 1em;
		margin-bottom: 0;
	}

	#stop-sms-notices.success,
	#sign-up-sms-notices.success {
		color: #00A86B;
	}

	/* ============ Page: Request Listing */
	#table-filters {
		border-collapse: collapse;
		margin-bottom: 0.5em;
	}

	#table-filters td { padding-right: 0.5em; }
	#table-filters td label { font-size: 0.9em; }

	#table-filters td input[type="text"],
	#table-filters td select {
		padding: 0.3em;
	}

	#table-filters #filter_submit_start,
	#table-filters #filter_submit_end { width: 7em; }
	#table-filters #filter_unit_nbr { width: 4em; }

	#new-request { margin-bottom: 0.4em; }

	#new-request a.printable-paint-book {
		background-image: none;
	}

	table.request-listing { margin-bottom: 2em; }
	table.arc-listing { font-size: 0.9em; margin-bottom: 1em; }

	table.request-listing .col-neighborhood { width: 10em; }

	table.request-listing .col-submitted,
	table.request-listing .col-due { width: 5.7em; }

	table.request-listing .col-due .help-icon-new { color: white; }

	table.request-listing .col-homeowner,
	table.request-listing .col-type { width: 9.5em; }

	table.request-listing .col-status { width: 7.1em; }

	table.request-listing .col-your-vote,
	table.request-listing .col-lvl2,
	table.request-listing .col-approvals,
	table.request-listing .col-denials,
	table.request-listing .col-sync { width: 1.6em; }

	table.request-listing .col-submitted,
	table.request-listing .col-due,
	table.request-listing .col-type,
	table.request-listing .col-status,
	table.request-listing .col-lvl2,
	table.request-listing .col-link,
	table.request-listing .col-your-vote,
	table.request-listing .col-assigned,
	table.request-listing .col-approvals,
	table.request-listing .col-denials,
	table.request-listing .col-voting,
	table.request-listing .col-sync { text-align: center; }

	table.request-listing td.col-your-vote .approved { color: #138808; }
	table.request-listing td.col-your-vote .denied { color: #DD0000; }

	table.request-listing .do-sync {
		font-size: 1.2em;
	}
	table.request-listing .do-sync.working {
		cursor: not-allowed;
		opacity: 0.25;
	}

	table.request-listing tr:hover td.col-due,
	table.request-listing tr:hover td.col-approved,
	table.request-listing tr:hover td.col-your-vote,
	table.request-listing tr:hover td.col-approvals,
	table.request-listing tr:hover td.col-denials { background-color: inherit; }

	table.request-listing { width: 100%; }

	table.request-listing tr.approved,
	table.request-listing tr.approved a { color: green; }

	table.request-listing tr.denied,
	table.request-listing tr.denied a { color: #DD0000; }

	table.request-listing tr.late td.col-due { color: #DD0000; font-weight: bold; }
	table.request-listing tr.incoming td.col-due { color: orange; font-weight: bold; }

	table.request-listing .col-address .request-icon {
		float: left;
		margin-right: 0.33em;
	}

	table.request-listing .col-address .has-reminder {
		margin-top: 0.2em;
	}

	table.request-listing .col-address .subscription-icon,
	table.request-listing .col-address .deposit-icon {
		color: green;
		margin-top: 0.2em;
	}

	table.request-listing .col-address .new-since-last-login,
	table.request-listing .col-address .special-request,
	table.request-listing .col-address .ready-to-deny {
		font-size: 1.2em;
		color: #DD0000;
	}

	table.request-listing .col-address .new-since-last-login.seen {
		display: none;
	}

	table.request-listing tr.canceled,
	table.request-listing tr.canceled a,
	table.request-listing tr.closed,
	table.request-listing tr.closed a { color: grey; }

	table.request-listing .master-ready {
		color: #138808;
	}

	/* ============ Page: Request Detail */
	#requests {
		position: relative;
	}

	#main .notice-box,
	#signup .request-note,
	#requests .request-note,
	#profile .request-note {
		border: 1px solid black;
		background-color: #FFFF66;
		padding: 0.5em;
		text-align: justify;
		margin-bottom: 0.5em;
	}

	#request-approved-note,
	#request-closed-arc-note { color: #00A86B; }

	#request-canceled-arc-note,
	#request-denied-note,
	#request-canceled-note { color: #DD0000; }

	#requests .request-detail-section {
		border: 1px solid black;
		margin-bottom: 1em;
	}

	#requests .section-header {
		color: white;
		padding: 0.35em; margin-top: 0;
		border-bottom: 1px solid black;
		background-color: #009E60;
	}

	#requests .section-header .header-mini-link {
		font-size: 0.75em;
		margin-left: 1.33em;
		text-decoration: none;
		color: white;
	}

	#requests .section-header .header-mini-link:hover,
	#requests .section-header .header-mini-link:hover:visited {
		color: white;
	}

	#requests .section-header .slideshow-view-icon {
		margin-right: 0.25em;
	}

	#requests .collapsible-section .collapsible-section-header {
		cursor: pointer;
	}

	#requests .collapsible-section .fa-chevron-right,
	#requests .collapsible-section .fa-chevron-down {
		width: 1em;
		margin-right: 0.33em;
	}

	/*#requests .collapsible-section .hide-in-expanded,*/
	#requests .collapsible-section .fa-chevron-right {
		display: none;
	}

	#requests .collapsible-section.collapse .fa-chevron-right,
	#requests .collapsible-section.collapse .hide-in-expanded,
	#requests .collapsible-section.collapse .hide-in-expanded *,
	#requests .collapsible-section .fa-chevron-down {
		display: inline-block;
	}
	#requests .collapsible-section.collapse .hide-in-expanded {
		margin-left: 0.25em;
	}

	#requests .collapsible-section.collapse *,
	#requests .collapsible-section.collapse .fa-chevron-down {
		display: none;
	}

	#requests .collapsible-section.collapse .collapsible-section-header {
		display: block;
	}

	#requests .collapsible-section.collapse .fa-thumbs-up,
	#requests .collapsible-section.collapse .fa-thumbs-down {
		display: inline-block;
	}

	#requests .collapsible-section.collapse .collapsible-section-header {
		margin-bottom: 0;
		border-bottom-width: 0;
	}

	/* ====== Request Form Print Options */
	#print-options {
		float: right;
		text-align: right;
	}

	#link-print-options {
		font-size: 1.2em;
		text-decoration: none;
	}

	#ul-print-options input[type="checkbox"] {
		margin: 0 0.33em 0 0;
	}

	/* ====== Request Type */
	#ddl-request-type { font-size: 1.2em; width: auto; }

	#div-policy,
	#div-policy-container.show-entire-policy #div-policy-teaser {
		display: none;
	}

	#div-policy-container.show-entire-policy #div-policy {
		display: block;
	}

	#div-policy-teaser,
	#show-guideline,
	#div-policy {
		padding: 0.5em 0.5em 0 0.5em;
	}

	#div-policy-teaser,
	#div-policy {
		width: 46.2em;
	}

	#show-guideline {
		margin-top: 0;
		text-align: center;
	}

	#request-type > h4 {
		margin-top: 1.25em;
		border-top: 1px solid black;
		padding-top: 1.25em;
	}

	.requisite-listing {
		list-style-type: decimal;
		padding-left: 1.5em;
	}

	.requisite-listing input[type="checkbox"] {
		margin: 0 3px 0 5px;
	}

	.requisite-listing .li-default-policy {
		list-style-type: none;
		margin-left: -1.5em;
	}

	.requisite-listing .requisite.required .requisite-text:before {
		content: '* ';
	}

	.requisite-listing .requisite-text-response,
	.requisite-listing .requisite-textarea-response,
	.requisite-listing .requisite-ddl {
		max-width: 60em;
	}

	.requisite-listing .requisite-text-response {
		width: 17em;
	}

	.requisite-listing .requisite-date-response,
	.requisite-listing .requisite-number-response {
		width: 5.33em;
		font-size: 1.33em;
	}

	.requisite-listing .btn-clear-value {
		margin-left: 0.33em;
		font-size: 1.2em;
	}

	#request-type .requisite-listing .requisite-responses .cb-label {
		display: inline-block;
		white-space: normal;
	}

	.requisite-listing .requisite-ddl {
		min-width: 17em;
	}

	.requisite-listing .requisite-textarea-response {
		width: 40em;
		height: 20em;
	}

	#request-type span.error-msg {
		display: block;
		padding: 0.5em 0 0.5em 0.75em;
	}

	#request-type br.error-msg {
		display: none;
	}

	/* ====== Basic Information */
	#basic-details {
		position: relative;
	}

	#table-request-detail {
		max-width: 57em;
		margin-top: 0; margin-bottom: 0.5em;
	}

	#td_start_date { width: 11.4em; }
	#td_finish_date { width: 9em; }

	#table-request-detail #first_name,
	#table-request-detail #last_name,
	#table-request-detail #email,
	#table-request-detail #street_name,
	#table-request-detail #neighborhood { width: 17em; }

	#table-request-detail #email[readonly] { color: #888888; background-color: #EEEEEE; }

	#table-request-detail #lot_nbr,
	#table-request-detail #unit_nbr,
	#table-request-detail #start_date,
	#table-request-detail #finish_date { width: 6.2em; }

	#table-request-detail #contractor { width: 19.3em; }

	#main #table-request-detail #description { height: 9.3em; }
	#main #table-request-detail #special_exceptions { height: 4.7em; }

	#main #google-maps-link {
		margin-left: 0.5em;
		background: none;
		text-decoration: none;
	}

	/* ====== Attachments */
	#request-attachments {
		padding-left: 0;
	}
	#request-attachments li {
		font-size: 1em;
		margin-bottom: 0.4em;
		list-style-type: none;
		position: relative;
	}

	#request-attachments .attachment-title,
	#request-attachments .attachment-rename-input {
		width: 18.5em;
	}

	#request-attachments li.attachment-new-upload,
	#request-attachments li a.attachment-link {
		display: block;
		border: 1px solid #888888;
		padding: 0.75em 2em 0.75em 5em;
		text-decoration: none;
		color: black;
		min-height: 3em;
		background-image: none;
	}

	#request-attachments li a.attachment-link.deleted,
	#request-attachments li a.deleted:hover,
	#request-attachments li a.deleted:hover:visited {
		color: grey;
		text-decoration: line-through;
	}

	#request-attachments li input[type='file'] {
		padding-top: 0;
		padding-left: 0;
	}

	#request-attachments li a:hover,
	#request-attachments li a:hover:visited {
		color: black;
	}

	#request-attachments li .attachment-icon {
		font-size: 2.75em;
		width: 1.5em;
		text-align: center;
		position: absolute;
		top: 0.33em;
		left: 0.167em;
	}

	#request-attachments li .attachment-header {
		font-size: 1.2em;
	}

	#request-attachments li .attachment-new-tab {
		font-size: 1.33em;
	}

	#request-attachments li .attachment-unsent-delete,
	#request-attachments li .attachment-delete,
	#request-attachments li .attachment-rename {
		font-size: 1.5em;
		position: absolute;
		top: 0.25em;
		right: 0.33em;
	}

	#request-attachments li .attachment-unsent-delete,
	#request-attachments li .attachment-delete {
		right: 0.33em;
	}

	#request-attachments li .attachment-rename {
		right: 1.5em;
	}

	#request-attachments li .attachment-rename-button,
	#request-attachments li .attachment-cancel-button {
		margin-left: 0.5em;
	}

	#request-attachments li.blank .attachment-unsent-delete,
	#request-attachments li.blank .pending-upload-notice {
		display: none;
	}

	#request-attachments li.pending,
	#request-attachments li.renaming {
		background-color: #FFFF66;
	}

	#request-attachments li.renaming .attachment-header,
	#request-attachments li.renaming .attachment-new-tab,
	#request-attachments li.renaming .attachment-delete,
	#request-attachments li.renaming .attachment-rename,
	#request-attachments li.renaming .attachment-link .attachment-uploaded {
		display: none;
	}

	#request-attachments li .attachment-rename-control {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0.75em 2em 0.75em 5em;
	}

	#request-attachments li .attachment-uploaded,
	#request-attachments li .attachment-new-tab {
		font-size: 1em;
	}

	#request-attachments li .attachment-new-tab {
		text-decoration: underline;
	}

 	#p-submit-attachment-copy {
		text-align: center;
		display: none;
	}

	/* ====== Attachment Viewer */
	#attachment-navigator {
		text-align: center;
	}

	#all-attachments {
		width: 15em;
		font-size: 1.5em;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}

	#btn-prev-attachment,
	#btn-next-attachment {
		cursor: pointer;
		font-size: 2em;
		margin: 0 0.25em;
	}

	#btn-prev-attachment.greyed,
	#btn-next-attachment.greyed {
		opacity: 0.2;
		cursor: not-allowed;
	}

	#attachment-viewport {
		text-align: center;
	}

	#attachment-viewport img {
		max-width: 100%;
		max-height: 90vh;
	}

	#attachment-viewport embed {
		width: 100%;
		height: 90vh;
	}


	/* ====== Paint Details */
	#main #ul-paint-links li {
		float: left;
		margin-right: 1.5em;
	}

	#main #paint-sites {
		clear: left;
	}

	#main #paint-sites td {
		padding-right: 0.2em;
		vertical-align: middle;
	}

	#paint-sites td .scheme {
		width: 14.3em;
		cursor: pointer;
		margin-right: 0.5em;
	}

	#paint-sites td .comments {
		width: 24.7em;
	}

	#paint-sites td .not-allowed { cursor: not-allowed; }

	#paint-sites td p { margin: 0 0 0 1em; }

	#paint-sites td p a[href^="http:"],
	#paint-sites td p a[href^="https:"] { background: none; padding-right: 0; }

	#paint-sites td a { text-decoration: none; }

	#paint-sites td a .swatch-small {
		width: 1.5em; height: 1.5em;
		border: 1px solid #ABADB3;
		vertical-align: middle;
		cursor: pointer;
	}

	#paint-sites td a:hover .swatch-small { border-color: #DD0000; }

	/* ====== Paint Scheme Gallery */
	#paint-schemes {
		margin: 0; padding: 0;
		list-style-type: none;
	}

	#paint-schemes li {
		border: 1px solid black;
		background-color: white;
		margin-bottom: 0.4em;
		padding: 0.4em;
		vertical-align: middle;
	}

	#paint-schemes li.selected-scheme {
		background-color: #FDEE00;
	}

	#paint-schemes li .subsection-header {
		margin: 0 0 0.5em;
		font-size: 1em;
	}

	#paint-schemes li .select-button {
		cursor: pointer;
	}

	#paint-schemes li .swatch-container {
		position: relative;
		color: white;
		display: inline-block;
	}

	#paint-schemes li .swatch-label {
		font-size: 0.75em;
		padding: 0.2em 0.4em;
		background-color: black;
		background-color: rgba( 0, 0, 0, 0.8 );
		position: absolute; bottom: 0.3em; left: 0; right: 0;
		min-height: 4.33em;
	}

	#paint-schemes li .swatch {
		width: 7.2em; height: 7.2em;
		border: 1px solid black;
		margin-left: 0;
	}

	/* ====== Deposit & Work Completed */
	#button-deposit-paid,
	#deposit-paid-updating,
	#button-completed,
	#completed-updating {
		margin-left: 0.66em;
	}

	/* ====== Due Date */
	#due-date-input,
	#btn-update-due-date {
		margin-right: 0.33em;
	}

	#due-date-input {
		width: 6em;
	}

	#due-date-updating {
		vertical-align: middle;
	}

	#table-requests .btn-change-due-date,
	#table-requests-begin-work .btn-change-due-date {
		font-weight: bold;
	}

	/* ====== Committee */
	#requests #arc-only .section-header { background-color: #E87600; }

	#arc-votes.table-arc-votes {
		color: black;
	}

	.table-arc-votes {
		margin-bottom: 0.5em;
	}

	#arc-only .inactive-committee {
		color: #777777;
	}

	.table-arc-votes tr.other-voters { color: grey; }
	.table-arc-votes td { padding-left: 1em; }
	.table-arc-votes td input.vote-password { width: 6em; }
	.table-arc-votes td img.vote-recording { vertical-align: middle; }

	#request-status-updating {
		vertical-align: middle;
		margin-left: 0.2em;
	}

	#conclusion-details { margin-bottom: 1em; }
	#conclusion { width: 46.3em; height: 6.3em; }

	#update-conclusion-container {
		margin-top: 0.4em;
		text-align: center;
		padding-right: 18em;
	}

	#status-header {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 1em;
	}

	/* ====== Communications */
	.request-comms { margin: 0.75em; }

	.request-comms li {
		margin-bottom: 0.5em;
		padding: 0.4em;
		position: relative;
	}

	.request-comms > li {
		border: 1px solid #ABADB3;
	}

	.request-comms li.inactive-comm {
		color: #CCCCCC;
	}

	#request-comms .comm-posting .btn-comm-active {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		background-color: transparent;
		color: black;
	}

	.request-comms .comm-icon {
		float: left;
		font-size: 1.5em;
		margin-right: 0.25em;
	}

	.request-comms li.system .comm-icon:before { color: #555555; content: "\f2d0"; } /* fa-window-maximize */
	.request-comms li.comm-owner .comm-icon:before { color: #138808; content: "\f015"; } /* fa-home */
	.request-comms li.comm-arc .comm-icon:before { color: #000000; content: "\f24e"; } /* fa-balance-scale */
	.request-comms li.comm-user .comm-icon:before { color: #417DC1; content: "\f075"; } /* fa-comment */

	.request-comms .comm-header { font-size: 0.9em; margin: 0; }
	.request-comms .comm-content { font-size: 0.9em; white-space: pre-wrap; }

	.request-comms #new-post-container,
	.request-comms #new-post-container-internal {
		margin-top: 0.4em;
		text-align: center;
		padding-right: 2em;
	}

	.request-comms .ul-comm-by-date {
		margin: 0.33em 0 0;
	}

	.request-comms .comm-by-date-header  {
		display: inline;
	}

	.request-comms .ul-comm-by-date > li {
		border-bottom: 1px solid #ABADB3;
		padding: 0.5em 0;
	}

	.request-comms .ul-comm-by-date > li:last-child {
		border-bottom-width: 0;
	}

	.request-comms.hide-arc .arc-name-actual {
		display: none;
	}

	.request-comms.hide-arc .arc-name-private {
		display: inline;
	}

	#request-comms-internal-note {
		border: 1px solid black;
		background-color: #FFFF66;
		padding: 0.5em;
		font-weight: bold;
	}

	/* ====== Save */
	#requests #request-save { border-width: 0; }
	#request-submit { margin: 1em 0; text-align: center; }

	#request-submit input[type='submit'],
	#request-submit button {
		width: 11em;
		text-align: center;
		font-size: 1.4em;
		padding: 0.6em;
	}

	#request-submitting.note { font-size: 1.2em; padding: 0.6em; text-align: center; }

	/* ============ Page: Paints */
	#close-link-container {
		text-align: center;
		margin-bottom: -1.66em;
	}

	#paints .div-scheme {
		page-break-inside: avoid;
	}

	#paints .li-paint {
		width: 150px;
		height: 150px;
		margin-right: 1em;
		display: inline-block;
	}

	#paints .li-paint img {
		width: 150px;
		height: 150px;
	}

	/* ============ Page: Reports */
	#filters .filter-control {
		float: left;
		width: 18em;
		padding: 0.33em;
		text-align: right;
	}

	#filters .filter-control,
	#filters .filter-control input,
	#filters .filter-control select { font-size: 0.9em; vertical-align: middle; }

	#filters .filter-control label { margin-right: 0.5em; }

	#filters .filter-control input[type="text"] {
		width: 10em;
	}
	#filters .filter-control select {
		width: 13em;
	}

	#filters #div-filter-status,
	#filters #div-filter-type,
	#filters #div-filter-street { text-align: left; width: auto; padding-left: 7.8em; }

	#filters #div-filter-unit { width: 15em; }

	#filters #div-filter-status { text-indent: -4em; }
	#filters #div-filter-type { text-indent: -3.3em; }
	#filters #div-filter-street { text-indent: -3.85em; }

	#filters #div-filter-reset {
		font-size: 1em;
		width: auto;
		text-align: left;
		padding-top: 0.4em;
	}

	#div-filter-submit-start,
	#div-filter-closed-start,
	#div-filter-conclusion,
	#div-filter-homeowner { clear: left; }

	#filters #div-filter-descr,
	#filters #div-filter-details,
	#filters #div-filter-conclusion {
		width: 36.6em;
	}

	#filters #filter_descr,
	#filters #filter_details,
	#filters #filter_conclusion {
		width: 30.6em;
	}

	#reports-back-link { float: left; }
	#report-changed { margin-right: 0.5em; background-color: yellow; display: inline-block; padding: 0.33em 0.5em; border: 1px solid black; }
	#report-changed.init-hide { display: none; }
	#report-changed .fa-arrow-right { margin-left: 0.25em; }
	#btn-run-report { margin-right: 0.5em; }
	#download-report { text-align: right; padding-top: 0.5em; clear: left; }

	#reports-table { width: 100%; font-size: 0.9em; }
	#reports-table th { cursor: pointer; padding-top: 0.5em; }
	#reports-table th.sort-by-desc { background: #E87600 url( '/css/img/sort-up.png' ) no-repeat 50% -0.35em; }
	#reports-table th.sort-by-asc { background: #E87600 url( '/css/img/sort-down.png' ) no-repeat 50% -0.35em; }

	#reports-table .col-unit-nbr,
	#reports-table .col-submitted,
	#reports-table .col-closed { text-align: right; }

	/* ============ Page: Custom Reports */
	#reports2 .report2-descr {
		margin-bottom: 0.2em;
	}

	#reports2 .report2-dates {
		font-size: 0.9em;
		font-style: italic;
	}

	#reports2 #reports-table th,
	#reports2 #reports-table td {

	}

	#reports2 #reports-table tr.bold {
		font-weight: bold;
	}

	#reports2 #reports-table tr.underline {
		text-decoration: underline;
	}

	#reports2 #reports-table tr.italic {
		font-style: italic;
	}

	#reports2 #reports-table tr.align-left {
		text-align: left;
	}

	#reports2 #reports-table tr.align-right {
		text-align: right;
	}

	#reports2 #reports-table tr.align-center {
		text-align: center;
	}

	/* ============ Page: Guidelines */
	#arc-policy .section-header {
		margin-bottom: 1em;
	}

	#arc-policy .request-type-subsection {
		margin-top: 1em;
	}

	#arc-policy .subsection-header {
		cursor: pointer;
	}

	#arc-policy .request-type-subsection .fa-chevron-right,
	#arc-policy .request-type-subsection .fa-chevron-down {
		width: 1em;
	}

	#arc-policy .request-type-subsection .fa-chevron-right {
		display: none;
	}

	#arc-policy .request-type-subsection.collapse .fa-chevron-right,
	#arc-policy .request-type-subsection .fa-chevron-down {
		display: inline-block;
	}

	#arc-policy .request-type-subsection.collapse .request-type-body,
	#arc-policy .request-type-subsection.collapse .fa-chevron-down {
		display: none;
	}

	/* ============ Page: Neighborhoods */
	#ul-neighborhoods {
		margin-top: 1em;
	}

	#ul-neighborhoods li.is-pm-for:before {
		content: '* ';
	}

	/* ============ Page: Webinars */
	#ul-webinars li {
		border: 1px solid #AAAAAA;
		padding: 1em;
		margin-bottom: 2em;
	}

	#ul-webinars h3 {
		margin-top: 0;
	}

	#webinars .third-line > span,
	#webinars .third-line > a {
		display: inline-block;
		margin-right: 3em;
	}

	/* ============ Page: FAQ */
	#faq-toc {
		font-size: 1.2em;
		padding: 0.5em;
		border: 1px solid black;
		background-color: #536895;
		color: white;
	}

	#faq-toc li {
		margin-right: 0.33em;
	}

	#faq-toc a, #faq-toc a:visited { color: white; }
	#faq-toc a:hover, #faq-toc a:visited:hover { color: #DDDDDD; }

	/* ============ Page: Neighborhood Sign-up */
	#signup .signup-detail-section {
		border: 1px solid black;
		margin-bottom: 1em;
	}

	#signup h3.section-header {
		margin-top: 0;
		border-bottom: 1px solid black;
		background-color: #009E60;
		padding: 0.35em;
		color: white;
	}

	#signup h3.signup-header-locked {
		background-color: #CCCCCC;
		color: black;
	}

	#signup .subsection-header {
		font-size: 1.2em;
	}

	#signup .header-locked {
		margin-right: 0.33em;
	}

	#signup .signup-detail-section p,
	#signup .signup-detail-section ul,
	#signup .signup-detail-section textarea,
	#signup .signup-detail-section div.mce-tinymce,
	#signup .signup-detail-section h4.subsection-header {
		margin: 0.75em;
	}

	#signup h4.subsection-header {
		margin-top: 1.5em;
	}

	#signup button {
		padding: 0.25em 0.5em;
		font-size: 1.5em;
	}

	#signup input[type="text"],
	#signup input[type="number"],
	#signup select {
		padding: 0.25em;
		font-size: 1.5em;
	}

	#signup input[type="text"] {
		width: 16em;
	}

	#signup textarea {
		width: 48em;
	}

	#signup #neighborhood-state,
	#signup #neighborhood-zip,
	#signup #completion_window,
	#signup #approval_window,
	#signup #notify_req_expire_days,
	#signup #start_window,
	#signup #approval_threshold,
	#signup #post_close_comms_days {
		width: 4em;
	}

	#signup #neighborhood-shortname {
		width: 8.75em;
	}

	#signup #help-nickname-characters {
		font-size: 1.75em;
	}

	#signup #house-count {
		width: 3em;
	}

	#neighborhood-location-labels label,
	#contact-labels label {
		font-weight: bold;
		display: inline-block;
		padding-right: 1em;
	}

	#signup #label-neighborhood-name,
	#signup #label-neighborhood-city {
		width: 24em;
	}

	#signup #label-neighborhood-state,
	#signup #label-neighborhood-zip {
		width: 6em;
	}

	#signup #note-neighborhood-name,
	#signup #note-neighborhood-shortname {
		width: 24em;
		display: inline-block;
		margin: 0 0 0 0.75em;
	}

	#signup #note-neighborhood-shortname {
		width: 28em;
	}

	#house-count {
		text-align: right;
	}

	#signup-house-disclaimer {
		font-style: italic;
	}

	#signup #ul-streets,
	#signup #ul-arc-members {
		list-style-type: none;
	}

	#ul-deposit_policy_role label {
		margin-right: 0.33em;
	}

	#signup #ul-streets label,
	#signup #ul-arc-members label {
		font-weight: bold;
	}

	#signup #ul-arc-members .label-arc-member-name {
		position: relative;
	}

	#signup #ul-arc-members .existing-user-note,
	#signup #ul-arc-members .no-password-note {
		font-size: 0.9em;
		margin-left: 3.5em;
		margin-top: 0.5em;
	}

	#signup #ul-arc-members .arc-member-name {
		margin-right: 0.33em;
	}

	#signup #ul-arc-members .label-chair {
		margin-right: 0.5em;
	}

	#signup #ul-arc-members .arc-member-name[readonly],
	#signup #ul-arc-members .arc-member-email[readonly] {
		color: #959595;
	}

	#signup #ul-arc-members button[disabled] {
		background-color: #8db1d9;
	}

	#signup #ul-arc-members .new-arc-button-container {
		padding-left: 4.2em;
	}

	#signup #ul-arc-members .remove-arc-button-container {
		padding-left: 34.8em;
	}

	#signup #p-save-committee {
		margin-top: 1.5em;
		text-align: center;
	}

	#btn-check-shortname[disabled="disabled"],
	#btn-check-shortname[disabled="true"] {
		opacity: 0.33;
	}

	#signup #ul-arc-members .label-chair input[type="checkbox"] {
		margin: 0 0 0 0.75em;
	}

	#signup #ul-used-types h4.subsection-header {
		margin-bottom: 0;
	}

	#signup #ul-used-types textarea {
		max-width: 48em;
	}

	#signup #ul-used-types .btn-delete-type {
		font-size: 0.75em;
		margin-right: 0.5em;
		vertical-align: top;
	}

	#signup #ul-used-types .requisites {
		font-style: italic;
	}

	#signup #label-contact-email,
	#signup #label-contact-phone {
		width: 11.5em;
	}

	#signup .readonly-tinymce {
		border: 1px solid #ABADB3;
		padding: 0.25em;
		margin: 10px;
	}

	#signup #contact-email {
		width: 12.5em;
	}

	#signup #contact-phone {
		width: 7.5em;
	}

	#signup #paint_book_emails {
		width: 95%;
	}

	#signup #signup-instr {
		margin-bottom: 1.5em;
	}

	#signup #signup-submit {
		text-align: center;
		border-width: 0;
	}

	#signup #signup-submit #signup-final-instr {
		text-align: left;
		margin: 0 0 1.5em;
	}

	#signup-submit button {
		font-size: 1.4em;
		padding: 0.6em;
	}

	/* ============ Page: Integration */
	.integration-management table {
		border-collapse: collapse;
		margin-left: 0.5em;
	}

	.integration-management table th,
	.integration-management table td {
		padding: 0.25em;
	}

	.integration-management table th,
	.integration-management table .tx-tops {
		text-align: left;
	}

	.integration-management label {
		display: inline-block;
		width: 9.5em;
	}

	.integration-arc-fields {
		padding: 0.33em;
	}

	#caliber-groupid {
		width: 2.5em;
		text-align: center;
	}

	.integration-management .refresh-list {
		font-size: 1em;
		cursor: pointer;
		margin-left: 0.25em;
	}

	.integration-management .refresh-list.loading {
		color: #CCCCCC;
		cursor: not-allowed;
	}

	.integration-management .add-property,
	.integration-management .update-item {
		font-size: 1.33em;
		cursor: pointer;
		margin-left: 0.33em;
		vertical-align: middle;
	}

	.integration-management .update-item {
		opacity: 0.2;
	}

	.integration-management .update-item.solid {
		opacity: 1;
	}

	.integration-management table .tx-arc-tracker {
		width: 15em;
	}

	.integration-management table .tx-perm {
		text-align: center;
	}

	/* ============ Page: TOPS */
	#integration-tops table {
		border-collapse: collapse;
		margin-left: 0.5em;
	}

	#integration-tops table th,
	#integration-tops table td {
		padding: 0.25em;
	}

	#integration-tops table th,
	#integration-tops table .tx-tops {
		text-align: left;
	}

	#tops-configuration label {
		display: inline-block;
		width: 9.5em;
	}

	#tops-community-api-key,
	#tops-communitykey {
		padding: 0.33em;
	}

	#tops-community-api-key {
		width: 20.33em;
	}

	#tops-communitykey {
		width: 2.5em;
		text-align: center;
	}

	#table-tops-statuses input[type="text"],
	#table-tops-request-types input[type="text"],
	#new-property-id {
		width: 2.5em;
		text-align: center;
	}

	#integration-tops .refresh-list {
		font-size: 1em;
		cursor: pointer;
		margin-left: 0.25em;
	}

	#table-tops-request-types select {
		max-width: 15em;
	}

	#integration-tops .add-property,
	#integration-tops .update-item {
		font-size: 1.33em;
		cursor: pointer;
		margin-left: 0.33em;
		vertical-align: middle;
	}

	#integration-tops .update-item {
		opacity: 0.2;
	}

	#integration-tops .update-item.solid {
		opacity: 1;
	}

	#integration-tops table .tx-arc-tracker {
		width: 15em;
	}

	#new-property-number {
		width: 2.33em;
	}

	#new-property-street {
		width: 10em;
	}

	#integration-tops table .tx-perm {
		text-align: center;
	}

	/* ============ Page: Finder */
	#finder .finder {
		width: 10em;
		font-family: monospace;
	}

	#finder #ul-votes .vote-approved,
	#finder #ul-actions .vote-approved {
		color: green;
	}

	#finder #ul-votes .vote-denied,
	#finder #ul-actions .vote-denied {
		color: red;
	}

	#finder #ul-votes .old-vote .vote-approved,
	#finder #ul-votes .old-vote .vote-denied,
	#finder #ul-votes .old-vote {
		color: #CCCCCC;
	}

	#finder #ul-actions {
		list-style-type: none;
		padding-left: 0;
	}

	#finder #ul-actions li {
		border: 1px solid black;
		padding: 0.5em;
	}

	#finder #ul-actions .subsection-header {
		font-size: 1.2em;
		margin-bottom: 1em;
	}

	#finder #ul-actions .action-meta {
		font-size: 0.9em;
		color: #777777;
		margin: 1em 0 0;
	}

	#finder #ul-actions .vote-approved,
	#finder #ul-actions .vote-denied {
		font-size: 2em;
	}

	/* ============ Page: Item Management */
	#item-filters {
		height: auto;
	}

	#filter-header {
		cursor: pointer;
	}

	#item-filters .fa-chevron-up {
		display: none;
	}

	#item-filters.collapse .fa-chevron-up {
		display: inline;
	}

	#item-filters.collapse .item-filter,
	#item-filters.collapse .fa-chevron-down {
		display: none;
	}

	#item-filters .item-filter {
		font-size: 0.9em;
		float: left;
		padding: 0.5em;
		width: 24em;
		min-height: 2em;
	}

	#item-filters .wide-filter {
		clear: left;
		width: 96em;
	}

	#item-filters .wide-filter label {
		margin-right: 0.5em;
	}

	#item-filters .filter-label {
		font-weight: bold;
		display: inline-block;
		text-overflow: ellipsis;
	}

	#item-filters input,
	#item-filters select {
		font-size: 0.8em;
	}

	#item-filters input[type="text"] {
		width: 10em;
	}

	#item-filters .ddl-source {
		width: 16em;
	}

	#item-filters input[type="checkbox"] {
		margin-right: 0;
		margin-left: 0.25em;
	}

	#item-filters .datepicker-operator {
		padding: 0.33em;
	}

	#item-filters .datepicker {

	}

	#paginator label {
		font-weight: bold;
	}

	#limit {
		width: 2.75em;
		text-align: right;
	}

	#page-next, #page-prev {
		font-size: 1.2em;
	}

	#rb-order-asc,
	#rb-order-desc {
		vertical-align: middle;
	}

	#item-management {
		font-size: 0.9em;
		margin-bottom: 1em;
	}

	#tr-headers th {
		cursor: pointer;
		font-weight: normal;
	}

	#tr-headers th.order-by-this {
		font-weight: bold;
	}

	#item-management.loading tbody {
		opacity: 0.75;
		filter: blur( 3px );
	}

	#item-management .item-delete {
		font-size: 1.1em;
		margin: 0 0.25em;
		color: #CCCCCC;
	}

	#item-editing-form input[type='text'],
	#item-editing-form input[type='email'] { width: 240px; }

	#item-editing-form input[type='text'].jq_datetime {
		width: 9.5em;
	}

	#item-editing-form input[type="text"].manage-search-text {
		width: 21.2em;
	}

	#item-editing-form input[type="text"].manage-search-button {
		width: 1.1em;
	}

	#item-editing-form select.manage-search-ddl {
		width: 20em;
		margin-top: 0.5em;
		padding: 0.3em;
	}

	#item-editing-form input[type="text"].manage-search-actual {
		width: 4em;
		text-align: center;
	}
}
@media screen and ( min-width: 769px ) /* Desktop/Tablet */
{
	body {
		font-size: 14px;
		background-color: #F5DEB3;
	}

	.no-screen,
	.hide-in-screen,
	.horizontal-list .hide-in-screen {
		display: none;
	}

	#top {
		min-width: 57.2em;
		min-height: 6em;
	}

	#site-header-image {
		border-right: 1px solid black;
		max-height: 4.7em;
		float: left;
	}

	#site-header {
		padding-top: 0;
		padding-left: 0.33em;
		float: left;
	}

	#neighborhood-header {
		font-size: 1.2em;
		padding: 0;
	}

	#board-note {
		font-size: 0.5em;
		margin-top: -0.25em;
	}

	#site-header-nbh { font-size: 0.4em; }

	#top-right {
		font-size: 1.1em;
		text-align: right;
		position: absolute; top: 0.4em; right: 0.4em;
	}

	#user-buttons {
		margin-bottom: 0;
		margin-top: 1.5em;
	}

	#page {
		max-width: 68.5em;
		margin: 0 auto;
	}

	#page.full {
		max-width: none;
	}

	#main {
		padding: 1.8em;
	}

	#page.full #main {
		padding: 0;
	}

	#login-form #email,
	#login-form #email-displayed,
	#login-form #pm,
	#login-form #password,
	#forgot-form #email,
	#pm-form #shortname,
	#neighborhood-listing {
		font-size: 1.5em;
		min-width: 15.3em;
	}

	#neighborhood-listing { margin-top: 1em; }

	#footer {
		display: flex;
		flex-flow: row wrap;
	}

	#footer-section-about,
	#footer-section-help,
	#footer-section-social {
		margin-bottom: 1.8em;
	}

	#footer-section-about,
	#footer-section-help,
	#footer-section-social {
		padding-left: 2em;
	}

	#footer-section-arc-tracker {
		flex: 1;
	}

	#footer-section-about {
		flex: 1;
	}

	#footer-section-help {
		flex: 1;
	}

	#footer-section-social {
		flex: 1;
	}

	#footer-section-bottom {
		margin-bottom: 0;
		width: 100%;
	}

	#table-profile #email {
		width: 26.67em;
	}

	#profile-email-container.editing #email {
		width: 15em;
		margin-right: 0.5em;
	}

	#profile-email-container #update-email-password {
		width: 8em;
	}

	#new-request {
		float: right;
	}

	#requests .request-detail-section > h5,
	#requests .request-detail-section > h4,
	#requests .request-detail-section > p,
	#requests .request-detail-section > ul,
	#requests .request-detail-section > ol,
	#requests .request-detail-section > div,
	#requests .request-detail-section > table { margin-left: 0.75em; margin-right: 0.75em; }

	#table-request-detail td .quick-picker,
	#table-request-detail td .self-button { font-size: 0.8em; }

	#table-request-detail #request_title { width: 34em; }

	#main #table-request-detail #description,
	#main #table-request-detail #special_exceptions { width: 46.2em; }

	#request-attachments li .pending-upload-notice {
		margin-left: 0.5em;
	}

	#request-comms #new-post-content,
	#request-comms-internal #new-post-content-internal { width: 46.3em; }

	#btn-request-submit {
		margin-right: 0;
	}

	#request-cancel {
		margin-left: 1em;
	}

	#reminder-list {
		display: none;
	}

	#reminder-editor {

	}

	#reminder-text,
	#reminder-effective,
	#reminder-end {
		padding: 0.4em;
	}

	#reminder-text {
		width: 48em;
		height: 9em;
	}

	#reminder-effective,
	#reminder-end {
		width: 6.2em;
	}

	#nbh-nickname {
		width: 15.3em;
		margin-left: 2.5em;
	}

	#signup #ul-arc-members .arc-member-name,
	#signup #ul-arc-members .arc-member-email,
	#signup #ul-streets .street-name {
		width: 12em;
	}

	#signup #ul-arc-members .button-container {
		padding-left: 25.2em;
	}

	#signup #ul-arc-members .new-arc-button-container {
		padding-left: 4.2em;
	}

	#signup #contact-name {
		width: 20.75em;
	}

	/* ============ Page: Neighborhoods */
	#table-neighborhood-search-results .td-name {
		width: 16em;
	}

	#table-neighborhood-search-results .td-city-state {
		width: 6em;
	}

	#td-neighborhood-search-no-results {
		width: 23em;
	}
}
@media only screen and (max-width: 768px) /* Mobile */
{
	body {
		font-size: 14px;
		background-color: black;
	}

	.debug,
	.no-mobile,
	.hide-in-mobile { display: none; }

	tr, td { display: block; }

	table.request-listing tr { display: table-row; }
	table.request-listing td { display: table-cell; }

	/* Item Manager */
	#paginator label,
	#paginator #limit,
	#paginator .ddl-other-items,
	#paginator #global-search,
	#label-order-asc,
	#label-order-desc {
		display: block;
	}

	/* Reports */
	#reports-table {
		width: 100%;
		display: block;
		overflow-x: auto;
	}

	#reports-table .col-unit-nbr,
	#reports-table .col-submitted,
	#reports-table .col-closed {
		text-align: left;
	}

	#item-management td::before,
	#reports-table.classic-reports td::before,
	#reports2-form #reports-table td::before {
		content: attr(data-field) ": ";
		font-weight: bold;
	}

	#reports2-form .report-cell-truncate {
		width: auto !important;
	}

	/* Request Listing */
	.request-listing .col-submitted,
	.request-listing .col-due,
	.request-listing .col-your-vote,
	.request-listing .col-approvals,
	.request-listing .col-denials,
	.request-listing .col-voting {
		display: none;
	}

	table.request-listing .col-homeowner,
	table.request-listing .col-type {
		width: auto;
	}

	table.request-listing .col-status,
	table.request-listing .col-neighborhood {
		width: 6em;
	}

	/* Request Filters */
	#table-filters .header-labels {
		width: 7em;
		text-align: right;
		display: inline-block;
	}

	#reset-filter {
		margin-left: 6.5em;
	}

	#table-filters #td-statuses .cb-label,
	#table-filters .filter-label-voting {
		font-size: 1.1em;
	}

	#table-filters #td-statuses .cb-label {
		display: block;
		margin-left: 5.95em;
	}

	#table-filters #td-statuses .cb-label.first-status-label {
		display: inline-block;
		margin-left: 0;
	}

	#site-header-image {
		width: 100%;
	}

	#site-header {
		font-size: 1.8em;
		padding: 0.2em;
		text-align: center;
	}

	#site-header-nbh {
		font-size: 0.5em;
		display: block;
	}

	#board-note {
		text-align: center;
		display: block;
		font-size: 0.6em;
		margin-top: 0.5em;
	}

	#main {
		padding: 0.5em;
	}

	#main a.link-button {
		padding: 0.33em 1em;
	}

	#main input[type='button'],
	#main input[type='submit'] {
		padding: 0.43em 1em;
	}

	#login-form #email,
	#login-form #email-displayed,
	#login-form #password,
	#forgot-form #email,
	#pm-form #shortname {
		font-size: 1.2em;
		width: 80%;
	}

	#new-request {
		line-height: 2.4em;
	}

	#footer-section-arc-tracker,
	#footer-section-about,
	#footer-section-help,
	#footer-section-social {
		margin-bottom: 2em;
	}

	#table-profile #email,
	#update-email-password {
		width: 12.4em;
	}

	#profile-email-container.editing #email,
	#profile-email-container.editing #update-email-password {
		display: block;
		margin-bottom: 0.5em;
	}

	#new-request { text-align: center; }

	#main #new-request-submit {
		display: block;
		width: 15.5em;
		margin-left: 0;
		text-align: left;
	}

	#filters #div-filter-descr,
	#filters #div-filter-details,
	#filters #div-filter-conclusion {
		width: 26.8em;
	}

	#filters #div-filter-homeowner,
	#filters #div-filter-lot-nbr,
	#filters #div-filter-unit {
		width: 17.3em;
	}

	#filters #filter_descr,
	#filters #filter_details,
	#filters #filter_conclusion {
		width: 20.6em;
	}

	#requests .request-detail-section > p,
	#requests .request-detail-section > h4,
	#requests .request-detail-section > h5,
	#requests .request-detail-section > ul,
	#requests .request-detail-section > ol,
	#requests .request-detail-section > div,
	#requests .request-detail-section > table { margin-left: 0.5em; margin-right: 0.5em; }

	#div-policy,
	#p-read-more {
		width: 100%;
	}

	.requisite-listing .requisite-text-response,
	.requisite-listing .requisite-textarea-response {
		max-width: 23em;
	}

	.requisite-listing .requisite-text-response,
	.requisite-listing .requisite-textarea-response,
	.requisite-listing .requisite-ddl {
		width: 25em;
	}

	.requisite-listing .requisite-textarea-response {
		height: 17em;
	}

	#main #google-maps-link {
		display: block;
		margin-top: 1em;
		margin-left: 0;
	}

	#td_start_date,
	#td_finish_date {
		width: auto;
	}

	#table-request-detail td .quick-picker,
	#table-request-detail td .self-button { font-size: 1.1em; }
	#table-request-detail td .quick-picker a { padding: 0.1em; }

	#table-request-detail #request_title,
	#main #table-request-detail #description,
	#main #table-request-detail #special_exceptions { width: 97%; }
	#conclusion { width: 27.75em; }

	#request-attachments .attachment-title {
		margin-bottom: 0.25em;
	}

	#request-attachments .attachment-rename-input {
		width: 11em;
	}

	#request-comms #new-post-content,
	#request-comms-internal #new-post-content-internal {
		width: 97%;
	}

	#request-submit input[type='submit'] {
		width: 12em;
		margin-bottom: 0.5em;
	}

	#request-cancel {
		margin-top: 0.5em;
	}

	#ul-contact-options li {
		display: list-item;
		padding: 0;
	}

	#ul-contact-options li label {
		padding: 0.5em 1.25em;
		display: block;
	}

	#contact #issue {
		width: 30em;
	}

	#contact #issue_description {
		width: 29em;
	}

	#signup textarea {
		width: 100%;
		height: 5em;
		box-sizing: border-box;
	}

	#signup #neighborhood_notes {
		height: 20em;
	}

	#signup #ul-arc-members .button-container,
	#signup #ul-arc-members .new-arc-button-container {
		padding-left: 0.5em;
	}

	#signup #ul-arc-members .new-arc-button-container button {
		width: 14em;
		margin-bottom: 0.2em;
		text-align: center;
	}

	/* ============ Page: Neighborhoods */
	#nbh-nickname {
		width: 14em;
	}

	#table-neighborhood-search-results td {
		display: table-cell;
	}

	#table-neighborhood-search-results .td-name {
		width: 17em;
	}

	#table-neighborhood-search-results .td-city-state {
		width: 7em;
	}

	#td-neighborhood-search-no-results {
		width: 25em;
	}

	#signup input[type="text"] {
		margin-bottom: 0.33em;
	}

	#signup .signup-detail-section ul {
		padding-left: 0;
	}

	#signup #ul-arc-members .arc-member-name,
	#signup #ul-arc-members .arc-member-email,
	#signup #ul-streets .street-name {
		width: 10em;
	}

	#signup .label-arc-member-name {
		display: block;
	}

	#signup .label-arc-member-email {
		padding-left: 0.25em;
	}

	#signup .arc-member-name,
	#signup .arc-member-email {
		width: 10em;
	}

	#signup #contact-name {
		width: 12.5em;
	}

	.mce-tinymce.mce-container.mce-panel {
		width: 100% !important;
	}
}