/**
*	CSS for static content - 1st & 2nd-level pages
*/

.layout-1st-level #main-content, .layout-2nd-level #main-content { width: 730px; }

/* Central panels, 1st & 2nd level landing pages */
.layout-1st-level .panels,
.layout-2nd-level .panels
{
	width: 730px;
	float: left;
	margin: 0 0 30px;
}
#page .layout-1st-level .panels { margin-bottom: 0; }

.layout-1st-level .panel { float: left; color: #666; }
.layout-2nd-level .panel { float: left; color: #999; margin-top: 10px; }
.layout-2nd-level .panel-more { float: left; color: #999; margin-top: 0; }

#page.personal .layout-2nd-level .panel { width: 145px; }
/* 27Jan2010: change size to 12 
- original is 11px*/
#page.personal .layout-2nd-level .panel-more { width: 145px; font-size: 12px; }
#page.corporate .layout-2nd-level .panel { width: 364px; }
#page.investor .layout-2nd-level .panel { width: 182px; }
#page.about .layout-2nd-level .panel { width: 240px; }
#page.about .layout-2nd-level .panel.left-panel { width: 484px; }
#page.privilege .layout-2nd-level .panel { width: 725px; color: #fff; }
#page.private .layout-2nd-level .panel { width: 725px; color: #666; }

#page .layout-1st-level #mass-block .panel { width: 240px; margin: 10px 2px 0 0; }
#page .layout-1st-level #mass-block .panel h3 { margin: 0; }
#page .layout-1st-level #mass-block .panel div { height: 186px; position: relative; }
#page .layout-1st-level #mass-block .panel ul { padding: 10px 10px 0; }
#page .layout-1st-level #mass-block .panel div a.i-map { position: absolute; display: block; }
#page .layout-1st-level #mass-block .panel div a.i-map h4 { text-indent: -9999px; display: block; }
#page .layout-1st-level #mass-block .panel div p { position:absolute; display: block; padding-left: 3px; }
#page .layout-1st-level #mass-block #personal { background: transparent url('/assets/images/globalHome/pic_2.jpg') no-repeat; }
#page .layout-1st-level #mass-block #corporate { background: transparent url('/assets/images/globalHome/pic_3.jpg') no-repeat; }
#page .layout-1st-level #mass-block #investor { background: transparent url('/assets/images/globalHome/pic_4.jpg') no-repeat; }

#page .layout-1st-level #priv-block .panel { width: 360px; margin: 10px 3px 0 0; }
#page .layout-1st-level #priv-block .panel h3 { margin: 0; }

#page .layout-1st-level #community-block .panel { width: 730px; margin: 10px 0 0; line-height: 1.5; }

layout-1st-level .panel a { color: #666; }
.layout-2nd-level .panel a { color: #666; }

.layout-1st-level .panel a:hover, .layout-2nd-level .panel a:hover { color: #004ca0; }

/* 27Jan2010: change size to 14.33 
- original is 13.33px*/
.layout-1st-level .panel h3
{
	border-bottom: 2px solid #004F9E;
	font-size: 14.33px;
	font-weight: bold;
}
/* 27Jan2010: change size to 14.33 
- original is 13.33px*/
.layout-2nd-level .panel h3
{
	margin: 0 5px 5px;
	border-bottom: 2px solid #004F9E;
	font-size: 14.33px;
	font-weight: bold;
	color: #666;
}
.layout-1st-level #about-block .panel h3 { border-bottom: none; }
#page .layout-1st-level #about-block #about { background: transparent url('/assets/images/globalHome/topGlobe.jpg') no-repeat; width: 730px; }

.layout-1st-level .panel h3 a { color: #003366; font-weight: bold; }
.layout-1st-level .panel h3 a:hover, .layout-2nd-level .panel h3 a:hover { text-decoration: none; }

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
.layout-1st-level .panel p,
.layout-2nd-level .panel p
{
	margin: 0 5px 10px;
	font-size: 12.33px;
	color: #666;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#page.privilege .layout-1st-level .panel p,
#page.privilege .layout-2nd-level .panel p
{
	margin: 0 5px 10px;
	font-size: 12.33px;
	color: #fff;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
.layout-1st-level #about-block .panel p { font-size: 12.33px; color: #666; }

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
.layout-1st-level #community-block .panel p { font-size: 12.33px; color: #666; }

.layout-1st-level .panel ul, .layout-2nd-level .panel ul, .layout-2nd-level .panel-more ul { margin: 0 5px; }

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
.layout-1st-level .panel li, .layout-2nd-level .panel li
{
	list-style: outside url('/assets/images/common/list-items/bullet_2.gif');
	display: list-item;
	margin-left: 18px;
	padding-left: 0;
	line-height: 1.25;
	font-size: 12.33px;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
.layout-2nd-level .panel-more li
{
	list-style: none;
	display: list-item;
	margin-left: 18px;
	padding-left: 70px;
	line-height: 1.25;
	font-size: 12.33px;
}
#page .layout-1st-level #mass-block .panel li { line-height: 1.5; }

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#page .layout-1st-level #about-block .panel li
{
	display: inline;
	padding-left: 12px;
	margin-left: 0;
	margin-right: 12px;
	background: transparent url('/assets/images/common/list-items/bullet_2.gif') no-repeat left 1px;
	list-style: none;
	list-style-image: none;
	font-size: 12.33px;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#page .layout-1st-level #community-block .panel li
{
	padding-left: 12px;
	margin-left: 0;
	margin-right: 12px;
	background: transparent url('/assets/images/common/list-items/bullet_2.gif') no-repeat left 1px;
	list-style: none;
	list-style-image: none;
	font-size: 12.33px;
}

/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#page .layout-1st-level #about-block .panel li a { font-size: 12.33px; text-decoration: underline;}
/* 27Jan2010: change size to 12.33 
- original is 11.33px*/
#page .layout-1st-level #community-block .panel li a { font-size: 12.33px; text-decoration: underline;}

.layout-2nd-level .quick-links { float: left; }
#page.personal .layout-2nd-level .quick-links{ width: 720px; }
#page.corporate .layout-2nd-level .quick-links { margin: 0 6px; }

#page.personal .layout-2nd-level .quick-link-item { height: 46px; }
#page.corporate .layout-2nd-level .quick-link-item { margin-top: 5px; }

.layout-2nd-level .quick-link-item div { font-weight: bold; padding: 2.5px 0; font-size: 11.33px }

.layout-2nd-level .quick-link-item select { margin: 0 0 5px; }
#page.personal .layout-2nd-level .quick-link-item select { width: 220px; }
#page.corporate .layout-2nd-level .quick-link-item select { width: 290px; }

#page.corporate .layout-2nd-level .quick-link-item a img { margin-left: 5px; }

.layout-2nd-level .quick-link-separator
{
	margin: 0 0 2px;
	background: transparent url(/assets/images/personalHome/dot.gif) repeat-x scroll 0 50%;
	height: 4px;
}

#page.personal .layout-2nd-level .promotions { width: 100%;}
#page.corporate .layout-2nd-level .promotions { width: 100%; }

.layout-2nd-level .promo-item
{
	float: left;
	margin: 2px 0px 2px 5px;
}

#page .private .layout-2nd-level .promo-item { margin: 2px 12px 2px 0; } /*added by MK*/
#page .privilege .layout-2nd-level .promo-item { margin: 2px 12px 2px 0; } /*added by MK*/

/* 27Jan2010: change size to 12.33 
- original is 12.33px*/
.layout-2nd-level .security-alert
{
	background: #E2E2E2 url(/assets/images/personalHome/secruityalert.jpg) no-repeat scroll 0 4px;
	border: none;
	color: #E2E2E2;
	margin: 10px 10px 10px 5px;
	padding: 5px 5px 10px 140px;
	font-size: 12.33px;
	
}

.layout-2nd-level .important-information
{
	background: #E2E2E2 url(/assets/images/personalHome/importantannouncement.jpg) no-repeat scroll 0 0;
	border: none;
	color: #E2E2E2;
	margin: 10px 10px 10px 0;
	padding: 5px 5px 5px 140px;
	font-size: 11.33px;
}



.sub-masthead-list { display: block; width: 730px; background: #685b4a; padding: 5px 0; margin: 0; overflow: auto; }
.sub-masthead-list ul { display: block; overflow: visible; }
.sub-masthead-list li
{
	font-size: 12px;
	display: block;
	float: left;
	width: auto;
	line-height: 1;
	border-left: 1px solid #ccc;
	padding: 0 15px;
}
.sub-masthead-list li.first { border-left: none; }

/* 27Jan2010: add font-size:12.33px;
- original is 11.33px*/
.sub-masthead-list li a { color: #fff; font-size: 12.33px;}
/* 27Jan2010: add font-size:12.33px;
- original is 11.33px*/
.sub-masthead-list li a:hover { color: #ccc; font-size: 12.33px;}

#right-bar { font-size: 11px; }
#right-bar ul li
{
	list-style: outside url(/assets/images/common/list-items/bullet_2.gif) disc;
	margin-left: 15px;
}
#right-bar #related-links ul li { border-bottom: 1px dotted #ccc; }
#right-bar p { margin: 0 10px; }

#right-bar .rss-block
{
	background: #eee url('/assets/images/tools_app/rss_feeds.png') no-repeat 3px 6px;
	color: #666;
	padding: 3px 2px 3px 25px;
	margin-top: 5px;
	border: 1px solid #ccc;
}

#page.private .layout-2nd-level #main { width: 740px;} /*added by MK*/
#page.privilege .layout-2nd-level #main { width: 740px;} /*added by MK*/

#page.private .layout-2nd-level .panels { margin: 10px 0 10px; } /*added by MK*/
#page.privilege .layout-2nd-level .panels { margin: 10px 0 10px; } /*added by MK*/

#page .layout-1st-level #right-bar { height: auto; padding-top: 10px; }
#page.privilege .layout-2nd-level #right-bar { height: auto; width: 200px; background: #373634 none;}
#page.private .layout-2nd-level #right-bar { height: auto; background: #6E6C5F none; width: 200px;}
#page.private .layout-2nd-level #right-bar #private-header
{
	background: transparent url('/assets/images/privateHome/side_top.jpg') no-repeat center top;
	height: 55px;
}
#page.private .layout-2nd-level #right-bar a, #page.private .layout-2nd-level #right-bar a:hover { color: #fff; text-decoration: underline; }

#page .layout-1st-level #right-bar #branch-locator div { margin: 5px 0; }
#page .layout-1st-level #right-bar #branch-locator label { font-size: 10px; }
#page .layout-1st-level #right-bar #branch-locator .radio input { font-size: 10px; height: 10px; width: 10px; margin: 0 2.5px; padding: 0; }
#page .layout-1st-level #right-bar #branch-locator .form_selector { width: 170px; height: auto; padding: 0 2px; }

/* Special cases: Footer padding - day */
#page #footer, #page.personal #footer, #page.investor #footer { padding-top: 10px; }
#page.corporate #footer, #page.about #footer, #page.private #footer, #page.privilege #footer { padding-top: 95px; }
body.night #page #footer { padding-top: 95px; }