﻿.btn
{
    height: 24px;
    padding: 0 5px 0 0;
    margin: 0;
    font-weight:bold;
    font-size: 1.0em;
    cursor: pointer;
    border-color:#9ACD32;
    border-spacing:1px;
    background-color:#FFF0F5;
    border-width:2px;
    border-bottom-width:1px;
    border-right-width:1px;    
}
.helpSubHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
.helpHeader
{
    FONT-SIZE: 26px;
    FONT-FAMILY:Times New Roman;
    TEXT-DECORATION: none
}
.helpMidHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none;
    color:Black;
}

/*
.SHBHeadLine
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
.SHBErrorStar
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ff0000;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
.SHBCopyright
{
    FONT-SIZE: 8pt;
    COLOR: #cccccc;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
.SHBHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana;
    BACKGROUND-COLOR: #cccccc;
    COLOR: #000000;
}
.SHBMainHeader
{
    FONT: italic xx-large "Times New Roman", Times, serif
}
.SHBHeadLine1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Verdana, 'Microsoft Sans Serif', Arial
}
.SHBHeadLineCol2
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, 'Microsoft Sans Serif', Arial
}
.SHBHeadLine2
{
    FONT-SIZE: 8pt;
    COLOR: #999999;
    FONT-FAMILY: Verdana, 'Microsoft Sans Serif', Arial
}
.SHBMessageHeader
{
	font: large Arial, 'Microsoft Sans Serif' , Verdana;
	color: #ff0000;
}
.SHBBackground
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
	background-color: #cccccc;
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, 'Microsoft Sans Serif' , Arial;
}
.SHBInput
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, 'Microsoft Sans Serif', Verdana
}
.SHBNavigationButton
{
    FONT-SIZE: 9pt;
    WIDTH: 105px;
    HEIGHT: 21px
}
.SHBNavigationButtonDisabled
{
    FONT-SIZE: 9pt;
    WIDTH: 105px;
    HEIGHT: 21px
}
BODY
{
    MARGIN-TOP: 2pt;
    font-size: 76%;
    FONT-FAMILY: Arial, 'Microsoft Sans Serif', Verdana;
    BACKGROUND-COLOR: white;
}
P
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: Arial, 'Microsoft Sans Serif', Verdana
}
B
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
TD
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
PRE
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}
.text
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: verdana, geneva, arial, helvetica, sans-serif
}

.knapp
{
    BORDER-TOP-WIDTH: 1px;
    BORDER-LEFT-WIDTH: 1px;
    FONT-SIZE: 8pt;
    BORDER-LEFT-COLOR: #666666;
    BORDER-BOTTOM-WIDTH: 1px;
    BORDER-BOTTOM-COLOR: #666666;
    BORDER-TOP-COLOR: #666666;
    FONT-FAMILY: verdana,geneva,arial,helvetica;
    BACKGROUND-COLOR: #cccccc;
    BORDER-RIGHT-WIDTH: 1px;
    BORDER-RIGHT-COLOR: #666666
}

.newsPageHeader
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #336699;
    LINE-HEIGHT: 22px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    LETTER-SPACING: 1px;
    TEXT-ALIGN: left
}
.SHBHeading1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 18px;
    COLOR: #003366;
    LINE-HEIGHT: 22px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    LETTER-SPACING: 1px;
    TEXT-ALIGN: left
}
.newsHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.newsText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}

.leftmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
	COLOR: #000000;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none;
	vertical-align:top;
}

.contentborder
{
	border-right: #003366 1px solid;
}

.NewsTable
{
	width: 500px;
	BORDER: 5px;
}

.standardTable
{
	width: 100%;
	border: hidden, 0px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
}

.pensionSummaryTable
{
	width: 600px;
	border: hidden, 0px;
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
}

.sidfot 
{
	color: GrayText;
    font-family: Arial, Helhelvetica, Verdana, Geneva, Sans-Serif;
    font-size: 12px;
    text-align: right; 
}

.normal
{
	font-size: 8pt;
	color: #000000;
	font-family: 'Microsoft Sans Serif' , Verdana, Arial;
}

.ChangeFundTextBox
{
	width: 40px;
	direction: rtl;
	height: 15px;	
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana
}

.ChangeFundTextBoxReadOnly
{
	width: 40px;
	direction: rtl;
	background: #cccccc;
	height: 15px;	
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Microsoft Sans Serif', Arial, Verdana;
	font-style:normal; 
	font-weight:normal; 
}

#content-right 
{
	width: 595px;
}

.leftMenuHeading
{
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #999999;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}
.leftMenu1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #666666;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}

.secondHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}
.infoText
{
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica;
    TEXT-DECORATION: none
}

.link1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #666666;
    LINE-HEIGHT: 14px;
    FONT-FAMILY: arial, helvetica, sans-serif;
    TEXT-DECORATION: none
}


A.fieldhelp:link
{
    COLOR: #006400;
    TEXT-DECORATION: underline
}
A.fieldhelp:visited
{
    COLOR:  #006400;
    TEXT-DECORATION: underline
}
A.fieldhelp:active
{
    COLOR: #006400;
    TEXT-DECORATION: underline
}
A.fieldhelp:hover
{
    COLOR: #333333;
    TEXT-DECORATION: underline
}

A.fieldhelpblack:link
{
    COLOR: #000000;
    TEXT-DECORATION: underline;
    FONT-FAMILY: arial, helvetica, sans-serif;
    FONT-SIZE: 12px;
}
A.fieldhelpblack:visited
{
    COLOR:  #000000;
    TEXT-DECORATION: underline
}
A.fieldhelpblack:active
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}
A.fieldhelpblack:hover
{
    COLOR: #000000;
    TEXT-DECORATION: underline
}


.pensionSummaryTableCell
{
	background-color: #CFD4DF;
}

html, body {
	height: 96%;
}
.wrapper {
	min-height: 96%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0;
}

.footer, .push 
{
	height: 10px; 
}


.ClickImage
{
	cursor:pointer;
}
*/

/* Table style simple */
.simple {
    width: 100%;
/*    border-right: 1px solid #e0f0fa;
    border-top: 1px solid #d6ebf6; */
}
.simple td, .simple th {
    padding: 4px 8px;
    border-left: 1px solid #e0f0fa;
}
.simple thead th, .simple tfoot td {
    padding: 8px;
    border-bottom: 2px solid #4dace1;
    background: url(/images/bg.white_blue.1x22.gif) top left repeat-x #e9f5fb;
    font-weight: bold;
}
.simple thead .alt th {
    padding: 4px 8px;
    background: #f9fcfe;
    border-bottom: 1px solid #e0f0fa;
}
.simple tfoot td {
    border-top: 2px solid #4dace1;
    border-bottom: 1px solid #d6ebf6;
    background: url(/images/bg.blue_white.1x22.gif) bottom left repeat-x #e9f5fb;
}
.simple tbody td, .simple tbody th { border-bottom: 1px solid #bcdef1; }
.simple tbody .alt td, .simple tbody .alt th { background: #f9fcfe; }
.simple tbody tr.active, .simple tbody tr.active td, .simple tbody tr.active th,
.simple tbody tr:hover, .simple tbody tr:hover td, .simple tbody .alt:hover td,
.simple tbody tr:hover th, .simple tbody .alt:hover th { background: #fffde9; }
.simple tbody td a { font-weight: bold; }

/* kopierat från six.css */
.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 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 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: 0px;
}
#six .biglist td, #six .biglist th {
  padding: 4px 8px;
  border-left: 1px solid #e0f0fa;
}        
#six .biglist thead th {
  padding: 8px;
  border-bottom: 2px solid #4dace1;
  background: url(/images/bg.white_blue.1x22.gif) top left repeat-x #e9f5fb;
  font-weight: bold;
}
#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 .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;
}
#six .box {
  min-height: 200px;
  padding: 12px;
}
#six .box h2.login {
  min-height: 0px;
  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 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;
}

.textLabel
{
    font-weight: bold;
    /*color: #0273b2; */
}
hr
{
    color:#4dace1;
}
.pos {
  color: #000000;
}
.neg {
  color: #e81e2a;  
}

.comment{
  color: #666;
}