/* THE MAIN WB DEMO STYLE SHEET */

/* GENERAL STYLES */

/* just so if someone somehow gets to a "#" link (we forgot to "return false;" on an onClick) it won't change color */
/* Body Background */
body {
    color: #000000;
    font-weight: normal;
    margin: 0px;
    text-decoration: none;
}

A {
    color: #335687;    
    text-decoration:underline;
}

.paging_full_numbers a.paginate_active{
  background-color: #E5E2D3;
  color: #335687;  
}
.paging_full_numbers a.previous,.paging_full_numbers a.first,.paging_full_numbers a.next,.paging_full_numbers a.last{
  background-color: #086095;
  color: #ffffff;    
}
.label {
 	
  	color: #000000 !important;
}
.btn[disabled]{
	color:#666666 !important;
	cursor:not-allowed;
}
.thumbnail {
 	border: none !important;
}
/* Top Level Title Advisor/Client Info */
.title1 {
    color: #335687;
    
    xfont-size: 16px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}
LI a.action, .dropdown-menu li a{
	background: none !important;
	text-align: left !important;
	margin-left: 0px !important;
	
	font-weight: normal !important;
	text-indent: 0 !important;
	padding: 3px 20px;
	
	text-decoration: none;
}

.listwidgetaddrow .btnlink {
    
    font-weight: normal;
    padding: 2px 8px;
    text-align: center;
    vertical-align: middle;
}
/* .popover-content {
padding: 9px 14px;
max-height: 500px !important;
overflow: auto;
} */
table#SecuritySearchDataModel {
max-height: 350px;
overflow: auto;
overflow-x: hidden;
display: block;
}
.inlineClear {
border-style: none;
margin-left: -18px;
display: inline;
margin-top: 9px;
width: 18px;
height: 18px;
position: absolute;
cursor: pointer;
}
#searchSecForm .popover.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 100%;
padding: 1px;

font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 30px rgba(0, 0, 0, .8) !important;
}
#searchSecForm .arrow {
left: 0% !important;
margin-left: 20px;
border-bottom-color: white !important;
}

/* Top level page title */
.title2 {
    color: #335687;
    
    
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}

/* 2nd level page title */
.title3 {
	color: #335687;
	
	
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
	
.title4 {
	color: #000;
	
	
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding-bottom: 10px;
	padding-right: 50px;
	border-bottom: 1px #CCCCCC;
}

/* Choose a New Client */
.new {
    color: #039;
    
    
    font-weight: normal;
    text-decoration: underline;
}

/* Logout */
.logout {
    color: #086095;
    
    
    font-weight: normal;
    text-decoration: none;
}

/* Common Tools*/
.common {
    background: url(../images/common.gif) no-repeat left;
    color: #335687;
    
    
    font-weight: normal;
    margin-left: 6px;
    padding-left: 12px;
    text-indent: 12px;
}

/* Action Links */


.tableAction, .tableMenuAction {
    text-align: left;
    text-indent: 0px;
    padding-left: 0;
}

.tableMenuAction {
	background: none;
}

.tabletitle .action {
    color: #335687;
    text-align: right;
}

.tabletitler .action {
    color: #335687;
    padding-right: 5px;
}

/*  Links */

/* Main body text */
.text {
    color: #000000;
    
    
    font-weight: normal;
    text-decoration: none;
}

.btn {
    background-color: #086095;
    color: #FFFFFF !important;
    cursor: pointer;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}


.btnlink {
    background-color: #A49367;
    border-left: 2px outset #E4CD91;
    border-top: 2px outset #E4CD91;
    border-right: 2px outset #4D4531;
    border-bottom: 2px outset #4D4531;
    color: #FFFFFF !important;
    cursor: pointer;
    
    
    font-weight: normal;
    line-height: 30px;
    margin: 0px;
    padding: 2px 6px 2px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.btn2 {
    background-color: #CC9933;
    color: #EEEEEE;
    cursor: pointer;
    
    
    font-weight: bold;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.btn2link {
    background-color: #CC9933;
    border: 2px outset #EEEEEE;
    color: #EEEEEE;
    cursor: pointer;
    
    
    font-weight: bold;
    line-height: 20px;
    margin: 5px;
    padding: 0px 4px 2px 4px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

/* Main body text bold */
.textbold {
    color: #000000;
    
    
    font-weight: bold;
    text-decoration: none;
    vertical-align: middle;
}
.textbold IMG { 
    vertical-align: middle; 
}

/* Standard link */
.link {
    color: #003366;
    
    font-weight: normal;
}

/* Standard link bold*/
.linkb {
    color: #003366;
    
    
    font-weight: bold;
}

/* Control panel text */
.controltext {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.announce {
	background: #f4f4f4;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
    text-align: left;
    color: #666666;
    padding: 15px;
}

.modalDialogContentAnnounce {
    background: url(../images/icons/alert_yellow_trans.gif) 10px 13px no-repeat #FFFFCC;
    border-radius: 15px;
	border: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	border: 1px solid #FFCC00;
    text-align: left;
    color: #666666;
    padding: 15px;
    padding-left: 32px;
}

.modalDialogContentAnnounce H1,
.announce H1 {
    margin-top: 0;
    color: #000000;
    
    font-weight: bold;
}

table#related {
    background: url(../images/container_bg.gif) 0% 100% no-repeat #FFFFFF;
    border-width: 3px 1px 1px; /* top, left/right, bottom */
    border-color: #000000;
    border-style: solid;
    padding-left: 30px;
    width: 210px;
}

table#related td {
    background-color: #FFFFFF;
    color: #000000;
    
    
    font-weight: normal;
}

/* Subsection Headers - Used in Forms  */
.secthead {
    background-color: #335687;
    border-bottom: 1px solid #666666;
    border-top: 1px solid #666666;
    color: #FFF;
    
    
    font-weight: bold;
    height: 22px;
    line-height: 22px;
}

.form H1 {
    background-color: #666666;
    color: #FFFFFF;
    
    
    font-weight: bold;
    height: 22px;
    margin: 0px -5px 5px -5px;
    padding: 2px 0px 2px 10px;
    text-indent: 5px;
}

.form .inputlabel {
    font-weight: bold;
    text-align: left;
}

.genericContainer {
    border: #335687 1px solid;
    border-radius: 15px;
    padding: 5px;
    margin-bottom: 10px;
    margin-right: 5px;
}

DIV.container {
	background: #335687;
	BORDER-RIGHT: #335687 1px solid;
	BORDER-TOP: #335687 1px solid;
	PADDING-LEFT: 30px;
	BORDER-LEFT: #335687 1px solid;
	WIDTH: 210px;
	BORDER-BOTTOM: #335687 1px solid;
  overflow:hidden;	
}

DIV .container .header, .container H1 {
    background: #335687;
    color: #335687;
    display: block;
    
    
    font-weight: bold;
    line-height: 14px;
    margin: 0px -10px 5px -10px;
    padding: 2px 0px 2px 10px;
}

/*  end-of-page s */
DIV#straybuttons {
    border-bottom: none;
    border-top: 1px solid #000000;
    clear: both;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}


/* Bread Crumbs */
/* Box Text */
table#box {
    background-color: #CCD6E0;
    color: #000;
    
    
    font-weight: normal;
    padding: 5px;
    text-decoration: none;
}

/* Graph and chart legend current */
.legend {
    color: #000000;
    
    
    font-weight: normal;
    text-decoration: none;
}

/* Graph and chart legend right current*/
.legendr {
    color: #000000;
    
    
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

/* Graph and chart legend current proposed*/
.plegend {
    background-color: #f5f2e2;
    color: #000000;
    
    
    font-weight: normal;
    text-decoration: none;
}

/* Graph and chart legend right proposed*/
.plegendr {
    background-color: #f5f2e2;
    color: #000000;
    
    
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

/* Graph and chart legend right what if*/
.wlegend {
    background-color: #CCD6E0;
    color: #000000;
    
    
    font-weight: normal;
    text-decoration: none;
}

/* Graph and chart legend right what if*/
.wlegendr {
    background-color: #CCD6E0;
    color: #000000;
    
    
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

.legend UL LI, .legendr UL LI, .plegend UL LI, .plegendr UL LI, .wlegend UL LI, .wlegendr UL LI {
    display: inline;
    list-style-type: none;
    margin-right: 10px;
    white-space: nowrap;
}

.legend UL, .legendr UL, .plegend UL, .plegendr UL, .wlegend UL, .wlegendr UL {
    margin-left: 0;
    padding-left: 0;
}

/* Form Fields */
select {
	color: #000000;
	
	
	font-weight: normal;
	text-decoration: none;
}

/* Form Fields */
input {
    
    
    font-weight: normal;
    text-decoration: none;
}

input, button, select, textarea{
	line-height:normal !important;
	padding:2px;	
}
/* no reason any of our images should have borders */
img {
    border-style: none;
}

.spacer {
    background-color: #CCCCCC;
}

/* "cell" should be whatever is the default (and we'd probably never really use it) */
/* Bah.  Apparently, specifying "TABLE.xxx TR TD" takes precendence over "TD.yyy".  This is not what I was hoping for. */
/* so anytime you override the default (left) alignment in a specific table class, make sure "TABLE.xxx TR TD.celll" is told to be "text-align: right" */

TD.celll {
    text-align: left;
}

TD.cellc {
    text-align: center;
}

TD.cellr {
    text-align: right;
}

/* I'll assume that all errors should be the same color, no matter where they appear */
TD.cellerror {
    background-color: #FFEFB4;
}

TD.cellerrorl {
    background-color: #FFEFB4;
    text-align: left;
}

TD.cellerrorc {
    background-color: #FFEFB4;
    text-align: center;
}

TD.cellerrorr {
    background-color: #FFEFB4;
    text-align: right;
}

/* negative numbers*/
.neg {
    color: #CC0000;
}

/* positive numbers*/
.pos {
    color: #009900;
}


/* Pie chart legends */
DIV.colorBox {
    float: left;
    height: 10px;
    margin-right: 0px;
    width: 10px;
}

DIV.colorBox IMG {
    height: 10px;
    width: 10px;
}

.legendText {
    color: #000000;
    float: left;
    
    
    font-weight: bold;
    text-decoration: none;
}

.contentred {
    color: #ff0000;
}

.contentblue {
    color: #0000ff;
}

SPAN.tabletitle,
DIV.tabletitle {
	text-align: left;
	
	border: none;
	padding: 3px;
	color: #003366;
	font-weight: normal;
	text-decoration: none;
}

.ajaxLoading {
	
	font-style: italic;
	height: 100%;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	cursor: wait;
}

#overDiv TABLE {
	width: auto !important;
	margin: 0;
	padding: 0
}

#overDiv TABLE TD{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


#overDiv {
    color: #000;
    max-width: 500px;
    opacity:0.9;
    filter:alpha(opacity=90);
    
    font-weight: bold;
    padding:7px;
    border-width:1px;
    border-style:solid;
    background-color:#FFFFA3;
    border-color:#AAA;
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}

#logindialogpos {
	min-width: 1024px;
	min-height: 500px;
	width: 100%;
	height: 50%;
}


.enter-way-box {
	margin-left: 50px;
}

.enter-way-box label {
	display: inline-block;
	line-height: 20px;
}

.enter-way-box .enter-way-radio input {
	position: relative;
	top: 2px;
}

.enter-way-box .enter-way-input {
	padding-left: 30px;
}

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

#ssProcessing{
	position:absolute;
	float:right;
	left:300px;
	top:7px;
	margin:0px;
}

#secSearchBox{
	padding: 0px;
}

#SecuritySearchResultDiv{
	background-color: #FFFFFF;
	border:1px solid #CCCCCC;
	border-top-width: 0px;
	padding: 4px 0px 14px 0px;
}


#searchSecForm fieldset  {
	padding-top: 4px;
	padding-bottom: 4px;	
}

#SecuritySearchDataModel TR.header TD{
	background-color: #EDEDED;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
/*     color: #999999; */
    
    padding-bottom: 5px;
    padding-top: 4px;
    
    /* padding-left: 10px; */
    vertical-align: top;
    
    font-weight: bold;
}


#SecuritySearchDataModel TD.control{
    background-color: #EFEFEF;
    
}

#SecuritySearchDataModel TR.odd TD {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px dotted #CCCCCC;
}

#SecuritySearchDataModel TR.even TD {
    background: none repeat scroll 0 0 #EFEFEF;
    border-bottom: 1px dotted #CCCCCC !important;
}

#SecuritySearchDataModel TR.odd TD.celll,
#SecuritySearchDataModel TR.even TD.celll {
	padding: 3px 10px;
	height: auto;
	text-align: left !important;
	white-space: normal;
}

#SecuritySearchDataModel TR.odd TD.celll>a,
#SecuritySearchDataModel TR.even TD.celll>a {
	display: inline-block;
	text-decoration: none;
}

#SecuritySearchDataModel TR.odd TD.celll>a>img,
#SecuritySearchDataModel TR.even TD.celll>a>img {
	float: left;
	margin-right: 5px;
}

#SecuritySearchDataModel TR.selected TD{
	background-color: #DDE4EB;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #FFFFFF;
}

/* #SecuritySearchDataModel_Table {
	position: absolute;
	width: 98%;
	padding: 10px 1px 5px 1px;
	background-color: #FFFFFF;
	border-width: 2px;
	z-index: 1000;
	display: none;	
} */

#messageDiv{
	padding: 10px 0px 5px 10px;
	text-align: right;
}

#searchHeader{
	/* position:relative; */
	margin-bottom: 0px;
    margin-left: 0;
    margin-top: 2px;
    vertical-align: middle;
    padding-left: 5px;
}

#secSearchBox .toolbar {
	padding-right: 50px;
}

#SecuritySearchDataModel_paginate {
	padding-top: 5px;
	padding-right: 20px;
	float: none;
}

#SecuritySearchDataModel_info {
	padding-top: 10px;
	padding-left: 10px;
}

.showingEntriesInfoBox {
	float: left;
}

#securities-search-result-title {
	padding: 0px 0px 10px 10px;
}

#securities-search-result-title>.close-tip{
	margin-left: 30px;
	
}

#securities-search-result-close-button {
	float: right;
	margin-right: 20px;
	padding: 5px 10px 3px;
}

#securities-search-result-close-button>img {
	float: left;
	margin-right: 10px;
	margin-top: -2px;
}

#securities-search-result-close-icon {
	position: absolute;
	top: 10px;
	right: 10px;
}

.top-tool-bar {
	padding: 2px 10px 2px 10px;
	margin: 5px 0px 10px 0px;
	background-color: #EDEDED;
	border:1px solid #CCCCCC;
}

.top-tool-bar-group {
	display: inline-block;
}


.table > thead > tr > th {
  color:#666666;
  background-color:#eeeeee !important;
  border-top:1px solid #666 !important;
  border-bottom:1px solid #666 !important;    
}
.st-sort-ascent:after{
    content: '\25B2';
    float:right;    
}
.st-sort-descent:after{
    content: '\25BC';
    float:right;    
}
.st-selected{
	background:#CCCDCE !important;
}
.modal-header{
	border-bottom:1px solid #336699;
	color:#335687 !important;
}

.modal-content h4{
	color :#335687 !important
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background: #F1F5FA;
  border-bottom:1px solid #cccccc !important;
  border-top:1px solid #cccccc !important;  
}

.inner-container table
{
    border-collapse: collapse;
    display:block;
}
.outer-container
{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
}

.inner-container
{
    height: 100%;
    overflow: hidden;
}

.table-header
{
    position: relative;
}
.table-body
{
    overflow: auto;
    height:200px;
}

.search-input {
	color: #000000;
}

.download-report-icon-link {
	display: inline-block;
	
}

/* THE LEFT NAV WB DEMO STYLE SHEET */


.navToggleUp:hover,.navToggleDown:hover {
	font-weight:bold;
	cursor:pointer;
}
#navigation .list-group-item{
	border-radius:0px !important;
}
#navigation .list-group-item:hover{
	border-right:2px solid #4791C5;
	background:#f9f5f3;	
}
#navigation .list-group{
	margin-bottom:5px !important;
}
.navItemActive a{
	border-right:4px solid #4791C5 !important;
	background:#f9f5f3;
	color:#37617a !important;
}


.navbulletblocked {
    
    
    border: 1px solid #7F9EBD;
    padding: 1px 4px 1px 4px;
    background-color: #DBEAF5;
    color: #7F9EBD;
    cursor: default;
    margin: 0px;
    vertical-align: top;            
}

.navbulletoff {
    
    
    border: 1px solid #335687;
    padding: 1px 4px 1px 4px;
    background-color: #ffffff;
    color: #335687;
    cursor: default;
    margin: 0px 5px 0px 0px;
    vertical-align: top;            
}

.navbulleton {
    
    
    background-color: #4791C5;
    border: 1px solid #335687;
    padding: 1px 4px 1px 4px;
    color: #FFFFFF;
    cursor: default;
    margin: 0px 5px 0px 0px;
    vertical-align: top;            
}

.nav1 a {
	max-width:115px;
	display:inline-block;
}
.nav1 .tabblocked {
    text-decoration: none;
    color: #7F9EBD;
    font-weight: bold;
    cursor:not-allowed;    
}

.nav2 a {
	padding: 10px 15px;
	display:block;
}
.nav2 .tabblocked {
    
    
    font-weight: normal;
    display: block;
    color: #7F9EBD;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    cursor:not-allowed;
}
#navigationcollapser{
  cursor: pointer;
  float:right;
  position:relative;
  top:3px;
  
  background-color: #ebe4df;
  padding: 2px;
  color:#4791C5
}

#navigationexpander {
  cursor: pointer;
  float:right;
  position:relative;
  top:0px;
  background-color: #ebe4df;
  padding: 2px;
  height:100%;
  color:#4791C5;
	border: 1px solid #ddd3cb;  
}

/*
 * adjustments for the fact that we want everything scooted over
 * to the right by however much space the left nav wants
 */

#pagebodymarginator {
	overflow:auto;
	position:absolute;
	top:100px;
	left: 0px;
	right: 0px;
	padding-top: 30px;
}

#pleasewait {
	MARGIN-LEFT: 180px! important
}

DIV.sectiondescription, P.sectiondescription {
    width: 100% !important;
}

DIV.sectiondescription A, P.sectiondescription A {
    color: #335687;
}
#topbanner{
	display:none;
}
.errorbox {
    width: 600px;
}

TABLE {
    width: 100%;
}


#bannername {
    
    xfont-size: 18px;
    font-weight: normal;
    font-style: italic;
    width: 30%;
    color: #444;
}

#bannertitle {
    
    
    padding-left: 16px;
    float: right;
}

#progressbar {
    width: 200px;
    background-color: #fff;
    border: 1px solid #000;
    margin-top: 6px;
    margin-left: 16px;
}

#progressbardone {
    background-color: #DD761A;
    width: 80%;
    float: left;
}

#tablinks {
    
    
    overflow:hidden;
    padding-top:10px;
    border-bottom:1px solid #336699;
    position: fixed;
    top: 96px;
    z-index: 1;
    width: 100%;
    background:#fff;
    z-index:10;
}

#tablinks a {
    text-decoration: none;
    width: 140px;
    background-color: #C1CCDB;
	border: 1px solid #336699;
    padding: 6px 12px 7px 10px;
    text-align: center;
}

#tablinks a:hover {
    color: #335687;
    background-color: #C1CCDB;
    background-position: top right;
    background-repeat: no-repeat;
}

#tablinks .tabon {
    color: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #C1CCDB;
    background-position: top right;
    background-repeat: no-repeat;
}

#tablinks .taboff {
    color: #336699;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #FFF;
    background-position: top right;
    background-repeat: no-repeat;
}


#pagebodymarginator .disclaimer {
    margin: 80px 0px 10px -10px;
    padding: 10px 0px 0px 0px;
    border-top: 50px solid #335687;
    background-color: #FFF;
    
    
    color: #000;
    text-align: center;
}

#pleasewait {
    padding-left: 10px;
    width: 500px;
    display: none;
}

#pageloadingpleasewait {
    padding-left: 10px;
    width: 500px;
    display: none;
}

#pagebodyheader {
    border-bottom: #000 1px solid;
    width: auto;
}

#pagebodyheadertitle {
    
    
    font-weight: normal;
    color: #333333;
    width: 80%;
    text-align: left;
    display: block;
}

#pba {
	white-space: nowrap;
	clear: both;
    float: right;
    padding-right: 10px;
    padding-top: 10px;
}

.ie6 #pba,
.ie7 #pba {
	margin-top: 55px;
}

#pba A {
    color:#fff;
}

#pagebodyheaderaccessories {
    
    
    color: #000088;
    display: inline-block;
}

#pagebodyfooter {
    border-top: medium solid;
    padding: 10px;
    margin-top: 20px;
}

#pleasewait {
    padding-left: 10px;
    width: 500px;
    display: none;
}

#transitioncost,
#proposalsummarybar {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

#proposalsummarybar SPAN.label {
    font-weight: bold;
    color: #444444;
}

#proposalsummarybar SPAN.divider {
	font-weight: lighter;
	padding: 0px 5px;
    color: #666666;
}

#proposalsummarybar SPAN.value {
    font-weight: lighter;
    color: #336699;
}

.sectiontitle {
    
    
    font-weight: bold;
    color: #000000;
    display: block;
    background-color: #FFFFFF
}

DIV.sectiondescription,P.sectiondescription {
    
    
    color: #000;
	margin-bottom: 10px;
	margin-top: 10px;
    width: 90%;
    background-color: #FFFFFF
}

DIV.sectiondescription A,P.sectiondescription A {
    color: #000;
}

.tablewithstuff {
    background-color: #afb;
    margin-top: 20px;
    width: 80%;
}

SPAN.expandorcollapselink {
    margin-left: 8px;
}

SPAN.expandorcollapselink A {
    margin-left: 4px;
}

/* error display */
.errorbox {
    
    background-color: #f7f3e7;
    padding: 8px;
    margin-top: 20px;
    width: 90%;
    border: 1px solid #b01;
    color: #000000;
}

.errorbox A {
    
    color: #3366CC;
}

.errorbox ul li {
    
    color: #cc0000;
    
    list-style: url(../images/icons/error.gif);
}



/* wait display */
.waitbox
{ 
  
  background-color: #ffffCC;
  padding: 8px;
  margin-top: 20px;
  width: 80%;
  border: 1px solid #ffcc00;
  color: #000000;
}


.waitbox ul li
{
  
  color: #cc0000;
  
  list-style: url(../images/icons/error.gif);
}


td.error {
    background-image: url(../images/icons/error.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 10px !important;
}

td.error input {
    color: #CC0000;
}

td.defaultvalue {
    background-image: url(../images/icons/default.gif) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    padding-left: 10px !important;
    text-align: left;
}

td.defaultvalueRight {
    background-image: url(../images/icons/default.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    padding-right: 10px !important;
}

td.input {
    padding-left: 10px;
}

td.select {
    padding-left: 10px;
}

.greyout {
    color: #A0A2A0;
}

.highlightbox {
    
    background-color: #FFFFE0;
    padding: 8px;
    margin: 5px;
    border: 1px solid #00007F;
    text-decoration: none;
    color: #003365;
    font-weight: bold;
    
    border-top: none !important;
}

TD.highlightbox {
    
    background-color: #003366;
    padding: 8px;
    margin: 5px;
    border: 1px solid #00007F;
    text-decoration: none;
    color: #003365;
    font-weight: bold;
    
    border-top: none !important;
}

.highlightboxtop {
    
    background-color: #003366;
    padding: 8px;
    margin: 5px;
    border: 1px solid #000;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    
    border-bottom: none !important;
}

TD.highlightboxtop {
    
    background-color: #003366;
    padding: 8px;
    margin: 5px;
    border: 1px solid #00007F;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    
    border-bottom: none !important;
}

TR.highlight {
    
    background-color: #ADD8E6;
    padding: 8px;
    margin: 5px;
    border: 1px solid #00007F;
    text-decoration: none;
    color: #003365;
    font-weight: bold;
    
}

TR.highlight TD {
    
    background-color: #CC9933;
    padding: 8px;
    margin: 5px;
    text-decoration: none;
    color: #003365;
    font-weight: bold;
    
    border-top: 1px solid #00007F !important;
    border-bottom: 1px solid #00007F !important;
}

.toolbox {
    
    background-color: #ffffff;
    padding: 8px;
    margin: 0px 10px 10px 10px;
    width: 190px;
    border: 1px solid #239ECB;
    color: #00007F;
    
}

.toolboxtitle {
    
    background-color: #ffffff;
    margin: 10px 0px 0px 10px;
    color: #00007F;
    
    font-weight: bold;
}

.footnote {
    
    font-weight: normal;
    border: none !important;
}
/* WB2 STYLE SHEET to control layout and display
 * of specific things on specific pages */

/* prospectHomePage.jsp */
/* prospect home page */
/* introduced to CAP in 5.4 */
#spsnapshot
{ 
  width: 780px;
}

#spsnapshot div#prospecttoolscontainer a
{
  
  color: #335C85;
  }
  
#spsnapshot div#snapshotcontainers
{
	float: right;
}

#spsnapshot div.container
{
  padding-left: 30px;
  width: 210px;
  border-right: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 3px solid #000000;
  background: url(../images/container_bg.gif) 0% 100% no-repeat #FFFFFF;
  
  }
  
  #spsnapshot div.container H1
 {
  margin-left: -30px;
  margin-right: 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
  width:210px;
  }
  
#spsnapshot div#snapshotcontainers div
{
  margin-bottom: 20px;
  } 
#spsnapshot td#profileAndProspectTools
{
  vertical-align: top;
  width: 240px;
  }
#spsnapshot td#assetAllocation
{
  vertical-align: top;
  }
#spsnapshot table#assetAllocationTableAndContainers
{
  width: 780px;
  }  
#spsnapshot table#ResultsSummaryDataModelpp_SNAPSHOT
{ 
  width: 540px;
  float: left;
  margin-right: 10px;
  }
#spsnapshot table#AccountsSnapshotDataModel
{ 
  width: 780px;
  clear: both;
  margin-top: 20px;
  }

/* selectAccounts.jsp */
TABLE#accountselection { width: auto; }
#selectaccountsavail,
#selectaccountsused
{
  height:200px;
  background-color: #FFFFFF;
  }

#spselectaccounts TABLE.scrollable { width:auto; }

#spselectaccounts TABLE.scrollable TD.accountname
{ width:260px; }
#spselectaccounts TABLE.scrollable TD.accountnumber
{ width:150px; }
#spselectaccounts TABLE.scrollable TD.taxstatus
{ width:70px; }
#spselectaccounts TABLE.scrollable TD.marketvalue
{
  width:100px;
  text-align: right;
  }

/* addEditCustomGroups.jsp */
#spaddeditcustomgroups #accountsavail
{
  width:600px;
  height:200px;
  border:1px solid black;
  background-color: #FFFFFF;
  }
#spaddeditcustomgroups #accountsused
{
  width:600px;
  height:200px;
  border:1px solid black;
  background-color: #FFFFFF;
  }

#spaddeditcustomgroups TABLE.scrollable { width:580px; }

#spaddeditcustomgroups TABLE.scrollable TD.accountname
{ width:260px; }
#spaddeditcustomgroups TABLE.scrollable TD.accountnumber
{ width:150px; }
#spaddeditcustomgroups TABLE.scrollable TD.taxstatus
{ width:70px; }
#spaddeditcustomgroups TABLE.scrollable TD.marketvalue
{
  width:100px;
  text-align: right;
  }

/* showProductList.jsp */
TABLE#productlist { width: auto; }

#spproductlist #productlistavail,
#spproductlist #productlistused
{
  width:auto;
  height:200px;
  background-color: #FFFFFF;
  }
#productswap
{
  width:800px;
  height:60px;
  border:1px solid black;
  background-color: #FFFFFF;	
}	
#spproductlist TABLE.scrollable { width:auto; }
#spproductlist TABLE.scrollable TD.pdflink
{ width:15px; }
#spproductlist TABLE.scrollable TD.description
{ width:220px; }
#spproductlist TABLE.scrollable TD.symbol
{ width:25px; }
#spproductlist TABLE.scrollable TD.classification
{ width:150px; }
#spproductlist TABLE.scrollable TD.generic
{ width:70px; }
#spproductlist TABLE.scrollable TD.producttype
{ width:70px; }
#spproductlist TABLE.scrollable TD.productsubtype
{ width:160px; }
#spproductlist TABLE.scrollable TD.return1yr,
#spproductlist TABLE.scrollable TD.return3yr,
#spproductlist TABLE.scrollable TD.return5yr
{
  width:25px;
  text-align: right;
  }
#spproductlist TABLE.scrollable TD.risk
{
  width:30px;
  text-align: right;
  }
#spproductlist TABLE.scrollable TD.mininvestment
{
  width:45px;
  text-align: right;
  }

/* new ManageFavorites */
#spproductlist2 TABLE#productlist
{
  width: auto;
  }

/* evil IE feature, to keep the header steady */
/* #spproductlist2 DIV#productlistavail TABLE.scrollable2 THEAD TD { top: expression(document.getElementById("productlistavail").scrollTop); } */
/* #spproductlist2 DIV#productlistused TABLE.scrollable2 THEAD TD { top: expression(document.getElementById("productlistused").scrollTop); } */


/* investmentStrategy.jsp */
#spquestionnaire DIV.question
{
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  width: 600px;
  }
#spquestionnaire DIV.answerchoices
{
  text-decoration: none;
  color: #000000;
  margin-bottom: 15px;
  }

#page_SetStrategyResultsSetStrategyResultSummary
{ 
  width: 100%;
}

#page_SSetStrategyResultsAllocationsOverTime
{ 
  width: 100%;
}

#page_SetStrategyResultsEfficientFrontier
{ 
  width: 100%;
}

#page_SetStrategyResultsSetStrategyResultSummary #transitioncost {
    width: 100%;
}

#spstrategyresults,
#spstrategyresultsbytaxstatus
{ 
  width: 100%;
}

#spstrategyresults TABLE#nextform
{
  width: 600px;
  clear: both;
  }

#spstrategyresults TABLE#leftAssetClasses,
#spstrategyresults TABLE#rightAssetClasses,
#spstrategyresultsbytaxstatus TABLE#leftAssetClasses,
#spstrategyresultsbytaxstatus TABLE#rightAssetClasses
{
  width: 405px;
  float: left;
  margin-bottom: 15px;
  }
#spstrategyresults #resultextralinks
{
 
  clear: none;
  float: left;
  margin-top: -126px;
  width: 290px;
  height: 100px;
  }
#spstrategyresults #resultextralinks A.link
{
  margin: 0px 8px;
  }
  
  #spstrategyresults #resultextralinks A.hover
{
  color: #DD761A;
  margin: 0px 10px;
  }
#spstrategyresults #resultrisk,
#spstrategyresultsbytaxstatus #resultrisk
{
  float: left;
  width: 405px;
  clear: left;
  text-align: center;
  border: 1px solid #BBBBBB;
  border-right: 0px !important;
}
#spstrategyresults #resultfrontier,
#spstrategyresultsbytaxstatus #resultfrontier
{
  float: left;
  width: 405px;
  border: 1px solid #BBBBBB;
}

/* fulfillmentResult.jsp */
#spfulfillmentresults #resultextralinks
{
  width: 200px;
}
#spfulfillmentresults #whatwouldyouliketodo
{
  width: 250px;
}

/* snapshot.css */
DIV#ProposalSnapshot { width: 230px; }

/* simpleFulfillmentProductSelection.jsp */
#spsimplefulfillmentprodselect
{ 
  width: 650px;
}

#spmodelselection .dividerbar
{
  border-bottom: solid #ccc 1px;
}

#spmodelselection .headerbar
{
  color: #000000;
  font-weight: bold;
  background: url(../images/icons/acct_on.gif) no-repeat #FFFFFF;
  padding-left: 15px;
  padding-bottom: 3px;
  padding-top: 5px;
  margin-bottom: 5px;
  margin-top: 20px;
  vertical-align: middle;
}

#spmodelselection .headerbar .action
{
  float: right;
  padding-left: 0px;
}

/* pageSelection.jsp */
/* #sppageselection */

#reorderDiv{
	float:right;
	text-align: right;
	color:#000000;
	margin: 5px;
}

#selectAllDiv{
	float:right;
	text-align: right;
	color:#000000;
	margin:5px;
}
@import url(tablesizes.css);

.cell {
    text-align: right !important;
    white-space: nowrap;
}

.cellc {
    text-align: center !important;
}

.cellh {
    background-color: #F6F6F6;
    color: #336699;
}

.cellh1 {
    background-color: #F6F6F6;
    color: #797979;
}

.cellh2 {
    background-color: #FDFDF4;
    color: #003365;
}

.cellh3 {
    color: #3333CC;
}

.celll {
    text-align: left !important;
}

.cellr {
    text-align: right !important;
    white-space: nowrap;
}

.curve {
    background-color: #D2E0F6;
    border: 1px solid #999999;
    color: #444444;
    font-weight: normal;
    height: 25px;
    padding: 3px;
    vertical-align: middle;
}

.disabled {
    color: #aaaaaa;
    cursor: default;
    display: table-row;
}

.hidden {
    display: none;
}

.indent {
    padding-left: 30px;
}

/* End comment */
.inputlabel {
    font-weight: bold;
    text-align: left;
}

.nopadding {
    padding: 0px;
}

.secthead {
    border-bottom: 1px solid #D7D7D7;
    color: #000000;
    
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
}

.selected {
    background-color: #FFFF99;
    cursor: pointer;
    display: table-row;
}

.sideways {
    text-align: left;
}

.spacer {
    background: #FFFFFF;
}

.togglelink {
    border: none !important;
    text-align: right;
}

.visible {
    display: table-row;
    cursor: default;
}

/* every specific scrollable table needs to do this relative it its enclosing DIV.scrollcontainer
 * #spproductlist2 DIV#productlistavail TABLE.scrollable2 THEAD TD { top: expression(document.getElementById("productlistavail").scrollTop); }
 * done with IE
 * this should be generally true, but can be overridden in specific.css if desired
 */
DIV.scrollcontainer {
    width: auto !important;
    /* we should figure out who is making this !important necessary */
    height: 200px;
    border: 1px solid black;
    background-color: #FFFFFF;
    /* done with Moz these are for IE in IE, it's the enclosing DIV that provides scrollbars */
    overflow-y: scroll;
}

TABLE {
    color: #000;
    
    
    font-weight: normal;
    text-decoration: none;
    width: 100%;
}

TABLE TD.highlight {
    background-color: #FBF8D7;
}

TABLE.chartrollover,
TABLE.chartrollover TD {
    background: #f0f8b9;
    border-style: none;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: auto !important;
}

TABLE.container {
    background: url(../images/container_bg.gif) 0% 100% no-repeat #FFFFFF;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 3px solid #000000;
    padding-left: 30px;
    width: 210px;
}

TABLE.container TR TD.celll A.link {
    color: #003366;
    
    
    font-weight: normal;
}

TABLE.container TR.header {
    color: #000000;
    display: block;
    
    
    font-weight: bold;
    line-height: 14px;
    margin: 0px -10px 5px -10px;
    padding: 2px 0px 2px 10px;
}

TABLE.container TR.header TD.celll {
    color: #000000;
    
    
    font-weight: bold;
    text-align: left;
}

TABLE.general TD.control,
TABLE.control,
TABLE.controltools {
    background-color: #EFEFEF;
    border: 1px solid #BBBBBB;
    
    /* width: 90% !important; */
}

TABLE.control TR TD {
    border: none !important;
    color: #000000;
    
    font-weight: bold;
    padding-left: 10px;
    vertical-align: middle;
}

TABLE.control TD,
TABLE.expand TD,
TABLE.expandg TD,
TABLE.matrix TD,
TABLE.report TD,
TABLE.standard TD {
    text-align: right;
    min-width:150px;
}

TABLE.control TR.control TD.celll {
    background-color: #EEEEEE;
    border: none !important;
    color: #000000;
    
    font-weight: normal;
    height: 25px;
    margin-left: 10px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}

TABLE.control TR.control TD.odd {
    background: #EEEEEE;
    border-bottom: none;
    color: #444444;
    
    font-weight: bold;
    margin-left: 10px;
    padding-left: 10px;
    text-align: left;
}

TABLE.control TR.even TD.celll {
    background-color: #C1CCDB;
    border: none !important;
    color: #000000;
    
    font-weight: normal;
    height: 25px;
    margin-left: 10px;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
}

TABLE.control TR.odd TD.celll {
    background-color: #EFEFEF;
    border: none !important;
    color: #000000;
    
    font-weight: normal;
    height: 25px;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
    padding: 5px 5px 5px 10px;
}

TABLE.control TR.tabletitle {
    border: none !important;
    color: #000000;
    
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    vertical-align: middle;
}

TABLE.control TR.tabletitle TD {
    border-bottom: none !important;
    text-align: left;
}

TABLE.controltools TR.description TD {
    background-color: #FFFFFF;
    border-top: 1px solid #BBBBBB;
    color: #808080;
    
    
}

TABLE.controltools TR.tools TD {
    background-color: #EFEFEF;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #BBBBBB;
    border-top: 1px solid #BBBBBB;
    color: #003365;
    
    
    font-weight: bold;
}

TABLE.controltools TR.tools TD.end {
    background-color: #EFEFEF;
    border-bottom: 1px solid #808080;
    border-left: none;
    padding: 0px 10px 0px 10px;
}

TABLE.controltools TR.tools TD.off {
    background-color: #EFEFEF;
    border-bottom: 1px solid #808080;
    padding: 0px 10px 0px 10px;
}

TABLE.controltools TR.tools TD.on {
    background-color: #FBF8D7;
    border-bottom: 1px solid #808080;
    padding: 0px 10px 0px 10px;
}

TABLE.expand TR.tabletitle TD,
TABLE.expandg TR.tabletitle TD,
TABLE.form TR.tabletitle TD,
TABLE.formw TR.tabletitle TD,
TABLE.matrix TR.tabletitle TD {
    TEXT-ALIGN: left;
}
TABLE.report TR.tabletitle TD,
TABLE.standard TR.tabletitle TD {
    text-align: left;
}

TABLE.expand TR TD.togglelink {
    border-bottom: none !important;
    text-align: right;
}

TABLE.expandg TR TD {
    background-color: #DDDDDD;
}

TABLE.expandg TR.even TD {
    background-color: #FFFFFF;
}

TABLE.expandg TR.odd TD {
    background-color: #EEEEEE;
}

TABLE.expandg TR.top TD {
    color: #003365;
}

TABLE.form TR.available TD.celll {
    border-top: 1px solid #444444;
}

TABLE.form TR.button TD {
    background: #EEEEEE;
}

TABLE.form TR.button TD A.btnlink,
TABLE.formw TR.button TD A.btnlink {
    background: #A49367;
    border-top: 1px solid #CCCCCC !important;
    border-left: 2px outset #E4CD91;
    border-top: 2px outset #E4CD91;
    border-right: 2px outset #4D4531;
    border-bottom: 2px outset #4D4531;
    color: #FFFFFF;
    cursor: pointer;
    
    
    font-weight: normal;
    line-height: 30px;
    margin: 0px;
    padding: 2px 6px 2px 6px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 25px;
    padding: 2px 6px 2px 6px;
    text-align: right;
}

TABLE.form TR.control TD {
    background-color: #EFEFEF;
}

TABLE.form TR.control TD.cellh {
    background-color: #E7F2FB;
}

/* Removed errant spaces in class names */
TABLE.form TR.even,
TABLE.formw TR.even {
    border-bottom: none !important;
}

/* Removed errant spaces in class names */
TABLE.form TR.odd,
TABLE.formw TR.odd {
    border-bottom: none !important;
}

TABLE.form TR.secthead {
    background-color: #FFFFFF !important;
}

TABLE.form TR.secthead TD {
    background: #FFFFFF;
    background-repeat: repeat;
    border-bottom: 1px solid #444444 !important;
    border-top: 1px solid #444444 !important;
    color: #000000;
}

TABLE.form TR.tabletitle TD.cellh {
    background-color: #E7F2FB;
}

TABLE.formw {
    border: 1px solid #BBBBBB;
    margin-bottom: 10px;
}

TABLE.matrix TR TD {
    border-bottom: 1px solid #B3B0B0;
    
}

TABLE.popupMenu {
    background-color: #ffffff;
    padding: 0px;
    border: 1px solid #000000;
    display: none;
    margin-top: 0px;
    position: absolute;
    width: 250px;
}

TABLE.popupMenu TR.popupMenuHeader {
    background-color: #FBF8D7;
    border: 1px solid #000000;
    color: #003365;
    
    
    font-weight: bold;
    margin-top: 0px;
    padding: 0px;
    text-decoration: none;
}

TABLE.popupMenu a.action {
    border-bottom: 1px solid #E5EAEF;
    text-align: left;
}

TABLE.report TD {
    padding: 3px;
}

TABLE.report TR.control TD.celll {
    background-color: #EFEFEF;
    border-bottom: 1px solid #CCCCCC !important;
    border-left: none !important;
    border-right: none !important;
    color: #949694;
    
    font-weight: bold;
    height: 25px;
    padding-top: 5px;
    text-align: left;
    vertical-align: middle;
}

TABLE.report TR.even {
    background: #F8F9E9;
    border-bottom: none !important;
}

TABLE.report TR.header TD {
    background-color: #003365 !important;
    border-bottom: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    
    font-weight: bold;
    height: 22px;
    vertical-align: middle;
}

TABLE.report TR.hilite {
    background: #EBF5FA;
}

TABLE.report TR.odd {
    background: #FFFFFF;
    border-bottom: none !important;
}

TABLE.report TR.sub TD {
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #444444;
    
    font-weight: bold;
    height: 15px;
}

TABLE.report TR.tabletotal TD {
    background: #FFFFFF;
    border-bottom: none !important;
    border-top: 1px #444444;
    color: #003063;
    
    font-weight: bold;
    height: 22px;
}

TABLE.report TR.top TD {
    background: #EFEFEF;
    border: 1px solid #FFFFFF;
    color: #003365;
    
    font-weight: bold;
    height: 15px;
}

/* old scrollable tables */
TABLE.scrollable TR TD {
    border-bottom: none !important;
    
    padding: 0px 5px;
}

TABLE.scrollable TR.even {
    border-bottom: none !important;
}

TABLE.scrollable TR.odd {
    border-bottom: none !important;
}

/* new-style scrollable2 tables
 * these are for Moz
 */
TABLE.scrollable2 {
    width: 100%;
}

/* part of the evil IE feature, to keep the header steady */
TABLE.scrollable2 THEAD TD {
    position: relative;
}

TABLE.scrollable2 TBODY {
    /* this should be ~50px less than the specific container DIV or we get double scrollbars in Moz */
    height: 150px;
    /* for Moz the TBODY is what should scroll */
    overflow: -moz-scrollbars-vertical;
}

/* the TBODY height we put in for Moz seems to confuse IE, so undo the effect here */
TABLE.scrollable2 TBODY TD {
    height: auto;
}

TABLE.scrollable2 TR TD {
    border-bottom: none !important;
    
    padding: 0px 5px;
}

/* Moz doesn't widen things, so the scrollbar will cover
 * the right end of the last column without this little hackery
 * if the scrollbar is on the left, we'll want padding-left
 * for first-child?
 */
TABLE.scrollable2 TR TD:last-child {
    padding-right: 20px;
}

TABLE.scrollable2 TR.even {
    border-bottom: none !important;
}

TABLE.scrollable2 TR.odd {
    border-bottom: none !important;
}

TABLE.scrollable2 TD.classification {
    width: 150px;
}

TABLE.scrollable2 TD.description {
    width: 220px;
}

TABLE.scrollable2 TD.generic {
    width: 70px;
}

TABLE.scrollable2 TD.symbol {
    width: 25px;
}

TD {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 3px;
    PADDING-TOP: 3px
}

TD.cellaltr INPUT {
    
    text-align: right;
}

/* Do we use these anywhere */
TD.cellr INPUT {
    
    text-align: right;
}

TD.cellr INPUT.err {
    color: #CC0000;
    
    font-weight: normal;
    text-align: right;
    text-decoration: none;
}

TR.button TD {
    background: #FFF;
    border-bottom: none !important;
    line-height: 20px;
    padding: 5px 0px 0px 0px;
    text-align: right;
}

TR.even TD {
    background: #F1F5FA;
    border-bottom: 1px solid #cccccc !important;
}

TR.even TD.implement {
    background-color: #F9F9F9;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #858585;
}

TR.even TD.whatif {
    background-color: #FDFDF4;
    border-right: 1px solid #DDDDDD;
    color: #003365;
}

TR.grandtotal TD {
    background: #FFFFFF;
    border-bottom: 1px solid #444444;
    border-top: 1px solid #444444;
    color: #000000;
    
    font-weight: bold;
    height: 30px;
    text-transform: uppercase;
}

TR.grandtotal TD.grandtotal2,
TR.grandtotal TD.implement {
    background-color: #99B2CC;
    color: #444444;
}

TR.grandtotal TD.grandtotal3,TR.grandtotal TD.whatif {
    background-color: #7493B2;
}

TR.header TD {
    border-bottom: 1px solid #666;
    border-top: 1px solid #666;
    height: 22px;
    text-decoration: none;
    vertical-align: middle;
}

TR.header TD A.action {
    text-align: right;
}

TR.header TD A:active {
    border-bottom: 1px solid #444444;
    color: #000000;
    text-decoration: none;
}

table.dataTable .header TD,
TR.header TD A:link,
TR.header TD A:visited {
    color: #666666;
}

TR.header TD.cellr {
    white-space: normal !important;
}

TR.header TD.header2,
TR.header TD.implement {
    background-color: #EEEEEE;
}

TR.header TD.header3,
TR.header TD.whatif {
    background-color: #EEEEEE;
}

TR.odd TD {
    background: #FFFFFF;
    border-bottom: 1px solid #cccccc;
}

TR.odd TD.implement {
    background-color: #FFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #858585;
}

TR.odd TD.implementerr,
TR.even TD.implementerr {
    background-color: #ffc6a5;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #858585;
}

TR.odd TD.whatif {
    background-color: #FFFFFF;
    border-right: 1px solid #DDDDDD;
    color: #858585;
}

/* TODO: What is this supposed to be, "TR.secthead TD.action"? */
TR.secthead .action {
    color: #000000;
    text-align: right;
}

TR.sub TD {
    background-color: #EEEEEE;
    border-bottom: 1px solid #D1D1D1;
    color: #495057;
    
    font-weight: bold;
    padding-left: 5px;
}

TR.sub TD.sub2,
TR.sub TD.implement {
    background-color: #dde8f4;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #003365;
}

TR.sub TD.sub3,
TR.sub TD.whatif {
    background: #EFEFD8;
    border-right: 1px solid #DDDDDD;
    color: #003365;
}

TR.subh TD {
    background: #D2D3D5;
    color: #003063;
    
    font-weight: bold;
    padding-left: 15px;
}

TR.subtotal TD {
    background: #C1CCDB;
    border-bottom: 2px #cccccc;
    color: #335687;
    
    font-weight: bold;
}

TR.subtotal TD.subtotal2,
TR.subtotal TD.implement {
    background-color: #F6F6F6;
}

TR.subtotal TD.subtotal3,
TR.subtotal TD.whatif {
    background-color: #D2D0D0;
}

TR.tabletitle {
    border-left: none !important;
    border-right: none !important;
    color: #003366;
    
    height: 30px;
    vertical-align: middle;
}

TR.tabletitle TD {
    border-bottom: 1px solid #DDDDDD !important;
    border-left: none !important;
    border-right: none !important;
    padding-top: 4px;
    text-align: right;
    padding-bottom: 5px;
}

TR.tabletitle TD.celll {
    border-bottom: 1px solid #DDDDDD !important;
}

TR.tabletotal TD {
    background: #FFFFFF;
    color: #003063;
    
    font-weight: bold;
    height: 22px;
}

TR.taxlot TD {
    background: #FEFED6;
    color: #000000;
}

TR.taxlottotal TD {
    background: #FBFBE6;
    color: #000000;
    font-weight: bold;
}

TR.top TD {
    background-color: #E5E2D3;
    color: #495057;
    
    font-weight: bold;
    white-space:nowrap;
    height: 25px;
}

TR.top TD.top2,
TR.top TD.implement {
    background-color: #E6ECF0;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    color: #444444;
}

TR.top TD.top3,
TR.top TD.whatif {
    background-color: #A1C0DE;
    border-right: 1px solid #DDDDDD;
    color: #444444;
}

TR.toptotal TD {
    background-color: #CCCCCC;
    color: #000000;
    
    font-weight: bold;
    margin: 0px;
    padding: 3px 3px 13px 3px;
}

TR.toptotal TD.toptotal2,
TR.toptotal TD.implement {
    background-color: #99B2CC;
}

TR.toptotal TD.toptotal3,
TR.toptotal TD.whatif {
    background-color: #A1C0DE;
}


/*
     for new table model
*/     
TABLE.general {
    border-collapse: collapse;
    border-top: none !important;
    border-bottom: none !important;
    width: 100% !important;
}

TABLE.embedded {
    border-collapse: collapse;
    border: none !important;
    width: 100% !important;
}

TABLE.results_summary_frontier {
    border-collapse: collapse;
    border: none !important;
    height: 120px !important;
    width: 100% !important;
}

.general_row {
}

.separate_blank_row {
}

TABLE.general TR.odd TD,
TABLE.embedded TR.odd TD,
TABLE.results_summary_frontier TR.odd TD {
}

TABLE.general TR.odd TR.header TD,
TABLE.embedded TR.odd TR.header TD,
TABLE.results_summary_frontier TR.odd TR.header TD {
    background-color: #EEE;
    border-bottom: 1px solid #444444;
}

        
TABLE.general TR.header TD,
TABLE.embedded TR.header TD,
TABLE.results_summary_frontier TR.header TD {
    height: 22px;
    vertical-align: middle;
}        

TABLE.general TR.top TD,
TABLE.embedded TR.top TD,
TABLE.results_summary_frontier TR.top TD {
    height: 15px;
}

TABLE.general TR.sub TD,
TABLE.embedded TR.sub TD,
TABLE.results_summary_frontier TR.sub TD {
    padding-left: 5px;
}

TABLE.general TR.grandtotal TD,
TABLE.embedded TR.grandtotal TD,
TABLE.results_summary_frontier TR.grandtotal TD {
    height: 18px;
    border-top: 1px solid #444444 !important;
    border-bottom: 1px solid #444444;
}

TABLE.general TR.tabletotal TD,
TABLE.embedded TR.tabletotal TD,
TABLE.results_summary_frontier TR.tabletotal TD {
    height: 22px;
}

TABLE.general TR.tabletitle TD,
TABLE.embedded TR.tabletitle TD,
TABLE.results_summary_frontier TR.tabletitle TD {
    
    text-align: left;
}

TABLE.general TR TD.cell,
TABLE.embedded TR TD.cell,
TABLE.results_summary_frontier TR TD.cell {
    text-align: right !important;
    white-space: nowrap;
}

TABLE.general TR TD.cellc,
TABLE.embedded TR TD.cellc,
TABLE.results_summary_frontier TR TD.cellc {
    text-align: center !important;
}

TABLE.general TR TD.celll,
TABLE.embedded TR TD.celll,
TABLE.results_summary_frontier TR TD.celll {
    text-align: left !important;
}

TABLE.general TR TD.cellr,
TABLE.embedded TR TD.cellr,
TABLE.results_summary_frontier TR TD.cellr {
    text-align: right !important;
    white-space: nowrap;
}

TABLE.general TR TD.celllb,
TABLE.embedded TR TD.celllb,
TABLE.results_summary_frontier TR TD.celllb {
    text-align: left !important;
    vertical-align: bottom !important;
    white-space: nowrap;
}

TABLE.general TR TD.cellrb,
TABLE.embedded TR TD.cellrb,
TABLE.results_summary_frontier TR TD.cellrb {
    text-align: right !important;
    vertical-align: bottom !important;
    white-space: nowrap;
}

TD.holdingcell
{
    padding: 0;
    vertical-align: top;
}


TABLE.contrast {
    border-collapse: collapse;
}

/* for the pie cell, and odd summary rows */
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TD.holdingcell TABLE.general TR TD.celll,
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TD.holdingcell TABLE.general TR TD.holdingcell TR.odd TD.celll,
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TD.holdingcell TABLE.general TR TD.holdingcell TR.odd TD.cellr {
    background-color: #E4E4E4 !important;
}

/* for the even summary rows */
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TD.holdingcell TABLE.general TR TD.holdingcell TR.even TD.celll,
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TD.holdingcell TABLE.general TR TD.holdingcell TR.even TD.cellr {
    background-color: #DDDDDD !important;
}

/* for the contrasting odd row */
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TR.odd TD.celll,
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TR.odd TD.cellr {
    background: #EFEFEF !important;
}

/* for the contrasting even row */
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TR.even TD.celll,
TD.holdingcell TABLE.general TD.holdingcell TABLE.contrast TR.even TD.cellr {
    background: #DDDDDD !important;
}

/* for the contrasting top row */
TABLE.contrast TR.top TD {
    background-color: #C4C4C4;
}

/* for the percent number besides the bar in UI Asset Allocation Detail screen */
TABLE.general TR TD.celll Label.percentbar_number{
	font-weight:normal;
}

.noData {
    width: 100%;
    border: none;
    padding: 8px 15px 15px 15px;
    text-align: center;
}

#EmptyDataModel TR.header TD{
	border-bottom: none;
	background-color: #FFF;
}

#DataModelContainer .tableTitleWidget {
	
	cursor: pointer;
	padding: 5px 5px;
	margin-top: 5px;
	border: 1px solid #AAAAAA;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

#DataModelContainer .tableTitleWidget span {
	display: inline;
}

#DataModelContainer .tableTitleWidget span.ui-icon {
	text-indent: 0px;
}

#DataModelContainer .tableTitleWidget span.ui-accordion-header-icon {
	display: none;
}

.tableContainer {
	background-color: #FFFFFF;
	display: block;
	margin-bottom: 20px;
}

.tableDataContainer {
	padding: 0px 1px 2px 1px;
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

.tableContainer .general tr.header td {
	background-color: #EEEEEE;
	border-top: 0px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	height: 15px;
}

.tableContainer .goalOperations {
	float: right;
}

#DataModelContainer .ui-accordion .ui-accordion-content {
	padding: 0px 3px 1px 3px;
}

Table.clickableRow .table-action-row TD,
.table-action-row {
	background: none repeat #C7C7C7;
}
/* THE "standard" TABLE WB DEMO STYLE SHEET */



@import url(tablesizes.css);



TABLE.toolbar

{

	
	
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	width: 98%;
	border-style: none !important;
}

TABLE.toolbar TR.top,
TABLE.toolbar TR.bottom
{
	background-color: #FFFFFF;
	border-style: none !important;
}

TABLE.toolbar TR TD
{
    white-space: nowrap;
}

TABLE.toolbar TR TD.topon

{ 
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #999999;
	border-left: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: 0px 5px 0px 5px;
	color: #000000;
}

TABLE.toolbar TR TD.topon a

{ 
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


TABLE.toolbar TR TD.topoff

{ 
	background: #FFFFFF;
	text-align: center;
	
	
	font-weight: bold;
	border-right: 1px solid #999999;
	border-left: none !important;
	border-top: none !important;
	border-bottom: none !important;
	padding: 0px 5px 0px 5px;
	color: #003399;
	text-decoration: underline;
}

TABLE.toolbar TR TD.topoff

{ 
	color: #444444;
	text-decoration: underline;
}


/* remove right border from the last one so there's nothing on either side of the overall bar */
TABLE.toolbar TR TD.last
{ 
	border-right: 1px none #808080 !important;
}


TABLE.toolbar TR TD.topoff a

{ 
	color: #003366;
	font-weight: bold;
	text-decoration: underline;
}

TABLE.toolbar TR TD.topoff a:hover

{ 
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

TABLE.toolbar TR TD.bottom

{ 
	background: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
	line-height: 1px;
	
	
}
TABLE.toolbar TR.bottom

{ 
  display:none;
}
	
#topnavigation
{
  
  
  color: #086095;
  width: 2000px;

  }
#topnavbannerDiv{
  height: 100px;
  width:100%;
  border-bottom: 4px solid #e0e3eb;
	
}

#commonNavlinks {
	position:fixed;
	padding-right: 10px;
    top: 60px;
    z-index: 1000;
    right: 0;
}

#commonNavlinks a {
	margin-right: 8px;
	color: #086095;
	line-height: 24px;
}

#userOptionMenu
{
	background-color: #ffffff;
	color: #086095 !important;
	margin: 0;
}

#commonPageNavlinks, #commonAdvisorNavlinks {
	float: right;
}

#topnavname, #topnavmarketvalue, #topnavother
{
  
  display: inline;
  
  font-weight: bold;
  color: #086095;
  float: right;
  }

#topnavmarketvalue, #topnavother
{
    display: none;
}

#topnavpicknew
{
  
  margin: 10px 10px 0px 0px;
  
  color: #FFFFFF;
  float: right;

  }
#topnavpicknew a
{
  color: #335687;
  text-decoration: underline;
  }

#topnavstickies
{
  text-align: right;
  
  
  color: #086095;
  padding: 25px 16px 0px 0px;

  }

#topnavstickies a
{
  padding: 1px 5px 3px 5px;
  color: #086095;
  }

/* really the top navigation bar as such */
div#topnavlinks
{
  
  
  text-align: center;
  display: block;
  top: 68px;
  left: 250px;
  position: fixed;
  z-index: 999;
  border-bottom:0px;
  height:auto;
}
.ie7 div#topnavlinks, .ie8 div#topnavlinks
{
  
  
  text-align: center;
  display: block;
  top: 78px;
  left: 250px;
  position: fixed;
  z-index: 999;
}
#topnavlinks a
{
  
  text-decoration: none;
  text-align: center;
  color: #000000;
  border: 1px solid #335687;
  line-height: 16px;
  padding: 5px 10px 5px 10px;
  background-color: #FFFFFF;
  min-width:140px;
}

#topnavlinks a:hover
{
  
  text-decoration: none;
  color: #335687;
  line-height: 16px;
  padding: 5px 10px 5px 10px;
  background-color: #E5E2D3;
  min-width:140px;
  }
#topnavlinks .tabon
{
  color: #335687;
  border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  background-color: #E5E2D3;
  border-color: #005684;
  padding: 5px 10px 5px 10px;
  min-width:140px;
}
#topnavlinks .taboff
{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  background-color: #FFFFFF;
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*#################################*/



#topnavbanner {
    background: url(/apollo/logo.gif) no-repeat left;
    padding: 0px 22px 50px 25px;
    background-color: #fff;
    width: 200px;
    background-size: 169px;
    height: 96px;
}



#pagebody{
	padding:100px 10px 10px 10px;
}
.tablinks #pagebody, .pat #pagebody {
    padding: 150px 10px 10px 10px;
}
.leftnav #pagebody{
	padding:70px 0px 0px 0px;
}
.leftnav #pagebody {
  xdisplay: flex;
  xflex-wrap: wrap;
  xalign-items: stretch;
  position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  
}

.flex-item-left {
	xflex-grow: 1; 
	min-width:200px;
	max-width:200px;
  	xflex: 10%;
  	overflow-x:auto;
  	z-index:9;
  	position:absolute;
  	left:0;
  	top:70px;
  	bottom:0;
}

.flex-item-right {
  padding: 20px;
  xflex-grow: 8;
  xflex:85%;
  overflow:auto;
  position:absolute;
  left:200px;
  right:0;
  bottom:50px;
  top:100px;
}


#navigation{
	background:#fff;
	width:200px;
	padding:10px;
	height:100%;
	padding-top:110px;
	z-index:1;
	box-shadow: 1.8px 1px 10px rgba(0, 0, 0, .25);
}

#navigation .nav {
	width:100%;
	flex-direction: column !important;
}
.nav1 {
    
    font-weight: bold;
    margin-top: 3px;
    cursor: pointer;
    text-align: left;
}
.nav1 a{
	display:inline-block;
}
#navigation .list-group-item{
	border-radius:0px !important;
	color:#000 !important;	
	text-align:left;	
}

.navToggleUp,.navToggleDown {
	float:right;
    margin-top: 15px;
    padding:2px !important;
    margin-right:5px;
    z-index:10;
}
.toggleChild .nav2,
.toggleChild .navToggleUp,
.navToggleDown{
	display:none !important;
}
.toggleChild .navToggleDown{
	display: block !important;
	margin-right:5px;
 }
 .nav1 .tabon {
	display:inline-block;
}
 

.nav2{
	padding:0px !important;
}
.nav2 a {
	padding: 10px 15px;
    display: block;
}
.nav2 .tabblocked {
	
	font-weight: normal;
	padding: 10px 15px;
    display: block;
    cursor:not-allowed;
	color: #999;
	text-decoration: none;
}
 .proposalNextButton, #generateReportButtons {
    position: fixed;
    left: 200px;
    right: 0px;
    bottom: 0px;
    background: #fff;
    display: flex;
    justify-content: end;
    padding: 5px 30px;
    height: 45px;
    box-shadow: 9.8px 1px 10px rgba(0, 0, 0, .25);
    z-index: 10;
}

input[type='text'], 
input[type='password'], 
input[type='email'], 
input[type='number'], 
input[type='date'], 
input[type='time'], 
input[type='url'], 
input[type='tel'], input[type='search'], 
input[type='color'], input[type='range'],
 input[type='month'], input[type='week'], 
 input[type='datetime-local'], input[type='datetime'], 
 input[type='file'], select{
    height: 34px;
    padding: 6px 12px;
    
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
 }
textarea {
    padding: 6px 12px;
    
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type='text']:focus,
input[type='password']:focus, 
input[type='email']:focus, 
input[type='number']:focus, 
input[type='date']:focus, 
input[type='time']:focus, 
input[type='search']:focus, 
input[type='file']:focus,
 select:focus, 
 textarea:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.label {
     
    color: #000; 
    margin-right:10px;
}
.ajaxLoading{
	text-align:center;
}
.tableTitleWidget{
	padding: 20px 0px;
	font-weight: bold;
}

#TenantAdminToolsDialog a{
	color:#000 !important;
}
.ui-widget-content .ui-menu-item  a{
	color:#000 !important;
}
#tab-links,
#pattablinks {
	margin-top:98px;
}
 
.navbar-default {
    background-color: #f1f5fa;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #335687;
    color:#fff !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background: #eee;
}

.navbar-default .navbar-nav > li > a{
	    color:#000 !important;
}
.tablinks div.navbar-default,
#pattablinks nav.navbar-default {
    background-color: #f1f5fa;
    border-color: #f1f5fa;
}
#tab-links .navbar-default .navbar-nav > li > a:hover, #pattablinks .navbar-default .navbar-nav > li > a:hover {
    background-color: #eee !important;
}
.xAxis line {
    stroke: #000000;
    stroke-width: 3px;
    opacity: 0.5;
    shape-rendering: crispEdges;
}
.domain {display: none;}.selectAccountAvailable, .selectAccountIncluded {height: 500px;overflow: auto;}.nowrap-block {white-space: nowrap;display: block;}



.dropdown-toggle::after {
    display:none;
}

.navbar-nav .dropdown-menu {
	position:absolute !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	color: #555 !important;
}
.link {
    text-decoration:underline !important;
    cursor:pointer;
    
}

.nav-pills > li > a{
	border-radius:0px;
}

.repPageContainer {
	position: relative;
	margin: 10px;
	display: block;
    height: 20px;
    line-height: 20px;
}


.repPageContainer .page-line-item {
	float: left;
	height: 20px;
	line-height: 20px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

.repPageContainer .page-line-item img {
	display: inline-block;
}

.repPageContainer .selector {
	width: 14px;
}
.text {
	color: #000000;
	margin: 0px 5px;
		font-weight: normal;
	text-decoration: none;
}
.tabblocked {
	padding: 10px 15px;
	display:block;
		cursor:not-allowed;
}
.portlet-content {
    padding: 0.4em;
    overflow:auto;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		color: #fff !important;
			background-color: #335687 !important;
	
}