/* ============================================================
   Joel M. Schrap Realtor — Smart Apartment Data Custom Stylesheet
   Based on SAD stylesheet template, styled to match joelmschraprealtor.com
   Brand colors: Black #1a1a1a | White #ffffff | Silver #a0a0a0 | Metallic #c8c8c8
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

FORM { MARGIN: 0px }

B { FONT-WEIGHT: bold }

BODY {
	BACKGROUND-COLOR: #f7f7f7;
	font-family: Roboto, Verdana, sans-serif;
	color: #1a1a1a;
}

INPUT {
	FONT-SIZE: 13px;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #ffffff;
	color: #1a1a1a;
}

SELECT {
	FONT-SIZE: 14px;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #ffffff;
	color: #1a1a1a;
}

TEXTAREA {
	FONT-SIZE: 14px;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #ffffff;
	color: #1a1a1a;
}

A {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #1a1a1a;
	FONT-FAMILY: Roboto, Verdana;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #a0a0a0;
	TEXT-DECORATION: underline;
}

P {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #1a1a1a;
	FONT-FAMILY: Roboto, Verdana;
}

HR {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	COLOR: #dddddd;
	HEIGHT: 1px;
	border: none;
	border-top: 1px solid #dddddd;
}

/* --- Table wrappers --- */
.tableA {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #f0f0f0;
	border: solid 1px #cccccc;
}

.tableB {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #fdf6e3;
	border: solid 1px #a0a0a0;
}

.tableC {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #eaf4e8;
	border: solid 1px #5a9a5a;
}

.tableD {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #f0f4f8;
	border: solid 1px #c0cdd8;
}

.fader {
	PADDING-LEFT: 14px;
	font-weight: bold;
	FONT-SIZE: 14px;
	WIDTH: 100%;
	LINE-HEIGHT: 1.5;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #f0f0f0;
	color: #1a1a1a;
}

/* --- Property profile header --- */
#richBorder {
	PADDING: 0px;
	FONT-SIZE: 100%;
	BACKGROUND: #ffffff;
}

/* --- Primary fill (buttons, headers) — brand black --- */
.bgColor_Fill {
	background-color: #1a1a1a;
	color: #ffffff;
}

/* --- Buttons — all types overridden to match brand --- */
.actionButton,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
	height: 32px;
	border-width: 1px !important;
	border-color: #555555 !important;
	border-style: solid !important;
	background-color: #1a1a1a !important;
	font-weight: 600;
	color: #ffffff !important;
	font-family: Roboto, Verdana;
	cursor: pointer;
	border-radius: 3px;
	transition: background-color 0.2s ease;
}

.actionButton:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
	background-color: #444444 !important;
	border-color: #a0a0a0 !important;
	color: #ffffff !important;
}

/* --- Form text inputs --- */
.textfield {
	BORDER: 1px solid #1a1a1a;
	FONT-SIZE: 14px;
	FONT-STYLE: normal;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #ffffff;
	color: #1a1a1a;
	padding: 4px 6px;
}

.textfieldSmall {
	BORDER: 1px solid #1a1a1a;
	FONT-SIZE: 13px;
	FONT-STYLE: normal;
	FONT-FAMILY: Roboto, Verdana;
	BACKGROUND-COLOR: #ffffff;
	color: #1a1a1a;
}

/* --- Text styles --- */
.style1 {
	FONT: 13px Roboto, Verdana;
	font-weight: bold;
	color: #1a1a1a;
}

.style2 {
	FONT: 13px Roboto, Verdana;
	COLOR: #1a1a1a;
	font-weight: bold;
}

.subtitle {
	font-size: 13px;
	font-family: Roboto, Verdana;
	font-weight: bold;
	color: #1a1a1a;
}

.subtitleMedium {
	font-size: 14px;
	font-family: Roboto, Verdana;
	font-weight: bold;
	color: #1a1a1a;
}

.subtitleLarge {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #444444;
	FONT-FAMILY: Roboto, Verdana;
}

.subtitleXLarge {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #a0a0a0;
	FONT-FAMILY: Roboto, Verdana;
}

.subtitleGray {
	font-size: 13px;
	FONT-FAMILY: Roboto, Verdana;
	font-weight: 400;
	color: #666666;
}

.subtitleBlue {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #1a1a1a;
	FONT-STYLE: normal;
	FONT-FAMILY: Roboto, Verdana, Arial, Helvetica, sans-serif;
}

.subtitleBlue2 {
	FONT-WEIGHT: 400;
	FONT-SIZE: 13px;
	COLOR: #444444;
	FONT-STYLE: normal;
	FONT-FAMILY: Roboto, Verdana, Arial, Helvetica, sans-serif;
}

/* --- Body text sizes --- */
.textXSmall {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #444444;
	line-height: 22px;
	FONT-FAMILY: Roboto, Verdana;
}

.textSmall {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #444444;
	line-height: 22px;
	FONT-FAMILY: Roboto, Verdana;
}

.textMedium {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #444444;
	line-height: 22px;
	FONT-FAMILY: Roboto, Verdana;
}

/* --- Links --- */
.linkSmall, .linkMedium {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #1a1a1a;
	FONT-FAMILY: Roboto, Verdana;
	TEXT-DECORATION: underline;
}

.linkXLarge {
	FONT-WEIGHT: normal;
	FONT-SIZE: 16px;
	COLOR: #1a1a1a;
	FONT-FAMILY: Roboto, Verdana;
	TEXT-DECORATION: underline;
}

/* --- Property listing items --- */
.listItemTitle {
	FONT-SIZE: 19px;
	COLOR: #1a1a1a;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Roboto, Verdana;
}

.listItemTable {
	BACKGROUND: #ececec;
	COLOR: #1a1a1a;
}

.listItemTop {
	BACKGROUND: #ffffff;
	COLOR: #1a1a1a;
}

.listItemButtom {
	BACKGROUND: #ffffff;
	COLOR: #1a1a1a;
}

/* --- Result grid --- */
.gridResultsItem {
	font-size: 13px;
	font-family: Roboto, Verdana;
	font-weight: bold;
	color: #1a1a1a;
}

.grid-first-item {
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	PADDING: 4px;
	MARGIN: 1px;
}

.grid-item {
	BORDER-RIGHT: #aaaaaa 1px solid;
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px double;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	PADDING: 4px;
	MARGIN: 1px;
}

.grid-header {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #1a1a1a;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	FONT-FAMILY: Roboto, Verdana;
	background-color: #f0f0f0;
	padding: 4px;
}

.grid-last-item {
	BORDER-TOP: #aaaaaa 1px solid;
	BORDER-LEFT: #aaaaaa 1px solid;
	BORDER-BOTTOM: #aaaaaa 1px solid;
	PADDING: 4px;
	MARGIN: 1px;
}

/* --- Pager buttons --- */
.buttonOn {
	border-width: 1px;
	border-color: #1a1a1a;
	border-style: solid;
	background-color: #1a1a1a;
	color: #ffffff;
}

.buttonOff {
	border-width: 1px;
	border-color: #aaaaaa;
	border-style: solid;
	background-color: #ffffff;
	color: #1a1a1a;
}

/* --- Accordion panels --- */
ap {
	font-size: .85em;
	font-family: Roboto, Verdana, Courier New;
}

.apTitleCollapsed {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #1a1a1a;
	text-decoration: underline;
	background-color: #f0f0f0;
	border: solid 1px #cccccc;
	padding: 3px;
}

.apTitleExpanded {
	font-family: Roboto, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	background-color: #1a1a1a;
	border: solid 1px #000000;
	padding: 3px;
}

.apInner {
	font-family: Roboto, Verdana;
	font-size: 13px;
	color: #1a1a1a;
	font-weight: bold;
	background-color: #f7f7f7;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 3px;
}

/* --- Table borders --- */
.tablebg {
	BORDER: 1px solid #1a1a1a;
}