/*
	Google font
*/

@import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800");

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

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

--------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	}
	
body {
	background: url("/images/new_design/backgrounds/main_bg.png") repeat scroll left top;
    color: #333333;
    font-family:sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
    font-size:100%;    
	}
/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {
	font-weight:normal;
	text-decoration: none;
	}
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:1.1em;
	color: #333333;
	background-color:transparent;
	}

h1 {
/*	font-size:220%;*/
	font-weight:normal;
	padding: 24px 0 10px 0;
	}

h2 {
	font-size:125%;
	font-weight:normal;
	padding: 10px 0 20px 0;
	}

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: 0.8em;
	line-height:1.4em;
	color:#333;
	margin:0 0 1em 0;
	text-align: left;
	}

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

embed {
	clear:none;
	display:inline;
	}

/*--------------------------------------------------------------
 Left-hand navigation styles
--------------------------------------------------------------*/
#left-nav-wrap ,#left-members-nav-wrap {
	clear:both;
	float:left;
	}

ul#left-nav, div.side-menu-box {
	margin: 25px 0 10px 20px;
	background-color: #F9FBFA;
	border: 1px solid #E6E6E6; 
	padding: 15px 10px 22px 14px;
	overflow: hidden;
	
  	box-shadow: 0 0 8px #E8E8E8;
	-moz-box-shadow: 0 0 8px #E8E8E8;
	-webkit-box-shadow: 0 0 8px #E8E8E8;
	
	/* For IE 5.5 - 7 */
	/* for IE4 - IE7 */
	filter:
	    progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=1, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=270, Color=#F2F2F2);
	-ms-filter: "
	    progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=1, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color=#F2F2F2),
	    progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=270, Color=#F2F2F2)
	";	   
}

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

ul#left-members-nav {
    background-color: #F9FAFA;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
    border-top: 1px solid #F2F2F2;
    display: block;
    margin: 15px 0 15px 20px;
    overflow: hidden;
    padding: 0;
}

#left-nav li, div.side-menu-box li {
	width:100%;
	/*border-bottom:1px solid #fff;*/
	list-style:none;
	background: url("/images/new_design/backgrounds/libg1.gif") no-repeat scroll 1px 0.275em transparent;
	}
	
#left-nav li.active, div.side-menu-box li.active {
	width:100%;
	/*border-bottom:1px solid #fff;*/
	list-style:none;
	background: url("/images/new_design/backgrounds/arrow_submenu.jpg") no-repeat scroll 1px 0.275em transparent;
	color: #333;
	}
	
div.side-menu-box li a {
	display:block;
	width:100%;
	font-size:83.5%;
	padding: 0 5px 0 20px;
	text-decoration:none;
}

div.side-menu-box li a:hover,
div.side-menu-box li a.active
{
	color: #333;
}
	
#left-members-nav li {
	width:100%;
	list-style:none;
	}
	
div.side-menu-box p {
	color: #1F60A9;
	text-align: left;
	padding: 0 0 10px 0;
	}
	
div.side-menu-box a.info-pack-button {
	background-color: #F1901D;
    border: 1px solid #CCCCCB;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 4px 15px;
    margin-left: 25px;
	}

#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%;
/*	background:#1F60A9 url("/images/left-nav-back.gif") repeat-x; */
	font-size:83.5%;
	padding: 0 5px 5px 5px;
	text-decoration:none;
	border-bottom: 1px solid #F2F2F2;
/*	background: url("/images/new_design/backgrounds/arrow_submenu.jpg") no-repeat scroll left 3px transparent; */
}

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


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

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

#left-nav li li a:hover, #left-members-nav li li a:hover {
	background:#9DB9D9;
	color:#1F60A9;
	}
#left-nav li li a span, #left-members-nav li li a span {
	display:block;
	padding:6px 0 0 20px;
	}

#left-nav li li li a, #left-members-nav li li li a {
    background:#D9E4F0; color:#1F60A9; border-left: 5px solid #D9E4F0;
	}

#left-nav li li li a:hover, #left-members-nav li li li a:hover {
    background:#D9E4F0;
/*    color:#fff;*/
    border-left: 5px solid #9DB9D9;
	}

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

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

#wwi-nrt-logo {
	margin:20px 0 30px 28px;
	}
	
/*--------------------------------------------------------------
 Quick links styles 
--------------------------------------------------------------*/
#left-members-nav-wrap{
	margin-left:90px !important;
}
#left-nav-wrap h2, #left-members-nav-wrap h2 {
	margin:15px 0 0 17px;
	}

#left-nav-wrap div.side-menu-box h2 {
	padding: 5px 0 25px 0;
	margin: 0;
	}

#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:1.45em;
	}

#content table h3 {
	font-size:1.25em;
	}

#content table {
	margin:1em 0 1.2em 0;
	font-size:1em;
	border-collapse: collapse;
	}

#content table p {
	font-size: 1em;
	}
#content table ul li {
	font-size: 0.85em;
	}

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

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

table.width-auto {
	width:auto;
	}

table.standard thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#005096;
	color:#ffffff;
	font-size:80%;
	font-weight:bold;
	}
	
	
table.standard_cfd {
	width:50%;
	border-left:2px solid #F2F2F2;/*06c*/
	border-right:2px solid #F2F2F2;
	border-bottom:2px solid #F2F2F2;
	border-top:2px solid #F2F2F2;
	}

table.standard_cfd thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#005096;
	color:#ffffff;
	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 #F2F2F2;
	}

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

table.standard_portfolio_returns thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#005096;
	color:#ffffff;
	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 #F2F2F2;
	}
	
/* standard_portfolio_returns1 for managed investments page*/	
table.standard_portfolio_returns1{
	width:100%;
	border-left:2px solid #F2F2F2;/*06c*/
	border-right:2px solid #F2F2F2;
	border-bottom:2px solid #F2F2F2;
	border-top:2px solid #F2F2F2;
	font-size:100%;
	}

table.standard_portfolio_returns1 thead td, table.standard td.header, table.standard th {
	padding:6px 4px;
	background:#005096;
	color:#ffffff;
	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 #F2F2F2;
	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 #F2F2F2;
	}

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;
	}


/*--------------------------------------------------------------
 Market Analyst Features table 
--------------------------------------------------------------*/

table#market-analyst-feature-table {
	margin:1em 0 1.2em 0;
	font-size:1em;
	border-collapse: collapse;
	border: 2px solid #F2F2F2;
}

table#market-analyst-feature-table tr {
	vertical-align: middle;
	}

table#market-analyst-feature-table th {
	padding: 15px 20px;	
	border: 1px solid #F2F2F2;
    font-size: 1.05em;
    font-weight: normal;
}

table#market-analyst-feature-table td {
	padding: 8px 20px;	
	border: 1px solid #F2F2F2;
}

table#market-analyst-feature-table td.style8 {
	color: #333;
    font-size: 0.8em;
    font-weight: bold;
    background: #005096;
	}
table#market-analyst-feature-table td.price {
	color: #333;
    font-size: 0.8em;
    background: #F2F2F2;
	}
	
/*--------------------------------------------------------------
 Manage Account Features table 
--------------------------------------------------------------*/

table#manage-account-table {
	margin:1em 0 1.2em 0;
	font-size:1em;
	border-collapse: collapse;
	border: 2px solid #F2F2F2;
	width: 100%;
}

table#manage-account-table tr {
	vertical-align: middle;
	}

table#manage-account-table th, table#manage-account-table th.ma-feature-item {
	padding: 5px 10px;	
	border: 1px solid #F2F2F2;
    font-size: 1.05em;
    font-weight: normal;
    background: #005194;
}

table#manage-account-table td {
	padding: 15px 20px;	
	border: 1px solid #F2F2F2;
}

table#manage-account-table th.ma-feature-item {
	padding: 10px 0;	
	width: 93px;
	text-align: center;
}

span.feature-no {
	color: #CD0000;
	font-weight: bold;
	}

/*--------------------------------------------------------------
 CFD Course table 
--------------------------------------------------------------*/

table.fourColoumnsTable {
	margin:1em 0 1.2em 0;
	font-size:1em;
	border-collapse: collapse;
	border: 2px solid #F2F2F2;
	width: 100%;
}

table.fourColoumnsTable th,
table.fourColoumnsTable td.td1,
table.fourColoumnsTable td.td3
	{
	color: #1F60A9;
}

table.fourColoumnsTable td,
table.fourColoumnsTable th {
	border-bottom-width: 1px;
	border-bottom-color: #F2F2F2;
	border-bottom-style: solid;
}

table.fourColoumnsTable td.td1,
table.fourColoumnsTable th {
	padding: 10px;
	font-weight: bold;
}

table.fourColoumnsTable td.td2 {
	width: 40%;
	padding: 5px;
}

table.fourColoumnsTable td.td3 {
	padding: 5px 10px;
	font-weight: bold;
	border-left-width: 1px;
	border-left-color: #F2F2F2;
	border-left-style: solid;
}

table.fourColoumnsTable td.td4 {
	width: 40%;
	padding: 5px;
}

table.fourColoumnsTable tr.alt2 td,
table.fourColoumnsTable th {
	background-color: #FAFAFF;
}


/*--------------------------------------------------------------
 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 15px 25px;
	}

.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-weight: bold; 
	color : red;
}

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

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

.errorBox {
	font-weight: normal;
	font-size: 0.9em; 
	color : red;
	background-color: #F7F7F7;
	padding: 10px;
	margin: 20px;			
}


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



#content div#div-tinyMCE table {
	margin: 0;
	padding: 0; 	
}


#content table.generic  {
	border-collapse: collapse;
	margin: 10px 0;
	padding: 0;
	width: 100%	
}

#content table.generic tr {
	margin: 0;
	vertical-align: middle;
}

#content table.generic tr td {
	padding: 5px;
}

.odd {
	background-color: #E0E0E0 	;
}

.even {
	background-color: #FFFFFF;
}

.page-button {
	background-color: #F1901D;
	border: 1px solid #CCCCCB;
	color: #fff;
	cursor: pointer; 
	}
	
.clear-all {
	clear: both;
}

.block-center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}
.width-320 {
	width: 320px;
	}
.width-448 {
	width: 448px;
	}
.width-40-percent {
	width: 40%;
	}
.width-45-percent {
	width: 45%;
	}
.width-50-percent {
	width: 50%;
	}
.width-55-percent {
	width: 55%;
	}
.width-60-percent {
	width: 60%;
	}
.center {
	text-align: center;
	}
.italic {
	font-style: italic;
	}
	
.wrapper-float-left {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
.wrapper-float-right {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}
#page-request-call-error {
	font-size: 0.8em;
	color: red;
	}
#page-contact-main-error{
	font-size: 0.8em;
	color: red;
}
	p#portfolio-img img {
	text-align: center;
	width: 100%;
}

/*--- */

#left-nav-wrap div.feature-box-side-nav {
    background: none repeat scroll 0 0 #F9FBFA;
    font-size: 1.05em;
    color: #1F60A9;
    padding: 2px 20px 5px 5px;   
}

#left-nav-wrap div.feature-box-side-nav ul {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    font-size: 0.8em;
}

#left-nav-wrap div.feature-box-side-nav li {
    background: url("/images/new_design/backgrounds/feature_list.png") no-repeat left 7px;
    padding: 0 0 10px 24px;
    margin: 0;
    text-align: left;
}
#banner-wrap{
background: url("/images/new_design/backgrounds/bn-topBg.jpg") repeat-x top;
padding:0;
height:142px;
-webkit-box-shadow: 0px 8px 4px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 8px 4px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 8px 4px 0px rgba(50, 50, 50, 0.3);
}