/* 
	See listings-graphic-design.doc for more design information.
*/

/* Core Defaults - Establish base font-family and font-size */
/* Site Defaults - Standard Elements */
.statcounter
{
	display: none;
}
h1
{
	margin: .2em 0em .2em 0em;
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%; 
	font-weight: bold; 
}
h2
{
	margin: 0px 0px .5em 0px;
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
	font-weight: bold;
}
h3
{
	margin: 0px 0px .5em 0px;
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
p
{
	margin: 0 0 .5em 0;
	font-weight: lighter;
}
em 
{
	/*bringing italics back to the em element*/
	font-style:italic;
}
strong 
{
	font-weight: bold;
}
blockquote,ul,ol,dl 
{
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl 
{
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li 
{
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li 
{
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
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: #81B4DA;
	border: solid 1px #999999; 
}
.labelCell
{
	color: black;
	background-color: #81B4DA;
	/* border-top: solid 1px #999999;
	border-bottom: solid 1px #999999; */
	border: solid 1px #999999; 
	
}
.headerCell a, .headerCell a:visited, .labelCell a, .labelCell a:visited
{
	color: #AC0125;
}
.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;
}
/* YUI CSS overrides - remove border between tabs and content */
.yui-skin-sam .formDiv .yui-navset .yui-nav,
.yui-skin-sam .formDiv .yui-navset .yui-navset-top .yui-nav
{
    border-width: 0;
}
/* YUI CSS overrides - background color for selected tab */
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a,
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .formDiv .yui-navset .yui-nav .selected a:hover 
{
    background: #C8D9EB url(formsTabBackground.png) repeat-x;
	color: Black;
}
.yui-skin-sam .formDiv .yui-navset .yui-content
{
	background-color: #C8D9EB;
}
.dynamic-tab-pane-control .tab-row .tab.selected 
{
	background-color: white;
}
.tab-page
{
	background-color: white;
}
/* Site Default Layout Styles */
#hd
{
	position: static;
}
#header
{
	position: relative;
	width: 100%;
}
#headerTabsBackground
{
	position: absolute;
	top: 0;
	left: 0;
	background: #eacf86 url(headerBackground.jpg) repeat-y 254px;
	height: 103px;
	width: 100%;
	z-index: 1;
}
#headerLogoLeft
{
	position: absolute;
	top: 0;
	left: 0;
	height:103px;
	z-index: 2;
}
#headerLogoRight
{
	position: absolute;
	top: 0;
	right: 0;
	height:103px;
	z-index: 3;
}
#headerTabs
{
	position: relative;
	height:103px;
	width: 100%;
	z-index: 5;
}
#headerTabs .yui-navset
{
	position: absolute;
	bottom: 0;
	left: 254px;
}
/* YUI CSS overrides - remove border between tabs and content */
.yui-skin-sam #headerTabs .yui-navset .yui-nav,
.yui-skin-sam #headerTabs .yui-navset .yui-navset-top .yui-nav
{
    border-width: 0;
}
/* YUI CSS overrides - background color for selected tab */
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a,
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam #headerTabs .yui-navset .yui-nav .selected a:hover 
{
    background: #AC0125 url(headerTabBackground.png) repeat-x;
}
#siteTitle
{
	position: absolute;
	left: 140px;
	top: 5px;
	z-index: 4;
}
#siteTitle h1
{
	font-size: 182%;
}
#siteTitle span
{
	font-size: 197%;
	font-weight: bold;
}
#bd
{
	position: static;
}
#content
{
	position: relative;
}
#headerLogoBottom1
{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(headerLogoBottom1.gif) no-repeat;
	height: 28px;
	width: 254px;
}
#headerLogoBottom2
{
	position: absolute;
	top: 28px;
	left: 136px;
	background: transparent url(headerLogoBottom2.gif) no-repeat;
	height: 40px;
	width: 31px;
}
#contentHeader
{
	background-color: #AC0125;
}
#contentHeader h1
{
	color: white;
	line-height: 1em;
	margin: 0;
	padding: .25em;
	text-align: right;
}
#contentBody
{
	background-color: white;
}
#contentMenu
{
	margin: 0em 0em .5em 0em;
}
#contentMenu p
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu ul
{
	margin: 0 0 0 2.25em;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: normal;
	list-style-image: url(/images/content-arrow-down.gif);
}
#contentMenu h1
{
	margin: 0em 0em .2em 0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
}
#contentMenu h2
{
	margin: 0em 0em .2em .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
}
.contentTopLink
{
	display: block;
	margin: 0em 0em 2em .5em;
	font-size: 85%;
}
/* h1, h2, h3, h4, p, td, etc. via Site Default */
#ft
{
	position: static;
}
#footer 
{
	position: relative;
	background-color: #AC0125;
	color: #f1f1e4;
	font-weight: bold;
	padding: .25em;
}
#footer a, #footer a:visited 
{
	color: #f1f1e4;
	text-decoration: none;
}
#footer a:hover, #footer a:active 
{
	text-decoration: underline;
}
.footerLogoLeft
{
	float: left;
}
.footerLogoRight
{
	text-align: right;
}
/* Home Page, Agent Directory, Agent Home ------------------------------------- */
.homeContent h1, .agentDirectory h1, .agentHomeContent h1
{
	color: #AC0125;
	margin: .5em 1em .25em 1em;
	text-align: center;
}
.homeContent h2, .agentDirectory h2, .agentHomeContent h2
{
	color: #AC0125;
	margin: .5em 1em .25em 1em;
	text-align: center;
}
.homeContent p, .agentDirectory p, .agentHomeContent p
{
	margin: 1em;
}
.homeContent .firstOfType, .agentDirectory .firstOfType
{
	margin-top: 0;
}
.homeContent a, .agentDirectory a, .agentHomeContent a
{
	color: #AC0125;
}
.homeContent a:visited, .agentDirectory a:visited, .agentHomeContent a:visited
{
	color: #81B4DA;
}
.agentDirectory p
{
	text-align: center;
}
.areaSearches
{
	margin-left: auto;
	margin-right: auto;
}
.areaSearches td
{
	vertical-align: top;
	padding: 0 .25em 0 .25em;
}
.areaSearches .headerCell
{
	font-weight: bold;
}
.areaSearches a, .areaSearches a:visited
{
	color: black;
	text-decoration: none; 
}
.areaSearches a:hover, .areaSearches a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
.viewListings
{
	background-color: #81B4DA;
	color: black;
	/* width: 100%; */
	font-size: 108%;
	font-weight: bold;
	padding: .5em;
}
.viewListings a, .viewListings a:visited
{
	color: black;
}
.viewListings a:hover, .viewListings a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
/* Contact Us Page ------------------------------------------------------------ */
/* Login and Registration Pages ----------------------------------------------- */
#login
{
}
#login h3
{
	margin: 0 0 .5em 0;
	font-size: 122%;
	font-weight: lighter;
}
/* Control Panel Page --------------------------------------------------------- */
.controlPanelGroup
{
	width: 100%;
}
.controlPanelGroup td h2
{
	background-color: #81B4DA;
	color: black;
	margin: 0;
	padding: .25em;
	text-align: center;
}
.controlPanelTable
{
	width: 100%;
	margin: .25em 0 0 0;
}
.controlPanelTable td
{
	padding: .25em;
	font-size: 85%;
	vertical-align: bottom;
	text-align: center;
}
.controlPanelTable td a, .controlPanelTable td a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
/* Site Defaults - Global Search Results Styles ------------------------------- */
#MLSSearchPageTabPane .yui-content
{
	padding-top: 1em;
}
.searchCell
{
	border: solid 1px #999999; 
	padding: .5em;
}
.searchCell a, .searchCell a:visited
{
	color: #AC0125;
}
.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;
}
.searchResultsHeader, .searchResultsFooter
{
	background-color: #81B4DA;
	color: black;
	width: 100%;
	font-size: 108%;
}
.searchResultsHeader td, .searchResultsFooter td
{
	padding: .1em .25em .1em .25em;
}
.searchResultsHeader .first, .searchResultsHeader .last, .searchResultsFooter .first, .searchResultsFooter .last
{
	font-size: 85%;
}
.searchResultsHeader .previous, .searchResultsHeader .next, .searchResultsFooter .previous, .searchResultsFooter .next
{
	font-size: 93%;
}
.searchResultsHeader .page, .searchResultsFooter .page
{
	font-size: 100%;
}
.searchResultsHeader .currentPage, .searchResultsFooter .currentPage
{
	font-weight: bold;
	font-size: 108%;
}
.searchResultsHeader .label, .searchResultsFooter .label
{
	font-weight: bold;
}
.searchResultsHeader a, .searchResultsFooter a, .searchResultsHeader a:visited, .searchResultsFooter a:visited
{
	color: black;
}
.searchResultsHeader a:hover, .searchResultsHeader a:active, .searchResultsFooter a:hover, .searchResultsFooter a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
.searchResultsFooter
{
	clear: both;
}
.searchResultsContent
{
	padding: .5em .5em .5em .5em;
}
.searchResultsContact
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
}
.searchResultsContact a,.searchResultsContact a:visited
{
	border: solid 1px #1F1B0F;
	background-color: #DCEDE5;
	padding: 2px;
	color: #1D432E;
	font-weight: bold;
	text-decoration: none;
}
.searchResultsContact a:hover,.searchResultsContact a:active
{
	background-color: #353097;
	color: White;
	text-decoration: underline; 
}
.searchResultsIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: 77%;
	font-style: italic;
}
/* Standard Search Results Layout --------------------------------------------- */
.searchResults
{
	width: 100%;
	border: 0 none;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.searchResults .headerCell
{
	text-align: center;
	color: #ffdbff;
	background-color: #a600a6;
	font-weight: bold;
	padding: 0;
}
.searchResults td
{
	padding: .5em;
}
.searchResults a
{
	text-decoration: none;
}
.searchResults a:hover, .searchResults a:active
{
	text-decoration: underline;
}
/* Tabular Search Results Layout ---------------------------------------------- */
.searchResultsTabular
{
	/* background-color: #F1E2B7; */
	background-color: #C8D9EB;
	width: 100%;
}
.searchResultsTabular .headerCell
{
	/* background-color: #A94C5E; */
	background-color: #AC0125;
	/* background-color: #3866D1; */
	border: none;
	color: white;
	font-weight: bold;
	padding: .25em 0 .25em 0;
	text-align: center;
}
.searchResultsTabular td
{
	padding: .5em;
}
.searchResultsTabular .shortTitle
{
	padding: 0 .5em 0 .5em;
}
.searchResultsTabular td p
{
	margin: 0;
}
.searchResultsTabular a
{
	color: #AC0125;
	text-decoration: none;
}
.searchResultsTabular a:hover, .searchResultsTabular a:active
{
	color: #81B4DA;
	text-decoration: underline;
}
.searchResultsTabular .evenRow
{
	background-color: White;
}
/* Columns Search Results Layout ---------------------------------------------- */
.searchResultsColumnsContentDiv
{
	background-color: #D6EFFF;
	padding: .5em 0 0 .5em;
}
.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/flagrealty/shadow2.png', sizingMethod='crop'); */
	background: url(/images/shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .photo div
{
	height: 120px;
	width: 160px;
	/* background: url(/images/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 */
}
.searchResultsColumns .specs
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	white-space: nowrap;
	/* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/App_Themes/flagrealty/shadow2.png', sizingMethod='crop'); */
	background: url(/images/shadow.gif) no-repeat bottom right;
}
.searchResultsColumns .specs div
{
	/* width: 8em; */
	/* background: url(/images/shadow2.gif) no-repeat left top !important; */
	padding: 0 6px 6px 0;
}
/* Site Defaults - Global Listing Styles -------------------------------------- */
.listingHeader, .listingFooter
{
	background-color: #81B4DA;
	color: black;
	font-size: 108%;
	padding: .25em .25em .25em .25em;
	text-align: right;
}
.listingHeader a, .listingFooter a
{
	color: black;
}
.listingHeader a:hover,.listingHeader a:active, .listingFooter a:hover, .listingFooter a:active
{
	background-color: white;
	color: black;
	text-decoration: underline; 
}
.listingContact
{
	width: 100%;
}
.listingContact .background
{
	background: #eacf86 url(contactBackground.jpg) repeat-y right;
	background-color: #eacf86;
	width: 100%;
}
.listingContact .text
{
	background-color: white;
	color: #AC0125;
	padding: 0 .25em 0 0;
	font-size: 116%;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
.listingPrint .listingContact 
{
	width: 95%;
}
.listingPrint .listingContact .text
{
	color: Black;
	padding: 0;
	text-align: right;
}
.listingContact .text .name
{
	font-size: 123.1%;
	font-weight: bold;
}
.listingContact .photo
{
	background-color: #AC0125;
	padding: .75em;
	vertical-align: middle;
}
.listingContact p
{
	margin: 0;
}
.listingContact a, .listingContact a:visited
{
	color: #AC0125;
}
.listingContact a:hover,.listingContact a:active
{
	background-color: white;
	color: #AC0125;
}
.listingKeyFields p
{
	font-weight: bold;
	margin: 0;
}
.listingKeyFields a, .listingKeyFields a:visited
{
	font-weight: normal;
	font-size: 85%;
	margin: 0;
}
.listingDocuments h2
{
	font-size: 100%;
	margin: 1em 0 0 0;
	text-transform: uppercase;
}
.listingDocuments ul
{
	margin: 0 0 1em 0;
	padding-left: 1.7em;
}
.listingDocuments li
{
	font-size: 108%;
	font-weight: bold;
}

.listingPrices
{
	margin-top: 1em;
}



.listingPrices .headerCell
{
	background-color: #AC0125;
	border: none;
	color: white;
	font-weight: bold;
	padding: .25em 0 .25em 0;
	text-align: center;
}
.listingPrices td
{
	padding: .5em;
}
.listingPrices a
{
	color: #AC0125;
	text-decoration: none;
}
.listingPrices a:hover, .searchResultsTabular a:active
{
	color: #81B4DA;
	text-decoration: underline;
}
.listingPrices .evenRow
{
	background-color: White;
}



.listingFeatures
{
	width: 100%;
	margin-top: .5em;
}
.listingFeatures td
{
	vertical-align: top;
}
.listingFeatures td h2
{
	font-size: 100%;
	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: 93%;
	line-height: 1.1em;
}
.listingIdxInfo p
{
	margin: 0 auto 0 auto;
	font-size: 77%;
	font-style: italic;
}
/* Standard Listing Layout ---------------------------------------------------- */
.listingContent
{
	padding: .5em .5em .5em .5em;
}
.listingTable
{
	width: 100%;
	margin: 0 0 1em 0;
	background-color: #ffdbff;
}
.listingTable td
{
	padding: .5em;
}
.listingSpecs
{
	margin: 0 0 0 0;
}
.listingSpecs td
{
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: 85%;
}
.listingBrokerText
{
	margin: .5em 0 0 0;
	font-size: 85%;
	font-style: italic;
}
/* Listing Map Layout --------------------------------------------------------- */
.listingMapContent
{
	padding: .5em .5em .5em .5em;
	background-color: #C8D9EB;
}
.listingMapContent a
{
	color: #AC0125;
}
.listingMapContent a:visited
{
	color: #81B4DA;
}
.listingMapHeader
{
}
.listingMap
{
	width: 100%;
}
.listingMap td
{
	color: black;
}
.listingMapLeft,.listingMapRight
{
	vertical-align: top;
	text-align: left;
}
.listingMapLeft
{
	padding: .5em .25em 0em .5em;
}
.listingMapRight
{
	padding: .5em .5em 0em .25em;
}
.listingMapRight p
{
	position: relative;
	width: 480px;
}
.listingMapSpecs
{
	margin-top: 1em;
}
.listingMapSpecs td
{
	font-size: 100%;
	padding-right: .5em;
}
.listingMapBrokerText
{
	margin: .5em 0 .5em 0;
	font-size: 100%;
	font-style: italic;
}
/* Listing Print Layout ------------------------------------------------------- */
.listingPrint
{
	padding: .5em;
	background-color: White;
}
.listingPrintTable
{
	width: 100%;
}
.listingPrintTable td
{
	padding: .5em;
	border: black solid 1px;
}
.listingPrintTable td .listingFeatures
{
	width: 98%;
}
.listingPrintTable td .listingFeatures td
{
	border: none;
}
.listingPrintSpecs
{
	margin-top: 1em;
}
.listingPrintSpecs td
{
	border: none;
	padding: 0;
	text-align: left;
	padding: 0 0 0 .5em;
	font-size: 100%;
}
.listingPrintBrokerText
{
	margin: .5em 0 .5em 0;
	font-size: 100%;
	font-style: italic;
}
.listingPrintHeaderCell
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingTitle
{
	text-align: center;
	vertical-align: middle;
}
.listingPrintListingAgent
{
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}
.listingPrintTableContact
{
	text-align: center;
	font-weight: bold;
}
/* Agent Directory Layout ----------------------------------------------------- */
.agentDirectoryTable
{
	margin-left: auto;
	margin-right:auto;	
	text-align: center;
}
.agentDirectoryCell
{
	padding: 1em;
	font-weight: bold;
}
/* Agent Home Layout ---------------------------------------------------------- */
/* Subscription Emails -------------------------------------------------------- */
#subscriptionEmail
{
	background-color: White;
}
#subscriptionEmail h1
{
	width: 100%;
	margin: .5em 0 0 0;
	text-align: left;
	font-size: 92%;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #DE2021;
	color: white;
}
.subscriptionEmailTable
{
	width: 100%;
}