﻿/* 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%;
}

img {
   behavior: url('/idx/images/pngbehavior.htc');
}
#Idx 
{
	 margin: 1em;
}

#Idx.dialogbox {width: 400px; margin-left: auto; margin-right: auto;}

#Idx A 
{
	color:#222;
}

#Idx A:hover 
{
	color:#444;
	text-decoration: none;
}

#IdxContent 
{
	background-image: url(images/textareabg2.png);
	background-position: top left;
	background-repeat: repeat-y;
	margin-top: 1em;
	border-top: .5em solid black;
	padding: 1em;
	padding-left: 55px;
}


#IdxContent, #IdxContent td
{
	color: #000;
}

#IdxContent A 
{
	color: #222;
}

#IdxMenu 
{
	margin-bottom: 1em;
	padding: .5em;
	background: #000000;
}

#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; color: White;}
.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 
    {
        width: 300px;
        height: 250px;
        float:left;
}
.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 .Header div
{
   float:left;
}

#Idx .SearchResults .Listing h2 
{
	margin: 0;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	
}


.Listing A.Thumbnail 
{
    margin: 3px;
}

.Listing A.Thumbnail img
{
    padding:2px;
    
}

.Listing A.Thumbnail:hover
{
    background: #CCCCCC;
}

.Listing A.Thumbnail:active
{
    background: #999999;
}

.Listing .MainPhoto img
{
    width:225px;
}

.Listing .MainPhoto_hover img
{
    width: 512px;
    position: absolute;
    z-index:100;
}

.Listing .PhotosAndAgent 
{
    width:225px;
    padding-right: 5px;
    border-right: 1px solid black;
}

.Listing .idxDetails
{
    padding-left: 5px;
   
}



.Listing .idxDetails .idxMainHeader
{
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
    font-size:20px;
    font-weight:bold;
}


.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;
}



#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 a, .buttons button, .buttons input{
		display:block;
		float:left;
		margin:0 7px 0 0;
		background-color:#e9e9e9;
		border:1px solid #dedede;
		border-top:1px solid #e9e9e9;
		border-left:1px solid #e9e9e9;
	
		font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
		font-size:100%;
		line-height:130%;
		text-decoration:none;
		font-weight:bold;
		color:#565656;
		cursor:pointer;
		padding:5px 10px 6px 7px; /* Links */
	}
	
	.buttons button, .buttons input{
		width:auto;
		overflow:visible;
		padding:4px 10px 3px 7px; /* IE6 */
	}
	.buttons button[type], .buttons input[type]{
		padding:5px 10px 5px 7px; /* Firefox */
		line-height:17px; /* 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;
	}
	
	
	.buttons ul
	{
		padding: 0;
		margin: 0;
		list-style-type: none;
		float: left;
		width: 100%;
	}
	
	.buttons {
		clear:both;
	}
	.buttons li
	{
		display: inline;
		list-style-type: none;
	}

	/* 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%;
		}
	
	/* STANDARD */
	
	.buttons button:hover, .buttons a:hover, .buttons input:hover{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
	}
	.buttons a:active, .buttons input:active{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
	
	/* POSITIVE */
	
	button.positive, .buttons a.positive, .buttons input.positive{
		color:#529214;
	}
	.buttons a.positive:hover, .buttons button.positive:hover, .buttons input.positive:hover{
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
	}
	.buttons a.positive:active, .buttons input.positive:active{
		background-color:#529214;
		border:1px solid #529214;
		color:#fff;
	}
	
	/* NEGATIVE */
	
	.buttons a.negative, .buttons button.negative, .buttons input.negative{
		color:#d12f19;
	}
	.buttons a.negative:hover, .buttons button.negative:hover, .buttons input.negative:hover{
		background:#fbe3e4;
		border:1px solid #fbc2c4;
		color:#d12f19;
	}
	.buttons a.negative:active, .buttons input.negative:active{
		background-color:#d12f19;
		border:1px solid #d12f19;
		color:#fff;
	}
	
	/* DISABLED */
	
	.buttons a.disabled, .buttons button.disabled, .buttons button[disabled="disabled"], .buttons input[disabled="disabled"]{
		color:#dddddd !important;
		background-color: #eee !important;
		border: 1px solid #e9e9e9 !important;
		cursor: default;
	}
	

	
	/* STANDARD */
	
	.buttons button:hover, .buttons a:hover{
		background-color:#dff4ff;
		border:1px solid #c2e1ef;
		color:#336699;
	}
	.buttons a:active{
		background-color:#6299c5;
		border:1px solid #6299c5;
		color:#fff;
	}
	
	/* POSITIVE */
	
	button.positive, .buttons a.positive{
		color:#529214;
	}
	.buttons a.positive:hover, .buttons button.positive:hover{
		background-color:#E6EFC2;
		border:1px solid #C6D880;
		color:#529214;
	}
	.buttons a.positive:active{
		background-color:#529214;
		border:1px solid #529214;
		color:#fff;
	}
	
	/* NEGATIVE */
	
	.buttons a.negative, .buttons button.negative{
		color:#d12f19;
	}
	.buttons a.negative:hover, .buttons button.negative:hover{
		background:#fbe3e4;
		border:1px solid #fbc2c4;
		color:#d12f19;
	}
	.buttons a.negative:active{
		background-color:#d12f19;
		border:1px solid #d12f19;
		color:#fff;
	}
	
	/* DISABLED */
	/*
	.buttons a.disabled, .buttons button.disabled, .buttons button[disabled="disabled"]{
		color:#dddddd !important;
		background-color: #eee !important;
		border: 1px solid #e9e9e9 !important;
		cursor: default;
	}
	
	.buttons a.updating, .buttons button.updating {
		padding-left: 26px;
		background-image: url(/images/icons/silk/updating.gif) !important;
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	*/
	/* SPECIALIZED ICONS */
	/*
	.buttons a[class].add, .buttons button[class].add {
		padding-left: 26px;
		background-image: url(/images/icons/silk/add.png);
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	
	.buttons a[class].back, .buttons button[class].back {
		padding-left: 26px;
		background-image: url(/images/icons/silk/arrow_left.png);
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	
	.buttons a[class].cancel, .buttons button[class].cancel {
		padding-left: 26px;
		background-image: url(/images/icons/silk/cancel.png);
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	
	.buttons a[class].submit, .buttons button[class].submit {
		padding-left: 26px;
		background-image: url(/images/icons/silk/tick.png);
		background-position: 5px 50%;
		background-repeat: no-repeat;
	}
	*/

/* 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;
	
}
