@charset "UTF-8";

/* CSS Document */
/*--------------------------  tag styles  -----------------*/
body td {vertical-align:top; text-align:left;}
body,p,blockquote,ul,ol,li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555;}
h1,h2,h3,h4,h5,h6 { color: #18305A; }
blockquote {margin-left: 20px; }
input, textarea, select { border: 1px #ccc solid; font-size: 13px; color: #666;}


/*--------------------------  link styles  -----------------*/
a, a:link, a:visited, a:active {color: #4A6394; font-size:12px;}
a:hover {color: #9CAD00;}
a.tools:link, a.tools:active, a.tools:visited { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
a.tools:hover { color: #953129; }
.temp_tools { font-size: 10pt; font-weight: bold; color: #666666; text-decoration: none; padding: 0; margin: 0; }
a.atitle, a.atitle:link a.atitle:active, a.atitle:visited { font-size: 14px; color: #147; font-weight:bold; text-decoration: none;}
a.atitle:hover { font-size: 14px; color: #9CAD00; font-weight:bold; text-decoration: underline;}
a.demo, a.demo:link a.demo:active, a.demo:visited { font-size: 11px; color: #4A6394; text-decoration: underline; letter-spacing:normal;}
a.demo:hover {color:#9CAD00;}
a.noborder a { border:none; border-color: transparent; }

/*--------------------------  main styles  -----------------*/
.main_table {border:1px solid #333333;} /* the table inside which the header, nav, and content are contained. */
.title {font-size: 14px; color: #4A6394; font-weight:bold; text-decoration: none;}
.mediumtitle {font-size: 12px; color: #8a3; font-weight:bold; text-decoration: none;}
.smalltitle {font-size: 7pt; color: #147; font-weight: normal;}
.largetitle {font-size: 16pt; color: #18305A; font-weight:bold; margin: 0px; font-family:Arial, Helvetica, sans-serif;}
.content {font-size: 12px; color: #000000; font-family: Arial;}
.brokers_only {font-size: 12px; color: #000000; font-style:italic}
.highlight { font-size: 12px; color: #953129; }

.float_right {float:right; margin-top: 3px; margin-bottom: 3px; margin-left: -5px; margin-right: 3px;}
.float_left {float:left; margin-top: 3px; margin-bottom: 3px; margin-left: -5px; margin-right: 15px;}

/*--------------------------  header styles  -----------------*/
.nav_header {color: #444; text-decoration: none; }
a.nav_header {color: #444; }
.selected_header {color: #A00; text-decoration: none; font-weight:bold;}
a.selected_header { color: #A00; }

/*--------------------------  news styles  -----------------*/
.news_box {}
.news_date {font-size: 12px; color: #8a3; font-weight:bold; margin: 0px; padding-left: 5px; padding-top: 2px; padding-bottom: 0px; padding-right: 5px; letter-spacing:1px;}
.news_title {font-size: 13px; color: #030303; margin: 0px; padding-left: 5px; padding-top: 0px; padding-bottom: 0px; padding-right: 5px; font-weight: 600;}
.news_text {font-size: 12px; color: #555; margin: 0px; padding: 3px 5px 0px 5px; }
.news_more {margin:4px 0 2px 0; padding-right:5px; color: #579; }
a.news_more,a.news_more:active,a.news_more:link,a.news_more:visited {font-size: 12px; line-height:normal; margin:0px; color: #579; margin: 0px;  padding-left:5px; text-transform:capitalize; letter-spacing:.5px;}
a.news_more:hover {color:#795; text-decoration:underline;}
.thumbnail { padding: 0 3px 2px 1px; }


/*--------------------------  shadow styles  -----------------*/
.shadow_box { margin-bottom: 5px;} 
.border {border:1px solid #cccccc; padding: 1px;}
.padded-border {border:1px solid #cccccc; padding: 3px 15px 10px 15px;}
.shadow_lt {background-image:url(../images/shadow/lt.gif); background-repeat:repeat-y;}
.shadow_rt {background-image:url(../images/shadow/rt.gif); background-repeat:repeat-y;}
.shadow_bot {background-image:url(../images/shadow/bot.gif); background-repeat:repeat-x;}

/*--------------------------  footer styles  -----------------*/
.footer {font-size: 6pt; padding-right: 2px; padding-left: 2px; }
a.footer:link,a.footer:visited,a.footer:active { text-decoration: underline;}
a.footer:hover {color:#99C; text-decoration: none;}
a.feed:link, a.feed:active, a.feed:visited { }
a.feed img {border:1px #79c solid;}
a.feed img:hover {border:1px #9be solid;}
a.feed:hover {color:#9be;}

.notopbottom { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

/*--------------------------  dividers -----------------*/
.hr {display: block; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 14px; height:inherit;  }
table.bottomborder {border-bottom: 1pt solid #808080; width: 250px;}

.indent { margin-left: 5px; text-indent:20px;}
.indent:first-letter {font-size:14px;}
.disclaimer { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: italic; }


body {
	margin: 0;
	padding: 0;
	font: 100 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #EFEBEF;
}

/**
 * Header Items - Exists on all pages
 */
#header {
	position: relative;
	width: 776px;
	height: 75px;
	border-bottom: 1px #bbb solid;
	background: url(../layout/header_gradient.gif) top repeat-x;
}

/* Logo and tagline */
#idxLogo {
	position: absolute;
	top: 0;
	left: 15px;
}
#logoTag {
	position: absolute;
	top: 50px;
	left: 140px;
	font: 100 8pt "Courier New", Courier, monospace;
	color: #AAA;
}

/* Toll Free number */
#contactNumber {
	position: absolute;
	top: 0px;
	right: 20px;
	font: bold 19pt Geneva, Arial, Helvetica, sans-serif, sans-serif;
	color: #847e6f;
}
#contactNumber div {
	float: left;
	font: bold 13pt "Arial Narrow", Geneva, Verdana, Helvitica, sans-serif;
	color: #646464;
	margin: 6px 10px 0 0;
}

/* Client Login */
#clientLogin {
	width:770px;
	height:14px;
	padding:3px;
	padding-bottom:8px;
	color:#8a3;
	font:normal 12px/14px arial ;
	background:#fff;
	border-bottom:1px #ccc solid;
	margin-bottom:5px;
}

#loginHeader {
	background:#ccc;
	color:#666;
	float:left;
	width:130px;
	text-align:center;
	font-size:12px;
	padding:3px;
	margin:-3px;
	margin-top:-1px;
}

#loginHeader:hover {
	background:#bbb;
}

#loginHeader a, #loginHeader a:link {
	display:block;
	color:#fff;
	text-decoration:none;
}


#loginForm {
	float:right;
	text-align:left;
	margin-right:8px;
}

#loginForm input {
	font:normal 11px/12px arial;
	border:1px #9bd solid;
}

#loginForm #userInput, #loginForm #passwordInput, #loginForm #loginInput {
	float:left;
	margin:0px 5px ;
}

#loginForm #loginInput input {
	background:#79b;
	color:#fff;
}

/* Header Navigation Text */
#headerNav {
	position: absolute;
	right: 0px;
	top: 58px;
	font: 100 10pt Tahoma, Verdana, Arial, sans-serif;
}
.headerItem {
	border-right: 1px #AAA solid;
	height: 14px;
	padding: 0px 8px 2px 8px;
}
.headerItemLast {
	height: 14px;
	padding: 0px 18px 2px 8px;
}
.headerItem a, .headerItemLast a {
	color: #444;
	text-decoration: none;
}
.navUnderline {
	height: 9px;
}
.navUnderline-h {
	border-top:1px #fff solid;
	height: 9px;
	background: #69c;
}
#underlineBar {
	height: 7px;
	margin-bottom:2px;
	border-bottom: 1px #ddd solid;
	background:#f9f9f9;
}


/**
 * Content Items - Everything below the header and above the copyright
 */
#bodyWrapper {
	width: 776px;
	background: url(../layout/bottomBars.gif) bottom repeat-x;
	z-index: 2;
}

/* The contentWrapper holds the slight gradient behind the contentHeader */
#contentWrapper {
	width: 774px;
	text-align: left;
	float: left;
}
.contentHeader {
	font-size: 20pt;
	color: #AAA;
	margin-left: 15px;
	padding-top: 5px;
}
/* This wraps around the actual content within the design body */
.content {
	margin: 8px 0 0 30px;
	padding: 0 10px 10px 0;
}

/**
 * This is the side navigation for quick browsing of the sitemap
 */
#directory {
	width: 226px;
}
#directoryHeader {
	width: 226px;
	height: 35px;
	margin-top: 24px;
	padding-top: 5px;
	color: #FFF;
	font-size: 17pt;
	text-align: center;
	background: #c2b9a3;
	border-bottom: 1px #aca592 solid;
}
#directoryMap {
	width: 226px;
	height: 100%;
	text-align: left;
}
.directoryMainItem {
	font-size: 9pt;
	font-weight: bold;
	padding: 8px 0 8px 15px;
	color: #555;
	background: #D4CDBC;
	border-top: 1px #e2ddd2 solid;
	border-bottom: 1px #aca592 solid;
	cursor: pointer;
}
.directorySubContainer {
	overflow: hidden;
	height: 0;
}
.directorySubItem {
	font-size: 8pt;
	font-weight: bold;
	padding: 2% 0 2% 30px;
	color: #777;
	background: #d7d0c0;
	border-bottom: 1px #cac2af solid;
	cursor: pointer;
}
.directorySubItemLast {
	font-size: 8pt;
	font-weight: bold;
	padding: 2% 0 2% 30px;
	color: #777;
	background: #d7d0c0;
}

/* The features are listed on features.php */
.featureBox {
	width: 363px;
	height: 164px;
	background: url(../layout/feature_bg.gif) top left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}
.featureHeader {
	width: 310px;
	height: 20px;
	padding: 4px 0 0 15px;
	border-bottom: 1px #AAA dashed;
	color: #444;
	font-weight: bold;
}

.feature_text {
	margin-left: 5px;
}

/* New Features box stuff maybe*/
.featured_long {margin:10px 0 0 0 ;}
.featured_long .box_title {width:495px; height:30px; background: url('/images/box_title.jpg') no-repeat; text-align:center;font:normal small-caps 24px/30px Arial, Helvetica, sans-serif; color:#666;}
.featured_long .box_content {width:493px; border-right:1px #ddd solid; border-left:1px #ddd solid; }

/* testing this style, for the screenshots div in the featured detail pages*/
#scrollableImages {height: 478px; overflow-x:hidden;}

	.featured_long .box_content .content_padding {padding:10px;}
		.featured_long .box_content .content_padding .content_image {margin:10px 10px 5px 5px; float:left; }
			.featured_long .box_content .content_padding .content_image img {width:100px; border:3px #eee solid; padding:4px; background:#fff;}
		.featured_long .box_content .content_padding .content_text {font:normal 15px/18px Arial, Helvetica, sans-serif; color:#777;}
			.featured_long .box_content .content_padding .content_text ul {list-style-position:inside; margin:0px; padding:0px;  }
			.featured_long .box_content .content_padding .content_text ul li {color:#579;}
			.featured_long .box_content .content_padding .content_text p {color:#555; font-size:11px; line-height:12px;}
				.featured_long .box_content .content_padding .content_text p strong {color:#333;}
.featured_long .box_footer {width:495px; height:10px; background:url('/images/box_footer.jpg') no-repeat;}

.left_half_column {float:left; width:245px; margin-right:5px;}
.right_half_column {float:left; width:245px;}

.featured_short {margin:10px 0 0 0 ;}
.featured_short .box_title {width:245px; height:30px; background:url('/images/short_box_title.jpg') no-repeat; text-align:center;font:normal small-caps 16px/30px Arial, Helvetica, sans-serif; color:#666;}
.featured_short .box_content {width:243px; border-right:1px #ddd solid; border-left:1px #ddd solid; }
	.featured_short .box_content .content_padding {padding:10px;}
		.featured_short .box_content .content_padding .content_image {margin:5px 10px 5px 5px; float:left;}
			.featured_short .box_content .content_padding .content_image img {height:70px; border:1px #ccc solid; padding:5px; background:#fff;}
		.featured_short .box_content .content_padding .content_text {list-style-position:inside; height:100px; overflow:hidden; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#666;}
.featured_short .box_footer {width:245px; height:20px; text-align:right; background:url('/images/short_box_footer.jpg') no-repeat;}
	.featured_short .box_footer:hover {}
	.featured_short .box_footer a,.featured_short .box_footer a:link {margin-right:10px;font:normal 12px/20px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;}
	.featured_short .box_footer a:hover {color:#fff;}

/*IDXMIN Feature Creator styling*/
#featuresWarning {
	padding:10px;	
}

#featuresWarning h2 {
	display:block;
	border-bottom:1px #ccc dotted;
	color:#579;
	font-weight:normal;
}

#featuresWarning ul li {
	font:normal 1.1em/1.1em arial ;
}

#featuresAddon {
	padding:10px;	
}

#featuresAddon h2 {
	display:block;
	border-bottom:1px #ccc dotted;
	color:#579;
	font-weight:normal;
}

#featuresAddon h3 {
	margin:2px;
	padding:2px;
}

#featuresAddon .warning {
	color:#900;
	font: normal 0.9em/1em arial;
	padding:2px;
}

/*End of the idxmin features styling*/

.left_third_column {float:left; width:320px; margin-right:5px;}
.right_third_column {float:left; width:170px;}

.left_third_column .left_box {margin:10px 0 0 0 ;}
.left_box .box_title {width:320px; height:30px; background:url('/images/left_box_title.jpg') no-repeat; text-align:center;font:normal small-caps 16px/30px Arial, Helvetica, sans-serif; color:#666;}

.box_title h1 {font:normal small-caps 24px/30px Arial, Helvetica, sans-serif; color:#666;}
.left_box .box_content {width:318px; border-right:1px #ddd solid; border-left:1px #ddd solid; }
	.left_box .box_content .content_padding {padding:10px;}
		.left_box .box_content .content_padding .content_image {margin:10px 10px 5px 5px; float:left;}
			.left_box .box_content .content_padding .content_image img {width:50px; border:3px #ddd solid; padding:4px; background:#fff;}
		.left_box .box_content .content_padding .content_text { color:#666;}
			.left_box .box_content .content_padding .content_text ul {margin:0px; padding:0px; list-style-position:inside; }
				.left_box .box_content .content_padding .content_text ul li {color:#666; font:normal 15px/22px Arial, Helvetica, sans-serif;}
.left_box .box_footer {width:320px; height:20px; text-align:right; background:url('/images/left_box_footer.jpg') no-repeat;}
	
.right_third_column .right_box {margin:10px 0 0 0 ;}
.right_box .box_title {width:170px; height:30px; background:url('/images/right_box_title.jpg') no-repeat; text-align:center;font:normal small-caps 16px/30px Arial, Helvetica, sans-serif; color:#444;}
.right_box .box_content {width:168px; border-right:1px #ddd solid; border-left:1px #ddd solid; }
	.right_box .box_content .content_padding {padding:10px;}
		.right_box .box_content .content_padding .content_image {margin:2px; }
			.right_box .box_content .content_padding .content_image img {width:130px; border:3px #ddd solid; padding:4px; background:#fff;}
		.right_box .box_content .content_padding .content_text {list-style-position:inside; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#666;}
			.right_box .box_content .content_padding .content_text ul {margin:0px; padding:0px;}
.right_box .box_footer {width:170px; height:20px; text-align:right; background:url('/images/right_box_footer.jpg') no-repeat;}
	.right_box .box_footer:hover {}
	.right_box .box_footer a, .right_box .box_footer a:link {margin-right:10px;font:normal 12px/20px Arial, Helvetica, sans-serif; color:#999; text-decoration:none;}
	.right_box .box_footer a:hover {color:#333;}

/*Comparison Table Styling */
#comparison_table table {font:normal 11px/12px Arial, Helvetica, sans-serif; color:#555;}
#comparison_table table tr td {background:#f9f9f9; padding-left:5px; text-align:center; vertical-align:middle;}
#comparison_table .comp_title {background:#ddd; font-size:14px; font-weight:bold; text-align:center; color:#333; height:30px;}
#comparison_table .comp_title:hover {background:#999;}
	#comp_title_left {font-size:14px; font-weight:bold; color:#333; height:30px; text-align:left; background:url(../images/comp_title_left.png) no-repeat !important;}
		#comp_title_left:hover {background:url(../images/comp_title_left_hover.png) no-repeat !important;}
	#comp_title_right {font-size:14px; font-weight:bold; color:#333; height:30px; background:url(../images/comp_title_right.png) no-repeat !important;}
		#comp_title_right:hover {background:url(../images/comp_title_right_hover.png) no-repeat !important;}
#comparison_table .comp_single {background:#dfe3ef; color:#666;}
#comparison_table .comp_single:hover {background:#789; color:#fff;}
#comparison_table .comp_multi {background:#cd8; color:#666;}
#comparison_table .comp_multi:hover {background:#8a3; color:#fff;}



/* The copyright exists just below the bottom of the content area */
#copyright {
	color: #444;
	margin-bottom: 20px;
}

#copyright p {
	font-size:11px;
}

#copyright a, #copyright a:link {
	font-size:11px;
	color: #79c;
	text-transform:capitalize;
	font-variant:small-caps;
}

#copyright a:hover {
	color: #9be;
}
.scrollableImages{
	
}
.blueBtn{
    border: none;
    background-image: url('/images/mlsSendBtn.png');
    height: 40px;
    width: 75px;
    cursor: pointer;
}
#mlsSignup{
    width: 254px;
    height: 75px;
    background-image: url('/images/SignupFull.png');
    background-position: center;
    margin: 10px 0px 20px 0px;
}
#contactArrow{
    padding: 0px 0px 10px 0px;
    background-image: url('/images/contactArrow.png');
    width: 200px;
    height: 30px;
    margin: 20px 0px 0px 0px;
}


/* IE6 css fixer v0.4: Fri, 18 Sep 2009 23:46:26 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.float_right,
.float_left,
#contactNumber div,
#loginHeader,
#loginForm,
#loginForm #userInput,#loginForm #passwordInput,#loginForm #loginInput,
#contentWrapper,
.left_half_column,
.right_half_column,
.featured_short .box_content .content_padding .content_image,
.left_third_column,
.right_third_column,
.featured_long .box_content .content_padding .content_image,.left_box .box_content .content_padding .content_image {display:inline;}

/* add zoom:1 to overflow:hidden */
.directorySubContainer,
.featured_short .box_content .content_padding .content_text {zoom:1;}

/* fix negative margins */
.float_right,
.float_left,
#loginHeader {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#header {zoom:1;}