/*
	CSS-dokument för gemensamma portletlayouter. 
	
	$Id: commonPortletStyles.css,v 1.72 2010-03-01 13:55:16 fareli Exp $
*/


/*********************************/
/* Felruta för de fall där våra  */
/* portlets inte är nåbara.      */
/*********************************/
.portletError {
	border: 1px solid #ccc;
	color: #990000;
	font-size: 100%;
	line-height: 1.5;
	padding: 0.5em;
}

/*********************************/
/* Stilar för felhantering       */
/*********************************/



.portletJavascriptErrors {
	border: 1px solid #ccc;
	font-size: 0.85em;
	color: #990000;
	padding: 0.5em;
	margin: 1em;
}

.portletJavascriptErrors ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0.5em;
  	margin-left:0;
}

.portletJavascriptErrors li {
	margin-left: 1em;
	background:none;
	padding-left: 0;
	line-height: 105%;
	padding-top: 0;
	list-style-type: disc;
	color:#990000;
}

.portletJavascriptErrors li.attention {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 200%;
	min-height: 27px;
	height: auto !important;
	height: 27px;
	background-image: url('/webdav/images/Felikoner/ikon_felmeddelande.gif');
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-top: .2em;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

.portletJavascriptErrors {
	display: none; 
}

.portletJavascriptErrors li {
	display: none;
}

/**********************************************/
/*  Varningstext för gamla webbläsare                           */
/**********************************************/
#BrowserWarning {
    display: none; /* Visas mha JavaScript. */
    background: #fff9b2 url('/webdav/images/Redaktionellt/Fasta bilder/Browservarning/WarningLarge.png') no-repeat 13px 13px;
    border-bottom: 1px solid #d1c100;
    padding: 9px 13px 13px 68px;
    float: left;
    width: 81.3em;
}

#BrowserWarning p {
    max-width: 100%;
    margin-bottom: 1em;
}

#BrowserWarning a {
    white-space: nowrap;
    text-decoration: none;
	border: medium none;
	color: #336699;
}

#BrowserWarning a:hover {
	text-decoration: underline;
}

#BrowserWarning a:active {
    outline: none;
}


/**********************************************/
/*  Stilar för knappar (och länkar            */
/*  som ser ut som knappar)                   */
/*                                            */
/*  Alla knappar ligger i en buttoncontainer. */ 
/*  Detta eftersom stilarna för länkar som    */
/*  ser ut som knappar annars skrivs över av  */
/*  den mer generella stilen för a-taggen som */
/*  SiteVision genererar.                     */
/**********************************************/

/* Primär knapp i formulär */
.button {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
}

/* Sekundär knapp i formulär */
.secondary {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
    font-weight: normal;
}

.smallerbutton {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-weight: normal;
    font-size: 90%;
}


/**********************************************/
/*  Länk i fondbytesflödet som öppnar         */
/*  portföljkorsningen                        */
/**********************************************/
.fondbytexportfoljkorsning, .fondbytexportfoljkorsning a {
	background:transparent url(/webdav/images/Menygrafik/Minitriangel.gif) no-repeat scroll 2px 3px;
	color:#525252;
	font-family:Verdana,sans-serif;
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	padding:25px 25px 25px 65px;
	text-decoration:none;
}
a.fondbytexportfoljkorsning:link, .fondbytexportfoljkorsning a:link {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-size:125%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
}
a.fondbytexportfoljkorsning:visited, .fondbytexportfoljkorsning a:visited {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-size:125%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
}
a.fondbytexportfoljkorsning:hover, .fondbytexportfoljkorsning a:hover {
	color:#027FC0;
	font-family:Verdana,sans-serif;
	font-size:125%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:underline;
}
a.fondbytexportfoljkorsning:active, .fondbytexportfoljkorsning a:active {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-size:125%;
	font-style:normal;
	font-weight:normal;
	line-height:normal;
	text-decoration:none;
}


/*************************************/
/* Standardiserad PMU-tabell         */
/*************************************/ 

/* DET HÄR TABELLUTSEENDET BORDE PÅ SIKT ERSÄTTA ALLA ANDRA TABELLVARIANTER! */

table.standard, #resulttable table {
    border-collapse: collapse;
    text-align: right;
    margin-left: 0.5em; 
    margin-right: 0.5em;
    border-bottom: 2px solid #c1c1c1;
}

table.standard th, #resulttable table  th {
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    color: #5c5c5c;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1em;
    padding-bottom: 1em;
    vertical-align: bottom;
}

table.standard .left, #resulttable table  .left {
    text-align: left;
}

table.standard .right, #resulttable table  .right {
    text-align: right;
}

table.standard .center, #resulttable table .center  {
    text-align: center;
}

table.standard .bottom, #resulttable table  .bottom {
	vertical-align: bottom;
}

table.standard tr, #resulttable table tr {
}

table.standard  tr.sum, #resulttable table tr.sum {
    background-color: #e9e9e9;
}

table.standard td, #resulttable table td {
    border-top: 1px solid #e2e2e2;
    color: #5c5c5c;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

table.standard td.noupperborder, #resulttable table td.noupperborder {
   border-top: none;
    color: #5c5c5c;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

table.standard td.tabellforklaring, #resulttable table td.tabellforklaring {
    border-top: none;
    border-bottom: none;
    color: #5c5c5c;
    padding-top:1.5em;
    padding-left: 0;
    padding-right: 0;
}

table.standard td.nolines, #resulttable table td.nolines {
    border-top: none;
    border-bottom: none;
    color: #5c5c5c;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: top;
}

table.standard tr.pmlightgray, #resulttable table tr.pmlightgray {
    background-color: #fbf9f7;
}

table.standard td.pmlightgray, #resulttable table td.pmlightgray {
    background-color: #fbf9f7;
}

table.standard tr.lastrow, #resulttable table tr.lastrow, #resulttable td.lastrow {
    border-bottom: 2px solid #c1c1c1;
}

table.visibleResult {
  	display: table;
  	visibility: visible;
    width: 98%;
}

table.hiddenResult {
  	display: none;
  	visibility: hidden;
    width: 98%;
}

/* Fondavgiftsikoner måste få lite extra padding för att kompensera för vertical-align: top i de angränsande kolumnerna */
.padIcons {
    margin-top: 2px;
}

#resulttable {
    float: left;
    width: 62em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

/*************************************/
/* Separator ("krokar") för standardiserad tabell   */
/*************************************/ 

.table_container {
    background-image: url('/webdav/images/Flikar/ram_topmiddleshort.gif');
    height: 34px;
    background-repeat: repeat-x;
    width: 100%;
    float: left;
    margin-bottom: -50px;
}

.table_ram_left {
    background-image: url('/webdav/images/Flikar/ram_topleftshort.gif');
    height: 34px;
    width: 10px;
    float: left;
}

.table_ram_right {
    background-image: url('/webdav/images/Flikar/ram_toprightshort.gif');
    height: 34px;
    width: 10px;
    float: right;
}


/*************************************/
/*  Bottenplatta för knappar i flöden                     */
/*************************************/
.wizard_bottom_graphic {
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1.5em;
    margin-top: 2em;
    background-repeat: no-repeat;
    background-image: url('/webdav/images/Gemensam/Formular/botten.jpg');
    height: 5em;
}


/*************************************/
/* Tabeller utan rubriker (svarta    */
/* streck över och under alla rader) */
/*************************************/
table.blacklines {
	margin-top: 2em;
	margin-bottom: 2em;
  	border-collapse: collapse;
  	font-size: 0.85em;
}

table.blacklines td {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	height: 2em;
	padding: 0 0.5em;
	text-align: right;
}

table.blacklines td.left {
  	text-align: left;
}

table.blacklines tr.blue, table.blacklines td.blue {
	background-color: #e4eaed;
}

table.blacklines td.nobottomborder {
	border-top: none;
	border-bottom: none;	
}

table.blacklines th {
	vertical-align: bottom;
	padding: 0 0.5em;
}

table.blacklines th.center {
	text-align: center;
}

table.blacklines th.right {
	text-align: right;
}



/*************************************/
/* Tabeller med rubriker (grå streck */
/* under kolumnraden, men annars     */ 
/* utan streck)                      */
/*************************************/

table.columnheader {
	border-collapse: collapse;
	margin-bottom: 1em;
	line-height: 1.5;
	font-size: 80%;
}
		
table.columnheader tr {
}
		
table.columnheader tr.randig {
	background-color: #f0eceb;
}
		
table.columnheader th {
	text-align: right;
	border-bottom: 1px solid #999;
	line-height: 1.5;
	vertical-align: top;
	color: #333;
}
		
table.columnheader td {
	line-height: normal;
	padding: 0.5em 0.25em;
	vertical-align: top;
	text-align: right;
}
		
table.columnheader td.left, table.columnheader th.left {
	text-align: left;
}



/*********************************/
/* Det ljusblå formuläret och    */
/* positionering för grejer där  */
/*********************************/


form.blueForm {
	background-color: #e4eaed;
	padding:1.5em;
	margin-top:1em;
	margin-bottom:1em;
}

div.row {
/*	vertical-align: bottom; */
	padding-bottom: 1em;
}

label.normal {
 	float: left;
	text-align: right;
	margin-right: 0.5em;
	/* display: block; */
	vertical-align: middle;
}

span.middlealign {
	vertical-align: middle;
}


/*********************************/
/* Punktlistor                   */
/*********************************/

.link-list-img {
	margin: 0;
	padding: 0;
	list-style: none;
}

.link-list-item {
	/* padding-left: 9px; */
	background-color: transparent;
	background-image: url('/webdav/images/Mallbilder/linkboll.gif');
	background-repeat: no-repeat;
	background-position: left 0.55em;
	
	_height: 0;  
	/* För att undvika IE6 peek-a-boo bug */
}


/*********************************/
/* Fondtyper för sökformulär     */
/*********************************/

option.fundTypeHeading {
	font-weight: bold;
}

.fundType1 {
	color: #fff;
	background-color: #c00;
}

.fundType2 {
	background-color: #fc0;
}

.fundType3 {
	color: #fff;
	background-color: #339;
}

.fundType4 {
	color: #fff;
	background-color: #360;
}

/**********************************/


.green {
	color: #006633;
}

.red {
	color: #990000;
}

a.smallBlue, a.smallBlue:hover, a.smallBlue:visited { 
	font-size: 0.85em; 
	color: #1A4997;
	text-decoration: none;
}

  
a.signal, a.signal:hover, a.signal:visited {
	font-size: 1.1em;
	color: #900;
	font-weight: bold; 
	text-decoration: none;
}

img.linkicon {
	border: none;
}

.fotnot {
	font-size: 90%;
}



/*********************************/
/* Loginlänkar                   */
/*********************************/

#loginLinks {
	background-color: #e4eaed;
	padding:1.5em;
	margin-top:1em;
	margin-bottom:1em;
}


/*********************************/
/* Grått horisontellt streck     */
/*********************************/

.greyLine {
	overflow: hidden;
	margin-right: 1px;
	margin-left: 1px;
	background-color: rgb(189, 181, 170);
	height: 1px;
}


/*********************************/
/* Knappar                                               */
/*********************************/
.knapp_orange {
    padding-top: 1.5em;
    background-repeat: no-repeat;
    background-image:url(/webdav/images/DinaPensionssidor/Behallning/knapp_orange.jpg);
    width: 235px;
    height: 40px;
}

/**********************************/

h2.portletHeader {
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana,sans-serif;
	font-style: normal;
	display: inline;
	color: #336666;
	font-size: 120%;
	line-height: normal;
	margin-bottom: 0;
}

/*
  Orange box (konstruerade av bilder).
  Width (bred) satt i image (bild) 467px bred.
  Ide är att man sätta höjd själv.
  
*/
#imagebox .orangeboxtop {
	/*This image is 92px high - remember this if you want a fading affect.*/
	background-image:url("/webdav/images/Menygrafik/boxar/orangeplatta_top.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	height:92px;
}

#imagebox .orangeboxbody {
	background-image:url("/webdav/images/Menygrafik/boxar/orangeplatta_body.jpg");
	background-repeat:repeat-y;
}

#imagebox .orangeboxbot {
	background-image:url("/webdav/images/Menygrafik/boxar/orangeplatta_bot.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	height:13px;
}

/*
  Grå box (konstruerade av bilder).
  Height (höjd) satt i image (bild) 168px höjd.
  Ide är att man sätta bred själv.
  
*/
#imagebox .greyboxleft {
	background-image:url("/webdav/images/DinaPensionssidor/Tillgodohavande/dp_tillgodohavleft.gif");
	background-repeat:no-repeat;
	float:left;
	width:10px;
}

#imagebox .greyboxmiddle {
	background-image:url("/webdav/images/DinaPensionssidor/Tillgodohavande/dp_tillgodohavmiddle.gif");
	background-repeat:repeat-x;
	float:left;
}

#imagebox .greyboxright {
	background-image:url("/webdav/images/DinaPensionssidor/Tillgodohavande/dp_tillgodohavright.gif");
	background-repeat:no-repeat;
	float:left;
	width:10px;
}

#imagebox .greyboxorangetitletext {
	color: #E34C15;
	margin-left: 1em;
	margin-right: 1em;
	float: left;
	text-align: left;
	font-weight: bold;
}

#imagebox .greyboxtitleamountdelimiter {
	display: block;
	margin-left: 1em;
	margin-right: 1em;
	border-bottom: 1px solid #aaa;
}

#imagebox .greyboxcontentamount {
	margin-left: 1em;
	margin-right: 1em;
	font-size: 130%;
	font-family: Verdana,arial,sans-serif;
	font-weight: bold;
	color: #766A63;
}

#imagebox .greyboxcontentexplaintext {
	margin-left: 1em;
	margin-right: 1em;
	font-family: Verdana,arial,sans-serif;
	font-weight: bold;
	color: #766A63;
}


/*
	Box (konstruerade av bilder).
	Inkluderade SV kort texter ska ha margin!
*/
#imagebox #cmsimportoverridesitevisionstyling h3,
#imagebox #cmsimportoverridesitevisionstyling h4,
#imagebox #cmsimportoverridesitevisionstyling p {
  float:left !important;
  display:block !important;
  margin-left: 1.5em !important;
  margin-right: 1.5em !important;
}

/*
	Box (konstruerade av bilder).
	Headers ska ha ingen margin uppåt (det ställe till det i bild box).
*/
#imagebox #cmsimportoverridesitevisionstyling h1,
#imagebox #cmsimportoverridesitevisionstyling h2 {
  float:left !important;
  display:block !important;
  margin-left: 1em !important;
  margin-right: 1.5em !important;
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

/*
  Grå box (konstruerade av bilder).
  Width (bred) satt i image (bild) 226px bred.
  Ide är att man sätta bred själv.
  1 spalt.
*/
.greyboxtop226px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_top.png");
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
}
.greyboxbody226px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_middle_gray.png");
	background-repeat:repeat-y;
	background-position:top left;
}
.greyboxbot226px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_bottom.png");
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
}

/*
  Grå box (konstruerade av bilder).
  Width (bred) satt i image (bild) 462px bred.
  Ide är att man sätta bred själv.
  2 spalt.
*/
.greyboxtop462px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_2spalt/i_top.png");
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
}
.greyboxbody462px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_2spalt/i_middle_grey.png");
	background-repeat:repeat-y;
	background-position:top left;
}
.greyboxbot462px {
	background-image:url("/webdav/images/Gemensam/Dekorationer/Inforuta_2spalt/i_bottom.png");
	background-repeat:no-repeat;
	background-position:top left;
	height:8px;
}


.changefund-chooseportfoliolink, .changefund-chooseportfoliolink a {
	color:#525252;
	font-family:Verdana,sans-serif;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	padding:5px 5px 5px 5px;
	text-decoration:none;
}
.changefund-searchfundactivelink, .changefund-searchfundactivelink a {
	float:left;
	background-image:url('/webdav/images/Menygrafik/ikoner/fondikon.png');
	background-repeat:no-repeat;
	background-position:15px 7px; /*png position relativ till föreldrar */ 
	padding-left:56px; /*text pos*/
	padding-top:20px; /*text pos*/
	height:60px; /*storlek på bild*/
	color:#125687;
	font-family:Verdana,sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	text-decoration:none;
}

a.changefund-chooseportfoliolink:link, .changefund-chooseportfoliolink a:link,
	a.changefund-searchfundactivelink:link, .changefund-searchfundactivelink a:link {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}
a.changefund-chooseportfoliolink:visited, .changefund-chooseportfoliolink a:visited,
	a.changefund-searchfundactivelink:visited, .changefund-searchfundactivelink a:visited {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}
a.changefund-chooseportfoliolink:hover, .changefund-chooseportfoliolink a:hover,
	a.changefund-searchfundactivelink:hover, .changefund-searchfundactivelink a:hover {
	color:#027FC0;
	font-family:Verdana,sans-serif;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:underline;
}
a.changefund-chooseportfoliolink:active, .changefund-chooseportfoliolinkg a:active,
	a.changefund-searchfundactivelink:active, .changefund-searchfundactivelink a:active {
	color:#0370A9;
	font-family:Verdana,sans-serif;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	text-decoration:none;
}


a.changefund-comparefundslink-active {
	float:left;
	background-image:url('/webdav/images/Menygrafik/ikoner/jamforfonderikon.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:56px;
	height:36px;
	color:#125687;
	font-family:Verdana,sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	text-decoration:none;
}

a.changefund-comparefundslink-active:hover {
	text-decoration:underline;
}

a.changefund-comparefundslink-inactive {
	float:left;
	background-image:url('/webdav/images/Menygrafik/ikoner/jamforfonderikon_inaktiv.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:56px;
	height:36px;
	color:#125687;
	font-family:Verdana,sans-serif;
	font-size:100%;
	font-style:normal;
	line-height:normal;
	text-decoration:none;
}

a.changefund-comparefundslink-inactive:hover {
	text-decoration:none;
}

.orangeramtop {
	background-image: url('/webdav/images/Gemensam/Dekorationer/ram/orange_top.gif'); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 7px;
	margin-left:-1em;
	margin-bottom: -0.3em;
}

.orangerambody {
	background-image: url('/webdav/images/Gemensam/Dekorationer/ram/orange_body.gif');
	background-repeat: repeat-y;
	margin-left: -1em;
	padding-left: 1em;
}

.orangerambot {
	background-image: url('/webdav/images/Gemensam/Dekorationer/ram/orange_bottom.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	margin-left:-1em;
	padding-bottom: 1em;
	clear:both;
}

.orangepil { 
	background-image: url('/webdav/images/Gemensam/Dekorationer/ram/pil.jpg');
	background-repeat: no-repeat;
	background-position: center;
	height: 38px;
	margin-top: 1em;
}

img.sp {
	margin-left: 30px;
	padding: 0;
}

.forklarnings-text {
	color: #5c5c5c;
	font-style: italic;
	padding: 1.5em, 0, 1em, 0;
	font-size:90%;
}

.orangeramnyfond {
	background-image: url('/webdav/images/Gemensam/Dekorationer/ram/orange_bkg_ny_fond.png');
	background-repeat: repeat-x;
}