/*--------------------------------------------------------------

Common screen styles that are used in all static, member and wwi pages

--------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}

body {
	background-color:#fff;
	font-family:arial, verdana, sans-serif, serif;
	font-size:100%;
	color:#000;
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {
	font-weight:bold;
	text-decoration:underline;
	}
a:link, a:visited {
	color:#1F60A9;
	background-color:transparent;
	}
a:hover {
	color:#e87b00;
	background-color:transparent;
	text-decoration:none;
	}
a:active {
	color:#06c;
	background-color:transparent;
	}
a img {
	border:0;
	}
a.pdf-link {
	padding-left:20px;
	padding-bottom: 2px;
	background:transparent url(/images/pdf.gif) no-repeat top left;
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1, h2, h3, h4, #student-notice table .title {
	font-weight:normal;
	letter-spacing:0;
	line-height:1em;
	color:#1F60A9;
	background-color:transparent;
	}

h1 {
	font-size:140%;
	font-weight:normal;
	margin:24px 0 12px 0;
	}

h2 {
	font-size:105%;
	font-weight:bold;
	margin-bottom:0.5em
	}

h3 {
	font-size:95%;
	font-weight:normal;
	margin-bottom:0.5em
	}

h4 {
	font-size:100%;
	font-weight:bold;
	margin-top:1em;
	}


#content h1 {
	font-size:150%;
	font-weight:bold;
	}
	
.heading1{
	font-size:150%;
	font-weight:bold;
	margin:24px 0 12px 0;
	color:#1F60A9;
	}	
	
.heading2{
	font-size:105%;
	font-weight:normal;
	margin:24px 0 12px 0;
	color:#1F60A9;
	}		
/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#padFix {
	padding:0 26px;
	line-height:1.1;	
	}
/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p {
	font-size:80%;
	line-height:1.4em;
	color:#000;
	margin:0 0 1em 0;
	}

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}

embed {
	clear:none;
	display:inline;
	}
/*--------------------------------------------------------------
 Header element styles 
-------------------------------------------------------------*/
#header {
	background:#fff url(/images/header_back.gif) repeat-x bottom;
	}

#header img {
	float:left;
	margin-top:9px;
	margin-left:28px;
	}

#orange-top-bar {
	background:transparent url(/images/orange-top-bar-back.gif) repeat-x;
	width:100%;
	height:9px;
	z-index:1;
	overflow:hidden;
	}
/*--------------------------------------------------------------
 Top sub-navigation styles
--------------------------------------------------------------*/
#header ul#top-sub-nav {
	float:left;
	margin-top:12px;
	list-style:none;
	line-height:1;
	background:transparent;
	}

#header ul#top-sub-nav a {
	display:block;
	vertical-align: middle;
	color:#1F60A9;
	font-size:80%;
	font-weight:normal;
	padding:8px 0 10px 0;
	line-height:1;
	text-decoration:none;
	}

#header ul#top-sub-nav a:hover {
	text-decoration:underline;
	}

#header ul#top-sub-nav li { /* all list items */
	padding:0;
	float:left;
	width:5em; /* width needed or else Opera goes nuts */
	text-align:center;
	}

#header ul#top-sub-nav li.small-nav {
	width:4em;
	}

/*--------------------------------------------------------------
 Main top navigation and drop down styles
--------------------------------------------------------------*/

#top-main-nav-wrap, #top-main-nav-wrap ul {
	background:transparent url(/images/main-top-nav-back.gif) repeat-x;
}

#top-main-nav-wrap ul li {
	position:relative;
	float:left;
	z-index:100;
	}

#top-main-nav-wrap li ul {
	position:absolute;
	left:0; /* Set 1px less than menu width */
	top:auto;
	display:none;
	z-index:999;
	width:auto
	
	}

#top-main-nav-wrap li ul ul{
	position:absolute;
	left:100%; /* Set 1px less than menu width */
	top:-.1em;
	display:none;
	}

/* Styles for Menu Items */
#top-main-nav-wrap ul li a {
	display:block;
	text-decoration:none;
	font-size:70%;
	color:#fff;
	background:transparent; /* IE6 Bug */
	padding:8px 5px 10px 5px;
	border:0;
	}

#top-main-nav-wrap ul li a span {
	display:block;
	border-right:1px solid #80BEE1;
	padding-right:4px;
	}

#top-main-nav-wrap ul li#nav-media-centre a span {
	border-right:0;
	padding-right:0px;
	}
	
/* Style for the last menu element in the top nav so that its drop down doesn't go off the right side of the page */
/* This is now centered 
#top-main-nav-wrap li#nav-blog ul {
	left:-75px;
	}
*/
#top-main-nav-wrap ul li a:hover span {
	border-right:1px solid #E87B00;
	}

#top-main-nav-wrap ul li li a span {
	text-align:left;
	border-left:1px solid #487CA7;
	border-right:1px solid #487CA7; 
	border-bottom:1px solid #487CA7;
	padding:4px 0 4px 4px;
	}

#top-main-nav-wrap li#nav-about-us ul a span{
	border-right:1px solid #487CA7; 
	}

/* commented backslash mac hiding hack \*/ 
* html #top-main-nav-wrap ul li a {height:1%}
/* end hack */ 

#top-main-nav-wrap ul li ul li a, #top-main-nav-wrap ul li:hover ul li a, #top-main-nav-wrap ul li.over ul li a {
	padding:0;
	background:#1F60A9;
	}

#top-main-nav-wrap li:hover a, #top-main-nav-wrap li.over a, #top-main-nav-wrap li a:hover {
	color:#fff;
	background:transparent url(/images/main-top-nav-back.gif) repeat-x 0 -32px;
	}

/* sub-menu hover styles */
#top-main-nav-wrap li:hover li:hover a, #top-main-nav-wrap li.over li.over a,
#top-main-nav-wrap li:hover li:hover li:hover a, #top-main-nav-wrap li.over li.over li.over a,
#top-main-nav-wrap li:hover li a:hover, #top-main-nav-wrap li.over li a:hover,
#top-main-nav-wrap li:hover li:hover li:hover a:hover, #top-main-nav-wrap li.over li li a:hover,
#top-main-nav-wrap li:hover li:hover li:hover li:hover a:hover, #top-main-nav-wrap li.over li.over li.over li.over a:hover {
   color:#fff;
   background:#E87B00;
	}

/* sub-menu hover SPAN styles */
#top-main-nav-wrap li:hover li:hover a span, #top-main-nav-wrap li.over li.over a span,
#top-main-nav-wrap li:hover li:hover li:hover a span, #top-main-nav-wrap li.over li.over li.over a span,
#top-main-nav-wrap li:hover li a:hover span, #top-main-nav-wrap li.over li a:hover span,
#top-main-nav-wrap li:hover li:hover li:hover a:hover span, #top-main-nav-wrap li.over li li a:hover span,
#top-main-nav-wrap li:hover li:hover li:hover li:hover a:hover span, #top-main-nav-wrap li.over li.over li.over li.over a:hover span {
	border-left:1px solid #487CA7;
	border-right:1px solid #487CA7; 
	border-bottom:1px solid #487CA7;
	}

/* set dropdown to default */
#top-main-nav-wrap li:hover li a, #top-main-nav-wrap li.over li a,
#top-main-nav-wrap li:hover li:hover li a, #top-main-nav-wrap li.over li.over li a,
#top-main-nav-wrap li:hover li:hover li:hover li a, #top-main-nav-wrap li.over li.over li.over li a {
	color:#fff;
	background-color:#fff;
	}
#top-main-nav-wrap li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
#top-main-nav-wrap ul li:hover ul ul, #top-main-nav-wrap ul li:hover ul ul ul, #top-main-nav-wrap ul li.over ul ul, #top-main-nav-wrap ul li.over ul ul ul {
	display:none;
	}

#top-main-nav-wrap ul li:hover ul,#top-main-nav-wrap ul li li:hover ul,#top-main-nav-wrap ul li li li:hover ul, #top-main-nav-wrap ul li.over ul, #top-main-nav-wrap ul li li.over ul,#top-main-nav-wrap ul li li li.over ul {
	display:block;
	}	
/*--------------------------------------------------------------
 Left-hand navigation styles
--------------------------------------------------------------*/
#left-nav-wrap ,#left-members-nav-wrap {
	clear:both;
	float:left;
	}

ul#left-nav, ul#left-members-nav {
	list-style:none;
	border-top:6px solid #fff;
	margin:0;
	display:block;
	}

ul#left-nav ul, ul#left-members-nav {
	list-style:none;
	display:none;
	}

ul#left-members-nav {
	display:block;
	}

#left-nav li, #left-members-nav li {
	width:100%;
	border-bottom:1px solid #fff;
	list-style:none;
	}

#left-nav li li, #left-members-nav li li {
	width:100%;
	border:0;
	}

#left-nav li a, #left-nav li li a, #left-members-nav li a, #left-members-nav li li a {
	display:block;
	width:100%;
	height:28px;
	background:#1F60A9 url(/images/left-nav-back.gif) repeat-x;
	font-size:80%;
	text-decoration:none;
	color:#fff;
	}

#left-nav li a:hover, #left-members-nav li a:hover  {
	color:#fff;
	background:#E87B00 url(/images/left-nav-back-over.gif) repeat-x;
	}

#left-nav li a span, #left-members-nav li a span {
	display:block;
	padding:6px 0 0 20px;
	}

#left-nav li li a, #left-members-nav li li a {
	background:#9DB9D9 url(/images/left-nav-sub-back.gif) repeat-x;
	font-weight:normal;
	color:#1F60A9;
	}

#left-nav li li a:hover, #left-members-nav li li a:hover {
	background:#9DB9D9 url(/images/left-nav-sub-back-over.gif) repeat-x;
	color:#1F60A9;
	}
#left-nav li li a span, #left-members-nav li li a span {
	display:block;
	padding:6px 0 0 30px;
	}

#left-nav li li li a, #left-members-nav li li li a {
	background:#D9E4F0 url(/images/left-nav-sub2-back.gif) repeat-x;
	}

#left-nav li li li a:hover, #left-members-nav li li li a:hover {
	background:#D9E4F0 url(/images/left-nav-sub2-back-over.gif) repeat-x;
	}

#left-nav li li li a span, #left-members-nav li li li a span {
	display:block;
	padding:6px 0 0 40px;
	}

#nrt-logo {
	margin:20px 0 0 60px;
	}

#wwi-nrt-logo {
	margin:20px 0 30px 28px;
	}

/*--------------------------------------------------------------
 Quick links styles 
--------------------------------------------------------------*/
#left-nav-wrap h2, #left-members-nav-wrap h2 {
	margin:17px 0 0 17px;
	}

#left-nav-wrap #quick-links, #left-members-nav-wrap #quick-links {
	margin-left:18px;
	margin-bottom:1em;
	list-style:none;
	z-index:0;
	}

#left-nav-wrap #quick-links li, #left-members-nav-wrap #quick-links li {
	list-style:none;
	padding-left:18px;
	margin:0.6em 0;
	font-weight:normal;
	font-size:80%;
	line-height:1.4em;
	color:#000;
	background:transparent url(/images/home-bullet.gif) no-repeat 2px 0.2em;
	}

/*--------------------------------------------------------------
 Table layout styles 
--------------------------------------------------------------*/
#content table h2 {
	margin:0;
	font-size:130%;
	}

#content table h3 {
	font-size:110%;
	}

#content table {
	margin:1em 0 1.2em 0;
	font-size:100%;
	}

#content table p {
	font-size:100%;
	}

#content table tr {
	vertical-align:top;
	}
	
#content table td {
	font-size: 80%;
	}

table.standard {
	width:100%;
	border-left:2px solid #6290C3;/*06c*/
	border-right:2px solid #6290C3;
	border-bottom:2px solid #6290C3;
	border-top:2px solid #6290C3;
	}

table.width-auto {
	width:auto;
	}

table.standard thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#6290C3;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	}

table.standard_cfd {
	width:50%;
	border-left:2px solid #6290C3;/*06c*/
	border-right:2px solid #6290C3;
	border-bottom:2px solid #6290C3;
	border-top:2px solid #6290C3;
	}

table.standard_cfd thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#6290C3;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	}

table.standard_cfd tbody {
	background:transparent;
	}

table.standard_cfd tbody td {
	padding:4px;
	font-size: 80%;
	}

table.standard_cfd tbody td {
	border-bottom:1px solid #06c;
	}

table.standard_portfolio_returns {
	width:70%;
	border-left:2px solid #6290C3;/*06c*/
	border-right:2px solid #6290C3;
	border-bottom:2px solid #6290C3;
	border-top:2px solid #6290C3;
	}

table.standard_portfolio_returns thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#6290C3;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	}

table.standard_portfolio_returns tbody {
	background:transparent;
	}

table.standard_portfolio_returns tbody td {
	padding:4px;
	font-size: 80%;
	}

table.standard_portfolio_returns tbody td {
	border-bottom:1px solid #06c;
	}
	
/* standard_portfolio_returns1 for managed investments page*/	
table.standard_portfolio_returns1{
	width:100%;
	border-left:2px solid #6290C3;/*06c*/
	border-right:2px solid #6290C3;
	border-bottom:2px solid #6290C3;
	border-top:2px solid #6290C3;
	font-size:100%;
	}

table.standard_portfolio_returns1 thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#6290C3;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	}

table.standard_portfolio_returns1 tbody {
	background:transparent;
	font-size:100%;
	}

table.standard_portfolio_returns1 tbody td {
	padding:4px;
	font-size: 100%;
	}

table.standard_portfolio_returns1 tbody td {
	border-bottom:1px solid #06c;
	font-size:100%;
	}	

/**/
table.standard tbody {
	background:transparent;
	}

table.standard tbody td {
	padding:4px;
	font-size: 80%;
	}

table.standard tbody td {
	border-bottom:1px solid #06c;
	}

tr.highlight{ 
	background-color: #D9E4F0;
	cursor: pointer;
}

table.stock-reports {
	width:100%;
	}

table.stock-reports td {
	padding:0 0 1em 0;
	font-size: 80%;
	}

td.cfd-intro {
	border-right:1px solid #6290C3;
	background:#A5BEDC;
	vertical-align: middle;
	}

td.cfd-intro2 {
	border-right:1px solid #6290C3;
	background:#6290C3;
	color:#fff;
	vertical-align: middle;
	font-weight:bold;
	text-align: left;
	}

td.cfd-intro3 {
	border-right:1px solid #6290C3;
	background:#6290C3;
	color:#fff;
	vertical-align: middle;
	font-weight:bold;
	text-align: center;
	width: 130px;
	}
	
td.cfd-intro4{
	border-right:1px solid #6290C3;
	background:#A5BEDC;
	vertical-align: middle;
	text-align: center;
}

td.cfd-intro5{
	border-right:1px solid #6290C3;
	background:#f6cb9b;
	vertical-align: middle;
	text-align: center;
}
/*-------------------------------------------------------

shorter table with standard format
--------------------------------------------------------*/

table.standard_short {
	width:70%;
	border-left:2px solid #6290C3;/*06c*/
	border-right:2px solid #6290C3;
	border-bottom:2px solid #6290C3;
	border-top:2px solid #6290C3;
	}

table.standard_short thead td, table.standard_short td.header, table.standard_short th {
	padding:6px 4px;
	background:#6290C3;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	}

table.standard_short tbody {
	background:transparent;
	}

table.standard_short tbody td {
	padding:4px;
	font-size: 80%;
	}

table.standard_short tbody td {
	border-bottom:1px solid #06c;
	}


/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
.error {
	color:red;
	font-weight:bold;
}

.text-align-right {
	text-align:right;
	}

.text-align-left{
	text-align:left;
	}

.center {
	text-align:center;
	}

.float-right {
	float:right;
	padding:0 0 14px 14px;
	}

.float-left {
	float:left;
	padding:0 14px 14px 0;
	}
	
.bold {
	font-weight:bold;
	}

.small-text {
	font-size:60%;
	line-height:1.4em
	}

.back-to-top-link {
	text-align:right;
	}
	
.foot-note {
	font-size: 11.5px;
}
/*--------------------------------------------------------------
 Members menu styles 
--------------------------------------------------------------*/
.hide{
	display:none;
	}
.show{
	display:block;
	}
/*--------------------------------------------------------------
sIFR Flash heading replacement styles
--------------------------------------------------------------*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden;
	}
/*--------------------------------------------------------------
These are standard sIFR styles... do not modify

These "decoy" styles are used to hide the browser text 
before it is replaced... the negative-letter spacing in this 
case is used to make the browser text metrics match up with the 
sIFR text metrics since the sIFR text in this example is so 
much narrower... your own settings may vary... any weird sizing 
issues you may run into are usually fixed by tweaking these 
decoy styles
--------------------------------------------------------------*/
.sIFR-hasFlash h1 {
	visibility:hidden;
	font-size:28px !important;
	color:#1F60A9;
	letter-spacing:2px;
	}
.sIFR-hasFlash h2 {
	visibility:hidden;
	font-size:21px !important;
	font-weight:bold;
	color:#1F60A9;
	letter-spacing:-6px;
	}

/*--------------------------------------------------------------
Click calling image
--------------------------------------------------------------*/
.click-calling {
	text-align:center;
	font-size:80%;
}

.click-calling a {
	text-decoration:none;
}

/*--------------------------------------------------------------
Student Notices Table
--------------------------------------------------------------*/
#student-notice {
	border: 1px solid #6290C3;
	padding:0;
	width: 80%;
}

#student-notice-head {
	margin:0;
	padding:3px 4px;
	background:#6290C3;
	color:#fff;
	font-size:105%;
	font-weight:normal;
}

#student-notice table {
	margin: 0.2em 0;
	width: 100%;
}

#student-notice table .title {
	font-size: 80%;
	padding: 5px 2px;
}

#student-notice table .title a {
	text-decoration: none;
	font-weight: normal;
}

#student-notice table .notice-date {
	text-align: right;
	padding: 5px 2px;
}

#student-notice table .notice {
	background-color: #F4F7FB;
	padding: 0.2em 5px;
}

div#error ul#error li
{
	font: bold 0.8em Arial; 
	color : red;
}

div#error h4
{
	font: bold 1.0em Arial; 
	color : red;
	padding: 5px 0;	
}

.messageBox {
	font: normal 0.9em Arial; 
	color : green;
	background-color: #F7F7F7;
	padding: 5px;
	margin: 10px 0;			
}

.errorBox {
	font: normal 0.9em Arial; 
	color : red;
	background-color: #F7F7F7;
	padding: 5px;
	margin: 10px 0;			
}