﻿@media screen
{
	/* BLESSED CLEARFIX */
	.clearfix:after
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.clearfix
	{
		display: inline-block;
	}

	html[xmlns] .clearfix
	{
		display: block;
	}

	* html .clearfix
	{
		height: 1%;
	}

    h1.pageTitle 
    {
        font-size: 16pt;
    }

	img.png
	{
		behavior: url( '/idx/images/pngbehavior.htc' );
	}

	#SearchDisclaimer
	{
		height: 200px;
		overflow: auto;
	}

	#SearchDisclaimer p
	{
		font-size: 10pt;
	}

	#IdxDisclaimer
	{
		background: #cccccc url( 'http://reevesrealtysolutions.com/Idx/images/EssentialsBG.jpg' ) repeat-x;
		border: 1px solid #999;
		padding: .5em;
		color: #333;
		text-align: center;
	}

	#IdxDisclaimer p
	{
		text-align: left;
	}
	#Idx
	{
		font-size: .8em;
	}

	#Idx.dialogbox
	{
		width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	#Idx A
	{
		color: #00f;
		text-decoration: underline;
	}

	#Idx a:visited
	{
		color: #800080;
	}
	#Idx a:active
	{
		color: #f00;
	}

	a img
	{
		border: none;
	}

	#IdxContent
	{
		background-image: url(images/textareabg2.png);
		background-position: top left;
		background-repeat: repeat-y;
		padding: 1em;
		padding-left: 55px;
	}


	#IdxContent, #IdxContent td
	{
		color: #000;
	}

	#IdxMenu
	{
	    padding-left: auto;
		margin-bottom: 1em;
		padding: 0;
		margin-top: -1em;
		background: #FFF;
	}

	#IdxMenu ul
	{
		float: right;
		width: auto;
	}

	#IdxMenu .buttons
	{
		float: right;
	}

	#Idx TABLE.DataGrid
	{
		border-width: 0px;
	}

	#Idx TABLE.DataGrid TR TD
	{
		border: 0px;
	}

	#Idx TABLE.DataGrid TR.Header TD
	{
		background: #999;
		color: #fff;
		font-weight: bold;
	}

	#Idx TABLE.DataGrid TR.AltRow TD
	{
		background: #eee;
	}

	#Idx TABLE.DataGrid TR.Pager TD
	{
		background: #eee;
	}
	.idxWrapper
	{
		color: #000;
	}
	.idxWrapper A
	{
		color: Black;
	}

	#ResultsFooter
	{
		text-align: center;
	}
	.RssTease
	{
		margin: 1em 0;
		padding: 1em;
		padding-left: 28px;
		background-color: #dddddd;
		background-image: url(images/icons/silk/rss.png);
		background-position: 6px 50%;
		background-repeat: no-repeat;
		border: 1px solid #999999;
	}
	.RssTease SPAN
	{
	}

	.RssTease A
	{
		color: #666666;
	}

	.RssTease A:hover
	{
		color: #990000;
	}

	.idxListTable
	{
		background: #CCCCCC;
	}
	.idxListTable TR .idxTableHeader TH
	{
		background: #666666;
	}
	.idxTextArea2 *
	{
		color: Black;
	}



	.idxHeader
	{
		font-size: 16pt;
	}

	.idxUnderline
	{
		border-bottom: 1px solid;
	}
	.idxTextArea1
	{
		background: url( 'images/textareabg2.png' ) top left repeat-y;
	}

	.idxTextArea2
	{
		border-top: 10px solid black;
		padding: 5px 10px 10px 35px;
	}

	.idxBottomSpacer
	{
		margin-bottom: 10px;
	}

	.AgentList .item
	{
		width: 300px;
		height: 250px;
		float: left;
	}

	.idxBorderBig
	{
		border: 3px solid white;
	}

	.idxBorderSmall
	{
		border: 1px solid white;
	}

	.idxBorderBig, .idxBorderSmall
	{
		border-color: white;
	}

	.idxPaddingSmall
	{
		padding: 10px;
	}

	.AgentList .item .image
	{
		width: 160px;
		float: left;
	}

	.AgentList .item .info
	{
		width: 130px;
		float: left;
		overflow: auto;
	}

	.AgentList .item .info .verticalspacer
	{
		width: 1px;
		height: 10px;
	}

	.verticalrule
	{
		background: #000000;
		width: 1px;
		height: 100%;
		margin: 0px 10px 0px 10px;
		float: left;
	}

	.horizontalspacer
	{
		height: 15px;
	}

	.horizontalrule
	{
		background: #000000;
		height: 1px;
		margin: 7px 0px 8px 0px;
	}

	.AgentInfo
	{
		width: 620px;
	}

	.AgentInfo .image
	{
		width: 200px;
		float: left;
	}

	.AgentInfo .info
	{
		padding-left: 10px;
		width: 400px;
		float: left;
	}

	.AgentInfo .info .name
	{
		font-size: xx-large;
		font-weight: bold;
	}

	.AgentInfo .info .title
	{
		font-size: large;
	}

	#SearchForm, #SearchForm .section
	{
		width: 100%;
	}

	#SearchForm .section
	{
		padding-bottom: 20px;
	}


	#SearchForm .section .details
	{
		margin-left: 20px;
	}

	#SearchForm .section a.header
	{
		padding: 3px;
		width: 100%;
		border: 1px solid #CCCCCC;
		background: #EEEEEE;
		color: #000000;
		font-weight: bold;
		display: block;
		width: 100%;
		text-decoration: none;
	}
	#SearchForm .section a.header:hover
	{
		background: #000000;
		color: #EEEEEE;
	}

	A.LinkButton
	{
		padding: 2px 10px;
		border: 1px solid #CCCCCC;
		background: #EEEEEE;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

	A.LinkButton:hover
	{
		background: #000000;
		color: #EEEEEE;
	}

    #SearchResults 
    {
        margin-top: 20px;
    }

	.SearchResults .Header div
	{
		float: left;
	}

	#Idx .SearchResults .Listing h2
	{
		margin: 0;
		padding: 0;
		font-size: 120%;
		font-weight: bold;
	}






	.Listing .idxDetails .idxMainHeader
	{
	}


	.Listing .idxAgent .idxHeader
	{
		margin-bottom: 5px;
		color: #666666;
		border-bottom: 1px solid black;
	}

	.Listing .idxSubHeader td
	{
		color: #666666;
		font-size: 11px;
		padding-right: 10px;
		white-space: nowrap;
	}

	.Listing .idxSubHeader .idxListingID
	{
		font-size: 20px;
		font-weight: bold;
	}

	.Listing .idxSubHeader A, .Listing .idxAgent A
	{
		color: Black;
		font-size: inherit;
		text-decoration: none;
	}


	.Listing .idxSubHeader A:hover, .Listing .idxAgent A:hover
	{
		text-decoration: underline;
	}

	.Listing .idxAgent
	{
		font-size: 11px;
	}

	.Listing .idxData
	{
		background: URL( 'images/EssentialsBG.jpg' ) top left repeat-x #CCCCCC;
		border-top: 1px solid black;
		width: 100%;
	}

	.Listing .idxLeftBorder
	{
		border-left: 1px dotted #999999;
	}

	.Listing .idxData td
	{
		padding: 8px;
		font-size: 11px;
		width: 50%;
		color: #333333;
	}

	.Listing .idxData .idxHeader
	{
		font-weight: bold;
		color: Black;
	}

	.Listing .idxAgentName
	{
		font-weight: bold !important;
	}

	.Listing .idxAgentPhone
	{
		color: #999999;
	}

	.Listings .idxDisclaimer
	{
		/*     font-size: 10px;     color: #AAAAAA;  */
	}



	.idxOffices .idxOffice
	{
		width: 200px;
		float: left;
	}

	.idxOffices .idxImage
	{
		height: 110px;
	}

	.idxWarning, #Idx .Warning
	{
		color: Red;
	}

	#SearchResults #Listings
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#Listings .listing
	{
		margin: 1em 0;
		padding: 1em;
		list-style-type: none;
		border: 1px solid #aaa;
		background-color: #f6f6f6;
	}

	#Idx .Listing, .SearchResults .Listing
	{
		margin: 5px;
		padding: 5px;
		border: 1px solid #AAAAAA;
	}

	#Idx HR
	{
		background: #AAAAAA;
		border: 0px;
		height: 1px;
	}

	#Idx FIELDSET
	{
		border: 1px solid #aaa;
	}

	#Idx FIELDSET LEGEND
	{
		color: #000000;
		border: 1px solid #ccc;
		background: #aaa;
		padding: .3em .6em;
		font-weight: bold;
	}

	#Idx #OtherCommonFilters LABEL, #Idx FIELDSET .FieldGroup LABEL
	{
		width: 100px;
		text-align: right;
		float: left;
		padding-right: 10px;
	}

	#Idx FIELDSET DIV.buttons
	{
		margin-left: 110px;
	}
	
	.left 
	{
	    float: left;
	}



	#Idx .ajaxStatus
	{
		font-style: italic;
	}

	#Idx DIV.tip, #Idx DIV.error, #Idx DIV.success
	{
		padding: 3px 6px;
		margin: 3px 0px;
	}

	#Idx DIV.tip
	{
		color: #000000;
		border: 1px solid black;
		background: #ffd;
	}

	#Idx DIV.error
	{
		color: #fff;
		border: 1px solid #fff;
		background: #f00;
		font-weight: bold;
	}

	#Idx DIV.error DIV
	{
		margin-left: 15px;
		margin-top: 5px;
	}

	#Idx DIV.error DIV DIV
	{
		margin-left: 0px;
	}

	#Idx DIV.success
	{
		color: #fff;
		border: 1px solid #fff;
		background: #0c0;
		font-weight: bold;
	}

	/* BUTTONS */

	.buttons
	{
		clear: both;
	}

	.buttons ul
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.buttons ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		min-height: 37px;
		float: left;
		background: #414141 url(/idx/images/VistaButtonBG_SD1_off.gif) top left no-repeat;
		margin-right: 5px;
	}

	.buttons ul li:hover
	{
		background-image: url(/idx/images/VistaButtonBG_SD1_on.gif);
	}

	.buttons ul li a, .buttons ul li button, .buttons ul li input
	{
		display: block;
		margin: 0;
		border: none;
		font-family: Segoe UI, "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif;
		font-weight: normal;
		background: transparent url(/idx/images/VistaButtonBG_SD2_off.gif) right top no-repeat;
		color: #ffffff !important;
		text-decoration: none !important;
		line-height: 37px;
		white-space: nowrap;
		padding: 0 10px 0 7px;
		cursor: pointer;
	}

	.buttons ul li:hover a, .buttons ul li:hover button, .buttons ul li:hover input
	{
		background-image: url(/idx/images/VistaButtonBG_SD2_on.gif);
	}

	.buttons button, .buttons input
	{
		padding: 4px 10px 3px 7px; /* IE6 */
	}

	.buttons button[type], .buttons input[type]
	{
		padding: 6px 10px 6px 7px; /* Firefox */
		line-height: 25px; /* Safari */
	}

	.buttons button img, .buttons a img, .buttons input img
	{
		margin: 0;
		margin-right: 5px;
		vertical-align: middle;
		padding: 0;
		border: none;
		width: 16px;
		height: 16px;
	}

	/* BLESSED CLEARFIX */
	.buttons:after
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.buttons
	{
		display: inline-block;
	}

	html[xmlns] .buttons
	{
		display: block;
	}

	* html .buttons
	{
		height: 1%;
	}


	/* Tips, Warnings, and Error Messages */

	.tip, .errormessage, .warning, .successmessage
	{
		border-width: 1px;
		border-style: solid;
		margin: 1em 0;
		padding: 1em;
		color: #000;
	}

	.tip
	{
		padding-left: 28px;
		background: #fffedb url(images/icons/silk/information.png) no-repeat 5px 5px;
		background-position: 5px 1em;
		border-color: #fff700;
	}

	.warning
	{
		padding-left: 28px;
		background: #fffedb url(images/icons/silk/error.png) no-repeat 5px 5px;
		background-position: 5px 1em;
		border-color: #fff700;
	}

	.errormessage
	{
		padding-left: 28px;
		background: #fffedb url(images/icons/silk/exclamation.png) no-repeat 5px 5px;
		background-position: 5px 1em;
		color: #f00;
		font-weight: bold;
		border-color: #f00;
	}

	.successmessage
	{
		padding-left: 28px;
		background: #fffedb url(images/icons/silk/tick.png) no-repeat 5px 5px;
		background-position: 5px 1em;
		color: #0a0;
		font-weight: bold;
		border-color: #0a0;
	}


	/*=Modals*/
	#modal_container
	{
		padding: 5px;
		background-color: #fff;
		border: 1px solid #666;
		overflow: auto;
		font-family: Segoe UI, "Lucida Grande" ,Verdana;
		font-size: 12px;
		color: #333;
		text-align: left;
	}

	#modal_overlay
	{
		background-color: #000;
	}


	div.sectionIntro
	{
		background: #F2F4F7;
		color: #333;
		padding: 10px;
		border: 1px solid #C2C4C6;
		margin: 10px 0px;
	}

	div.sectionIntro h2
	{
		font-size: 1.5em;
		margin: 0;
		padding: 0;
		padding-bottom: 4px;
		border-bottom: 1px solid #333;
	}


	abbr, acronym
	{
		border-bottom: 1px dotted;
	}
	*.vcard abbr, *.vevent abbr
	{
		border-bottom: none;
	}
}

