/* HOMEPAGE FEATURES */

#logo h1{
	display:none;
}
#homepage h2{
	font-size: 1.42em;
}
#homepage #feature_item_reports h3{
	margin: 0 0 8px 0;
}
#homepage .features_content h2{
	border-bottom: 1px solid #1E4164;
	padding-bottom: 7px;
}
#homepage .features_left_content h2{
	border-bottom: 1px solid #1E4164;
	padding-bottom: 7px;
}
#homepage .features_center_content h2{
	border-bottom: 1px solid #1E4164;
	padding-bottom: 7px;
}
#homepage .features_right_content h2{
	border-bottom: 1px solid #1E4164;
	padding-bottom: 7px;
}
#homepage .features_right_content_HK h2{
	border-bottom: 1px solid #1E4164;
	padding-bottom: 7px;
}
a#sign_up{
	display: block;
	width: 218px;
	height: 29px;
	background: url(../images/btn_sign_up.jpg) no-repeat;
	text-indent: -9999px;
	margin: auto;
}
a#sign_up:hover{
	background-position: bottom left;
}
#podcast{
	width: 150px;
	background: url(../images/bg_podcast.gif) no-repeat #B9E0F7;
	top: 300px;
	left: 52px;
	padding: 7px 15px;
}
#podcast h2{
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 1.17em;
}
a#download_podcast{
	display: block;
	width: 129px;
	height: 29px;
	background: url(../images/btn_download_podcast.jpg) no-repeat;
	text-indent: -9999px;
}
a#download_podcast:hover{
	background-position: bottom left;
}


#cfxpodcast
{
	position:absolute; top:200px; left:28px;
	width: 390px;
	height: 30px;
	z-index: 20;
}
a#play_cfxpodcast{
	display: block;
	width: 390px;
	height: 30px;
	background: url(../images/Podcast_CFX_375x23.jpg) no-repeat 23px 0px;
	text-indent: -9999px;
}
a#play_cfxpodcast:hover{
	background: url(../images/PodcastHighlight_CFX_375x23.jpg) no-repeat 23px 0px;
}
#cfxpodcast2
{
	position:absolute; top:230px; left:28px;
	width: 390px;
	height: 30px;
	z-index: 20;
}
a#play_cfxpodcast2{
	display: block;
	width: 390px;
	height: 30px;
	background: url(../images/Podcast2_CFX_375x23.jpg) no-repeat 23px 0px;
	text-indent: -9999px;
}
a#play_cfxpodcast2:hover{
	background: url(../images/PodcastHighlight2_CFX_375x23.jpg) no-repeat 23px 0px;
}

#cpapodcast
{
	position:absolute; top:220px; left:28px;
	width: 390px;
	height: 30px;
	z-index: 20;
}
a#play_cpapodcast{
	display: block;
	width: 390px;
	height: 30px;
	background: url(../images/Podcast_CPA_375x23.jpg) no-repeat 23px 0px;
	text-indent: -9999px;
}
a#play_cpapodcast:hover{
	background: url(../images/PodcastHighlight_CPA_375x23.jpg) no-repeat 23px 0px;
}
#cpapodcast2
{
	position:absolute; top:250px; left:28px;
	width: 390px;
	height: 30px;
	z-index: 20;
}
a#play_cpapodcast2{
	display: block;
	width: 390px;
	height: 30px;
	background: url(../images/Podcast2_CPA_375x23.jpg) no-repeat 23px 0px;
	text-indent: -9999px;
}
a#play_cpapodcast2:hover{
	background: url(../images/PodcastHighlight2_CPA_375x23.jpg) no-repeat 23px 0px;
}


#content_wrapper_home
{
	position: relative;
	top:0;
	left:0;
	z-index: 50;
}


#newsitem{
	width: 940px;
	background: url(../images/bg_latestnews.gif) no-repeat center left;
	background-color: #EBECEF;
	padding: 7px 0px;
	text-indent: 100px;
}
#newsitem h2{
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 1.17em;
}


/* SEARCH FORM */
.search_field{
	background: url(../images/bg_search.gif) no-repeat 0 0;
	width: 172px;
	height: 22px;
	padding: 6px 6px 0 6px;
	/*CMcC 02/06/2009 Make sure border not visible*/
	border: medium none;
	/* CMcC 12/10/2009 added style below to align search_field & search_btn*/
	vertical-align:middle;
}
.search_btn{
	background: url(../images/btn_search.gif) no-repeat;
	width: 77px;
	height: 29px;
	margin-left: 5px;
	/*CMcC 02/06/2009 Make sure border not visible*/
	border: medium none;
	/* CMcC 12/10/2009 added style below to align search_field & search_btn*/
	vertical-align:middle;

}


/* MAIN NAVIGATION */

#main_navigation ul{
	background-color: #1E4164;
	height: 34px;
	border-bottom: 3px solid #0096D7;
}
#main_navigation ul li{
	float: left;
}
#main_navigation ul li.last{
	float: right;
}
#main_navigation ul li a{
	display: block;
	color: #f5f5f7;
	padding: 8px 15px;
	font-size: 1.08em;
	background: url(../images/bg_main_nav_li.gif) no-repeat center right;
}
#main_navigation ul li a.active{
	background: #0096D7;
	border-right: 1px solid #486e97;
}
#main_navigation ul li.last a{
	background: none;
}
#main_navigation ul li a:hover{
	background: none;
	background-color: #0096D7;
}
#main_navigation ul li ul{
	position: absolute;
	top: 34px;
	left:0;
	padding: 15px 0 15px 0;
	background-color: #0096D7;
	height:0;
	z-index: 10;
 	width: 225px;
	visibility:hidden;
}
#main_navigation ul li:hover ul, #main_navigation ul li.sfhover ul{
	display: block;
	z-index: 10;
	left: auto;
	background-color: #0096D7;
	width: 225px;
	visibility: visible;
	height: auto;
}
#main_navigation ul li ul li{
	float:left;
	position:relative;
	width: 225px;
	background: #0096D7 url(../images/bg_main_nav_li_ul_li.gif) no-repeat center bottom;
	z-index: 10;
}
#main_navigation ul li ul li.last{
	background: none;
	background: #0096D7;
}
#main_navigation ul li ul li.last a{
	background: url(../images/icon_arrow_white.gif) no-repeat 20px 10px;
}
/*CMcC 24/06/2009 new style to ensure that last menu item is highlighted when active*/
#main_navigation ul li.last a.active
{
	background:#0096D7;
}
/*CMcC 24/06/2009 new style to ensure that last menu item dropdowns are highlighted when active*/
#main_navigation li.last ul li a:hover 
{
	background:#1E4164 url(../images/icon_arrow_white.gif) no-repeat 20px 10px;
}
#main_navigation ul li ul li a{
	background-color: none;
	background: url(../images/icon_arrow_white.gif) no-repeat 20px 10px;
	color: #f5f5f7;
	padding: 3px 20px 3px 30px;
	font-size: 1.08em;
}
#main_navigation ul li ul li a:hover{
	background: #1E4164 url(../images/icon_arrow_white.gif) no-repeat 20px 10px;
}
/* CMcC 12/06/09 - added to fix problem where arrows missing from last drop down.*/
#main_navigation ul li.last ul li a
{
	background: url(../images/icon_arrow_white.gif) no-repeat 20px 10px;
}




/*  LEFT NAVIGATION */

#left_navigation ul{
	border-top: 3px solid #0096D7;
}
#left_navigation ul li a{
	display: block;
	background: #CBDDF0 url(../images/icon_arrow_blue.gif) no-repeat 10px 14px;
	padding: 8px 10px 8px 20px;
	border-bottom: 1px solid #E7EFF8;
	color: #1b4164;
	font-weight: bold;
}
#left_navigation ul li a:hover{
	background: #0096D7 url(../images/icon_arrow_white.gif) no-repeat 10px 14px;
	color: #FFF;
}
#left_navigation ul li a.active{
	display: block;
	background: #0096D7 url(../images/icon_arrow_down_white.gif) no-repeat 10px 14px;
	padding: 8px 10px 8px 21px;
	border-bottom: 1px solid #E7EFF8;
	color: #FFF;
	font-weight: bold;
}
#left_navigation ul li a.closed{
	background: #0096D7 url(../images/icon_arrow_white.gif) no-repeat 10px 14px;
}
#left_navigation ul li ul{
	border-top: none;
}
#left_navigation ul li ul li a{
	display: block;
	background: #E7EFF8 url(../images/icon_arrow.gif) no-repeat 20px 14px;
	padding: 8px 0 8px 30px;
	border-top: 1px solid #cbd4e0;
	color: #1b4164;
	font-weight: normal;
}
#left_navigation ul li ul li a.first{
	border-top: none;
}
#left_navigation ul li ul li a:hover{
	background: #FFF url(../images/icon_arrow.gif) no-repeat 20px 14px;
	color: #1b4164;
	font-weight: bold;
}
#left_navigation ul li ul li a.active{
	display: block;
	background: #FFF url(../images/icon_arrow_down.gif) no-repeat 20px 15px;
	padding: 8px 0 8px 31px;
	border-bottom: none;
	color: #1b4164;
	font-weight: bold;
}
#left_navigation ul li ul li a.active:hover{
	background: #FFF url(../images/icon_arrow_down.gif) no-repeat 20px 15px;
}
#left_navigation ul li ul li a.last{
	border-bottom: none;
}
#left_navigation ul li ul li ul li a{
	display: block;
	background: none;
	padding: 0 10px 5px 10px;
	color: #1b4164;
	font-weight: normal;
	border: none;
	line-height: 15px;
}
#left_navigation ul li ul li ul li a:hover{
	color: #ed2724;
	background: none;
}
#left_navigation ul li ul li ul{
	background-color: #feffff;
	border: none;
	padding: 5px 10px 10px 31px;
}
#left_navigation ul li ul li ul li{
	background: #feffff url(../images/icon_arrow.gif) no-repeat 0 5px;
}


/*  MAIN CONTENT HEADER SECTION */

#content_header_wrapper h2, #content_header_wrapper_full_length h2{
	margin: 5px 0 0 0;
	float: left;
	border: none;
	padding: 0;
}
#content_header_wrapper h1#maintitle{
	font-size: 1.17em;
	margin-bottom: 0px;
}
ul#page_tools{
	float: right;
	margin-top: 5px;
}
ul#page_tools li{
	float: left;
	margin-left: 10px;
}
ul#page_tools li a#languageHK{
	display: inline;
	padding-left: 0px;
	color: #1b4164;
	width: auto;
	font-size: 0.93em;
	text-align: right;
}
ul#page_tools li a{
	display: block;
	padding-left: 25px;
	color: #1b4164;
	width: auto;
	font-size: 0.93em;
}
ul#page_tools li a:hover{
	color: #ed2724;
}
a#RSS{
	background: url(../images/icon_RSS.gif) no-repeat center left;
}
a#email{
	background: url(../images/icon_email.gif) no-repeat center left;
}
a#print{
	background: url(../images/icon_print.gif) no-repeat center left;
}
.tools_RSS{
	background: url(../images/icon_RSS.gif) no-repeat center left;
}
.tools_email{
	background: url(../images/icon_email.gif) no-repeat center left;
}
.tools_print{
	background: url(../images/icon_print.gif) no-repeat center left;
}
.tools_xls{
	background: url(../images/icon_spreadsheet.gif) no-repeat center left;
}
.tools_backtotop{
	background: url(../images/icon_zoom.gif) no-repeat center left;
}


/*  MAIN CONTENT SECTION */

#content h2{
	padding-bottom: 5px;
	margin: 30px 0 0 0;
	border-bottom: 3px solid #1E4164;
}
td, th{
	vertical-align: top;
	padding: 7px 13px;
	text-align: left;
	border: 1px solid #e5e8eb;
	font-weight: normal;
}
table#TB_property_details{
	width: 460px;
}
table#TB_property_details th{
	background-color: #f7f7f7;
	color: #1b4164;
	width: 115px;
}
table#TB_property_details td{
	background-color: #ffffff;
	color: #333333;
	width: 345px;
}
table#TB_property_breakdown{
	width: 460px;
}
table#TB_property_breakdown th{
	background-color: #f7f7f7;
	color: #333333;
	font-weight: bold;
}
table#TB_unitholder{
	width: 700px;
}
table#TB_unitholder th{
	background-color: #f7f7f7;
	color: #333333;
	font-weight: bold;
}
td.subheader{
	font-weight: bold;
}
td.sub_total_label{
	font-weight: bold;
	background: url(../images/bg_subtotal_td.gif) repeat-x bottom left;
}
td.sub_total_data{
	font-weight: bold;
	color: #1b4164;
	background: url(../images/bg_subtotal_td.gif) repeat-x bottom left;
}
td.total_label{
	font-weight: bold;
	background: url(../images/bg_total_td.gif) repeat-x bottom left;
}
td.total_data{
	font-weight: bold;
	color: #1b4164;
	background: url(../images/bg_total_td.gif) repeat-x bottom left;
}
td.no_border{
	border: none;
}
/*CMcC 07/10/2009 new style for Tenant Details headers (CFX/CPA)*/
td.tenant
{
	text-align:center;
	vertical-align:bottom;
	width:70px;
}
/*CMcC 09/10/2009 - additional style for Tenant details data */
td.tenantdata
{
	text-align:center;
	vertical-align:bottom;
	width:66px;
}
/*CMcC 12/10/2009 - further style for Tenant Name (aligned left)*/
td.tenantname 
{
	text-align:left;
	vertical-align:bottom;
}
/* CMcC 19/10/2009 - additional style for last column in Valuation, Income & Office Statistics.*/
td.end_td 
{
	width:66px;
}

/* CMcC 19/10/2009 - additional style to take care of Office Statistics columns when there are more than one component */
td.office_td 
{
	width:70px;
}

/* CMcC 19/10/2009 - additional style to take care of Office Statistics columns when there are more than one component */
td.office_two_td 
{
	width:70px;
}

.data_centre{
	text-align: center;
}
.no_border_collapse{
	border-style: solid;
	border-top: none;
}
.content_tools{
	margin-top: 15px;
}
.content_tools li{
	float: left;
	margin-right: 20px;
}
.content_tools li a{
	display: block;
	width: auto;
	font-size: 0.93em;
	padding-left: 30px;
}
.content_tools li a:hover{
	text-decoration: none;
	color: #ed2724;
}
a.pdf{
	background: url(../images/icon_PDF.gif) no-repeat center left;
}
.map{
	background: url(../images/icon_map.gif) no-repeat center left;
}
.xls{
	background: url(../images/icon_spreadsheet.gif) no-repeat center left;
}


/*  AUXILLARY NAVIGATION */

#auxillary_feature{
	margin-bottom: 25px;
}
a.enlarge{
	display: block;
	padding-left: 20px;
	color: #1E4164;
	width: auto;
	text-decoration: none;
	background: url(../images/icon_zoom.gif) no-repeat center left;
	font-size: 0.93em;
}
a.enlarge:hover{
	color: #ed2724;
}
#enquiries{
	border-top: 1px solid #1E4164;
	padding: 20px 0 0 0;
}
#enquiries p{
	font-size: 0.93em;
	line-height: 16px;
	width: 150px;
}
a#enlarge{
	display: block;
	padding-left: 20px;
	color: #1E4164;
	width: auto;
	background: url(../images/icon_zoom.gif) no-repeat center left;
	font-size: 0.93em;
}
a#enlarge:hover{
	color: #ed2724;
}


/* FOOTER */

#footer li{
	display: inline;
}
#footer li.first{
	background:  none;
}
#footer li a{
	font-size: 0.93em;
}
#footer p{
	font-size: 0.93em;
}
#footer_icons{
	float: left;
}
#footer_icons img{
	margin-right: 15px;
}
#footer_content{
	float: right;
}


/*  Video Interviews Content */

#flashcontenttable1 td, th 
{
	border:none;
	text-align:center;
}
#flashcontenttable2 td, th 
{
	border:none;
	text-align:center;
}
#flashcontenttable3 td, th 
{
	border:none;
	text-align:center;
}
#videoTable td, th 
{
	padding: 10px 10px;
	border:none;
	font-weight:normal;
	text-align:inherit;
	vertical-align:top;
}


/*  Table Content */

table#printprices 
{
	/*CMcC 26/06/2009 change to fix font-family*/
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.93em;
	min-width: 822px;
	width: 822px;
}

table#printprices tr.headline th{
	background-color:#1E4164;
	border: 0px none;
}

table#printprices tr th{
	background-color:#688EBA;
	color:#FFFFFF;
	text-align:left;
}

table#printprices tbody tr.strip td{ background-color: #EBECEF;}


.DisplayTable 
{
	/*CMcC 26/06/09 fix to amend font-family*/
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.93em;
	width: 100%;
}

.DisplayTable tr.headline th{
	background-color:#1E4164;
	border: 0px none;
}

.DisplayTable tr th{
	background-color:#0096D7;
	color:#FFFFFF;
	text-align:left;
}

.DisplayTable tr th, .DisplayTable tr td {
	margin:2px;
	padding:3px;
}

.DisplayTable tbody tr.strip td{ background-color: #E7EFF8;}


.FSITable 
{
	/*CMcC 26/06/2009 Change to correct font-family*/
	/*font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.93em;
	width: 100%;
}

.FSITable tr.headline th{
	background-color:#1E4164;
	border: 0px none;
}

.FSITable tr th
{
	/*CMcC 22/09/2009 change background colour to new branding */
	/*background-color:#688EBA;*/
	background-color:#0096D7;
	color:#FFFFFF;
	text-align:left;
}

/* CMcC 22/09/2009 change background colour to new branding */
/*.FSITable tbody tr.strip td{ background-color: #EBECEF;}*/
.FSITable tbody tr.strip td{ background-color: #E7EFF8;}


.mainsubheading {
	color:#1E4164;
	font-weight:bold;
}






table#ctl00_cphContent_gvResults
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
}

table#ctl00_cphContent_gvResults td
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
table#ctl00_cphContent_gvResults th
{
	text-align:left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


table#ctl00_cphContent_gvContentResults
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
}

table#ctl00_cphContent_gvContentResults td
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
table#ctl00_cphContent_gvContentResults th
{
	text-align:left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


table#ctl00_cphContent_gvDocumentResults
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
}

table#ctl00_cphContent_gvDocumentResults td
{
	border-style: none;
	border-color: #FFFFFF;
	border-width: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
table#ctl00_cphContent_gvDocumentResults th
{
	text-align:left;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

table#ctl00_cphContent_gvResults th
{
	text-align:left;
}

table#ctl00_cphContent_gvContentResults th
{
	text-align:left;
}


table#ctl00_cphContent_gvDocumentResults th
{
	text-align:left;
}



/* CMcC 29/07/09 - added following styles for new tables for CFX/CPA */
table#TB_valuation{
	width: 460px;
}
table#TB_property_area{
	width: 460px;
}
table#TB_property_vacancy{
	width: 460px;
}
table#TB_property_income{
	width: 460px;
}
table#TB_property_tenants{
	width: 460px;
}
table#TB_property_retail_statistics{
	width: 460px;
}
/* CMcC end of additions above 29/07/09 */

/* CMcC 29/07/09 - added following styles for new tables for CFX/CPA */

table#TB_property_office_statistics{
	width: 460px;
}
table#TB_property_breakdown{
	width: 460px;
}
table#TB_environmental_ratings{
	width: 220px;
}
table#TB_environmental_ratings th, table#TB_environmental_ratings td
{
	padding: 4px;
}

/* CMcC end of additions above 29/07/09 */

/*CMcC 17/09/09 added these class styles as id's now superceded by cph ids. */
a.email{
	background: url(../images/icon_email.gif) no-repeat center left;
}
a.print{
	background: url(../images/icon_print.gif) no-repeat center left;
}

#loading_screen
{  
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: black;
  color: white;  
  text-align: center;
  padding-top: 100px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}



#content_wrapper ul
{
	list-style: disc url(bullet.gif) inside;
}

/* MP 09 Jun 2010 added style to format bullets */
#content_with_left_nav ul
{
	list-style: disc url(bullet.gif) outside;
	padding: 6px;
	margin: 10px;
}

#content_wrapper ul ul
{
	list-style: circle url(circle.gif) inside;
}

/* MP 09 Jun 2010 added style to format bullets */
#content_with_left_nav ul ul
{
	list-style: circle url(circle.gif) outside;
	padding: 6px;
	margin: 10px;
}

#content_wrapper ul ul li
{
	margin-left: 2em;
	padding-left: 2em;
}

/*CMcC 02/10/2009 added style to remove bullet points from RSS, Email & Print ul */
#content_wrapper ul#page_tools, #content_wrapper ul.content_tools
{
	list-style: none;
}

/*MP 15 Oct 2009 added style to show subscript */
p sub
{
	vertical-align: sub
}
sub
{
	vertical-align: sub
}

p sup
{
	vertical-align: super
}
sup
{
	vertical-align: super
}

/* CMcC 20/09/2009 added style to take care of As At Date display.*/
#asatdate 
{
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}

/* CMcC 05/02/2010 added style to take care Lease Expiry footnote */
#leaseexpiryfootnote
{
	font-size:90%;
}




.WPFTable
{
	font-family: Arial,Helvetica,sans-serif;
	width: 100%;
}

.WPFTable tbody tr.strip td 
{
	background-color: #E7EFF8;
}

.WPFTable tr.headline th{
	background-color:#1E4164;
	border: 0px none;
}

.WPFTable tr th
{
	background-color: #1E4164;
	padding:7px 13px;
	color: #FFFFFF;
	text-align: left;
}

.WPFTable td, th{
	vertical-align: top;
	padding: 7px 13px;
	text-align: left;
	/*border: 1px solid #e5e8eb;*/
	font-weight: normal;
}