/*
@media (max-width:767px) {  }
@media (min-width:768px) {  }
*/

BODY {MARGIN-TOP: 0; font-size:17px; MARGIN-LEFT: 0; MARGIN-RIGHT: 0; margin-bottom:0; line-height:1.6; background-color:#fff;  }
TD {FONT-SIZE: 17px; COLOR: #333333; FONT-FAMILY:  arial,verdana,sans-serif; line-height:1.6; }
DIV {FONT-SIZE: 17px; COLOR: #333333; FONT-FAMILY:  arial,verdana,sans-serif; line-height:1.6; }

h1  {
    FONT-SIZE:28px;
    FONT-FAMILY:arial, verdana,sans-serif;
    COLOR: #323232;
    margin-top:4px;
    padding-bottom:12px;
    font-weight:bold;
    line-height:1.6;
    margin-bottom:8px;
}

h2  {  FONT-SIZE: 22px; FONT-FAMILY: arial,verdana,sans-serif; COLOR: #93d11a; margin-top:2px; margin-bottom:1px; font-weight:bold;}

a:link {FONT-SIZE: 17px; FONT-FAMILY: arial,verdana,sans-serif; COLOR: #045eb9; TEXT-DECORATION: underline;  }
a:visited {FONT-SIZE: 17px; FONT-FAMILY: arial,verdana,sans-serif; COLOR: #155eb9; TEXT-DECORATION: underline;  }
a:hover {FONT-SIZE: 17px; FONT-FAMILY:  arial,verdana,sans-serif; COLOR: #1b8aCe; TEXT-DECORATION: underline;  }



/* MAIN NAV BUTTONS: */
@media (max-width:767px) {
    a.nav:link, a.nav:visited {
        FONT-SIZE:17px;
        FONT-FAMILY:  arial,verdana,sans-serif;
        COLOR: #ffffff;
        TEXT-DECORATION: none;
        font-weight:bold;
        text-align:center;
        min-width:70px;
        padding:6px 12px 6px 12px;
        margin-right:6px;
        display:inline-block;
    }
    a.nav:hover {
        COLOR: #ebffc4;
        background-color:#74bfe7;
    }

    a.nav-selected:link, a.nav-selected:visited  {
        text-decoration:underline !important;
    }

}
@media (min-width:768px) {

    a.nav:link, a.nav:visited {
        FONT-SIZE:24px;
        FONT-FAMILY:  arial,verdana,sans-serif;
        COLOR: #ffffff;
        TEXT-DECORATION: none;
        font-weight:bold;
        text-align:center;
        min-width:100px;
        padding:12px 18px 12px 18px;
        margin-right:12px;
        display:inline-block;
    }
    a.nav:hover {
        COLOR: #ebffc4;
        background-color:#74bfe7;
    }

    a.nav-selected:link, a.nav-selected:visited  {
        text-decoration:underline !important;
    }

}


.new-content  {
    padding:8px;
    margin:20px auto 0 auto;
    width:100%;
    max-width:995px;
    min-width:300px;
    box-sizing:border-box;
}

a.big:link {FONT-SIZE: 17px; FONT-FAMILY: arial,verdana,sans-serif; font-weight:Bold; COLOR: #045eb9; TEXT-DECORATION: underline;  }
a.big:visited {FONT-SIZE: 17px; FONT-FAMILY: arial,verdana,sans-serif;font-weight:Bold;  COLOR: #155eb9; TEXT-DECORATION: underline;  }
a.big:hover {FONT-SIZE: 17px; FONT-FAMILY:  arial,verdana,sans-serif;font-weight:Bold;  COLOR: #1b8aCe; TEXT-DECORATION: underline;  }

a.bigblue:link, a.bigblue:visited  {
	font-size:21px;
	font-weight:Bold;
	background-color: #2150b2;
	color:#fff;
	padding:12px;
	min-width:100px;
	border-radius:5px;
	text-decoration:none;
}
a.bigblue:hover  {
	text-decoration:none;
	background-color: #4d82d6;
}
a.bigblue:focus, a.bigblue:active  {
	border:2px solid #09f;
}

a.viewdetailsbtn:link, a.viewdetailsbtn:visited  {
	margin-top:12px;
	font-weight:bold; 
	font-size:17px;
	color:#0089e6;
	background-color:#f1f1f1;
	border:1px solid #c1c1c1;
	border-radius:4px;
	padding:8px;
	text-decoration:none;
}

a.viewdetailsbtn:hover  {
	background-color: #fffead;
	text-decoration:none;
	border:1px solid #999;
	color:#555;
}

a.mainbacklink  {
	background-color:#ffffff;
	font-size:17px; font-weight:bold; padding-top:12px; padding-bottom:12px; padding-right:20px; padding-left:12px; border-radius:3px;
}
a.mainbacklink:hover  {
	background-color:#f1f1f1;
}



/* --- Mobile / Mini Screen CSS: -------------------------------- */
@media (max-width:767px) {

    .bigscreenonly {
        display: none !important;
    }

    .bigscreenonlyblock {
        display: none;
    }

    .bigscreenonlyinlineblock {
        display: none;
    }

    .bigscreenonlytable {
        display: none;
    }

    .bigscreenonlytablecell {
        display: none;
    }

    .bigscreenonlytablerow {
        display: none;
    }

    .miniscreenonly {
        display: block;
    }

    .miniscreenonlyblock {
        display: block;
    }

    .miniscreenonlyinlineblock {
        display: inline-block;
    }

    .miniscreenonlytable {
        display: table;
    }

    .miniscreenonlytablecell {
        display: table-cell;
    }

    .miniscreenonlytablerow {
        display: table-row;
    }
}


/* --- Desktop / Full Screen CSS: -------------------------------- */
@media (min-width:768px) {

    .bigscreenonly {
        display: block;
    }

    .bigscreenonlyblock {
        display: block;
    }

    .bigscreenonlyinlineblock {
        display: inline-block;
    }

    .bigscreenonlytable {
        display: table;
    }

    .bigscreenonlytablecell {
        display: table-cell;
    }

    .bigscreenonlytablerow {
        display: table-row;
    }

    .miniscreenonly {
        display: none;
    }

    .miniscreenonlyblock {
        display: none;
    }

    .miniscreenonlyinlineblock {
        display: none;
    }

    .miniscreenonlytable {
        display: none;
    }

    .miniscreenonlytablecell {
        display: none;
    }

    .miniscreenonlytablerow {
        display: none;
    }
}



	.error  {  color:#aa0000; font-weight:bold;  }
	.grey  {  color:#aaaaaa;  }
	.red  {  color:#aa3333;  }
	.city  {  font-size:17px; font-weight:bold;  }
	.address  {  font-size:17px; font-weight:bold;  }
	.ddate  {  font-size:15px;  }

	a.rlink:link { color:#aa0000; font-size:17px; font-weight:bold; FONT-FAMILY: arial,verdana; TEXT-DECORATION: underline;  }
	a.rlink:visited { color:#aa0000; font-size:17px; font-weight:bold; FONT-FAMILY:  arial,verdana; TEXT-DECORATION: underline;  }
	a.rlink:hover { color:#cc3333; font-size:17px; font-weight:bold; FONT-FAMILY:  arial,verdana; TEXT-DECORATION: underline;  }
	
	a.elink:link { font-size:17px; font-weight:bold; FONT-FAMILY: arial,verdana; TEXT-DECORATION: underline;  }
	a.elink:visited { font-size:17px; font-weight:bold; FONT-FAMILY: arial,verdana; TEXT-DECORATION: underline;  }
	a.elink:hover { font-size:17px; font-weight:bold; FONT-FAMILY:arial,verdana; TEXT-DECORATION: underline;  }
	
	a.vlink:link,a.vlink:visited {
        font-size:17px;
        font-weight:bold;
        FONT-FAMILY:  arial,verdana,sans-serif;
        background-color:#f1f1f1;
        border-radius:5px;
        box-sizing:border-box;
        margin-bottom:8px;
        margin-right:8px;
        display:inline-block;
        padding:6px 8px 6px 8px;
        text-decoration:none;
    }
	a.vlink:hover {
        TEXT-DECORATION: underline;
    }


.big  {  font-size:18px; font-weight:bold;  }

.verybig  {  font-size:24px; font-weight:bold;  }

.error  {  color:#aa0000; font-size:17px;  }

.label, label  { display:inline-block; padding:4px; font-size:17px; font-weight:bold; margin-bottom:2px; cursor:pointer; }
.label:hover, label:hover  {  background-color:rgba(0,0,0,0.1); }
.my-label  {  font-size:17px; font-weight:bold; margin-bottom:2px;  }

input.setup {
	border: 1px solid #9FC72C;
	padding: 8px;
    width:95%;
    max-width:600px;
    min-width:240px;
	height:28px;
    font-size:17px;
}

textarea.setup {
	border: 1px solid #9FC72C;
	padding: 8px;
	height:125px;
    width:95%;
    max-width:700px;
    min-width:240px;
    font-size:17px;
}

input.setup:focus, textarea.setup:focus {
	border: 1px solid #83ACCA;
}

input[type=submit]  {
    cursor:pointer;
    font-size:18px;
    padding:12px 18px;
    min-width:150px;
    text-align:center;
    border-radius:5px;
    border:1px solid #555;
    background-color:#2150b2;
    color:#fff;
}
input[type=submit]:hover  {
    background-color: #3967c7;
    border:1px solid #2150b2;
}

.error  {  color:#990000;  font-weight:bold;  }


a.garage-sale-listing:link, a.garage-sale-listing:visited  {
    padding:12px 12px 12px 52px;
    border-radius:8px;
    display:block;
    border:1px solid #eee;
    margin-bottom:12px;
    color:#333;
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:10px 18px;
    background-size:26px 35px;
}
a.garage-sale-listing:hover  {
    text-decoration:none;
    background-color:rgba(90,175,215,0.1);
    border:1px solid rgba(90,175,215,0.4);
    /* light box shadow: */
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.1);
}
.red-garage-sale-sign  {
    background-image:url('/images/garagesalesign_red.png');
}
.green-garage-sale-sign {
    background-image: url('/images/garagesalesign_gray.png');
}

#map {
    height: 50vh;
    width: 100%;
    box-sizing:border-box;
    margin-bottom:28px;
    border-radius:8px;
    border:1px solid #ccc;
    margin-top:16px;
}