/* LAYOUT STYLES */

<!-- html { height: 100% } -->
body {background-color: #444654; margin-top: 0px; margin-bottom: 0px; font-family: Arial, Geneva, Helvetica, sans-serif; font-size: 0.7em; height: 100% }
.spacerDiv { width: 10px; float: left }

#hubDiv 
{
	position: relative; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546; 
	height: 900px;
	margin-left: 15px; margin-right: 15px; 
	background-color: #353546; margin-top: 0px; 
	color: #444654 
}
* html #hubDiv 
{
	position: relative; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546; 
	height: 900px;
	margin-left: 15px; margin-right: 15px; 
	background-color: #353546; margin-top: 0px; 
	color: #444654 
}

#mainDiv 
{
	position: relative; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546; 
	margin-left: 15px; 
	margin-right: 15px; 
	height: 1700px; 
	background: url(../images/greyBG.gif) repeat-y 0px 100% #ffffff; 
	margin-top: 0px; 
	color: #444654; z-index: 0; 
	text-decoration: none; 
	z-index: 1;
}
#mainDiv a { color: #7e8695; }

#whiteDiv {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background-color: #ffffff; margin-top: 0px; color: #444654 }

#mainDivHome {position: relative; border-left: 1px solid #353546; border-right: 1px solid #353546; margin-left: 15px; margin-right: 15px; height: 100%; background: url(../images/dark_greyBG.gif)  repeat-y 0px 100% #353546; margin-top: 0px; color: #353546; z-index: 1 ;}
#mainDivHome a { color: #353546 }

#mainDivOffice 
{
	position:relative; 
	background-color: #828597; 
	color: white;
	height: 100%; 
	margin-left: 15px; margin-right: 15px; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546;
}
* html #mainDivOffice 
{
	position:relative; 
	background-color: #828597; 
	color: white; width:100%; height: 100%; 
	margin-left: 15px; margin-right: 15px; 
	border-left: 1px solid #353546; 
	border-right: 1px solid #353546;
}
	
#mainDivOffice a { color: #ffffff }

/* HEADER WITH TITLE */
<!--#headerDiv {position: relative; height: 79px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }-->

#headerDiv {position: relative; height: 100px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }
* html #headerDiv {position: relative; height: 80px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* HEADER WITH TITLE */
#headerDivHome {position: relative; height: 118px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* HEADER WITH TITLE */
#headerDivHome_jp {position: relative; height: 118px; background-color: #353546; top: 0px }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 2.1em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* Picture Bar Home Page - Liz added*/
#PictureBarHome {position: relative; height: 150px; background-color: #585B6D; top: 0px ;padding-right: 11px; overflow: hidden; }
h1 { color: #dcdcdc; letter-spacing: 0.01em; font-family: Tahoma, sans-serif; font-size: 0.7em; text-transform: capitalize; font-weight: normal; margin-bottom: 0px; margin-top: 0px }
.subtitle { color: #AFB6C3; text-transform: lowercase; padding-left: 3px }

/* NAVIGATION BAR */
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */
#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#nav li {padding-right: 0px;
	BORDER-RIGHT: #353546 1px solid; DISPLAY: block; FLOAT: left; WIDTH: auto;  LINE-HEIGHT: 18px; POSITION: relative; HEIGHT: 18px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
#nav li ul {
	LEFT: -999em; WIDTH: 17.5em; POSITION: absolute; margin-top: 5px; z-index: 10;
}
#nav a {
	PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; PADDING-BOTTOM: 0em;  PADDING-TOP: 0em; FONT-WEIGHT: normal; TEXT-DECORATION: none; cursor: pointer
}
#nav li li a {
	DISPLAY: block; PADDING-LEFT: 1em; COLOR: #ffffff; TEXT-DECORATION: none; WIDTH: 100%; cursor: pointer
}
#nav li ul li {
	WIDTH: 17.5em; TEXT-ALIGN: left; height: 1.3em; line-height: 1.3em
}

.topmenuitem {text-decoration: none; color: #ffffff ; display: block; padding: 0em 0.5em }
.menuitem {text-decoration: none; color: #ffffff ; display: block; padding-left: 0.5em }
/* NOTE: ADDITIONAL NAVIGATION BAR CONTENT IN SEPARATE CSS FILES */

/* Language nav */
#navjp {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navjp ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#navjp li {padding-right: 5px;
	 DISPLAY: block; FLOAT: left; WIDTH: auto;  LINE-HEIGHT: 18px; POSITION: relative; TEXT-ALIGN: center; TEXT-DECORATION: none
}


/* BREADCRUMB */
#breadcrumbDiv { width: 100%; height: 23px; background-color: #444654; border-bottom: 2px solid #353546 }
.breadcrumb { width: 400px; float: left; height: 11px; padding-top: 0px; vertical-align: middle; line-height:  26px; padding-bottom: 8px; left: 10px; position: absolute;}
.breadcrumb a {text-decoration: none; color: #A5ABB6  !important }
.breadcrumb a:hover {text-decoration: none; color: #A5ABB6  !important }
.breadcrumbSearch { color: #A5ABB6; width: 400px; float: right; height: 26px }
.breadcrumbSearch a {text-decoration: none; color: #A5ABB6 !important}
.breadcrumbSearch a:hover {text-decoration: none; color: #A5ABB6 !important } 


/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR 
#leftMenuBar { height: 18px; background-color: #7E8695; width: 327px; border-top: 1px solid #353546; }
.spacerDiv { width: 10px; float: left }
.sideBarItem {border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}
.sideBarItemOver {background-color: #9fa9ba; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer}
.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/

/* CONTENT FILTERING MENUS IN LEFT HAND SIDEBAR */
#leftMenuBar 
{ 
	list-style-type:none; position: relative; height: 18px; background-color: #7E8695; 
	border-top: 1px solid #353546;
	margin-top: 2px; 
	width: 327px; 
	top: 293px; 
	position: absolute;
}
* html #leftMenuBar 
{ 
	list-style-type:none; position: relative; height: 18px; background-color: #7E8695; 
	border-top: 1px solid #353546;
	margin-top: 2px; 
	width: 327px; 
	top: 289px; 
	position: absolute;
}

#leftMenuBar, #leftMenuBar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#leftMenuBar a {
	display: block;
	padding: 0em 0.5em;
	text-decoration: none; 
	color: #ffffff !important;
	z-index: 100 !important
}

#leftMenuBar li {
	position: relative; 
	display: block; 
	float: left;
	border-right: 1px solid #353546; 
	color: #ffffff; 
	height: 18px; 
	line-height: 18px; 
	text-decoration: none;
	text-align: center;
	font-size: 0.8em;
}

#leftMenuBar li {width: 100px; }
* html #leftMenuBar li {width: 100px;}

#leftMenuBar li li {width: 100px;}
* html #leftMenuBar li li {width: 104px;}

#leftMenuBar li li li {width: 150px;}
* html #leftMenuBar li li li {width: 150px;}

#leftMenuBar li a { padding: 0px 10px }
#leftMenuBar li a:hover { padding: 0px 10px; background-color: #ffffff; text-decoration: none; color: #000000 !important; }
#leftMenuBar li ul {
	position: absolute;
	left: -999em;
	width: 10em
}

#leftMenuBar li ul li {
	text-align: left;
	width: 10em;
}

.leftSubMenu li { background-color: #7E8695; border-right: 1px solid #000000; border-left: 1px solid #000000; z-index: 10 }
#leftMenuBar li li a:hover { background-color:#AFB6C3; text-decoration: none; color: #ffffff !important; display: block; width: auto !important; padding-left: 1em }


.spacerDiv { width: 10px; float: left }
.sideBarItem {border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}
.sideBarItemOver {background-color: #9fa9ba; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer}
/*.sideBarItemSelected {background-color: #ffffff; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #000000; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em}*/

/* CONTENT FILTERING DROPDOWN */
.sideBarDropDown {background-color: #7E8695; position: absolute; top: 18px; left: 590px; height: 40px;border: 1px solid #000000; display: none; cursor: pointer }
.sideBarDropDownItem { color: white; padding: 0px 10px; text-decoration: none}
.navBarDropDownItemOver { color: white; padding: 0px 10px; background-color: #AFB6C3; text-decoration: none}


/* LEFT HAND SIDEBAR CONTENT LIST 
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 380px;}
#contentList { padding-left: 20px }
#contentList a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentList a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentList p {color: #ffffff }
#contentList h2 { color: #ffffff; font-size: 1em } */

LEFT HAND SIDEBAR CONTENT LIST 
#leftContent {background-color: #444654; position: relative; width: 327px; float: left; padding-top: 138px }

#contentList 
{ 
	padding-left: 20px ; 
	position:relative; 
	width:290px; 
	padding-right:20px;
	margin-right: 20px; 
}
* html #contentList 
{ 
	width:327px; 
	padding-left: 20px ; 
	position:relative; 
	top: 150px;
}
#contentList a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentList a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentList p {color: #ffffff }
#contentList h2 { color: #ffffff; font-size: 1em } 


/* LEFT HAND SIDEBAR CONTENT LIST */
#leftContentHome {background-color: #353546; position: relative; width: 327px; float: left; padding-top: 128px;  }
#contentListHome { padding-left: 20px; padding-top: 0px; margin-left: 20px;}
#contentListHome a {text-decoration: none; font-weight: bold; color: #ffffff}
#contentListHome a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
#contentListHome p {color: #ffffff }
#contentListHome h2 { color: #ffffff; font-size: 1em } 

/* MAIN CONTENT PANEL 
#mainContent { position:absolute; left: 327px; top: 160px; background-color: white; height: 100%}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }

#branchContent { position:absolute; left: 350px; top: 150px; width: 100% }
#branchContent p { padding-left: 20px; padding-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99} */

/* MAIN CONTENT PANEL */
#mainContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 10px;
	background-color: white ; 
	z-index : 1;
	bottom: -350px;
	margin-right: 327px;
	top:0px;
} 
* html #mainContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 20px;
	background-color: white ; 
	height: 100%; z-index : 1;
	margin-right: 327px;
}
#mainContent p { padding-left: 20px; padding-right: 20px }
#mainContent ul { padding-left: 20px }

/* MAIN NEWS CONTENT PANEL */
#mainNewsContent 
{ 
	position:relative; 
	left: 327px; 
	padding-top: -10px;
	z-index : 1;
	margin-right: 327px;
	top:-231px;
} 
* html #mainNewsContent 
{ 
	position:relative; 
	left: 327px;
	padding-top: 20px;
	background-color: white ; 
	height: 100%; z-index : 1;
	margin-right: 327px;
	top: -221px;
}
#mainNewsContent p { padding-left: 20px; padding-right: 20px }
#mainNewsContent ul { padding-left: 20px }

/* MAIN NEWS CONTENT PANEL FOR JAPANESE SITE*/
#mainNewsContent_jp
{ 
	position:relative; 
	left: 327px; 
	padding-top: 20px;
	z-index : 1;
	margin-right: 327px;
	top:-20px;
} 
* html #mainNewsContent_jp
{ 
	position:relative; 
	left: 327px;
	padding-top: 20px;
	background-color: white ; 
	height: 100%; z-index : 1;
	margin-right: 327px;
	top: -30px;
}

/* MAIN Right CONTENT PANEL */
#mainRightContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 20px;
	background-color: white ; 
	z-index : 1;
	bottom: -350px;
	margin-right: 327px;
	top:0px;
} 
* html #mainRightContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 20px;
	background-color: white ; 
	height: 100%; z-index : 1;
	margin-right: 327px;
}
#mainRightContent p { padding-left: 20px; padding-right: 20px }
#mainRightContent ul { padding-left: 20px }

/* MAIN Resuitment PANEL */
#mainReferenceContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 0px;
	background-color: white ; 
	z-index : 1;
	bottom: -350px;
	margin-right: 327px;
	top:0px;
} 
* html #mainReferenceContent 
{ 
	position:relative; 
	left: 327px; top: 0px; 
	padding-top: 20px;
	background-color: white ; 
	height: 100%; z-index : 1;
	margin-right: 327px;
}
#mainReferenceContent p { padding-left: 20px; padding-right: 20px; }
#mainReferenceContent ul { padding-left: 20px }

#branchContent { position:absolute; left: 350px; top: 150px; padding-right: 20px; }
* html #branchContent { position:absolute; left: 350px; top: 150px; width: 100%; padding-right: 350px; }
#branchContent p { padding-left: 20px; padding-right: 20px }
.branchItem a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItem a:hover {color: #ffff99}

/* MAIN CONTENT PANEL Home */
#mainContentHome { position:absolute; left: 330px; top: 15px; background-color: #353546}
#mainContentHome p { padding-left: 20px; padding-right: 20px ;}
#mainContentHome ul { padding-left: 20px ;padding-right: 20px ;}
#branchContentHome { position:absolute; left: 350px; top: 150px; width: 400px }
#branchContentHome p { padding-left: 20px; padding-right: 20px }
.branchItemHome a {text-decoration: none; font-weight: bold; color: #ffffff}
.branchItemHome a:hover {color: #ffff99}

/* HUB PAGE CONTENT PANEL */
#hubContent { position:absolute; left: 340px; top: 310px; padding:20px; color: #ffffff }
#hubContent a {text-decoration: underline; color: #7E8695 }

/* PROPERTY SEARCH */
.searchButton { position: relative; float: right; height: 15px; width: 75px; border: 1px #ffffff solid; color: #ffffff; line-height: 15px; text-align: center; margin-top: 10px; font-size: 0.9em }
.searchIntroLink {text-decoration: iunderline; color: #AFB6C3 }
.listPager { height: 40px; padding-left: 20px; line-height: 40px; vertical-align: middle; background-color: #ffffff }
.showcaseProperty { height: 150px; padding: 10px 20px; color: #000000 }
.pdfLink { width: 105px; border: 1px solid #808080; color: #808080; text-decoration: none; margin-top: 10px; text-align: center; font-size: smaller }
.pdfLinkOver { width: 105px; border: 1px solid #000000; color: #000000; text-decoration: none; margin-top: 10px; text-align: center; cursor: pointer; font-size: smaller }
.searchFooter { background-color: #ffffff; width: 100%; height: 40px; border-bottom: 1px solid #336699; padding: 5px 20px }
.searchFooter a { color: #444654; text-decoration: underline; font-weight: bold }

/* PROPERTY DETAILS */
.assetButton { position: relative; float: left; height: 15px; color: #ffffff; background-color: #7E8595; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }
.assetButtonOver { position: relative; float: left; height: 15px; color: #ffffff; background-color: #ADB7C3; cursor: pointer; line-height: 15px; text-align: center; font-size: 0.9em; padding: 2px 5px; margin-right: 5px }

/* ASSET VIEWER BUTTONS */
.assetViewButton { background-color: #7E8695; border-right: 1px solid #353546; padding-left: 10px; padding-right: 9px; color: #ffffff; float: left; height: 18px; line-height: 18px; text-decoration: none; font-size: 0.9em; cursor: pointer }
#assetNav { color: #ffffff; padding-right: 20px }
#assetNav a { color: #ffffff; text-decoration: none }
#assetNav a:hover {text-decoration:none; color: #ffff99}

#DisplayImage
{
	position: absolute; background-color: #ffffff; height: 149px; overflow: hidden; width: 327px;  top: 145px;
}
* html #DisplayImage
{
	position: absolute; background-color: #ffffff; height: 149px; overflow: hidden; width: 327px;  top: 143px;
}

DIV.dottedLine
{
	 background-repeat: repeat-x; 
	 width: 100%;
	 border: 1px none black; 
	 margin-bottom: 10px; 
	 padding-bottom: 15px; 
	 padding-top: 15px;
	 margin-top : -7px;
}

* html DIV.dottedLine
{
	 background-repeat: repeat-x; 
	 width: 100%;
	 border: 1px none black; 
	 margin-bottom: 10px; 
	 padding-bottom: 15px; 
	 padding-top: 15px;
	 margin-top : -7px;
}

Div.LeftContentPromo
{
	padding-left: 20px; padding-top: 10px;
}
* html Div.LeftContentPromo
{
	padding-left: 20px; padding-top: 0px; position: absolute; top: 20px;
}
Div.contentListHome a {text-decoration: none; font-weight: bold; color: #ffffff}
Div.contentListHome a:hover {text-decoration: none; font-weight: bold; color: #ffff99}
Div.contentListHome p {color: #ffffff }
Div.contentListHome h2 { color: #ffffff; font-size: 1em }

Div.OfficeImage
{
	position: absolute; 
	background-color: #ffffff; 
	height: 143px; overflow: hidden; 
	width: 327px;  
	top: 142px;
} 
* html Div.OfficeImage
{
	position: absolute; 
	background-color: #ffffff; 
	height: 143px; overflow: hidden; 
	width: 327px;  
	top: 146px;
} 
Div.PrintImage
{
	padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	margin-top: -5px;
	
}
* html Div.PrintImage
{
	padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	top: -15;
	
}

a.servicelink_jp:link {color: #ffffff; font-weight: bold; text-decoration:none;}
a.servicelink_jp:active {color: #ffff8f; font-weight: bold; text-decoration:none;}
a.servicelink_jp:visited {color: #ffffff; font-weight: bold; text-decoration:none;}
a.servicelink_jp:hover {color: #ffff8f; font-weight: bold;text-decoration:none;}

Div.ShowDiv
{
	display: block ;
}
Div.HideDiv
{
	display: none;
}
Li.ActiveItem
{
	background-color: #ffffff ;
}
Li.InactiveItem
{
	background-color: #7e8695 ;
}

Div.PrintImage_jp
{
	padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	margin-top: -56px;
	
}
* html Div.PrintImage_jp
{
	padding-left: 20px; 
	padding-bottom: 8px; 
	position: relative; 
	top: -15;
	margin-top: -28px;
	
}
Div.HomeText
{
	border: 1px none yellow; color: #ffffff; position: absolute; left: 350px; padding-left: 0px; padding-right: 10px; padding-top:10px;	
}

* html Div.HomeText
{
	color: #ffffff; position: absolute; left: 350px; padding-left: 0px; padding-right: 10px; padding-top:10px;	
}

a.news_jp:link {color: #ffffff; font-weight: bold; text-decoration:none;}
a.news_jp:active {color: #ffff8f; font-weight: bold; text-decoration:none;}
a.news_jp:visited {color: #ffffff; font-weight: bold; text-decoration:none;}
a.news_jp:hover {color: #ffff8f; font-weight: bold;text-decoration:none;}

Div.LogoSection
{
	position: relative; border-bottom: 1px dashed #c2c2c2; margin-left:20px; margin-right:20px; padding-bottom: 5px; padding-top:5px;
}
* html Div.LogoSection
{
	position: relative; border-bottom: 1px dashed #c2c2c2; margin-left:20px; margin-right:20px; padding-bottom: 5px; padding-top:5px;
}

a.embeddedItem{color:black;font-weight:bold;font-size:11px;}
a.embeddedItem:hover{color:#7e8695;}