.pop #content {
  width: 780px;
}
.pop #wrapper {
  width: 765px;
}
.pop #main_content {
  width: 720px;
}

#six {
  color: #000;
  font-size: 9pt;
  font-family: arial, verdana, sans-serif;
  width: 720px;
}
#six.float {
  width: 100%;
}

#six a, #six a:link, #six a:visited {
  color: #0273b2;
  text-decoration: none;
}
#six a:hover, #six a:active {
  background: none;
  text-decoration: underline;
}
#six a:link, #six a:visited {
  background: transparent url(spp/bg.grey.1x1.gif) repeat-x scroll left bottom;
}
#six a:hover, #six a:active {
  background: none;
  text-decoration: underline;
}
#six table.biglist a, #six table.biglist a:link, #six table.biglist a:visited,
  #six .disclaimer a, #six .disclaimer a:link, #six .disclaimer a:visited {
  background: none;
}

#six a img {
  border: 0;
}

#six h1 {
  font-size: 16pt;
  font-weight: normal;
  margin-bottom: 0.5em;
}
#six h2 {
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#six .menubar ul {
  padding: 0;
  margin: 0 0 4px 0;
  height: 22px;
  /*border-bottom: 3px solid #b0d06a;*/
  border-bottom: 3px solid #84aebd;
  width: 100%
}
#six .menubar li {
  padding: 0;
  float: left;
  font-size: 1em;
  list-style: none;
  /*background-image: none;*/
}

#six .menubar li span,
#six .menubar li a,
#six .menubar li a:link,
#six .menubar li a:visited {
  float: left;
  padding: 3px 12px 2px;
  margin: 0 1px 0 0;
  background: url(spp/tab.main.inactive.gif) top left repeat-x #ddd;
  border: 1px solid #eee;
  color: #666;
  font-weight: bold;
  /*font-size: 1.1em;*/
  text-decoration: none;
}
#six .menubar li a:hover, #six .menubar li a:active {
  text-decoration: underline;
  background: #ddd;
}
#six .menubar li.active span,
#six .menubar li.active a,
#six .menubar li.active a:hover,
#six .menubar li.active a:visited,
#six .menubar li.active a:active {
  /*background: url(tab_menubar_active.gif) top left repeat-x #b0d06a;
  border-color: #b0d06a;*/
  background: url(spp/tab.main.active.gif) top left repeat-x #84aebd;
  border-color: #84aebd;
  color: #fff;
}

#six table {
  color: #000;
  font-size: 0.9em;
  font-family: arial, verdana, sans-serif;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 1em;
  width: 100%;
}
#six table th.left, #six table td.left {
  text-align: left;
}
#six table th.right, #six table td.right, #six input.right {
  text-align: right;
}
#six table th.center, #six table td.center {
  text-align: center;
}
#six table th.middle, #six table td.middle {
  vertical-align: middle;
}
#six table th.top, #six table td.top {
  vertical-align: top;
}
#six td, th {
  padding: 4px 12px 4px 0;
  text-align: left;
  vertical-align: top;
}
#six .biglist {
  width: 100%;
  border-right: 1px solid #e0f0fa;
  border-top: 1px solid #d6ebf6;
  margin-left: 1px;
}
#six.float .biglist {
  margin-left: 0;
}
#six .biglist td, #six .biglist th {
  padding: 4px 7px;
  border-left: 1px solid #e0f0fa;
}
#six .biglist thead th {
  padding: 8px 7px;
  border-bottom: 2px solid #4dace1;
  background: url(spp/bg.white_blue.1x22.gif) top left repeat-x #e9f5fb;
  font-weight: bold;
  white-space: nowrap;
}
#six .biglist tbody td, .biglist tbody th {
  border-bottom: 1px solid #bcdef1;
}
#six .biglist tbody tr:hover, #six .biglist tbody tr:hover td, #six .biglist tbody tr:hover th {
  background: #fffde9;
}
#six .biglist thead th a {
  color: #000;
}
#six .biglist tbody td a {
  font-weight: bold;
}
#six .biglist tfoot, #six .biglist tfoot td, .biglist tfoot th {
  color: #778899;
  border: 0px;
  border-right: 0px hidden #fff;
}
#six .biglist.noborder {
  border-right: none;
  border-top: none;
}
#six .biglist.noborder td, #six .biglist.noborder th {
  border-left: none;
}
#six table th.pie, #six table td.pie {
  width: 180px;
}

#six .sortform {
  float: right;
  font-size: 0.9em;
  margin: 5px 60px 0 0;
}
#six .sortform label {
  padding-left: 5px;
}

#six .save {
  float: right;
}

#six .disclaimer {
  font-size: 0.9em;
  text-align: right;
  clear: both;
}

#six .disclaimer.spp {
  margin-top: 5px;
  text-align: left;
  color: #778899;
}


#six span.reportdate {
  float: right;
  font-weight: normal;
}

#six span.neu {
  color: #000;
}
#six span.pos {
  color: #0273b2;
}
#six span.neg {
  color: #e81e2a;  
}

#six .infobox {
  padding: 6px 12px;
  margin: 0 0 16px;
  border: 1px solid #cbd2d6;
  background: #fff;
  width: auto;
  background: url(spp/bg.white_blue.1x132.gif) bottom left repeat-x;
}
#six .infobox {
  min-height: 200px;
  padding: 12px;
}
#six .infobox p {
  margin-bottom: 12px;
}
#six .infobox .saveinfo {
  float: right;
  width: 150px;
}
#six .infobox ul {
  margin-bottom: 4px;
}
#six .infobox li {
  list-style: none;
}
#six .infobox .info {
  float: right;
  width: 200px;
}

#six img.right {
  float: right;
  padding: 4px 4px 4px 8px;
}

#six .colA {
  width: 235px;
  float: left;
}
#six .colAa {
  width: 350px;
  float: left;
}
#six .colAA {
  width: 460px;
  float: left;
}
#six .colAAA {
  width: 720px;
  float: left;
}
#six .colA.mleft, #six .colAA.mleft, #six .colAa.mleft, #six .infobox .mleft {
  margin-left: 20px;
}
#six.float .colAa {
  width: 253px;
  float: left;
}
#six .module {
  margin-bottom: 6px;
}
#six .module p {
  padding-bottom: 6px;
}

#six span.risk {
  float: right;
}

#six span.error {
  color: #e81e2a;
}


#six div.chart {
  display: block;
  clear: both;
}
#six div.chart div.element {
  float: left;
  margin: 0 8px 0 0;
}
#six .chart .color {
  vertical-align: middle;
  width: 8px;
  height: 8px;
  margin: 2px 4px 0 0;
  background-color: #9ecb78;
  border: 1px solid #7ea260;
  float:left;
}
#six .chart .color.c1 {
  background-color: #9ecb78;
  border: 1px solid #7ea260;
}
#six .chart .color.c2 {
  background-color: #0071a8;
  border: 1px solid #005a86; 
}
#six .chart .color.c3 {
  background-color: #d42e12;
  border: 1px solid #aa250e;
}
#six .chart .color.c4 {
  background-color: #cdcc00;
  border: 1px solid #a4a300;
}
#six .chart .color.c5 {
  background-color: #84aebd;
  border: 1px solid #6a8b97;
}
#six .chart .color.c6 {
  background-color: #114488;
  border: 1px solid #3e5d01;
}
#six .chart .color.c7 {
  background-color: #4e7401;
  border: 1px solid #3e5d01;
}
#six .chart .color.c8 {
  background-color: #ffd000;
  border: 1px solid #cca600;
}
#six .chart .color.c9 {
  background-color: #cb7341;
  border: 1px solid #a25c34;
}
#six .chart .color.c10 {
  background-color: #959595;
  border: 1px solid #777777;
}

#six .imap {
  padding: 0 0 0 20px;
}

#six div.noMargin  {
  margin-bottom:0;
  margin-top:0;
}

/* adjust font size in form for fund simulator.
 otherwise different sizes since part of form uses table */
#six div.simulatorSettings {font-size:0.9em;}
#six div.simulatorSettings table {font-size:1.0em;}

#six .simErrorContainer {
  float:left;
  margin-left: 10px;
  width: 400px;
}

#six .simError {
  color: #C90019;
  padding-bottom: 6px;
}

#six div.stepOne {
  padding-top: 10px;
  border-bottom: 1px solid #eee;
}

#six div.stepTwo {
  padding-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}

#six div.noBorderTopBottom  {
  border-bottom: none;
  border-top: none;
}
#six .selectFundsContainer select  {
  width: 230px;
}
#six .selectedFundsContainer  {
  float: right;
  width: 250px;
}
#six .selectedFundsBox  {
  background-color: #fff;
  border: 1px solid #eee;
}
#six .selectedFundsBox tr td  {
  padding: 1px 2px;
}
#six .selectedFundsBox tr td img {
  margin-right: 8px;
}
#six .selectedFundsBox a:link, #six .selectedFundsBox a:visited {
  background: none;
}
#six .divLineup {
  float: left;
  margin-right: 5px;
}
#six .divLineup input {
  width: 95px;
  height: 16px;
}

#six .divLineup select {
  width: 73px;
  height: 20px;
}

#six .floatLeft {
  float: left;
}

#six .floatRight {
  float: right;
}
#six .clear {
  clear: both;
}
#six .printLink {
  float: right;
  margin-bottom: 3px;
}
#six h3 {
  font-size: 9pt;
  font-weight: bold;
}
#six .box h3 {
  margin-bottom: 4px;
}
#six .button .disabled {
  color: #a6a6a6;
  cursor: default;
}

#six .box {
  padding: 6px 12px;
  margin: 0 0 16px;
  border: 1px solid #eee;
  background: #fff;
  width: auto;
  background: url(spp/bg.grey_white.1x138.gif) top left repeat-x;
  /*min-height: 200px;
  padding: 12px;*/
}

#six .box h2.login {
  min-height: 0;
  margin: -10px -10px 12px -10px;
  padding: 6px 12px;
  color: #fff;
  background: url(spp/tab.login.inactive.gif) top left repeat-x #b0d06a;
}
#six .box h2.error {
  min-height: 0px;
  margin: -10px -10px 12px -10px;
  padding: 6px 12px;
  color: #fff;
  background: url(spp/tab.section.active.gif) top left repeat-x #e01e2a;
}

#six form table th, #six form table td {
  vertical-align: middle;
}

#six input.button {
  height: 25px;
  padding: 0 5px 0 5px;
  margin: 0;
  border: none;
  background: url(spp/button.right.gif) top right no-repeat;
  font-weight: bold;
  font-size: 1em;
  color: #353535;
  cursor: pointer;
}
#six button.button {
  height: 25px;
  padding: 0 5px 0 5px;
  margin: 0;
  border: none;
  background: url(spp/button.right.gif) top right no-repeat;
  font-weight: bold;
  font-size: 1em;
  color: #353535;
  cursor: pointer;
}
#six div.button {
  float: left;
  height: 25px;
  margin: 0;
  border: none;
  background: url(spp/button.left.gif) top left no-repeat;
}
#six div.button.right {
  float: right;
}
#six div.button.space {
  margin-left: 10px;
}

#six sup {
  color: #778899;
  padding-left: 2px;
}
#six tfoot sup {
  padding-left: 0;
}

#six .graph {
  clear: both;
}

#six div.left {
  float: left;
  padding-right: 12px;
}

#six p.right {
  text-align: right;
}
#six p.pleft {
  padding-left: 12px;
}

#six h5 {
  font-weight: bold;
}

#six .messagebox {
  padding: 6px 12px;
  margin: 0 0 16px;
  border: 1px solid #cbd2d6;
  background: #fff;
  width: auto;
  background: url(spp/bg.white_blue.1x132.gif) bottom left repeat-x;
}
#six .messagebox {
  padding: 12px;
}

#six .messagebox p {
  margin-bottom: 12px;
}