/* My custom stylesheet additions and over-rides */
h1 {
	width:auto;
	height:auto;
	text-indent:0;
	background:none;
}

.header h1 {
	width: 160px;
	height: 60px;
	text-indent: -5000px;
	background: url(../images/logo.gif) 0 0 no-repeat;
}

.fr {
	float:right;
}
.fl {
	float:left;
}
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

/* Form inputs */
input, select, textarea {
	font-size: 11px;
	padding: 2px;
}
input[type="text"], input[type="password"], select, textarea {
	border:2px solid #CCCCCC;
}
input[type="submit"] {
  border: 2px solid #CCC;
  padding: 4px 6px;
  background-color: #EEE;
  cursor: pointer;
  outline: none;
}

/* IE border-radius hacks */
/*
.button a {
	border-radius: 6px;
	behavior: url(../htc/border-radius.htc);
}
.primary-navigation li a {
	border-radius-topleft: 12px;
	border-radius-topright: 12px;
	behavior: url(../htc/border-radius.htc);
}
.report {
	border-radius: 12px;
	behavior: url(../htc/border-radius.htc);
}
.module {
	border-radius: 12px;
	behavior: url(../htc/border-radius.htc);
}
*/

/* Rails Flash and errorExplanation messages */
#flash-notice, #flash-error, .errorExplanation {
	margin:15px 0;
  padding:5px 8px;
}
#flash-notice {
	font-size: 1.2em; 
	font-weight: normal; 
	color:green;
  background-color: #CFC;
  border: solid 1px #6C6;
}
#flash-error, .errorExplanation {
  background-color: #FCC;
  border: solid 1px #C66;
	font-size: 1.2em; 
	font-weight: normal; 
	color:red;
}
.errorExplanation h2 {
	font-size: 1.1em;
	margin: 0 0 0.5em;
	color:red;
	text-shadow:none;
}
.errorExplanation p {
	padding:0;
	margin:0;
}
.errorExplanation ul {
	margin:0;
}
.errorExplanation ul li {
	list-style:disc;
	margin-left:2em;
}
.fieldWithErrors {
	display:inline;
	margin:0;
}

/* No javascript or IE6 banner */
#warning-banner {
	position:absolute;
	left:0px;
	top:0px;
	z-index:999;
	width:100%;
	background:#FFFFB0 none repeat scroll 0 0;
	border:1px solid #E9E782;
	color:#C00000;
	padding:2px 0 1px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

/* Highlight */
.highlighted { 
	padding: 0.2em 0.5em; background-color: #ffffd0 !important; 
}
span.highlight {
	background-color:#FFFFCC;
}
span.italic {
	font-style:italic;
}

#tip {
	font-style:italic;
	color:#666;
}

/* Tables */
table {
	width:100%;
	margin-bottom:1em;;
	border:1px solid #CCC;
}
table td, th {
	padding:5px 10px;
}
table tr.even {
	background-color:#E9E9E9;
}
table tr.header {
	background-color:#DDD;
}

/* Logged in home page */
.training-videos {
	/*
	float:right;
	text-align:center;
	*/
	background-color:#FFFFCC;
}
.training-videos #see-all {
	float:right;
	margin:10px 20px 0 0;
}
.training-videos .video {
	border:2px solid #DDDDDD;
	height:152px;
	margin:10px 20px 5px;
	width:250px;
}
.training-videos .video span {
	display:block;
	color:#DDD;
	font-size:1.75em;
	margin-top:40px;
	text-align:center;
}
.training-videos h4 {
	font-size:1.2em;
	margin-bottom:0;
}

.listing-plus {
	margin:20px 0;
}
.listing-plus .listing-photo {
	float: left;
	height: 120px;
	width: 160px;
	margin:0 15px 0 0;
}
.listing-plus .listing-photo img {
	width:160px;
	height:120px;
}
.listing-info {
	float:left;
	margin:0;
	width:470px;
}
.listing-info .feature {
	display:inline;
	margin-right:1em;
}
.listing-remarks {
	clear:both;
	margin:10px 0;
}
.listing-features {
	margin:10px 0;
}
.listing-features .feature {
	display:inline;
	margin-right:1em;
}
.listing-features .feature span.label {
	font-weight:bold;
}
.listing-adjustments {
	margin:20px 0 0 25%;
}
.listing-adjustments h4 {
	font-size:1.1em;
	margin:0;
}

/* Adjustments */
.adjustments {
	margin:1em 0 1em 180px;
}
.adjustments form {
	margin:0;
}
.adjustments input {
	margin-right:1em;
}
.adjustment-list {
	margin:1em 0;
}
.adjustment {
	margin:0.5em 0;
}
#adjustment_name {
	width:220px;
}
.adjustment .name {
	float:left;
	margin-left:45px;
	width:220px;
	height:1.5em;
	overflow:hidden;
}
#adjustment_value {
	width:80px;
}
.adjustment .value {
	float:left;
	margin-left:48px;
	width:80px;
	height:1.5em;
	overflow:hidden;
}
.adjustment .delete {
	float:left;
	margin:4px 15px
}

/* Adjustments autocompleter */
div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:20px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

/* Report cards */
/* Over-rides from custom.css */
.published-report, .active-report, .pending-report {
	background:none;
}
/* Refinements for custom.css */
div.published-report {
	background: white url(../images/report-published.png) 20px 18px no-repeat;
}
div.active-report {
	background: white url(../images/report-process.png) 20px 18px no-repeat;
}
div.pending-report {
	background: white url(../images/report-pending.png) 20px 18px no-repeat;
}
/* Additions to custom.css */
p.active-report, p.pending-report, p.published-report {
	background-color:transparent;
}
.active-report p.pending-report, .active-report p.published-report {
	display:none;
}
.pending-report p.active-report, .pending-report p.published-report {
	display:none;
}
.published-report p.pending-report, .published-report p.active-report {
	display:none;
}
p.active-report img {
	vertical-align:text-bottom;
}

.listing-customize .module {
	margin-bottom:10px !important;
	padding:0;
}
.listing-customize .module .listing {
	background-image:none;
	padding-left:5px;
}

.property-widget {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	/* background:white url(../images/gripper-background.gif) repeat-y scroll left 0; */
	margin:12px;
	padding-left:5px;
}
.property-widget p {
	margin:0;
}
.property-widget p small {
	font-size:0.8em;
}

/* Listing valuation */
.valuation {
	clear:both;
}
.valuation ul {
	list-style-type:none;
	margin-bottom:1em;
}
.valuation ul li {
	margin-left:0;
}
.valuation .data {
	float:left;
	margin:0 40px 0 0;
}
.valuation a {
	font-size:0.8em;
}
.valuation .data .estimate {
	margin:1em 0;
}
.valuation .data .estimate span {
	border:1px solid #C0C0C0;
	margin-right:20px;
	padding:4px 8px;
}
.valuation-cyberhomes .chart img {
	margin-top:-8px;
}

/* Listing photos and area photos */
.photos-listing img, .photos-neighborhood img {
	/* margin:1px; */
}
.photos-neighborhood #copyright {
	float:right;
	font-size:0.8em;
}

/* Walkscore */
.walkscore .score {
	margin-left:20px;
}
.walkscore span {
	font-size:1.5em;
	font-weight:bold;
}

/* Mortgage */
.mortgage #zillowlogo {
	float:right;
}

/* Comps */
.comparables-zillow #zillowlogo, .comparables-cyberhomes #cyberhomeslogo {
	float:right;
}

/* Neighborhood */
.neighborhood #uniquelist, .neighborhood #wholist {
	margin-top:0.5em;
}
.neighborhood ol, .neighborhood ul {
	list-style-type:none;
	margin-bottom:0;
}
.neighborhood li {
	margin-left:0;
}
.neighborhood #zillowlogo {
	float:right;
}

/* Schools */
.schools #education_com_logo {
	float:right;
}
.schools #education_com_disclaimer {
}

.area-restaurants-yelp #yelp_logo {
	float:right;
}
.area-restaurants-yelp #powered_by_yelp_logo {
	padding-bottom:7px;
	vertical-align:middle;
}

/* Tabs control */
#panecontrol1 li {
	margin:0;
}
.pane-selected {
  list-style-type: none;
  display: block;
  padding: 10px;
}
.pane-unselected {
  list-style-type: none;
  display: none;
}
hr.sep {
	background-color:#CCC;
	height:1px;
	margin:2.5em 0 1.5em -1em;
	width:28em;
}

.contact-item {
	margin:10px 20px;
}
.contact-item {
	padding-left:9em;
	position:relative;
	width:500px;
	margin-bottom:1em;
}
.contact-item label {
	font-weight:bold;
	left:0;
	position:absolute;
	text-align:right;
	width:8em;
}
.contact-item#reqs {
	color:#777777;
	margin-bottom:1.5em;
}
.contact-item#reqs ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin-left:1.2em;
}
.contact-item ol#contact_list li {
	border-bottom:1px solid #D8D8D8;
	margin:5px 0;
	padding-bottom:5px;
	list-style:none;
}
.sortable li {
	cursor:move;
}
.contact-item ol li #key {
	position:absolute;
	text-align:right;
	width:7em;
}
.contact-item ol li #value {
	margin:9em;
	text-align:left;
}
.contact-item ol li #delete {
	float:right;
	margin:3px 10px 0 0;
}
.contact-item #tip {
	color:#777777;
	margin-top:15px;
	font-style:italic;
}

/* MLS Credentials */
#mls-credential-storage {
	color:#777777;
	font-style:italic;
	margin-top:3em;
}

/* Listing card */
.card-handle {
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:100%;
	cursor:move;
/*
	background-color:yellow;
*/
}
.listing:hover {
	cursor:auto;
}
/*
.listing .address {
	float:left;
	margin-right:10px;
	width:52%;
	overflow:hidden;
}
*/
.listing-sort-by {
	float: left;
	font-size: 11px;
}
.listing-sort-by .key {
	font-weight:bold;
}
.listing-sort-by .value {
	background: #ffffcc;
	padding: 5px;
	text-align: center;
}

/* Pagination */
.pagination {
	font-size:1.1em;
}
.pagination .current {
	font-size:1.3em;
	padding:4px;
}
.pagination a {
	padding:2px;
}

/* Listing cards */
.listing .address {
	margin-right:10px;
	padding:0;
	width:330px;
}
.listing .sort-order {
	float: left;
	text-align: center;
	margin-right: 10px;
	width:110px;
	font-size:0.9em;
}
.listing .sort-order .key {
	font-weight:bold;
}
.listing .sort-order .value {
	background: #ffffcc;
	padding: 2px;
}
.listing .price {
	width:auto;
	float:none;
}
.listing .price:hover {
	cursor:auto;
}
.listing .price a {
	padding-right:0;
}

/* User profile link */
#user-link {
	margin-left:5px;
}

/* Hide checkbox on listing cards */
.hide {
	margin-left:10px;
}
.hide img {
	width:14px;
	height:14px;
}

/* Tips */
.tip {
	color:#777777;
	margin-top:15px;
	font-style:italic;
}

/* Make summary card float fixed */
/*
#summary-card {
	position:fixed !important;
	z-index:100001 !important;
}
.footer {
	padding-bottom:0;
}
*/
#summary-card .summary-price {
	float:right;
	margin-right:15px;
}
#summary-card span.right {
	margin-left:20px;
}

/* Footer */
/*
.footer a {
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
*/
.footer {
	margin-bottom:50px;
}
.footer div {
	margin:0 0 3px 75px;
}
.footer img {
	float:left;
}
.footer #links {
	display:inline;
	float:right;
	margin-right:55px;
}
.footer #links a {
	font-weight:normal;
}
.footer .browser-reqs {
	font-size:10px;
	color:#666;
	margin:0;
}
#links li {
	color: #333;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 7px;
	font-weight: bold;
	display: inline;
	border-right: 1px dotted #CCC;
}
#links li:last-child {
	border-right: none !important;
}

.breadcrumbs {
	color:#999;
}
.breadcrumbs a {
	color:white;
}

/* Adjustment pricing indicators */
.price-up {
	position:relative;
	top:-2px;
}

/* User info form */
.user-info-photo {
	float:right;
	width:50%;
}
.user-info-photo img {
	max-height:60px;
	vertical-align:top;
}
.user-info-new-password {
	border-left:1px solid #999999;
	color:#444444;
	float:right;
	margin:29px 225px 0 0;
	padding:15px;
	width:200px;
}

form#contact-item {
	margin:2em 0;
}

/* User breadcrumbs */
.usercrumbs {
	background: url(../images/usercrumbs-background.gif) 0 0 no-repeat;
	color: white;
	height: 35px;
}
.usercrumbs a {
	color: white;
	text-decoration: none;
}
.usercrumbs a:hover {
	text-decoration: underline;
}
.usercrumbs span {
	width: 125px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	display: block;
	float: left;
}
.usercrumbs.step-one {
	background: url(../images/usercrumbs-background.gif) 0 -40px	 no-repeat;
}
.usercrumbs.step-two {
	background: url(../images/usercrumbs-background.gif) 0 -80px no-repeat;
}
.usercrumbs.step-three {
	background: url(../images/usercrumbs-background.gif) 0 -120px no-repeat;
}
.usercrumbs.step-four {
	background: url(../images/usercrumbs-background.gif) 0 -160px no-repeat;
}
.usercrumbs.step-five {
	background: url(../images/usercrumbs-background.gif) 0 -200px no-repeat;
}

/* Page contents */
#page_content_key {
	margin-left:10px;
}

/* Account */
#account_cancel {
	border:1px solid #CCCCCC;
	margin:20px;
	width:80%;
	padding:10px 0;
}

/* Signin link */
/*
a.signin {
    background:#88bbd4;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
a.signin:hover {
    background:#59B;
    *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
}
a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
*/

/* Signin menu */
#signin_menu {
	-moz-border-radius-topleft:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;

	background-color:#333;
	border:none;
	color:white;
	filter:alpha(opacity=94);
	-moz-opacity:0.94;
	-khtml-opacity: 0.94;
	opacity:0.94;

	/*
	background-color:#F3F3F3;
	*/

	width:220px;
	z-index:100;
	text-align:left;
	position:absolute;
	padding:10px 0;
}
#signin_menu p {
	margin:0 20px;
	padding:0 0 1em;
}
#signin_menu p:last-child {
	margin-bottom:0;
}
#signin_menu label {
	font-weight:bold;
}
#signin_menu input[type='text'],
#signin_menu input[type='password'] {
	width:15em;
}
#signin_menu input[type='submit'] {
	width:10em;
}

#signin.menu-open span {
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;

	background-color:#404040!important;
	border:none;
	color:white!important;
	filter:alpha(opacity=94);
/*
	-moz-opacity:0.94;
	-khtml-opacity: 0.94;
	opacity:0.94;
*/

	/*
	background-color:#F3F3F3!important;
	color:#339900;
	*/
}
a#signin {
	text-decoration:none;
}
#signin span {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
	padding:5px 10px;
	background-color:#339900;
	border:none;
	color:white;
	position:relative;
	z-index:101;
	margin:0 5px 0 10px;
}

.account-logo {
	float:right;
	height:65px;
	margin-right:10px;
}

#loading-big {
	font-size:18px;
	color:#333;
}
#loading-big img {
	margin-right:10px;
	vertical-align:middle;
	height:24px;
}

/* Status on listing card */
.withdrawn, .cancelled, .other {
	background: #fca23d url(../images/other-background.gif) 0 bottom repeat-x;
}
.backup {
	background: #99cc33 url(../images/active-background.gif) 0 bottom repeat-x;
}
.subject {
	background: #9999cc url(../images/subject-background.gif) 0 bottom repeat-x;
}
.list-status {
	width:10px;
	margin:3px 15px 0 0;
}
#subject-prop .list-status {
	padding-left:9px;
	width:12px;
}
span.status {
	padding: 5px 15px;
	width: 60px !important;	
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 1px #333;	
	display: block;
	float: left;	
	margin: 0;
	text-align: center;
}
span.list-status-original {
	width:auto !important;
	padding:0 5px;
	font-size:0.9em;
	color:white;
	float:left;
	font-weight:bold;
	margin:4px 20px 0 0;
	text-align:center;
	text-shadow:0 1px 1px #666666;
}

/* Home tab */
.reportstack {
	height:120px;
	margin:10px 20px 0;
	float:left;
}
.welcome-message {
	width:460px;
	float:left;
}
table.reports {
	border:none;
}
table.reports tr {
	border-bottom:solid 1px #DDD;
}
table.reports td.date-stamp {
	color:#666;
	text-align:right;
}

/* CMA form subject property photo */
.subject-property-photo {
	float:right;
	margin-right:10px;
}

/* Home tab tips */
.home-tab-tips {
	float:right;
}
.home-tab-tips li {
	list-style-type:disc;
	margin-left:35px;
}

/* More actions button */
#more-actions-menu {
	-moz-border-radius-topleft:7px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;

	background-color:#333;
	border:none;
	color:white;
	filter:alpha(opacity=94);
	-moz-opacity:0.94;
	-khtml-opacity: 0.94;
	opacity:0.94;
	/*
	background-color:#F3F3F3;
	*/

	width:150px;
	z-index:100;
	text-align:left;
	position:absolute;
	padding:10px 0 5px;
}
#more-actions-menu li {
	margin:0 15px;
	padding:0 0 5px;
	list-style:none;
}
#more-actions-menu li:last-child {
	margin-bottom:0;
}
#more-actions-menu li a {
	color:#FFF;
	text-decoration:none;
}
#more-actions-menu li a:hover {
	text-decoration:underline;
}

#more-actions.menu-open span {
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-left-radius:0px;
  -webkit-border-bottom-right-radius:0px;

	background:#404040 none !important;
	border:none;
	color:#DDD !important;
	filter:alpha(opacity=94);
/*
	-moz-opacity:0.94;
	-khtml-opacity: 0.94;
	opacity:0.94;
*/
	/*
	background-color:#F3F3F3!important;
	color:#339900;
	*/
}
a#more-actions {
	text-decoration:none;
	float:right;
	margin-top:2px;
}
#more-actions span {
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
	padding:5px 10px;
	background:#BFBFBF url(../images/tab-off-background.gif) repeat-x scroll 0 0;
	border:none;
	color:#333;
	position:relative;
	z-index:101;
}
#more-actions img {
	vertical-align:middle;
}

.divider {
	padding: 60px 0 40px;	
}

/* Scriptaculous slider */
#more-criteria-button {
	margin:20px 35px 20px 20px;
}
#more-criteria {
	margin:0 20px 10px;
	/*
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	*/
}
div.range {
	margin:15px 0;
}
div.range label {
	/* display:inline-block; */
	float:left;
	width:3em;
}
div.slider {
	/* These MUST be in the elements style attribute for display:none to initialize ok 
	width:200px;
	height:12px;
	*/
	background:url("../images/slider-images-track-right.png") no-repeat scroll right top transparent;
	position: relative;
	/* display:inline-block; */
	float:left;
	margin-left:20px;
}
div.slider-left {
	/* These MUST be in the elements style attribute for display:none to initialize ok 
	width:5px;
	height:9px;
	*/
	background:url("../images/slider-images-track-left.png") no-repeat scroll left top transparent;
	position:absolute;
}
div.slider div.handle {
	/* These MUST be in the elements style attribute for display:none to initialize ok 
  width:15px;
  height:20px;
	*/
  background:url("../images/slider-images-handle.png") no-repeat scroll center top transparent;
	position:absolute;
}
div.slider div.handle div {
	position:relative;
	top:19px;
	width:40px;
}
div.slider div.handle div.min {
	left:-29px;
	text-align:right;
}
div.slider div.handle div.max {
	left:5px;
	text-align:left;
}

/* Report page cards */
.page {
	background:url("../images/gripper-background.gif") repeat-y scroll left 0 transparent;
	margin:12px;
	padding-left:20px;
}
.page-list .module {
	padding:0;
	margin-bottom:12px;
}
#sub_pages {
	margin:12px;
}

.secondary-navigation {
	color:#222;
}

/* Update link for report edit pages */
#update {
	float:right;
	margin:14px 20px 0 0;
}

/* CMA subject property params */
.sp-params {
	margin:10px 20px;
}
.sp-params div {
	width:70px; 
	float:left;
}

/* Suggested list price calculator table */
.sp-calc table {
	border:1px dotted #CCC;
	margin:1em 0 1.5em;
}
.sp-calc table td {
	border:1px dotted #CCC;
}
.sp-calc form {
	margin-left:10px;
}
#subject_property_price {
	margin:0 0.5em;
}
.module#subject-property {
	margin-bottom:10px !important;
	padding:0;
}
hr.subject-property {
	margin-bottom:10px;
	/*width:95%;*/
	width:0;
}

table#zoom_table {
	border:none;
}

.latest-activity a {
	text-decoration:none;
}