﻿/* 
	See listings-graphic-design.doc for more design information.
*/

/* Core Defaults - Establish base font-family and font-size */
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
td
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
}

/* Site Defaults - Standard Elements */
h1
{
	margin: .2em 0em .2em 0em;
	font-size: 1.5em;
	font-weight: normal;
}
h2
{
	margin: 0 0 .5em 0;
	font-size: 1.2em;
}
h3
{
	margin: 0 0 .5em 0;
	font-size: 1em;
}
h4
{
	margin: 0 0 .5em 0;
	font-size: .9em;
}
h5
{
	margin: 0 0 .5em 0;
	font-size: .85em;
}
p
{
	margin: 0 0 .5em 0;
	font-weight: lighter;
}
ul
{
	margin-top: 0;
	margin-bottom: .5em;
}
ul li
{
}
ol
{
}
ol li
{
}
img
{
	border: 0;
}
form
{
	margin: 0;
}
table
{
	border: 0 none;
	border-collapse: collapse;
	vertical-align: middle;
	border-spacing: 0;
	empty-cells: show;	
}
fieldset
{
	margin: 0;
	padding: .5em;
}
/* Site Defaults - Site Specific Classes */
/* Used like a fieldset to surround form fields (and give them a little space), but without the label and border */
.formDiv
{
	margin: .25em;
	padding: .25em;
}
.headerCell
{
	color: black;
	font-weight: bold;
	background-color: #DDDDDD;
	border: solid 1px #999999; 
}
.fixedHeaderCell
{
	color: black;
	font-weight: bold;
	background-color: #DDDDDD;
	border: solid 1px #999999; 
	position: relative; 
	top: 0; /* expression(this.offsetParent.scrollTop) */
}
.labelCell
{
	color: black;
	background-color: #DDDDDD;
	/* border-top: solid 1px #999999;
	border-bottom: solid 1px #999999; */
	border: solid 1px #999999; 
	
}
.dataCell, .fieldCell, .linkCell
{
	/* border-top: solid 1px #999999;
	border-bottom: solid 1px #999999; */
	border: solid 1px #999999; 
}
.footerCell
{
	color: black;
	background-color: #DDDDDD;
	border: solid 1px #999999;
	font-size: 1.5em;
}
.footerCell span, .footerCell a 
{
	padding-left: .5em;
	padding-right: .5em;
}
.footerCell span
{
	font-weight: bold;
}
.errorCell
{
	color: Red;
}
.buttonCell
{
}
.errorSummary
{
	color: Red;
}
.errorSummary ul li
{
	color: Red;
}
.errorValidator
{
	display: inline;
	margin: 0;
	padding: 0;
	background:	url("/www/t3city.WebControls.aspx?Res=Error.gif") no-repeat center center;
	width: 16px;
	height: 16px;
}
.toolLinks
{
}
.button
{
	margin-top: .5em;
}
.dynamic-tab-pane-control .tab-row .tab.selected 
{
	background-color: white;
}
.tab-page
{
	background-color: white;
}
/* Site Default Layout Styles */
#header
{
	width: 100%;
	margin: 0;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background: url(header-background.jpg) repeat-x;
	
}
#header a img
{
	/* Makes IE6 happy */
	/* vertical-align: text-top; */
}
#header tr
{
	/* height: 72px; */
}
#headerLogo
{
	vertical-align: bottom;
	padding: 0;
}
#headerLogoFloat
{
	float: left;
	clear: both;
	filter: alpha(opacity=75);
}
#headerLogoFloat h1
{
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	background-color: #fefe00;
	color: #0000fe;
}
#headerLogoFloat h2
{
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	background-color: #fefe00;
	color: #0000fe;
}
#headerTopLinks
{
	vertical-align: top;
	padding: 0;
}
#headerTopLinksFloat
{
	float: right;
	filter: alpha(opacity=75);
}
#headerTopLinksFloat a
{
	font-size: .75em;
	background-color: #fefe00;
	color: #0000fe;
	text-decoration: none; 
	text-transform: uppercase;
}
#headerTopLinksFloat a:hover, #headerTopLinksFloat a:active
{
	background-color: #ffffb1;
	text-decoration: underline; 
}
/* bodyTable is a two column container for the menu and main panes. */
#bodyTable
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}
/* menu is the site's main navigation element. These styles assume a panel on
   the page's left side. On capable browsers, JavaScript is used to hide 
   child links. To avoid CSS box model problems, menu and content divs can't 
   have margins or padding. */
#menu
{
	margin: 0;
	padding: 0;
	/* padding: 4px 0 4px 2px; */
	width: 9.5em;
	height: 100%;
	background-color: #7f7fff;
	color: #e5e5ff;
	vertical-align: top;
}
#menu a, #menu a:visited
{
	color: #e5e5ff;
	text-decoration: none;
}
.menuLinks h2 a:hover, .menuLinks h2 a:active
{
	background-color: #0000fe;
	text-decoration: underline; 
 }
.menuLinks
{
	margin: 0 0 4px 0;
	/* margin: 4px 0 4px 4px; */
	/* border-color: white;
	border-style: solid;
	border-width: 2px 0 2px 2px; */
	/* padding: 2px 2px 2px 2px; */
}
.menuLinks h1
{
	margin: 0;
	white-space: nowrap;
	font-size: .9em;
	font-weight: normal;
	color: #0000fe;
}
.menuLinks h1 a, .menuLinks h1 a:visited
{
	display: block;
}
.menuLinks h2
{
	/* margin: 0; */
	margin: 0 0 0 1.5em;
	display: list-item;
	/* white-space: nowrap; */
	font-size: .8em;
	font-weight: normal;
}
.menuLinks h2 a, .menuLinks h2 a:visited
{
	display: block;
}
.menuLinksCursor
{
	cursor: pointer;
}
/* content is where the page's content goes - it has to be there somewhere, doesn't it? 
   To avoid CSS box model problems, menu and content divs can't have margins or padding. */
#content
{
	/* margin-left: auto; */
}
#contentHeader
{
	background-color: #fea000;
	color: #fff4e5;
}
#contentHeader h1
{
	margin: 0;
	text-align: right;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}
#contentBody
{
	/* padding: 0 .5em 0 .5em; */
}
#contentMenu
{
	margin: 0em 0em .5em 0em;
}
#contentMenu p
{
	margin: 0em 0em .2em 0em;
	font-size: .9em;
	font-weight: bold;
}
#contentMenu ul
{
	margin: 0 0 0 2.25em;
	padding: 0;
	font-size: .8em;
	font-weight: normal;
	list-style-image: url(content-arrow-down.gif);
}
#contentMenu h1
{
	margin: 0em 0em .2em 0em;
	font-size: .9em;
	font-weight: bold;
}
#contentMenu h2
{
	margin: 0em 0em .2em .5em;
	font-size: .8em;
	font-weight: normal;
}
.contentTopLink
{
	display: block;
	margin: 0em 0em 2em .5em;
	font-size: .6em;
}
/* h1, h2, h3, h4, p, td, etc. via Site Default */
#contentFooter
{
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fea000;
	color: #fff4e5;
}
#contentFooter p
{
	margin: 0;
	text-align: right;
	font-size: .7em;
	font-weight: bold;
	text-transform: uppercase;
}
/* Control Panel Layout */
.controlPanelGroup
{
	width: 100%;
}
.controlPanelGroup td h2
{
	margin: 0;
	padding: .25em;
	text-align: center;
	color: White;
	background-color: Black;
}
.controlPanelTable
{
	width: 100%;
	margin: .25em 0 0 0;
}
.controlPanelTable td
{
	padding: .25em;
	font-size: .8em;
	vertical-align: bottom;
	text-align: center;
}
.controlPanelTable td a, .controlPanelTable td a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
/* Home Page Layout */
.homePageListingTable
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	/* margin: .5em 0 0 0; */
	background-color: #ffdbff;
}
.homePageListingTable td
{
	padding: .5em;
	font-size: 1em;
}
.homePageListingTable td a, .homePageListingTable td a:visited
{
	text-decoration: none;
}
.homePageTitle
{
	text-align: center;
	color: #0000fe;
	margin: .75em 0 .75em 0;
	font-size: 1.5em;
}
.homePageSignature
{
	text-align: center;
}
/* listing related styles */
.listingInactiveWarning
{
	font-size: x-large;
	font-weight: bold;
	color: Red;
}
.contentBodyListing
{
	padding: .5em .5em .5em .5em;
}
.listingTable
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.listingTable .headerCell
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
	padding: 0;
}
.listingTableContact
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
}
.listingTable td
{
	padding: .5em;
	font-size: 1em;
}
.listingTable td a, .listingTable td a:visited
{
	text-decoration: none;
}
.listingSpecsTable
{
	margin: 0 0 0 0;
}
.listingSpecsTable td
{
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: .8em;
}
.listingBrokerText
{
	margin: .5em 0 0 0;
	font-size: .75em;
	font-style: italic;
}
.listingFeatures
{
	width: 100%;
	margin-top: .5em;
}
.listingFeatures td
{
	vertical-align: top;
}
.listingFeatures td h2
{
	font-size: .9em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.listingFeatures td ul
{
	/* margin: 0 0 .25em 1.7em; */
	margin: 0 0 .25em 0;
	padding-left: 1.7em;
	font-size: .8em;
	line-height: 1.1em;
}
.listingIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: .75em;
	font-style: italic;
}
.listingPrint
{
	padding: .5em;
}
.listingPrintTable
{
	width: 100%;
}
.listingPrintTable td
{
	padding: .5em;
	border: solid 1px;
}
.listingPrintTable .listingSpecsTable td
{
	border: none;
	padding: 0;
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: .8em;
}
.listingPrintHeaderCell
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingTitle
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingAgent
{
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}
.listingPrintTable td .listingFeatures
{
	width: 98%;
}
.listingPrintTable td .listingFeatures td
{
	border: none;
}
.listingPrintTableContact
{
	text-align: center;
	font-weight: bold;
}
/* Contact Us layout */
.contactPageTable
{
	margin: 0 0 1em 0;
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: #a600a6;
}
.contactPageTable td
{
	padding: .5em;
	font-size: 1.5em;
	color: #ffdbff;
}
.contactPageTable td a
{
	color: #ffdbff;
}
.contactPageTable th
{
	vertical-align: top;
	padding: .5em;
	text-align: right;
	font-size: 1.5em;
	color: #ffdbff;
}
/* Login and Registration Layout */
#login
{
}
#login h3
{
	margin: 0 0 .5em 0;
	font-size: 1.2em;
	font-weight: lighter;
}
/* Search Layout */
.searchCell
{
	border: solid 1px #999999; 
	padding: .5em;
}
.searchTips
{
	margin: 0;
	padding: 0;
	margin-left: 1em;
	font-style: italic;
}
.searchLabel
{
	font-weight: bold;
}
.searchFeatures td
{
	vertical-align: top;
	padding-right: 1em;
}
.searchFeatureGroupName
{
	font-weight: bold;
	cursor: pointer;
}
/* Search Results Layout */
.searchResultsHeader
{
	width: 100%;
	font-size: 1em;
	background-color: #fefe00;
	color: #0000fe;
}
.searchResultsHeader a
{
}
.searchResultsHeader a:hover, .searchResultsHeader a:active
{
	background-color: #ffffb1;
	text-decoration: underline; 
}
.searchResultsFooter
{
	width: 100%;
	font-size: 1em;
	background-color: #fefe00;
	color: #0000fe;
	clear: both;
}
.searchResultsFooter .first, .searchResultsFooter .last
{
	font-size: .75em;
}
.searchResultsFooter .previous, .searchResultsFooter .next
{
	font-size: .85em;
}
.searchResultsFooter .page
{
	font-size: 1em;
}
.searchResultsFooter .currentPage
{
	font-weight: bold;
	font-size: 1em;
}
.searchResultsFooter a
{
}
.searchResultsFooter a:hover, .searchResultsFooter a:active
{
	background-color: #ffffb1;
	text-decoration: underline; 
}
/* Subscription Emails */
#subscriptionEmail
{
}
#subscriptionEmail h1
{
	width: 100%;
	background-color: #fea000;
	color: #fff4e5;
	margin: .5em 0 0 0;
	text-align: left;
	font-size: .9em;
	font-weight: bold;
	text-transform: uppercase;
}
.subscriptionEmailTable
{
	width: 100%;
}
/* Columns Search Results Layout ---------------------------------------------- */
.searchResultsColumnsContent
{
	padding: .5em 0 0 .5em;
	text-align: center;
}
.searchResultsColumns
{
	position: relative;
	display: block;
	float: left;
}
/* See http://www.alistapart.com/articles/cssdrop2/ and http://www.aplus.co.yu/css/z-pos/ */
/* Unfortunately, the filter is killing page load times, so we are turning it off for now */
.searchResultsColumns .photo
{
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/georgiamountainhigh/shadow2.png', sizingMethod='crop'); */
	background: url(shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .photo div
{
	height: 100px;
	width: 160px;
	/* background: url(shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}
.searchResultsColumns .photo div img
{
	display: block;
}
.searchResultsColumns .text
{
	text-align: left;
	vertical-align: top;
}
.specsPlaceHolder
{
	position: relative;
}
.searchResultsColumns .label
{
	width: 8em; /* <= .specs width */
	font-size: 1em;	
}
.searchResultsColumns .specs
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	font-size: 1em;	
	white-space: nowrap;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/georgiamountainhigh/shadow2.png', sizingMethod='crop'); */
	background: url(shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .specs div
{
	/* width: 8em; */
	/* background: url(shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}

