/* html, body */
html {
	padding:0;
	margin:0;
	_padding:0 1px;
	_height:100%;
	_overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;	 	
	font-size:12pt;	
	color: #606060;  
}

body {
	padding:0;
	margin:0;
	_padding:0 1px;
	_height:100%;
	_overflow:hidden;
	font-family: Verdana, Geneva, sans-serif;	 	
	font-size:12pt;	
	color: #606060;  
	overflow-Y:scroll;
}

/* wait state */
html.wait, html.wait *{
    cursor: wait !important;   
}

/* img */
img{
	border:0;
}

/* ul, li */
ul, li{
	margin:0px;
	padding:0px;
}



/* LoginLogo */
.LoginLogo{
	margin-top:20px;
	width:200px;
	height:81px;	
	margin-left:auto;
	margin-right:auto;
}
.LoginLogo img{
	width:100%;
}

/* ui-datepicker-title */
.ui-datepicker-header{

}

/* ui-dialog */
.ui-dialog {

}

/* ui-dialog .ui-dialog-titlebar */
.ui-dialog .ui-dialog-titlebar {
	border-bottom:1px solid #C0C0C0;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;
}

/* ScrollMenu */
.ScrollMenu{
	position: fixed;
	margin-top:-42px;
	left:50%;
	transform: translateX(-50%);
	width:730px;
	height:30px;	
	z-index:999;	
}

.ScrollMenu .MenuItem{
	float:left;
	height:20px;
	color:black;
	font-size:11pt;
	line-height:1.4em;
	padding-right:15px;		
	padding-left:15px;
	cursor:pointer;

}
.ScrollMenu .MenuItem:hover{
	margin-top:-2px;
}

.ScrollMenu .MenuItemSelected{
	background:#A3C7A3;
	color:black;
	border-bottom:1px solid #C0C0C0;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
}

.ScrollMenu .MenuItemSelected:hover{
	margin-top:0px;
}




/* FormGroup */
.FormGroup{
	float:left;
	width:880px;	
	padding:10px;	
}

/* FormGroupHeading */
.FormGroupHeading{
	font-size:13pt;
	font-weight:bold;
	background-color:#E5E9E5;
	padding:5px;
}


/* DialogElement */
.FloatedDialogElement{
	float:left;
	padding:15px;
}


.DialogElement{
	clear:both;
	padding:15px;
}

.DialogElement label, .FloatedDialogElement label{
	display:block;	
	color:#606060;		
	font-size:11pt;
	font-weight:bold;
}

.DialogElement .ErrorMessage, .FloatedDialogElement .ErrorMessage{
	font-size:10pt;
	color:red;
}

.DialogElement .Hint, .FloatedDialogElement .Hint{
	font-size:10pt;
	color:#606060;
	margin-top:2px;
	margin-bottom:2px;
}


.DialogElement textarea, .FloatedDialogElement textarea{
	resize:none;
	width:100%;
	height:200px;
	font-size:11pt;
}

.DialogElement input, .FloatedDialogElement input{
	width:100%;
	font-size:11pt;
	height:25px;
	padding-left:5px;
	padding-right:5px;
}

.DialogElement input:focus, .FloatedDialogElement input:focus{
	background: #F8F6EA;	
}

.DialogElement select, .FloatedDialogElement select{
	height:25px;
	font-size:11pt;	
}

.DialogElement select:focus, .FloatedDialogElement select:focus{
	background: #F8F6EA;	
}


.ReadOnly{
	background-color:#C0C0C0;
}


#Progress{
	float:left;
	clear:both;
	width:100%;
	height:10px;
}
#ProgressBar{
	width:0%;
	height:10px;
	background:#C0C0C0;
}

/* error */
div[class=error]  {
	color:red;
	font-size:10pt;
}



/* Clear */
.Clear{
	clear:both;
}

/* WaitMask */
#WaitMask {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999;
}


/* Header */
#Header{
	position:fixed;
	width:100%;
	height:90px;
	float:left;
	z-index:10;	
	border-bottom:1px solid #C0C0C0;
	background:#FFFFFF;
}
#HeaderMiddle{
	position:relative;
	width:1360px;
	height:100%;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */		
}


/* HeaderLogo */
#HeaderLogo{	
	float:left;
	width:150px;
	height:61px;
	margin-top:20px;		
}
#HeaderLogo img{	
	width:100%;	
}


/* LoginButton */
#LoginButton{	
	float:right;
	padding:10px;
	color:#78B65C;
	cursor:pointer;
	border-right:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}
#LoginButton:hover{
	color:#006B5A;
}	

#LoginButton a{
	text-decoration:none;
	color:#78B65C;
}



/* LogoutButton */
#LogoutButton{
	position:absolute;	
	right:20px;
	height:20px;
	font-size:10pt;
	padding-right:25px;
	padding-left:25px;
	background:#F5F9F5;
	color:black;
	cursor:pointer;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
		
}
#LogoutButton:hover{
	padding-top:5px;
}	




/* Content */
#Content {
	position:relative;	
	z-index:9;	
	width:100%;
	top:91px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;	
}	
#ContentMiddle {
	position:relative;	
	z-index:9;	
	width:1360px;
	height:100%;
	margin-left:auto;
	margin-right:auto;	
}	

/* TabContainer */
.TabContainer{
	float:left;
	margin-top:59px;
	margin-left:20px;	
	height:30px;	
}

/* Tabs */
.TabContainer .Tab{
	float:left;
	height:30px;
	padding-right:25px;
	padding-left:25px;
	margin-right:5px;
	margin-left:5px;	
	border-left:1px solid #C0C0C0;	
	border-right:1px solid #C0C0C0;	
	border-top:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	font-size:11pt;
	line-height:2em;
	background:#F5F9F5;
	color:black;
	cursor:pointer;
	
}

.TabContainer .Tab:hover{
	height:35px;
	margin-top:-5px;
}

.TabContainer .Tab a{
	text-decoration:none;
	color:black;
}

.TabContainer .Tab .TabName{
	float:left;
}
.TabContainer .Tab .TabMenuIcon{
	float:left;
	width:25px;
	height:25px;
	margin-top:2px;
	
}
.TabContainer .Tab .TabMenuIcon img{
	width:100%;
}


.TabContainer .SelectedTab{
	border-bottom:1px solid #FFFFFF;	
	color:black;	
}
.TabContainer .SelectedTab:hover{
	height:30px;
	margin-top:0px;
}


/* SearchesTable */
.SearchesTable {
	position:relative;
	width:100%;	
	margin-bottom:80px;
	top:10px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;
}

/* SearchesTable Search */
.SearchesTable  .Search {
	width:100%;	
	clear:both;	
}

.SearchesTable  .Search:hover{
	background: #F8F6EA;	
	border-top:1px solid #D3D3D3;	
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;		
	
}

.SearchesTable  .Search:hover .SearchMiddle{
	border:none;
}

.SearchesTable  .Search:hover + div .SearchMiddle{
	border:none;
}

.SearchesTable  .SearchMiddle {
	position:relative;
	z-index:9;	
	width:1340px;
	height:100px;
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #D3D3D3;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	
}

.SearchMiddle  .SearchName {
	position:relative;
	float:left;
	width:350px;
	height:90px;
	padding:10px;
}

.SearchMiddle  .SearchSummary {
	position:relative;
	float:left;
	width:700px;
	height:90px;
	padding:10px;
	font-size:10pt;
}

.SearchMiddle  .SearchActions {
	position:relative;
	float:left;
	width:120px;
	height:90px;
	padding:10px;
}

.SearchActions .icon {
	float:left;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}

.SearchActions .icon img{
	width:30px;
	height:30px;
}


/* ComparesTable */
.ComparesTable {
	position:relative;
	width:100%;	
	margin-bottom:80px;
	top:10px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;
}

/* ComparesTable Compare */
.ComparesTable  .Compare {
	width:100%;	
	clear:both;	
}

.ComparesTable  .Compare:hover{
	background: #F8F6EA;	
	border-top:1px solid #D3D3D3;	
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;		
	
}

.ComparesTable  .Compare:hover .CompareMiddle{
	border:none;
}

.ComparesTable  .Compare:hover + div .CompareMiddle{
	border:none;
}

.ComparesTable  .CompareMiddle {
	position:relative;
	z-index:9;	
	width:1340px;
	height:150px;
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #D3D3D3;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	
}

.CompareMiddle  .CompareName {
	position:relative;
	float:left;
	width:350px;
	height:90px;
	padding:10px;
}


.CompareMiddle  .CompareSummary {
	position:relative;
	float:left;
	width:700px;
	height:90px;
	padding:10px;
	font-size:10pt;
}

.CompareSummary  .CompareSearch {
	position:relative;
	float:left;
	width:100%;
	margin-bottom:5px;
	padding:5px;
}

.CompareMiddle  .CompareActions {
	position:relative;
	float:left;
	width:120px;
	height:90px;
	padding:10px;
}

.CompareActions .icon {
	float:left;
	cursor:pointer;
	padding-left:5px;
	padding-right:5px;
}

.CompareActions .icon img{
	width:30px;
	height:30px;
}

/* SetEstateDistrictTable */
.SetEstateDistrictTable {
	position:relative;
	width:100%;	
	margin-bottom:80px;
	top:10px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;
}

/* SetEstateDistrictTable Estate */
.SetEstateDistrictTable  .Estate {
	width:100%;	
	clear:both;	
}

.SetEstateDistrictTable  .Estate:hover{
	background: #F8F6EA;	
	border-top:1px solid #D3D3D3;	
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;		
	
}

.SetEstateDistrictTable  .Estate:hover .EstateMiddle{
	border:none;
}

.SetEstateDistrictTable  .Estate:hover + div .EstateMiddle{
	border:none;
}

.SetEstateDistrictTable  .EstateMiddle {
	position:relative;	
	z-index:9;	
	width:1340px;
	height:60px;
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #D3D3D3;
	padding-top:10px;
	padding-bottom:10px;	
	
}

/* EstateName */
.SetEstateDistrictTable .EstateName {
	float:left;
	width:500px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;

}
.SetEstateDistrictTable .EstateName a{
	text-decoration:none;
	color:#606060;	
}

/* DistrictSelect */
.SetEstateDistrictTable .DistrictSelect {
	float:left;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.SetEstateDistrictTable  select{
	height:25px;
	width:250px;
	font-size:13pt;		
	color: #606060; 
}

.SetEstateDistrictTable  .SaveButton{
	float:left;
	width:150px;
	margin-right:5px;
	margin-top:23px;
	margin-bottom:5px;
}
.SetEstateDistrictTable  .SaveButton button{
	height:25px;
	width:150px;
	font-size:13pt;		
	color:#606060;
	cursor:pointer;
}





/* SetBlockCrawlURLTable */
.SetBlockCrawlURLTable {
	position:relative;
	float:left;
	width:100%;	
	margin-bottom:80px;
	top:50px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;	
}

/* SetBlockCrawlURLTable Block */
.SetBlockCrawlURLTable  .Block {
	position:relative;
	float:left;
	width:100%;	
	clear:both;	
	margin-top:0px;
	margin-bottom:0px;	
	border-top:3px solid #606060;
}



.SetBlockCrawlURLTable  .BlockMiddle {
	position:relative;	
	float:left;
	z-index:9;	
	width:1340px;	
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:10px;	
	
}

/* BlockName */
.SetBlockCrawlURLTable .BlockName {
	float:left;
	width:700px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
}

.SetBlockCrawlURLTable .BlockName .BlockName-EstateName{
	font-size:15pt;
}

.SetBlockCrawlURLTable .BlockName a{
	text-decoration:none;
	color:#606060;	
}

.SetBlockCrawlURLTable  .AddButton{
	float:right;
	width:150px;
}
.SetBlockCrawlURLTable  .AddButton button{
	height:50px;
	width:150px;
	font-size:13pt;		
	color:#606060;
	cursor:pointer;
}

.SetBlockCrawlURLTable  .SaveButton{
	float:right;
	width:150px;
	margin-left:5px;
}
.SetBlockCrawlURLTable  .SaveButton button{
	height:50px;
	width:150px;
	font-size:13pt;		
	color:#606060;
	cursor:pointer;
}

.SetBlockCrawlURLTable  .TransactionCrawlURLBox{
	clear:both;
	width:1320px;
	padding-top:10px;
	padding-bottom:10px;	
}



.TransactionCrawlURLBox  .TransactionCrawlURLGroup{
	float:left;
	width:100%;
	margin-left:10px;	
	margin-top:5px;
	margin-bottom:5px;
	font-size:13pt;	
	padding:5px;	
	border:2px dotted #606060;
}
.TransactionCrawlURLGroup .DeleteButton{
	float:right;
	font-size:13pt;	
}
.TransactionCrawlURLGroup .DeleteButton button{
	width:100%;
	cursor:pointer;
}

.TransactionCrawlURLGroup .URL{
	float:left;
	width:1250px;
}

.TransactionCrawlURLGroup .URL label{
	font-size:13pt;	
}

.TransactionCrawlURLGroup .URL input{
	width:1250px;	
}

.TransactionCrawlURLGroup .FloorsBox{
	float:left;
	margin-top:5px;
	width:400px;
	height:300px;	
}

.FloorsBox .FloorsFrom, .FloorsBox .FloorsTo{
	float:left;
	width:200px;
	height:180px;	
}

.FloorsBox .FloorsFrom label, .FloorsBox .FloorsTo label{
	font-size:13pt;
}

.FloorsBox .FloorsFrom textarea , .FloorsBox .FloorsTo textarea {
	resize:none;
	width:190px;
	height:150px;
	font-size:11pt;	
}

.FloorsBox .FloorsSearchValue, .FloorsBox .FloorsNewValue {
	float:left;
	width:190px;
	margin-right:5px;
}

.FloorsBox .FloorsSearchValue label, .FloorsBox .FloorsNewValue label{
	font-size:13pt;
}

.FloorsBox .FloorsSearchValue input, .FloorsBox .FloorsNewValue input{	
	width:190px;
}

.FloorsBox .TestFloorsButton, .FloorsBox .TestFlatsButton {
	clear:left;
	float:left;
	width:400px;
	height:25px;
}

.FloorsBox .TestFloorsButton button, .FloorsBox .TestFlatsButton button{
	width:100%;
	height:100%;
	cursor:pointer;
}

.TransactionCrawlURLGroup .FlatsBox{
	float:left;
	margin-top:5px;
	margin-left:50px;
	width:400px;
	height:300px;	
}

.FlatsBox .FlatsFrom, .FlatsBox .FlatsTo{
	float:left;
	width:200px;
	height:180px;	
}

.FlatsBox .FlatsFrom label, .FlatsBox .FlatsTo label{
	font-size:13pt;
}

.FlatsBox .FlatsFrom textarea , .FlatsBox .FlatsTo textarea {
	resize:none;
	width:190px;
	height:150px;
	font-size:11pt;
}

.FlatsBox .FlatsSearchValue, .FlatsBox .FlatsNewValue {
	float:left;
	width:190px;
	margin-right:5px;
}

.FlatsBox .FlatsSearchValue label, .FlatsBox .FlatsNewValue label{
	font-size:13pt;
}

.FlatsBox .FlatsSearchValue input, .FlatsBox .FlatsNewValue input{	
	width:190px;
}

.FlatsBox .TestFlatsButton, .FlatsBox .TestFlatsButton {
	clear:left;
	float:left;
	width:400px;
	height:25px;
}

.FlatsBox .TestFlatsButton button, .FlatsBox .TestFlatsButton button{
	width:100%;
	height:100%;
}




/* AJAXLoadingDIV */
#AJAXLoadingDIV{
	clear:both;
	position:relative;
	margin-top:10px;
	margin-bottom:50px;
}
#AJAXLoadingDIV  img{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/* JumpToTopButton */
#JumpToTopButton{
	position:fixed;	
	right:0px;
	bottom:40px;  
	z-index:10;
	display:none;
	cursor:pointer;
}


/* SetBlockCrawlURLTools */
.SetBlockCrawlURLTools{
	position:fixed;
	width:100%;
	height:100px;
	float:left;
	top:30px;
	z-index:10;	
	border-bottom:1px solid #C0C0C0;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;
	background-color:#FFFFFF;	
}

/* SetBlockCrawlURLToolsMiddle */
.SetBlockCrawlURLToolsMiddle{
	position:relative;
	width:1360px;
	height:100%;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */		
}

/* SortFilter */
.SortFilter{
	height:25px;	
	float:left;
	margin-top:70px;
	margin-left:20px;	
}

.SortFilter .Label {
	float:left;
	font-size:10pt;
	line-height:1.9em;
}
.SortFilter select {
	float:left;
	margin-left:5px;
	height:25px;
	cursor:pointer;
}


/* BlockLeft */
.BlockLeft{
	height:25px;	
	float:left;
	margin-top:70px;
	margin-left:20px;	
}
.BlockLeft .BlockLeftLabel {
	float:left;
	font-size:10pt;
	line-height:1.9em;	
}
.BlockLeft .NumBlockLeft {
	float:left;
	font-size:10pt;
	margin-left:5px;
	line-height:1.9em;	
}




/* SearchesSelect */
.SearchesSelect{
	float:left;
	width:48%;
	height:450px;	
}



/* SearchesSelect */
.SearchesSelect .Content {
	width:100%;
	height:380px;
	overflow-Y:auto;
}
.SearchesSelect .Content .Inner{
	width:100%;	
}

.SearchesSelect .Content .Inner .SearchSelectEntry, .SearchToAddEntry{
	width:100%;
	height:60px;
	margin-left:auto;
	margin-right:auto;	
	border-bottom:1px solid #D3D3D3;
	padding-top:10px;
	padding-bottom:10px;	
}

.SearchSelectEntry .SearchName, .SearchToAddEntry .SearchName{
	float:left;
	width:380px;
	margin-left:10px;
	
}

/* SearchesToAdd */
.SearchesToAdd{
	float:left;
	width:48%;
	height:450px;
	overflow-Y:auto;
	border-left:1px solid #C0C0C0;
	
		
}

/* AddSearchButton */
.AddSearchButton{
	float:left;
	width:25px;
	margin-left:10px;
	cursor:pointer;
		
}

/* RemoveSearchButton */
.RemoveSearchButton{
	float:left;
	width:25px;
	margin-left:10px;
	cursor:pointer;	
}

/* EstateCarparkRatiosHeader */
.EstateCarparkRatiosHeader{
	position:relative;
	width:100%;
	height:20px;
	float:left;
	top:30px;
	z-index:10;	
	border-bottom:1px solid #C0C0C0;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;
	background-color:#FFFFFF;	
}

/* EstateCarparkRatiosHeaderMiddle */
.EstateCarparkRatiosHeaderMiddle{
	position:relative;
	width:1340px;
	height:100%;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */		
}


/* EstateCarparkRatiosTable */
.EstateCarparkRatiosTable {
	position:relative;
	float:left;
	width:100%;	
	margin-bottom:80px;
	top:80px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;	
}

/* EstateCarparkRatiosTable Ratio */
.EstateCarparkRatiosTable  .Ratio {
	position:relative;
	float:left;
	width:100%;	
	clear:both;	
	border-top:1px solid #D3D3D3;
}


.EstateCarparkRatiosTable  .RatioMiddle {
	position:relative;	
	z-index:9;	
	width:1340px;
	height:40px;
	margin-left:auto;
	margin-right:auto;	
	padding-top:10px;
	padding-bottom:10px;	
}


/* EstateCarparkRatiosTable Estate */
.EstateCarparkRatiosTable .Estate {
	float:left;	
	width:300px;		
	font-size:9pt;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	text-align:center;			
}

/* EstateCarparkRatiosTable TotalFlatUnits */
.EstateCarparkRatiosTable .TotalFlatUnits {
	float:left;	
	width:150px;		
	font-size:9pt;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	text-align:center;		
}

/* EstateCarparkRatiosTable TotalCarparkUnits */
.EstateCarparkRatiosTable .TotalCarparkUnits {
	float:left;	
	width:150px;		
	font-size:9pt;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	text-align:center;		
}

/* EstateCarparkRatiosTable RatioUnitsToCarpark */
.EstateCarparkRatiosTable .RatioUnitsToCarpark {
	float:left;	
	width:150px;		
	font-size:9pt;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
	text-align:center;		
}


/* SearchResultsHeader */
.SearchResultsHeader{
	position:relative;
	width:100%;
	height:4725px; /* change to accommodate more charts (each chart is 473px) */
	float:left;
	top:30px;
	z-index:10;	
	border-bottom:1px solid #C0C0C0;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;
	background-color:#FFFFFF;	
}

/* SearchResultsHeaderMiddle */
.SearchResultsHeaderMiddle{
	position:relative;
	width:1360px;
	height:100%;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */		
}

/* SearchResultsHeaderMiddle .SearchName */
.SearchResultsHeaderMiddle .SearchName{
	font-weight: bold;
	text-align:center;
}


/* SummaryResults */
.SummaryResults {
	width:100%;
}

/* SummaryResultsCharts */
.SummaryResults .SummaryResultsCharts {
	float:left;	
	width:640px;
	height:440px;
	margin:5px;
	padding:5px;
	border:1px solid #C0C0C0;
}


/* SearchResultsTable */
.SearchResultsTable {
	position:relative;
	float:left;
	width:100%;	
	margin-bottom:80px;
	top:80px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;
}

/* SearchResultsTable Unit */
.SearchResultsTable  .Unit {
	position:relative;
	float:left;
	width:100%;	
	clear:both;	
}


.SearchResultsTable  .UnitMiddle {
	position:relative;	
	z-index:9;	
	width:1340px;
	height:100px;
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #D3D3D3;
	padding-top:10px;
	padding-bottom:10px;	
}

/* SearchResultHeadings */
.SearchResultHeadings{
	width:100%;
	height:15px;	
	position:absolute;
	bottom:5px;		
}





/* FlatHeading */
.FlatHeading {
	float:left;
	width:30px;	
	margin-left:10px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;		
}

/* SearchResultFlat */
.SearchResultFlat {
	float:left;	
	width:30px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/* FloorHeading */
.FloorHeading {
	float:left;
	width:40px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;		
}

/* SearchResultFloor */
.SearchResultFloor {
	float:left;	
	width:40px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/* BlockHeading */
.BlockHeading {
	float:left;
	width:250px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;		
}

/* SearchResultBlock */
.SearchResultBlock {
	float:left;	
	width:250px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/* EstateHeading */
.EstateHeading {
	float:left;
	width:200px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;		
}

/* SearchResultEstate */
.SearchResultEstate {
	float:left;	
	width:200px;		
	font-size:9pt;
	margin:5px;
	text-align:center;		
}

/* DistrictRegionHeading */
.DistrictRegionHeading {
	float:left;
	width:200px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;		
}

/* SearchResultDistrictRegion */
.SearchResultDistrictRegion {
	float:left;	
	width:200px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/* GrossAreaHeading */
.GrossAreaHeading {
	float:left;
	width:100px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;
}

/* SearchResultGrossArea */
.SearchResultGrossArea {
	float:left;	
	width:100px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}


/*SaleableAreaHeading */
.SaleableAreaHeading {
	float:left;
	width:100px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}

/* SearchResultSaleableArea */
.SearchResultSaleableArea {
	float:left;	
	width:100px;		
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/*HSBCValuationsHeading */
.HSBCValuationsHeading {
	float:left;
	width:150px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}

/* SearchResultHSBCValuation */
.SearchResultHSBCValuation {
	float:left;	
	width:150px !important;
	height:100px !important;	
	font-size:9pt;
	margin:5px;
	text-align:center;
}

/* SearchResultTransaction */
.SearchResultTransaction {
	float:left;	
	width:150px !important;
	height:100px !important;	
	font-size:9pt;
	margin:5px;
	text-align:center;
}


/*TransactionsHeading */
.TransactionsHeading {
	float:left;
	width:150px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}


/* EstateCarparkRatiosHeadings */
.EstateCarparkRatiosHeadings{
	width:100%;
	height:20px;	
	position:absolute;
	bottom:5px;
}

/* EstateCarparkRatiosHeadings EstateHeading */
.EstateCarparkRatiosHeadings .EstateHeading {
	float:left;
	width:300px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}

/* EstateCarparkRatiosHeadings TotalFlatUnitsHeading */
.EstateCarparkRatiosHeadings .TotalFlatUnitsHeading {
	float:left;
	width:150px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}

/* EstateCarparkRatiosHeadings TotalCarparkUnitsHeading */
.EstateCarparkRatiosHeadings .TotalCarparkUnitsHeading {
	float:left;
	width:150px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}

/* EstateCarparkRatiosHeadings RatioHeading */
.EstateCarparkRatiosHeadings .RatioHeading {
	float:left;
	width:150px;	
	margin-left:5px;
	margin-right:5px;
	font-size:9pt;
	font-weight:bold;
	text-align:center;	
}


/* CompareResultsTable */
.CompareResultsTable {
	position:relative;
	float:left;
	width:100%;	
	height:4500px;	
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;
}

/* CompareResultsTableMiddle */
.CompareResultsTableMiddle{
	position:relative;
	width:1360px;
	height:100%;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */
}

.CompareResultsTableMiddle  .CompareName {
	font-weight: bold;
	text-align:center;
	margin-top:30px;
}

/* TestCrawlContent */
.TestCrawlContent {
	position:relative;
	float:left;
	width:100%;	
	top:10px;
	border-bottom:1px solid #D3D3D3;
	-moz-box-shadow: 0px 2px 2px #cccccc;
	-webkit-box-shadow: 0px 2px 2px #cccccc;
	box-shadow: 0px 2px 2px #cccccc;	
	background:#FFFFFF;

}
.TestCrawlContent .TestCrawlContentMiddle {
	position:relative;
	width:1360px;
	z-index:10;	
	margin-left:auto;
	margin-right:auto;	
	border-top:1px solid #fffff; /* fix IE8 vertical margin bug */		

}

.TestCrawlContentMiddle .LaunchTestCrawlButton {
	float:left;
	width:100px;
	height:100px;
	margin:10px;
	
}

.TestCrawlContentMiddle .LaunchTestCrawlButton button{ 
	width:100%;
	height:100%;
	cursor:pointer;
}

.TestCrawlContentMiddle .TestCrawlScreenCap {
	float:left;
	width:1000px;
	border:1px solid #C0C0C0;	
	margin:10px;
	padding:5px;
}
.TestCrawlContentMiddle .TestCrawlScreenCap img{
	width:100%;
}


/*** SUPER FISH MENU ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;	
	cursor:pointer;	
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}




/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 0;
}
.sf-menu ul {
	-webkit-box-shadow: 0 1px 1px #dddddd;
	-moz-box-shadow: 0 1px 1px #dddddd;
	-o-box-shadow: 0 1px 1px #dddddd;
	box-shadow: 0 1px 1px #dddddd;
	background:#FCFCFC;
	font-size:10pt;

}
.sf-menu a {
	text-decoration: none;
	zoom: 1; /* IE7 */
	color: #333333;
}
.sf-menu a:hover {
	
}
.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;	
}
.sf-menu ul li {
	margin-top:1px;
	background: #E5E9E5;
	padding-left:10px;
	padding-right:10px;	
	padding-top:2px;	
	padding-bottom:2px;	
	cursor:pointer;
	font-size:9pt;
	border:1px solid #C0C0C0;
}
.sf-menu ul ul li {
	background: #E5E9E5;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #E5E9E5;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;

}

.sf-menu li:hover > a {
	color: white;	
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #333333; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(51,51,51,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #333333; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(51,51,51,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}
