/*  100.01% font-size: http://simiandesign.com/2007/02/02/some-good-css-techniques/ */
/* center-aligned
body{background-color:#FFFFFF; color:#666666; margin:0; padding:0; font-size: 100.01%; font-size: 0.75em; font-family: "Arial", "Verdana", "helvetica", sans-serif; text-align:center; margin-left:auto; margin-right:auto; width:745px;}
*/
body{background-color:#FFFFFF; color:#666666; margin:0; padding:0; font-size: 100.01%; font-size: 0.75em; font-family: "Arial", "Verdana", "helvetica", sans-serif; width:745px;}
/* center-aligned
body{text-align:center; margin-left:auto; margin-right:auto;}
*/
select {font-size:12px; font-family: "Arial", "Verdana", "helvetica", sans-serif;}

*{box-sizing:content-box;}
/**{box-sizing:content-box; -moz-box-sizing:content-box;}*/
img{border:none;}
p{margin:0; margin-bottom:15px; padding:0;}
a {color:#666666;}
form, table, tr, th, td {
  margin: 0;
  padding: 0;
  /* border: none; */
  border-collapse: collapse;
}
input{margin:0; padding:0;}
input.text,
input.checkbox,
input.radio,
select{vertical-align:middle;}
input.checkbox{margin-left:-3px;}
input.checkbox_top{margin-top:-3px;}
input.radio{margin-left:-4px;}
input.radio_top{margin-top:-4px;}
td.radio_cell{width:5px;}
td{vertical-align:top; text-align:left;}
ul, ol, dl{margin:0; padding:0;}
ul li{padding:0; margin:0 0 3px 15px;}
ol li{padding:0; margin:0 0 3px 35px;}
dt{font-weight:bold;}
dd{margin-bottom:15px;}
hr{height:1px;}

/******* modules *********/
h2{margin:0; margin-bottom:7px; padding:0; font-size:13px; color:#9B0913;}
h3{font-size:110%; margin-top:5px; margin-bottom:5px;}
.clearer {clear: both; font-size: 0px;}
.hide {display:none;}
.invisible {visibility:hidden;}

#all {width:743px; text-align:left; border:1px soid #CCCCCC;}

#header {
	margin-bottom:3px;
}

#core, 
#d_core {
	border:1px solid #CCCCCC;
	padding-top:12px;
}

#core { 
	background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/under_header.png') no-repeat top left;
}

#d_core {
	background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/under_header.png') no-repeat top left;
}

#hkmap_core {
	border:1px solid #CCCCCC;
}
/*
h1#headingTitle {
	float:left;
}

#headingSelectPane {
	float:right;
}
*/

#CourtsInSameDistrictImg {
	margin-left:30px;
}

#headingSelectPane select {
	margin-left:5px;
}

#footer {
	margin:5px 15px;
}

#footer a{text-decoration:none; color:#666666;}
#footer a:hover{text-decoration:underline;}


#disclaimer {
	float:left;
}

#modifiedDate {
	float:right;
}

/* page */

/* index */
#disclaimer_header {
	margin-bottom:1px;
}

#disclaimer_core {
	padding: 15px;
	padding-bottom: 43px;
	border:1px solid #CCCCCC;
	background:transparent url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/index/colorbar.gif') no-repeat bottom left;
}

#disclaimer_core h1{
	margin:0; 
	margin-bottom:7px; 
	padding:0; 
	font-size:120%; 
	text-align:center;
}

#disclaimer_core li {
	margin-bottom:15px;
	margin-left:15px;
}
/*
#indexForm {
	text-align:center;
}

#agree {
	padding:3px 14px;
}
*/
#indexBtnPane {
	text-align:center;
}

/*  hkmap */
#hkmapLeftBkgd {
	height:361px; 
	width:222px; 
	/*background:transparent url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/hkmap/left_bkgd.jpg') repeat-y top right;*/
}

#hkmapLeft{
	height:361px; 
	width:222px; 
}


#hkmapPane {
	height:361px;
	/*background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/hkmap/hkmapBkgd.jpg') repeat-y top left;*/
	/*padding-left:1px;*/
	/*padding-bottom:1px;*/
}

#hkmapCtrlTable td {
	vertical-align:middle;
	text-align:right;
}
#hkmapCtrlDistricts {
	width:332px;
}

#hkmapCtrlCourts {
	padding-right:25px;
}

#colorBar {
	background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/hkmap/colorBar.gif') repeat-y top left;
	height:20px;
}

.dBtn {
	position:absolute; 
	z-index:99; 
	height:16px;
	width:16px;
}

#dBtn_LaiChiKok{left:498px; top:211px;}
#dBtn_KwaiChung{left:479px; top:203px;}
#dBtn_LamTin{left:569px; top:229px;}
#dBtn_MongKokWest{left:518px; top:225px;}
#dBtn_MaOnShan{left:561px; top:152px;}
#dBtn_ShauKeiWan{left:563px; top:261px;}
#dBtn_TseungKwanO{left:587px; top:242px;}
#dBtn_LokFu{left:534px; top:209px;}
#dBtn_YuenLong{left:399px; top:133px;}


.dBtn a {
	/* 
	    pointer: all browsers,
	    hand: Explorer 5.0 and 5.5 only support hand
	    these two declarations must be in this order.
	    see http://www.quirksmode.org/css/cursor.html */
	cursor:pointer;
	cursor:hand;
}

.dPane {
	position:absolute; 
	z-index:99; 
	background-color:#FFE9A6;
	border:1px solid #CCCCCC;
	padding-bottom:6px;
}

.dPane ul {
	margin-top:5px;
	margin-bottom:0;
	margin-left:7px;
	margin-right:7px;
	list-style:none;
}

.dPane li {
	margin:0;
	margin-bottom:7px;
}

.dPane li.last {
	margin:0;
	margin-bottom:0px;
}

.dPane img {
	border-bottom:1px solid #CCCCCC;
	display:block;
}

.dPane a {
	text-decoration:none;
}

.dPane a:hover {
	text-decoration:underline;
}

/*  district page */
#d_headingOut {
	background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading_bottom.gif') no-repeat bottom left;
	padding-bottom:1px;
}
#d_heading {
	padding-top:13px;
	padding-bottom:3px;
	padding-left:30px;
	padding-right:15px;
	background-repeat:repeat-y;
	background-position:top left;
}

/*
.d_heading_ShaTin,
.d_heading_TaiPo,
.d_heading_TseungKwanO,
.d_heading_ShauKeiWan,
.d_heading_ChaiWan,
.d_heading_TinShuiWai,
.d_heading_TuenMun,
.d_heading_SauMauPing,
.d_heading_LamTin,
.d_heading_YauTong,
.d_heading_HoManTin,
.d_heading_CheungShaWan {
	background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading.png') repeat-y top left;
}
*/
/* do not apply temporarily */
.d_heading_ShaTin {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/ShaTin.jpg');
}

.d_heading_TaiPo {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/TaiPo.jpg');
}

.d_heading_TseungKwanO {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/TseungKwanO.jpg');
}

.d_heading_ShauKeiWan {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/ShauKeiWan.jpg');
}

.d_heading_ChaiWan {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/ChaiWan.jpg');
}

.d_heading_TinShuiWai {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/TinShuiWai.jpg');
}

.d_heading_TuenMun {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/TuenMun.jpg');
}

.d_heading_SauMauPing {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/SauMauPing.jpg');
}

.d_heading_LamTin {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/LamTin.jpg');
}

.d_heading_YauTong {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/YauTong.jpg');
}

.d_heading_HoManTin {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/HoManTin.jpg');
}

.d_heading_CheungShaWan {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/heading/CheungShaWan.jpg');
}
/* */

#d_mainPane {
	background:#DCF1D0 url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/district/bkgd_left.gif') repeat-y top left;
	padding-bottom:0px;
	padding-left:15px;
	padding-right:0px;
}

#d_dataPane {
	/*float:left;*/
	padding-top:30px;
	/*width:355px;*/
}


#d_dataPane th{
	padding-bottom:15px; 
	padding-left:15px;
	padding-right:5px;
	text-align:left;
	vertical-align:top;
}

#d_dataPane td{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:5px;
	border-bottom:1px solid #FFFFFF;
}

#d_dataPane a:hover {
	text-decoration:none;
}

.d_note{
	margin-top:15px;
	margin-left:15px;
	margin-right:15px;
}


#d_mapPane {
	border-left:1px solid #FFFFFF;
	background-color:#E5E5E5;
	/*float:right;*/
}

#d_map {
	display:block;
}

#d_mapCredit {
	margin-top:4px;
	margin-bottom:4px;
	margin-left:12px;
}

#d_mapCredit a {
	text-decoration:none;
}

#d_mapCredit a:hover {
	text-decoration:underline;
}

/* unit page */
#u_heading {
	/*background:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading.png') repeat-y top left;*/
	background-repeat:repeat-y;
	background-position:top left;
	padding-top:13px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
}

#u_heading td {
	vertical-align:middle;
}

.u_heading_LaiChiKok {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/LaiChiKok.jpg');
}

.u_heading_KwaiChung {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/KwaiChung.jpg');
}

.u_heading_LamTin {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/LamTin.jpg');
}

.u_heading_MongKokWest {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/MongKokWest.jpg');
}

.u_heading_MaOnShan {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/MaOnShan.jpg');
}

.u_heading_ShauKeiWan {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/ShauKeiWan.jpg');
}

.u_heading_TseungKwanO {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/TseungKwanO.jpg');
}

.u_heading_LokFu {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/LokFu.jpg');
}

.u_heading_YuenLong {
	background-image:url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/heading/YuenLong.jpg');
}


/*
#unitInfoPane {
	padding:14px;
}
*/

#unitDataTable {
	margin-top:11px;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}

#unitMapPane {
	/*float:right;*/
}

.unitMap {
	/*margin-left:15px;
	float:right;*/
	padding-left:10px;
}

.unitMap a {
	display:block;
	margin-bottom:5px;
}

.unitMap img {
	border:1px solid #CCCCCC;
}

.unitMapDesc {
	padding-left:5px;
	text-align:left;
}

.option_please {
	/*color: #CCCCCC;*/
	color: #000000;
}

#BFUselectPane {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:8px;
}

#BFUselectPane td {
	vertical-align:middle;
}

#BFUselectPane img {
	margin-right:9px;
}

#BFUselectPane select {
	margin-right:9px;
}

#BFUselectPane select.last {
	margin-right:0;
}

#addressPane {
	border-bottom:1px solid #CCCCCC;
	padding-top:8px;
	padding-bottom:8px;
}

#typePane {
	padding-top:8px;
}

#type {
	/*width: 100px; not ok*/
	margin-right:28px;
}

#typeNote {
	margin-top:15px;
	/*visibility:hidden;*/
}

#picPane {
	background:#DCF1D0 url('/hdw/content/static/images/residential/hos07/phase3/photodepository/images/com/unit/bkgd_grad.png') repeat-x top left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:14px;
	padding-right:14px;
	border-top:1px solid #CCCCCC;
}

#picPaneIn {
	border:1px solid #CCCCCC;
}

#picPaneCtrl {
	border-bottom:1px solid #CCCCCC;
	background-color:#EBEBEB;
	padding-top:11px;
	padding-bottom:6px;
	padding-left:15px;
	padding-right:16px;
}

#captionPane {
	float:left;
}

#thumbnailPane {
	float:right;
}

#thumbnailPane a {
	 /*margin-left:15px;*/
}

#thumbnailPane span {
	 margin-left:15px;
}

/*
.thumbnail:hover,
.thumbnail_on {
	border:1px solid #FFCC02;
}
*/
/*
.thumbnail {
	display:none;
}
*/

.thumbnail img {
	border:2px solid #999999;
}

.thumbnail:hover img,
.thumbnail_on img{
	border:2px solid #FFCC02;
}


#picPaneDisp {
	text-align:center;
	background-color:#96A2A7;
	height:478px;
	width:712px;
	overflow:hidden;
}

/* popup body */
#popup_body {
	width:960px;
}

#d_big_map {
	border:1px solid #999999;
}