/*
********************************************
PropertSlot - Default CSS Stylesheet
Created on: 01/07/09
Version: 1.0
Developer: Atif Paracha
Email: atifparacha@gmail.com
********************************************
*/

* {padding: 0; margin: 0;}
html { margin:0; padding:0; }   
body { background-color:#FFFFFF; text-align:left; font-family: Arial, Century Gothic, Verdana, Tahoma, Helvetica; font-size: 1em; color:#000000; margin:0; padding:0; z-index:-4}
a:link { color:#0088CC; text-decoration: none; }
a:visited { color:#0088CC; text-decoration: none; }
a:hover { color:#0088CC; text-decoration: underline; }
a:active { color:#0088CC; text-decoration: underline; }
ul {}
li {list-style-type:none; margin:0}
.blackHorizontalRule {margin:2px auto 2px auto; height:1px; width:98%;}

/* Site Structure */
#grandParent { position:relative; width:1011px; margin:0 auto 0 auto; background-color:Transparent;}
#parent { position:relative; margin:0 auto 0 auto; width:975px; background-color:#FFFFFF; }
#header { position:relative; height:100px; width:100%; background-color:#FFFFFF; z-index:10}
#header .firstInHeader {float:left; width:500px;}
#header .lastInHeader {float:right; margin: 2px 20px 5px 0; }
#header .lastInHeader ul {}
#header .lastInHeader ul li { display:inline; margin:0px 2px 0px 2px; color:#FFFF00; list-style-type:none; border-right:solid 1px #6E6E6E; font-size:10px;}
#header .lastInHeader ul li.last { display:inline; margin:0px 2px 0px 2px; color:#FFFF00; list-style-type:none; border-right:none;}
#header .lastInHeader ul li a:link { color:#0088CC; text-decoration:none; }
#header .lastInHeader ul li a:visited { color:#0088CC; text-decoration:none;}
#header .lastInHeader ul li a:hover { color:#0088CC; text-decoration:underline;}
#header .lastInHeader ul li a:active { color:#0088CC; text-decoration:underline;}

#header .lastInHeader ul li.greenLogin a:link { color:#18FF10; text-decoration:none; }
#header .lastInHeader ul li.greenLogin a:visited { color:#18FF10; text-decoration:none;}
#header .lastInHeader ul li.greenLogin a:hover { color:#18FF10; text-decoration:underline;}
#header .lastInHeader ul li.greenLogin a:active { color:#18FF10; text-decoration:underline;}


.menu-bar { position:relative; height:36px;}
.main-search { position:relative; margin:0; height:100px; background-image:url('../Images/Backgrounds/searchBoxBackground.png'); border-bottom:solid 2px #000000; }
#search-refine-closed { position:relative; height:24px; background-image:url(../Images/Backgrounds/refineSearchClosed.png)}
#search-refine-open { position:relative; margin:0; color:#000000; font-size:12pt; height:147px; background-image:url('../Images/Backgrounds/newRefineBar.png')}
#main-screen { position:relative; min-height:450px; background-color:#ffffff;}
.footer { position:relative; color:#7E7F7F; height:286px; width:100%; background: url('../Images/Backgrounds/BottomBarBlankGreen.png') no-repeat bottom; border-top: solid 2px #37FF09;}
#leftShadow {position:absolute; width:18px; min-height:100px; height:100%; left:0px; top:0px; background:url(../images/backgrounds/LeftShadow.png) repeat center;}
#rightShadow {position:absolute; width:18px; min-height:100px; height:100%; right:0px; top:0px; background:url(../images/backgrounds/RightShadow.png) repeat center;}
 

/* Temp */ 
.testBorder { border:double 1px #FF0000; margin:0 0 0 5px;}
.simpleLinkButton { display:inline-block; font-size:0.7em; width:9em; text-align:center; text-decoration:none; border:solid 0.2em #666666; margin:0 0 0 1em; padding:0.2em 0.2em 0.2em 0.2em;  vertical-align:middle;}
.clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}


/* ================ Header Classes =============== */

.slantingLogo {}
.signInRow a {color:#0000ff; text-decoration:underline;}
.signInRow a:link { color:#0000ff; text-decoration: none; }
.signInRow a:visited { color:#0000ff; text-decoration: none; }
.signInRow a:hover { text-decoration: underline; }
.signInRow a:active { text-decoration: underline; }

.mySlotOptionsRow {}
.mySlotOptionsRow a {color:#7F7F7F; text-decoration:underline;}

/* Search Area Classes */
.searchBarHeader {margin:17px 0 0 150px; color:#FFFFFF; font-size:14px;}
.searchBarBlock {margin:5px 0 0 150px; color:#FF0000; vertical-align:middle; }
.mainSearchBox { width:400px; height:32px; vertical-align:middle; font-size:x-large;}
/* width not working in css so placed it in webform */
.greenButton { text-align:center;  vertical-align:text-bottom; background: url('../Images/Buttons/greenButtonBlank.png') no-repeat bottom;}
.leftBorder {border-left:solid 1px #000000;}

/* Accordian Css classes */
.accordionContent{background-color:#0000Ff; border-top:solid 1px #B1EBAA; margin-top:0px;  color:#1AFF0A; font-family: Arial, Verdana, Tahoma, Helvetica; width:inherit; min-height:100px; text-align:center }
.accordionHeader{ margin-top:0px; height:26px; color:#1AFF0A; background-color:#000000; width:inherit; text-align:left; }
.accordionHeaderSelected{ margin-top:0px; height:26px; color:#1AFF0A; background-color:#000000; width:inherit; text-align:left; }
.CourseColumn{ text-align:justify; font-family: Arial, Verdana, Tahoma, Helvetica; font-weight:normal; font-size: 8pt;}
.BookingColumn{height:18px; font-weight:bold; background-color: #FFCC33; text-align:center;}
.accordionTitle{font-family: Arial, Century Gothic, Verdana, Tahoma, Helvetica; font-weight:bold; font-size: 10pt; vertical-align:middle;}
.floatLeft {float:left; width:690px; margin-left:10px; text-align:left;}
.floatRight {float:right; text-align:right; width:257px; margin-right:10px;}

/* Refine Bar classes */

.refineArrow { position:absolute; top:3px; right:10px; text-align:right; background: url('../Images/Buttons/LeftArrow.png') no-repeat bottom; min-width:9px; min-height:20px;}
.temp {background:url('../Images/Buttons/LeftArrow.png') no-repeat bottom;}
.refineText { margin: 3px 0 0 10px; color:#90FF8E; font-size:12px;}


/* Jugaar */
.stupidPatch { position:absolute; margin:-16px 0 0 480px; width:20px; height:20px; background-color:#B1EBAA; }
.oneByOneTransparentBlock {position:relative; width:1px; height:1px;  background-color:Transparent;}


/* =============== End of Header Classes ============== */

/* ======== Refine Search Classes  =============== */
/* property type */
.propertyTypeText { position:absolute; font-size:12px; margin:06px 0 0 45px; vertical-align:middle;}
.propertyTypeDDL {position:absolute; min-width:50px; margin:22px 0 0 45px; vertical-align:middle;}
/* search radius */
.searchRadius { position:absolute; font-size:12px; margin:06px 0 0 215px; vertical-align:middle;}
.searchRadiusSlider { position:absolute;  min-width:50px; margin:32px 0 0 215px; vertical-align:middle;}
.searchRadiusDigits { position:absolute; font-size:12px; margin:13px 0 0 325px; vertical-align:middle;}
.mesurementList { position:absolute; margin:-3px 0 0 340px; font-size:9px;}
.radiusRail { position:relative; height:4px; width:250px; background-color :#000000;}
.radiusHandle{position:absolute; background:url('../Images/icons/propertysloticon.png') no-repeat; height:30px; width:25px; text-align:center; margin-top:-11px;}
/* time one site */
.timeOnSite { position:absolute; font-size:12px; margin:06px 0 0 435px; vertical-align:middle; }
.timeOnSiteDDL { position:absolute; min-width:50px; margin:22px 0 0 435px; vertical-align:middle; }
/* sort by */
.sortBy { position:absolute; font-size:12px; margin:06px 0 0 570px; vertical-align:middle; }
.sortByDDL { position:absolute; min-width:50px; margin:22px 0 0 570px; vertical-align:middle; }
/* bedrooms */
.bedroomsText { position:absolute; font-size:12px; margin:56px 0 0 45px; vertical-align:middle; }
.bedroomsSlider { position:absolute;  min-width:50px; margin:82px 0 0 45px; vertical-align:middle;}
.bedroomsRail { position:relative; height:4px; width:80px; background-color :#000000;}
.bedroomsHandle{position:absolute; background:url('../Images/icons/propertysloticon.png') no-repeat; height:30px; width:25px; text-align:center; margin-top:-11px;}
.bedroomsDigits { position:absolute; font-size:10px; margin:95px 0 0 115px; vertical-align:middle;}
/* bathrooms */
.bathroomsText { position:absolute; font-size:12px; margin:56px 0 0 170px; vertical-align:middle; }
.bathroomsSlider { position:absolute;  min-width:50px; margin:82px 0 0 170px; vertical-align:middle;}
.bathroomsRail { position:relative; height:4px; width:80px; background-color :#000000;}
.bathroomsHandle {position:absolute; background:url('../Images/icons/propertysloticon.png') no-repeat; height:30px; width:25px; text-align:center; margin-top:-11px;}
.bathroomsDigits { position:absolute; font-size:10px; margin:95px 0 0 240px; vertical-align:middle;}
/* price */
.priceText { position:absolute; font-size:12px; margin:56px 0 0 450px; vertical-align:middle; }
.priceSlider { position:absolute;  min-width:50px; margin:82px 0 0 450px; vertical-align:middle; }
.priceDigits1 { position:absolute; font-size:12px; margin:56px 0 0 590px; vertical-align:middle; }
.priceDigits2 { position:absolute; font-size:12px; margin:56px 0 0 630px; vertical-align:middle; }
.priceSliderLeft { position:absolute; background:url('../Images/icons/propertysloticon.png') no-repeat; width:25px; height:25px; z-index:200; cursor:w-resize; margin-top:-11px; }
.priceSliderRight { position:absolute; background:url('../Images/icons/propertysloticon.png') no-repeat; width:25px; height:25px; z-index:200; cursor:w-resize; margin-top:-11px; }
.priceMultiSliderCustom .outer_rail_horizontal { position:relative; width:190px; height:4px; background-color:#000000;  vertical-align:bottom; z-index:100; }
.priceMutliSliderCustom .inner_rail_horizontal { position:relative; width:190px; height:4px; background-color:#000000 ; vertical-align :bottom; z-index:100; }
.currencyDDL {position:absolute; margin:72px 0 0 300px;}
/* Sale Rent*/
.saleRentList { position:absolute; margin:10px 0 0 780px; font-size:14px;}

/* Search Button */
.refineSearchButton {position:absolute; margin:70px 0 0 780px; background-color:Blue; color:#FF0000; width:50px; height:30px; font-size:14px;}

/* common */
.TextBoxToLabel{border-width:0px; background-color:Transparent; width:30px; border-color:White}
.TextBoxToLabelLarge{border-width:0px; background-color:Transparent; width:80px; border-color:White}
.DigitsFont{color: #000000;}
.GreenFont{color :#00FF00;}
/*-----------END refine search options -------------- */


/* formatting */
.itemsRow {display:inline-block; margin: 0.4em 0.4em 0.4em 0.4em;}
.itemsRow:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.firstInRow {width:150px; float:left} 
.secondInRow {float:right}


/* === BookMark  ===*/
.bookMarkButton { position:absolute; right:50px; top:115px; z-index:200;}
/* == END == */

/* ========= Whats PropertySlot ============ */
.whatsPropertySlotBlock { position:relative; font-size:10px; margin:5px 5px 10px 5px;}
.whatsPropertySlotHeading {font-weight:bold;}
.whatsPropertySlotBlock a:link { color :#0000AA; text-decoration:none;}
.whatsPropertySlotBlock a:visited { color :#0000AA; text-decoration:none;}
.whatsPropertySlotBlock a:hover { color :#0000AA; text-decoration:underline;}
.whatsPropertySlotBlock a:active { color :#0000AA; text-decoration:underline;}

/* ======== Start of Footer Classes ======== */
.tenLocationsBlock { width:705px ; float:left; margin:10px 5px 0 5px; text-align:left;}
.pSlotBusinessBlock { width:245px; float:right; margin:10px 5px 0 5px; text-align:left; text-align:right; font-size:10px;}
.pSlotBusinessBlock a:link { color:#7E7F7F; text-decoration:none;}
.pSlotBusinessBlock a:visited { color:#7E7F7F; text-decoration:none;}
.pSlotBusinessBlock a:hover { color:#7E7F7F; text-decoration:underline;}
.pSlotBusinessBlock a:active { color:#7E7F7F; text-decoration:underline; }

.firstFooterRowTitles {margin:0 0 5px 0;}
.footerTenLocationsHeading { font-size:14px; font-weight:bold;}
.topLocationFooterTD {min-width:90px; font-size:11px; font-weight:normal;}
.topLocationFooterTD a {color:#7E7F7F; }
.footerTopLocations { font-size:11px; font-weight:normal; }

.footerPropertySlotBusiness { font-size:12px; font-weight:900; }

.firstFooterRowTitles {margin:0 0 5px 0;}
.footerPropertySlotRow { margin:0 5px 5px 5px; vertical-align:bottom;}
.footerPropertySlotLine {width:180px;}
.footerLinksLine {text-align:left; margin:0 5px 0 5px; font-size:11px; font-weight:600;}
.footerLinksLine a:link { color:#7E7F7F; text-decoration:none; font-weight:600;}
.footerLinksLine a:visited { color:#7E7F7F; text-decoration:none; font-weight:600;}
.footerLinksLine a:hover { color:#7E7F7F; text-decoration:underline; font-weight:600;}
.footerLinksLine a:active { color:#7E7F7F; text-decoration:underline; font-weight:600;}

.footerPopertySlotLabel { font-size:18px; font-weight:900;}
.footerPropertySlotDotComRow { margin:10px 5px 5px 6px; vertical-align:bottom; }
.footerPropertySlotLtdRow {margin:0 5px 10px 6px; vertical-align:bottom; }
.footerHomeOfPropertyBlock { margin:0 5px 0 5px; }
.footerHomeOfProperty { font-size:12px; font-weight:900;}
.footerHomeOfPropertyText { font-size:11px; font-weight:normal;}

/* Footer Bottom Row */
.footerBottomBlock {position:relative; text-align:center;}
.footerBottomMiddle {position:relative; width:500px; margin:0 auto 0 auto; text-align:center;}
.footerFNHoldingsLogo { position:absolute; width:41px; height:52px; margin: 5px 5px 5px 5px; background: url('../Images/Logos/fnholdingsSmall.png') no-repeat bottom;}
.footerLBHALogo {position:absolute; width:51px; height:47px; margin: 5px 5px 5px 60px; background: url('../Images/Logos/lbhaSmall.png') no-repeat bottom;}
.firstRowFBM {font-size:10px;}
.firstRowFBM a {color:#7E7F7F; }

/* ======= END OF FOOTER CLASSES =======*/


/* ============ Menu Classes =========== */

.spantabs
{
    min-width:125px;
    text-align:center;
    cursor:pointer;
    /*added later*/
    font-size:11px;
    font-weight:bold;
    height:17px;
    font-weight:normal;
}


/*------------------- Menu Tabs 6--------------------------- */

#tabs6 
{
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	  padding-left:0px;
      margin-left:0px;
}

#tabs6 ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
}

    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url('../images/menus/tableft6.gif') no-repeat left top;
      margin:0;
      text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url('../images/menus/tabright6.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }

      #tabs6 #current a {
      	background-position:0% -42px;
      }
      #tabs6 #current a span {
      	background-position:100% -42px;
      }
      
/*============== End Of Menu Classes (tabs6) ==============*/

/* End of classes for slider */


/* =========== Auto Complete Classes ============ */

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color :#444444;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow :hidden;
	height:auto;
	font-size:15px;
    text-align : left; 
    list-style-type : none;
    z-index:1000;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #70F16D;
	color: black;
	padding: 1px;
	z-index:1000;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color:#444444;
	color:#ffffff;
    font-size:14px;
	padding : 1px;
	z-index:1000;
}

/* ========= End of Auto complete Classes ============= */


.tempTR { margin:5px auto 5px auto;}
.tempTD {margin: 0 50px 0 50px; width:315px;}
.leftPanel { border:solid 1px #000000; width:150px; margin:5px 5px 5px 5px;}
.leftPanelHeading { margin:5px 0 10px 5px; font-weight:900; font-size:11px}
.leftPanel ul { }
.leftPanel ul li { margin: 0 0 0 5px; font-size:11px;}

.leftPanel ul li a:link { text-decoration: none; color:#0088CC;}
.leftPanel ul li a:visited { text-decoration: none; color:#0088CC; }
.leftPanel ul li a:hover {color:#0088CC; text-decoration:underline;	}
.leftPanel ul li a:active {color:#0088CC; text-decoration:underline;	}

/* no longer using the below ones */
.leftPanelContent { margin: 0 0 0 5px; font-size:10px;}
.leftPanelContent a { color:#0000AA;}


.valignmidddle { vertical-align:middle; height:36px;}

/* =========== Content Call taken from original ============== */

	
	#content_col ul{
		
		border-top: 2px solid #CCCCCC;
		
		margin-bottom: 5px;
		padding: 5px;
		line-height: 1.2;
		
		float: left;
		margin: 5px 1% 0 1%;
		width: 30%;
		list-style:none;
		font-weight: normal;
	}

	#content_col ul li img {
		border: 5px double #cccccc;
	}

	#content_col ul li a:link, #content_col ul li a:visited {
		text-decoration: none;
		color:#22c022;
	}
	#content_col ul li a:hover, #content_col ul li a:active {
		color:#22c022;
		text-decoration:underline;
	}
	.clearblock {
		overflow: hidden;
		display: block;
		clear: both;
	}

	.fltrt {
		float:right;
		margin-left:8px;
	}
	.fltlft {
		float:left;
		margin-right:8px;
	}
	#content{
		padding-left:auto;
		padding-right:auto;
		padding-bottom:30px;
		margin-bottom:50px;
	}
/* =========== END of Content Col ==========*/
/* =========== Content Call taken from original ============== */

	
	#content_col2 ul{
		
		border-top: 2px solid #CCCCCC;
		
		margin-bottom: 5px;
		padding: 5px;
		line-height: 1.2;
		
		float: left;
		margin: 5px 1% 0 1%;
		width: 30%;
		list-style:none;
		font-weight: normal;
	}

	#content_col2 ul li img {
		border: 5px double #cccccc;
	}

	#content_col2 ul li a:link, #content_col2 ul li a:visited {
		text-decoration: none;
		color:#22c022;
	}
	#content_col2 ul li a:hover, #content_col2 ul li a:active {
		color:#22c022;
		text-decoration:underline;
	}
	#content2{
		padding-left:auto;
		padding-right:auto;
		padding-bottom:30px;
		margin-bottom:50px;
	}
/* =========== END of Content Col ==========*/
/* =========== Content Call taken from original ============== */

	
	#content_col3 ul{
		
		border-top: 2px solid #CCCCCC;
		
		margin-bottom: 5px;
		padding: 5px;
		line-height: 1.2;
		
		float: left;
		margin: 5px 1% 0 1%;
		width: 30%;
		list-style:none;
		font-weight: normal;
	}

	#content_col3 ul li img {
		border: 5px double #cccccc;
	}

	#content_col3 ul li a:link, #content_col3 ul li a:visited {
		text-decoration: none;
		color:#22c022;
	}
	#content_col3 ul li a:hover, #content_col3 ul li a:active {
		color:#22c022;
		text-decoration:underline;
	}

	#content3{
		padding-left:auto;
		padding-right:auto;
		padding-bottom:30px;
		margin-bottom:50px;
	}
/* =========== END of Content Col ==========*/



/* ==== Grid related classes ==== */
.gridBox { margin:10px auto 0 auto; width:95%; font:arial; font-size:12px;}

.mGrid {    
    width: 100%;    
    background-color: #fff;    
    margin: 5px 0 0 0;    
    border: solid 1px #525252;    
    border-collapse:collapse;    
}   
.mGrid td {    
    padding: 2px;    
    border: solid 1px #c1c1c1;    
    color: #717171;    
}   
.mGrid th {    
    padding: 4px 2px;    
    color: #ffffff;    
    background: #424242 url(../Images/Grids/grd_head.png) repeat-x top;    
    border-left: solid 1px #525252;    
    font-size: 0.9em;    
} 
  
.mGrid .alt { background: #fcfcfc url(../Images/Grids/grd_alt.png) repeat-x top; } 

.mGrid a { color:#FFFFFF; text-decoration:none;}
.mGrid a:hover { color:#3A3AFF; text-decoration:underline;}

.mGrid .edit { width:15px; text-align:center;}
.mGrid .delete { width:15px; text-align:center;}
.mGrid .select { width:15px; text-align:center;}
.mGrid .links {}
.mGrid .links ul { list-style:none; text-align:center;}
.mGrid .links ul li { display:inline;}
.mGrid .gridLinkButton { border:solid 1px #424242; min-width:50px; padding: 0 5px 0 5px; color:#717171 } 
.mGrid .gridLinkButton:hover { border:solid 1px #424242; background:#717171; padding: 0 5px 0 5px; color:#FFFFFF } 


/* Paging controls to be used later  
.mGrid .pgr { background: #424242 url(../Images/Grids/grd_pgr.png) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666;    
    font-weight: bold;    
    color: #fff;    
    line-height: 12px;    
}      
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
*/
.mGridFooter { width:100%; background: #424242 url(../Images/Grids/grd_pgr.png) repeat-x top; height:25px; vertical-align:middle; color:#FFFFFF; font-size:10px; }   
.hundredPercent { width:100%; }
.firstColumn { width:25%; margin:5px 0 0 0;}
.middleColumn { width:50%; margin:5px 0 0 0;}
.lastColumn { width:25%; margin:5px 0 0 0; text-align:right;}
.previousColumn { width:auto; text-align:right;}
.nextColumn { width:auto; text-align:left;}
.pageTD {width:20px; 
    text-align:center; 
    border-width: 0;    
    padding: 0 6px;    
    border-left: solid 1px #666666;    
    font-weight: bold;    
    color: #ffffff;    
    line-height: 12px;    
}
.pageTD a { color: #666666; text-decoration: none; }   
.pageTD a:hover { color: #000000; text-decoration: none; }

.firstPageTD {width:20px; 
    text-align:center; 
    border-width: 0;    
    padding: 0 6px;    
    font-weight: bold;    
    color: #ffffff;    
    line-height: 12px;    
}
.firstPageTD a { color: #666666; text-decoration: none; }   
.firstPageTD a:hover { color: #000000; text-decoration: none; }

.pagingTable { margin:0 auto 0 auto;}
/* this is a jugaar class to add a bit of space at the top of the grid footer */
.spacingDiv { width:100%; height:5px; background-color:Transparent;}
.ptGridRecsPerPage { margin: 0 0 0 5px;}
.ptGridRecordCount { margin: 0 5px 0 0;}
.ptGridDDLPageChange { font-size:10px;}

/*Clear fix- to put everything in one row*/
.clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}


/* ======= Form related classes ======= */
.formBlock { position:relative; border:solid 1px #D7D7D7; margin:10px auto 0 auto; width:95%; background-color:#FFFFFF; font-weight:600; color:#424242; padding:0 0 5px 0; font:arial; font-size:12px;}
.formBlock .formsHeader { background: #424242 url(../Images/Grids/grd_head.png) repeat-x top; width:100%; margin:0 0 5px 0; color: #ffffff; font-size: 12px; text-align:center; padding:4px 0 4px 0;} 
.formBlock ul { margin:0 5px 0 5px; color:#212121; }
.formBlock ul li { list-style-type:none; padding:0.30em 0 0.30em 0;}
.formBlock ul li .label { color:#424242; min-width:150px; display:inline-block; text-align:right; vertical-align:middle;}
.formBlock ul li .smallTextBox { width:200px;}
.formBlock ul li .mediumTextBox { width:400px;}
.formBlock ul li .largeTextBox { width:600px;}
.formBlock ul li .dropDownList { width:200px;}
.formBlock ul li .buttonsRow {margin:0 auto 0 auto; width:100%; text-align:center;}
.formBlock ul li .buttonsRow .formsButton { margin:0 5px 0 5px; padding:0 5px 0 5px; }
.formBlock ul li .buttonsRow .formsLinkButton { font-size:10px;margin:0 5px 0 5px; padding:2px 5px 2px 5px; text-decoration:none; color:#FFFFFF;     background: #424242 url(../Images/Grids/grd_head.png) repeat-x top;}
.formBlock ul li .buttonsRow .formsLinkButton:hover {font-size:10px; text-decoration:none; color:#CDCDCD;}
.formBlock ul li .errorMessage { color:#660000;}

.formsLinkButton {font-size:10px; margin:0 5px 0 5px; padding:2px 5px 2px 5px; text-decoration:none; color:#FFFFFF;     background: #424242 url(../Images/Grids/grd_head.png) repeat-x top;}
.formsLinkButton:hover {font-size:10px; text-decoration:none; color:#CDCDCD;}
/* END OF Form Related Classes */

/* =========== Many - Many Relation Editor classes ==========*/
.relationLabel {float:left;}
.relationBoxes {}
.lboxTableHeader { text-align:center; color:#424242;}
.middleColumn {width:60px; text-align:center;}
.relationListBox { width:200px; color:#424242; padding:2px 0 2px 2px;}
/* End of Relation classes */


/* =========== Message Box ============ */
.messageBox { position:relative; background-color:#424242; width:95%; margin:10px auto 0 auto; padding: 5px 0 5px 0;}
.messageText { color:#FFFFFF; margin:0 5px 0 5px;}


/* Navigation */

    /* TOP Navigation Styling 
    Tier 1  */
    .nav-menu ul.AspNet-Menu { font-size:12px; font-family:Arial;}

    /* Tier 2 */
    .nav-menu ul.AspNet-Menu ul { margin-top:0px;}

    /* Tier 3+ */
    .nav-menu ul.AspNet-Menu ul ul {}

    /* all list items */
    .nav-menu li { /*background: transparent; padding:0; text-align:center; background-color:#00FF00; }*/
      float:left; margin:0; background:url('../images/menus/tableft6.gif') no-repeat left top;
      text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0;}

    /* all list items */
    .nav-menu ul.AspNet-Menu ul li { /*background: transparent; padding:0; text-align:center; background-color:#00FF00; }*/
      float:left; margin:0; background-color:#FF0000; text-decoration:none; }

    /* Added: basic li hover */
    .nav-menu li:hover {background-position:0% -42px;}

    /* list items being hovered over */
    .nav-menu li li:hover, .nav-menu li li.AspNet-Menu-Hover { background: #424242; }

    /* all anchors and spans (nodes with no link) */
    .nav-menu a{ /*color: #424242; padding: 15px 0px 18px 0px; /*margin-left:-3.1px; background: transparent; border-left: ridge 1px #CDCDCD; width:141px;*/}
    .nav-menu span{background-color: #009900; } 
/*    .nav-menu {
      float:left;
      display:block;
      background:url('../images/menus/tabright6.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px;

}*/
/* leaves */
.nav-menu li.AspNet-Menu-Leaf a, .nav-menu li.AspNet-Menu-Leaf span {/*width:141px; border-left: ridge 1px #CDCDCD;*/
      float:left; display:block; background:url('../images/menus/tabright6.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px;
      text-align:center; width:141px;
}

/* hovered text */
.nav-menu li:hover a, 
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span
{/*color: #CDCDCD;*//*This changed the color of hovered text in child leaves*//* font-family: Century Gothic, Verdana, Tahoma, Helvetica; font-size: 10pt; font-weight:bold;*/ 
 /* -13px added as jugaar */
  background-position:-13px -42px; }

/* tier 2 hovered */
.nav-menu li:hover li:hover a,
.nav-menu li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover li:hover a,
.nav-menu li:hover li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{ color:#FFFFFF; background-color:#000000;}

/*added*/   
.nav-menu li:hover a, /* current hovered text */
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span
{ /*color: #000000;  width:141px;*/  
}

/* all Tier 2 list items */
.nav-menu li li { width:inherit; background:#CDCDCD; padding:0px; margin-left:0px; border-bottom: ridge 1px #CDCDCD; }

 /* the tier above this one is hovered */ 
.nav-menu li:hover li a,
.nav-menu li:hover li span
.nav-menu li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li span,
.nav-menu li:hover li:hover li a,
.nav-menu li:hover li:hover li span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{ width:144px;}

/* this tier is selected */
.nav-menu .AspNet-Menu-Selected { color: #FFFFFF; background-color:#8B8B8B;}

/* a tier below this one is selected */
.nav-menu .AspNet-Menu-ChildSelected { color: #ff0000; background-color:#8B8B8B;}

/* a tier above this one is selected */
.nav-menu .AspNet-Menu-ParentSelected { /* border: solid 1px #0000ff !important; */ background-color: #8B8B8B;/*This changed the color of child background*/ width:141px;}

/* a child of a parent selected */
.nav-menu .AspNet-Menu-Leaf .AspNet-Menu-Selected { color: #FFFFFF; background-color:#8B8B8B; }
/*.nav-menu .AspNet-Menu-WithChildren { padding-bottom:0px !important; margin-bottom:0px; width:141px;}*/

.nav-menu li.AspNet-Menu-WithChildren a, .nav-menu li.AspNet-Menu-WithChildren span {/*width:141px; border-left: ridge 1px #CDCDCD;*/
      float:left;
      display:block;
      background:url('../images/menus/tabright6.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px;  padding-bottom:4px;
      text-align:center; width:141px;
}
.nav-menu li.AspNet-Menu-WithChildren a:hover, .nav-menu li.AspNet-Menu-WithChildren span:hover {background-position:-13px -42px;}
.nav-menu li.AspNet-Menu-WithChildren ul {margin-top:23px;}
.nav-menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf { margin-left:-4px; width:144px;}
.nav-menu li.AspNet-Menu-WithChildren ul li.AspNet-Menu-Leaf a:hover {background-position:-9px -42px;}


/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
ul.AspNet-Menu { position: relative; } ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; z-index:98; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul { visibility: hidden; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{ visibility: visible;}


/*
#tabs6 
{
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	  padding-left:0px;
      margin-left:0px;
}

#tabs6 ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
}

    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url('../images/menus/tableft6.gif') no-repeat left top;
      margin:0;
      text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url('../images/menus/tabright6.gif') no-repeat right top;
      color:#FFF; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack *
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }

      #tabs6 #current a {
      	background-position:0% -42px;
      }
      #tabs6 #current a span {
      	background-position:100% -42px;
      }

*/


/* ============= Login Page Classes =============*/
.login { width:400px; height:200px; margin:180px auto auto auto; }
.loginLabel { color:#424242; min-width:100px; display:inline-block; text-align:right;}


.menuBottom {margin-top:-12px; width:100%; height:5px; background-color:#000000;}



/* Google Map Info Window */
.Baloon{width:200px;height:30px}
.Baloon .Heading { background-color:#000000; color:#ffffff}
.Baloon .Text {background-color:#0000ff; color:#ffffff}


#simple_example_window{    width: 300px;  }  
#simple_example_window_contents{    background-color: #FFF;  }  
#custom_info_window_red_beak{width: 28px;    height: 38px; background: url('../examples/images/corners/red_beak.png') top left no-repeat transparent;  }  
* html #simple_example_window_beak{    /* Alpha transparencies hack for IE */    
									background-image:none;    
                                    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../examples/images/corners/red_beak.png', sizingMethod='crop');  } 

#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, 
#simple_example_window_br,  #simple_example_window_t,
#simple_example_window_l,#simple_example_window_r,
#simple_example_window_b{    background-color: #FAF;    height: 2px;    width: 2 }


/* End Google Map Info Window */


.propertyFirstLine { font-weight:bold; font-size:18px;}
.propertySecondLine { font-weight:normal;font-size:16px;}



#fixedFeedBack { position:fixed; left:0px; bottom:0px; width:26px; height:128px; z-index:1000;}



/* ============= Progress Classes ============= */
.progressScreen { position:absolute; background-color:#424242; width:100%; height:100%; z-index:10002;}
.progressImage { position:absolute; top:40%; left:40%; vertical-align:middle; text-align:center; width:300px; height:40px; color:#84B160;}

/* for opacity: first line is for IE8
    second line if for IE5-7
    third line is for older versions of Mozilla, Netscape etc.
    forth line is for older versions of safari
    fifth line is for all browsers
*/
.opacity80 { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
                  filter: alpha(opacity=60);	
                  -moz-opacity:0.6;
	              -khtml-opacity: 0.6;              	
                  opacity: .6;
                  }

/* == END == */



/* === Boxes === */
.dottedBottomBox { width:95%;  margin:10px auto 0 auto; padding-bottom:5px;}
.siteMapHeading {font-weight:600; color:#212121; font-size:16px; }
.siteMapContent { color:#212121; width:100%; margin:5px 0 0 0; padding-top:5px; border-top:solid 1px #00FF00;}
.siteMapContent a:link { text-decoration: none; color:#0088CC;}
.siteMapContent a:visited { text-decoration: none; color:#0088CC; }
.siteMapContent a:hover {color:#0088CC; text-decoration:underline;	}
.siteMapContent a:active {color:#0088CC; text-decoration:underline;	}
.div25Percent {width:25%; border:solid 1px #ff0000;}

/* == END == */

/* == Show properties page == */
.propertyPageTopBar {position:relative;}
.propertyPageTopBarTable {width:100%;}
.locationHeading { font-weight:600; font-size:16px; padding:5px 5px 5px 5px;}
.propertyCount {font-size:12px; text-align:right;}
/* == END == */


/* === Property Page Classes === */
.propertyPageHeading { position:relative; font-size:20px; font-weight:500; margin:10px 5px 0px 5px; color:#CDCDCD;}
.propertyPageFeatures { margin:5px 0 0 0;}
.propertyImageRow {position:relative; min-width:100%; height:420px; margin:5px 0 0 0; border:solid 1px #00FF00;}
.propertyPageImageGallery { float:left; border:solid 1px #FF0000; height:400px; width:500px; margin: -20px 0 0 0;}
.propertyPageAgentBox { float:left; border:solid 1px #FF0000; height:400px; width:450px; margin: 9px 0 0 0;}
.propertyPageAgent { background: url('../Images/Backgrounds/BottomBarBlankGreen.png') no-repeat top; height: 300px; padding:0; border:solid 1px #00FF00;}
.propertyImageRossw:after { clear:both;}
.propertyPageBlock {}
.propertyPageHeadings { position:relative; font-size:20px; font-weight:500; margin:10px 10px 10px 10px; color:#212121;}
.propertPageAds { width:340px; margin:10px auto 10px auto; border-top:solid 1px #CDCDCD; border-bottom:solid 1px #CDCDCD;}
.propertyPageDescription { margin:0 10px 0 10px; font-size:12px}
.propertyPageWhatPSlot {}
.propertyPageDisclaimer { margin:10px 10px 10px 10px; font-size:10px; color:#BCBCBC;}
.propertyPageResourceBox { background: url('../Images/PropertyPage/ResourceCentreBackground.png') no-repeat top; width:955px; height:350px; margin:0 auto 0 auto; padding: 10px 10px 10px 30px;}
.propertyPageResourcesHeading { }



.propertyPageMiddleImage { margin: 0 auto 0 auto; width:320px;}


.propertyPageResourceSection { width: 290px; float:left; margin:0 0 0 0; padding: 2px 2px 10px 0; background-color:#FFFFFF; }
.propertyPageResourceImage { padding:2px 0 0 0; }
.propertyPageResourceTitle { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#212121; font-weight:600; margin:15px 5px 5px 15px; }
.propertyPageResourceSection ul { margin: 0 0 0 10px;}
.propertyPageResourceSection ul li { list-style-type:disc; list-style-position:inside; font-size:10px;}



/* == END == */