/* global page styles */

html, body {
	background-color: #7D0000;
}

html, body, input, textarea, table, th, td { /* shotgun approach */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #666666;
}

input[type=submit] {
    font-size: 10pt;
}

a:link, a:visited {
	color: #790309;
	text-decoration: none;
}

a:active {
	color: #037973;
}

/* add » before links in some contexts */
p > a:before, div > a:before, td > a:before {
	content: '\BB';
}

a img {
	border: 0;
}

/*LOGIN HEADER*/
#login-header {
	width:778px;
	margin:0pt auto;
	text-align:right;
	height:25px;
	text-transform: uppercase;
}
#login-header a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	margin:5px;
	color:#FFFFFF;
	text-decoration:none;
}
#login-header a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	margin:5px;
	color:#FFFFFF;
	text-decoration:none;
}
#login-header a:hover {
	color:#000000;
}

/* Login dialog */

.dialog {
    width: 60em;
    background-color: #7D0000;
    border: thin solid black;
}

.dialog .title-bar h1 {
    color: white;
    background-color: transparent;
}

.login fieldset h1 {
    display: none;
}

/*LOGO HEADER*/
#logo-header {
	width:778px;
	margin:0pt auto;
	background-color:#FFFFFF;
}
.logo-header {
	margin:3px;
}

/*NAVIGATION BAR*/
#navigation .menu ul {
	width:778px;
	margin:0pt auto;
	background:#e0e0e0 url(../images/HFSBO_Nav_BG.png) repeat-x;
	height:49px;
	text-align:center;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	text-transform: uppercase;
	position: absolute;
	top: 0;
}
#navigation .menu li {
	display: inline;
	vertical-align: middle;
	margin: 15px;
	line-height: 49px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
#navigation .menu ul a {
	vertical-align: middle;
}
#navigation .menu ul a:link {
	color:#666666;
	text-decoration:none;
}
#navigation .menu ul a:visited {
	color:#666666;
	text-decoration:none;
}
#navigation .menu ul a:hover {
	color:#000000;
}
#navigation .menu h1 {
	display: none;
}

/*MAIN CONTENT WRAPPER*/
#navigation {
	background-color: white;
	margin: 0 auto;
	position: relative;
	width: 778px;
	padding-top: 1px; /*prevent collapse*/
}

#navigation .navigation-body {
	position: relative;
	margin-top: 50px;
	padding-top: 1px; /*prevent collapse*/
	padding-bottom: 1px;	/*similar*/
}

/*WELCOME WIDGET*/

.widget.welcome {
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 1em;
	max-width: 469px;
	background-color: white;
}

.welcome .view.data .submit {
    text-align: left;
}

.main-photo {
	display: block;
	margin-top:28px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

/* THINGS I GENERALLY WANT FOR CONTENT... */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin-left:20px;
	font-weight: normal;
	text-transform: uppercase;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	/*margin-top:-8px;*/
	margin-left: 20px;
	line-height:1.3em;
	width:413px;
}

fieldset {
    border: 0;
}

.pagination {
    text-align: right;
}

.pagination input.page-number {
    width: 4em;
}

.form-fields-title {
    display: none;
}

.view.data div.submit {
    text-align: right;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

div.submit .modify {
    font-size: 12pt;
    border: 1px solid #790309;
    padding: 0.2em;
}

div.submit .modify:hover {
    background-color: #ffcccf;
}

.slot-name {
    display: -moz-inline-box;
    display: inline-block;
    min-width: 14em;
}

.view ul, .view ol, .view li {
    list-style-type: none;
    margin-left: 20px;
    padding-left: 0;
}

/* SEARCH HOMES */

.search-homes-form, .stories {
	float: left;
	clear: left;
	width: 309px;
}

.search-homes-form {
	background-image: url(../images/search-bg.png);
	background-repeat: no-repeat;
	font-size: 10px;
	color: white;
	position: relative;
	min-height: 251px;
	width: 292px;
	margin-left: 18px;
}

.search-homes-form h1 {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	width: 114px;
	line-height: 16px;
	vertical-align: middle;
	text-align: center;
	color: white !important;
}

.search-homes-form fieldset {
	border: 0;					/*TODO post-compose kill*/
}

.search-homes-form fieldset ul {
	list-style: none;
	margin-top: 60px;
	margin-left: 18px;
	padding-left: 0;
}

.search-homes-form fieldset li {
	margin-top: 4.4em;
}

.search-homes-form fieldset .slot-name {
	display: inline-block;		/*TODO post-compose kill*/
	min-width: 88px;
}

.search-homes-form div.submit {
	position: absolute;
	bottom: 23px;
	left: 18px;
}

.search-homes-form div.submit input {
	font-size: 10pt;
}

.search-homes-form .form-fields-title {
	display: none;				/*TODO post-compose kill*/
}

.search-homes-form h1, .search-homes-form .slot-name {
	text-transform: uppercase;
}

/* listing search chrome */

.listing-search {
	padding-top: 36px;
}

.listing-search .dataseq-form {
	position: relative;
	margin: 3pt;
	padding: 0 4pt 4pt 4pt;
}

.listing-search .datalist-body {
	clear: right;
}

.listing-search .listing-search-sublogo {
	position: absolute;
	top: 4pt;
	left: 12pt;
}

.listing-search ol, .listing-search ol > li {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.listing-search li {
	display: block;
}

.listing-search p {
	max-width: 80%;
}

.listing-search-result {
	margin: 1em auto;
	padding: 1em;
	width: 70%;
	border: thin solid #666;
	position: relative;
}

.listing-search-result .label {
	display: none;
}

.listing-search-result *[class~="#-bedrooms"] .label,
.listing-search-result *[class~="#-baths"] .label {
	display: inline;
}

.listing-search-result li.photo {
	float: left;
	margin-right: 1em;
}

.listing-search-result li.result-group.right {
	float: right;
	text-align: right;
}

/* FEATURED NEWS */

.stories {
	width: 294px;				/*override*/
}

.stories h1 {
	font-family: monospace;
	font-weight: bolder;
	font-size: 12pt;
	text-align: center;
}

.stories ol, .stories ol ul, .stories li {
    list-style-type: none;
    margin-left: 20px;
    padding-left: 0;
}

.stories ol ul, .stories li {
	margin-left: 0;
}

.stories .date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7D0000;
	margin-top:12px;
	margin-left:20px;
}

.view.story h1 {
	display: none;
}

.view.story .label {
    display: none;
}

/* LEGAL AGREEMENTS (admin, pal) */

.view.data .legal-agreement {
    width: 80%;
    margin: 0.5em auto;
    max-height: 8em;
    overflow: scroll;
}

/* EMAIL MESSAGING */

.headerless-email-message h1 {
    display: none;
}

/* statistics panel */

.statistics-panel {
	border: 3pt dashed green;
	max-width: 35%;
	color: olive;
}

.statistics-panel h1 {
	font-family: monospace;
	font-weight: bolder;
	font-size: larger;
	color: olive;				/*precedence hack*/
}

.statistics-panel .view.data h1 {
	display: none;
}

.customer-wide-statistics {
	float: right;
}

.customer-wide-statistics h1 {
	text-align: right;
}

/* open houses */

.open-houses {
	position: relative;
	padding-top: 36px;
}

.open-houses .open-houses-sublogo {
	position: absolute;
	top: 4pt;
	left: 12pt;
}

/* fringe gradients */

.fringe-gradient {
    position: absolute;
	display: block;
}

.fringe-gradient.north, .fringe-gradient.west {
    top: 0;
    left: 0;
}

.fringe-gradient.east, .fringe-gradient.south {
    bottom: 0;
    right: 0;
}

.fringe-gradient.north, .fringe-gradient.south {
    width: 80%;
    height: 3pt;
}

.fringe-gradient.west, .fringe-gradient.east {
    height: 80%;
    width: 3pt;
}