/*

	-- -- -- -- -- -- --
	Sutton.com base CSS
	-- -- -- -- -- -- --
	

	Each of the following three files is a separate,
	browser-specific CSS file that keeps all hacks
	out of the main style sheet.
	
	Over time, as supporting these browsers no longer
	remains a priority, cleaning up the hacks is as
	easy as deleting the @import statement.
	
*/


@import "ie6win.css";

/*\*//*/
  @import "ie5mac.css";
/**/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */


/* -- undo HTML -- */
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none;}
	h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
	ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	a img,:link img,:visited img {border: none;}
	address {font-style: normal;}

/* -- basic HTML elements -- */
	a:link {color: #9C0D0D; border-bottom: solid 1px #9C0D0D;}
	a:visited {color: #600; border-bottom: solid 1px #600;}
	a:hover {color: #D80808;}
	body {color: #222; background: #fff url(../img/sidebar-bg.gif) repeat-y 66% top; font: 76% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; margin: 0; padding: 0; height: 100%;}
	* html body { background: #707070; }
	h1,legend {font-size: 2em; font-weight: bolder; color: #900; padding: 0 0 2px 0; border-bottom: 1px dotted #bbb; margin-top: 1.0em;}
	legend {background: #fff; margin-left: 10px;}
	h2 {font-size: 1.3em; font-weight: normal; padding: 1em 0; margin: 0;}
	h3 {border: dotted 1px #bbb; border-width: 1px 0; padding: 6px 0; margin: 3em 0 1em 0; text-transform: uppercase; font-size: 1.2em;}
	h4 {padding: 6px 10px; margin: 2em 0 0.5em 0; font-size: 1.2em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center; text-transform: uppercase;}
	h5 {padding: 3px 0; margin: 2em 0 0 0; font-size: 1.1em;}
	h6 {padding: 3px 10px; margin: 2em 0 0 0; font-size: 1.1em; color: #666; background: url(../img/h4-bg.gif) no-repeat left center;}
	html {height: 100%; }
	hr {border: dotted 1px #bbb; margin: 1em 0;}
	p {margin-bottom: 1em; line-height: 1.5;}
	ol li {margin: 0.5em 0 0.5em 2em; list-style: decimal;}
	ul li {margin-left: 2em; list-style: disc;}	

/* -- simple classes -- */
	.clear {clear: both;}
	.clearboth {clear: both;}
	.clearleft {clear: left;}
	.clearright {clear: right;}
	.left {float: left; margin: 0 10px 10px 0;}
	.less {color: #828282;}
	.more {color: #9B0505;}
	.data_table .form-item { padding: 0px; margin: 5px; }
	.nobr {white-space: nowrap;}
	.faq_answer {display: none; margin: 5px 0 0 10px; padding:5px; border-left: 3px solid #9C0D0D; }
	.faq_list li { padding: 2px;}
	
/* -- Header -- */
	#headerEdit {background: url(../img/flexi-edit-header-bg.gif) repeat-x; height: 110px;}
	#headerView {background: url(../img/flexi-header-bg.gif) repeat-x; height: 43px;}
	#headerEdit a, #headerView a {border: none;}

/* -- Flexi Nav -- */
	#flexiNav {color: #f99; text-align: left;}
	#flexiNav img {vertical-align: middle;}
	#flexiNav a, #flexinav a:visited {color: #fff; font-weight: bold;padding:2px 3px 5px 3px;}
	#flexiNav a:hover {border:1px solid #a92828;background:#660000;padding:1px 2px 4px 2px;}	

/* -- Edit Menu -- */
	div#headerEdit #nav_container {height: 28px; background: #818181; text-align: center;}
	div#headerEdit #secondary_nav_container {text-align: center;}	
	#secondary_nav_container {height: 28px; text-align: center;}
	ul.primary_admin_menu { padding: 8px 0 5px 0; list-style-type: none;}
	ul.secondary_admin_menu { padding: 10px 0 5px 0; list-style-type: none; }	
	ul.primary_admin_menu li, 
	ul.secondary_admin_menu li { display: inline; margin: 0; }	
	ul.primary_admin_menu li a:link, ul.primary_admin_menu li a:visited, 
	ul.secondary_admin_menu li a:link, ul.secondary_admin_menu li a:visited {
		padding: 5px 10px 4px 10px;
		border-width: 1px 1px 0 1px;        
		border-style: solid;
		border-color: #c3d;	
		text-decoration: none;
		background: none;
		color: #fff;
	}	
	ul.primary_admin_menu li a:hover, 
	ul.primary_admin_menu li.active a:link, ul.primary_admin_menu li.active a:visited {background: #707070; color: #fff; }
	ul.secondary_admin_menu li a:hover, 	
	ul.secondary_admin_menu li.active a:link, ul.secondary_admin_menu li.active a:visited { background: #900; color: #fff;}


/* -- Listings / Realtor buttons -- */
	#selector {width: 273px; height: 64px; position: absolute; top: 48px; right: 0; background: url(../img/nav-listingsrealtors.gif) no-repeat;}
	#selector li {display: inline;}
	#selector li a {position: absolute; top: 0; height: 64px; text-indent: -9000px; display: block;}
	#selector .browse a, #selector .browse a:visited {width: 137px; right: 136px;}
		#selector .browse a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -128px;}
		#selector .browse a.current:link, #selector .browse a.current:visited {background: url(../img/nav-listingsrealtors.gif) no-repeat 0px -64px;}
	#selector .findrealtor a,#selector .findrealtor a:visited {width: 127px; right: 2px;}
		#selector .findrealtor a:hover, #selector .findrealtor a:hover {background: url(../img/nav-listingsrealtors.gif) no-repeat -144px -128px;}

/* -- Logged in status panel -- */
	#loginpanel {position: absolute; top: 0; right: 0; height: 33px; color: #9A3535; font-size: 0.85em; line-height: 0.9; background: url(../img/flexi-bg-loginarea-right.gif) no-repeat right top; padding-right: 8px; text-align: right;}
	#loginpanel ul {background: url(../img/flexi-bg-loginarea-left.gif) no-repeat left top; padding: 16px 0 0 8px; height: 22px;}
	#loginpanel li {display: inline; margin: 0;}
	#loginpanel li.login {margin-right: 5px; padding-right: 6px; background: url(../img/bg-loginarea-divider.gif) no-repeat right center;}
	#loginpanel a, #loginpanel a:visited {color: #fff; font-weight: bold;}

	
/* -- Breadcrumbs -- */
	#breadcrumbs {margin-bottom: 1.5em;}
	#breadcrumbs li {display: inline; font-size: 0.85em; padding-right: 8px; margin: 0 2px 0 0; background: url(../img/arrow-smallgrey.gif) no-repeat 100% 5px; color: #707070;}
	#breadcrumbs li.last {background: none;}
	#breadcrumbs a, #breadcrumbs a:visited {border: none;}

/* -- Page Body Layout -- */ 
	/*
	#container {border:2px solid blue;}	
	#pagebody {border:2px solid pink;}
	* html #pagebody {border:2px solid pink;}	
	#mainContent {border:2px solid red; }
	.content-wrapper {border:2px solid purple;}
	#sidebar, #sidebar-view {border: 2px solid green;}
	*/
	
	#container {height: 90%; background: #fff url(../img/sidebar-bg.gif) repeat-y 66% top;}	
	#pagebody {margin-top: 1em; height: 99%; display:block; background: #fff url(../img/sidebar-bg.gif) repeat-y 66% top;}		
	#mainContent {float: left; width: 66%; }
	.content-wrapper { padding: 0px 25px 10px 25px; }	
	#sidebar, #sidebar-view {float: left; width: 33%;}
	
	/* IE corrections */
	* html #pagebody {height: 89%; background: none; }
	* html .content-wrapper { padding: 0px 25px 0px 25px; }
	
/* -- Sidebar -- */
	#sidebar .navPanel, #sidebar .sidepanel {margin: 0; background: #F1F1F1;}
	#sidebar h3 {color: #fff; background: #A6A6A6 url(../img/h3-sidebar-l.gif) no-repeat; border: 0; margin: 0; padding: 0; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px; padding: 0;}
	#sidebar h3 span {display: block; background: url(../img/h3-sidebar-r.gif) no-repeat right top; padding: 7px 11px;}

	.arrow_list  {padding: 13px 9px 13px 9px; margin: 0;}
	.arrow_list li {display: inline; margin: 0;}
	.arrow_list li a:link, .arrow_list li a:visited {border: solid 1px #F1F1F1; font-size: 1em; display: block; padding: 0 9px 0 25px; margin: 0; line-height: 21px;}
	.arrow_list li.currentPage a:link, .arrow_list li.currentPage a:visited {background: #F1F1F1 url(../img/arrow-whitecircle.gif) no-repeat;}
	.arrow_list li a:hover, .arrow_list li.currentPage a:hover {background-color: #fff; border-color: #ccc;}

	.links_list {padding-top: 13px;}
	.links_list li {list-style: none; margin: 0 0 0 7px; line-height: 1.8;}
	.links_list li a:link, .links_list li a:visited {border: solid 1px #F1F1F1; font-size: 1em; display: block; padding: 0 7px 0 7px; margin: 0;}


/* -- Sidebar-View -- */
	#sidebar-view .navPanel, #sidebar-view .sidepanel {margin: 0px 7px 21px 31px; background: #F1F1F1;}
	#sidebar-view .sidepanel div.side_block, 
	#sidebar-view .sidepanel div.industryInfo {padding: 15px;}
	#sidebar-view .sidepanel div.industryInfo { background: #fff; }
	#sidebar-view h3 {color: #fff; background: #A6A6A6 url(../img/h3-sidebar-l.gif) no-repeat; border: 0; margin: 0; text-transform: none; letter-spacing: -1px; font-size: 1.15em; text-shadow: #666 1px 1px 1px; padding: 0;}
	#sidebar-view h3 span {display: block; background: url(../img/h3-sidebar-r.gif) no-repeat right top; padding: 7px 11px 7px 11px;}

	.sidepanel .testimonial {border: 0; padding: 0;}
	.sidepanel .testimonial blockquote {padding: 20px 10px; background: #fff; margin: 0;}
	.sidepanel .testimonial cite {display: block; padding: 10px 0 5px 0; background: url(../img/quote_small_bg_bottom.gif) no-repeat 50% top; text-align: right;}


/* -- Contact Form -- */
	.contact_form label {width: 100px; float: left;}
	.contact_form input {width: auto;}
	.contact_form .description {padding: 7px 0 0 100px;}

/* -- Links Page -- */
	#links_list {margin: 1em 0;}
	#links_list li {padding: 5px 0;}

/* -- Testimonials Page -- */
	.testimonial {padding: 10px; margin: 1em 0; border: dotted 1px #ccc; background: #f3f3f3;}
	.testimonial blockquote {font-size: 1.2em; margin-bottom: 0.5em;}
	.testimonial cite {font-size: 0.9em;}
	#edit-testimonial {display:block;}
	
/* -- Footer -- */
	#footer {background: #707070 url(../img/divider-h-grey.gif) repeat-x 0 0; color: #fff; font-size: 0.85em; height: 40px; width: 100%; }
	#footer .wrapper {padding: 13px 13px 10px 50px;}
	#footer p {display: inline;}
	#footer ul {margin: 0; padding: 0; display: inline;}
	#footer li {display: inline; margin: 0 0.5em;}
	#footer a:link, #footer a:visited {background: #fff; padding: 2px; border: none;}


/* -- Accessibility Tweaks -- */
	#accessibility {position: absolute; left: -9999px;}
	.hide {display: none;}
	
	





/*

	-- -- -- -- -- -- --
	Re-usable Components
	-- -- -- -- -- -- --
	

/* -- data table, flexisite edit -- */
	table.data_table { width: 100%; }
	table.data_table .title_row { background: #707070; color:#fff; font-weight:bold; }
	table.data_table .even { background: #d8d8d8; }
	table.data_table td { padding: 0 3px; }

/* -- contact card table, flexisite view -- */	
	table#contact_table { width: 99%;}
	table#contact_table td.left_col { width: 45%;padding-bottom:10px; }
	table#contact_table td.right_col { padding-bottom:10px; }
	table#contact_table div.contact_item_title {color: #b1b1b1; font-weight: bold;}
	table#contact_table img { vertical-align: middle; }
	
/* -- flexisite view -- */	
	img#flexiPortrait { border: 1px solid #bbb; padding:5px; }
	
/* -- testimonials -- */
	.form_row_container { position: relative; padding: 5px 10px 45px 10px; border:1px dotted #999;  }
	.form_row_actions { position: absolute; top: -5px; right: 5px; }
	.side_block .form_row_container { padding: 0; }
	.testimonial_blurb { margin-right: 220px; }

/* -- Reusable Roundbox Grey -- */
	
	.roundbox-grey {background: #e4e4e4; margin-bottom: 1em; padding-bottom: 5px;}
	html>body .roundbox-grey {background: #e4e4e4; margin-bottom: 1em; padding: 0;} /* NON-ie browsers */
	.roundbox-grey .tl {background: url(../img/roundbox-grey-tl.gif) top left no-repeat;}
	
	.roundbox-grey .tr {background: url(../img/roundbox-grey-tr.gif) top right no-repeat;}
	
	.roundbox-grey .bl {background: url(../img/roundbox-grey-bl.gif) bottom left no-repeat;}
	
	.roundbox-grey .br {background: url(../img/roundbox-grey-br.gif) bottom right no-repeat;}
	
	.roundbox-grey .pad {padding: 1px 15px 0px 15px;}
	
	html>body .roundbox-grey .pad {padding: 4px 15px;}
	
	/* NON-ie browsers */
	.roundbox-grey label {color: #222;}	
	
	.roundbox-grey .form-item {border-bottom: solid 1px #ccc;}
	.roundbox-grey .form-item {clear: left; padding: 10px 5px; margin: 2px 0;}
		
	.roundbox-grey .form-item label {float: left; display: block; width: 150px;}
	
	
/* -- Virtual Tours -- */	
	.virtualTourPhoto { float: left; padding: 10px 0 0 0; }
	.virtualTourLink  { padding: 35px 0 30px 0px; margin-left: 150px;}
	.roundbox-grey .virtualTourLink .form-item { clear: none; padding: 0; margin: 0; border: 0;  }
	.roundbox-grey .virtualTourLink .form-item label { display: inline; float: none; width:100%; padding: 0; }
	.roundbox-grey .virtualTourLink .form-item input { display: block; margin-top: 2px;  }


.messages, .preview
{
  margin-top: 0.75em;
  margin-right: 0pt;
  margin-bottom: 0.75em;
  margin-left: 0pt;
  padding-top: 0.5em;
  padding-right: 1em;
  padding-bottom: 0.5em;
  padding-left: 1em;
}

.messages
{
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #b8d3e5;
  border-right-color: #b8d3e5;
  border-bottom-color: #b8d3e5;
  border-left-color: #b8d3e5;
}

div.status
{
  color: #33aa33;
  border-top-color: #c7f2c8;
  border-right-color: #c7f2c8;
  border-bottom-color: #c7f2c8;
  border-left-color: #c7f2c8;
}

div.error, tr.error
{
  background-color: #ffcccc;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-x-position: 0%;
  background-y-position: 0%;
  color: #220000;
}

  .member {height: 100px; width: 230px; margin: 5px 0 5px 20px; background: #f1f1f1 url('../img/sidebar-navpanel-bottom.gif') bottom left no-repeat; }
  .member img { margin-left: 10px; padding-right: 5px; }
	.member .member_body { background: #F1F1F1 url('../img/sidebar-navpanel-top.gif') no-repeat top left; padding: 5px 0 5px 0; font-size: 0.8em; color: #9C0D0D; text-transform: uppercase; }
	.member a {border: none;}
	
/* -- homezilla -- */
#homezilla-disclaimer { text-align: center; font-size: .8em; margin-top: 5px; width: 498px; font-style: italic; }

#twtr-widget-1 a { border-bottom: none; }
#twtr-widget-1 h4 { text-transform: none; }