/*
	CSS-dokument innehållande layout för specifika portlets.
	
	$Id: portletLayouts.css,v 1.159 2010-02-25 12:33:37 materi Exp $
*/ 


/*
=======================================================================================
PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU

       Övergångs prediod (PPM->PMU).
       
       Lägga ny css mellan text/banner/rubrik: "PMU NY START" och "PMU NY SLUT".
       Om du uppdatera befintligt PPM css, flytta de så de ligger mellan text/banner/rubrik:
       				"PMU - PPM updaterade START" och  "PMU - PPM updaterade SLUT".
       Annars lämna de under text/banner/rubrik: "PPM CSS"
       
       
       Såsmånning om är det tänkt att flytta alla css till en helt ny fil. Då kan vi
       bli säkert att vi inte ärva något gamalt.

PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU PMU
=======================================================================================
*/


/*
  =========================== PMU NY START =================================
*/

/*
  Fel texter.
*/

.portletJsErrors {
	display: none;
}

.portletJsErrors li {
	display: none;	
}

#errorContainer {
	display: none;
}

.felinfotop {
	background-image: url('/webdav/images/Gemensam/Felmeddelande/errorinfo_top.gif'); 
	background-repeat: no-repeat; 
	height: 4px;
	width: 100%;
}

.felinfobody {
	padding-left: 1.5em; 
	padding-top: 1em; 
	padding-bottom: 1em; 
	background-repeat: repeat-y; 
	background-image: url('/webdav/images/Gemensam/Felmeddelande/errorinfo_middle.gif'); 
	width: 96.5%;
}

.feltext {
	background-image:url('/webdav/images/Gemensam/Felmeddelande/error_symbol.gif');
	background-position:left top;
	background-repeat:no-repeat;
	color:#AC1A2F;
	font-family:Verdana,arial,sans-serif;
	font-size:110%;
	font-style:normal;
	font-weight:bold;
	line-height:normal;
	padding-bottom:1em;
	padding-left:1.5em;
	text-decoration:none;
	width: 100%;
}

.felinfobotten {
	background-image: url('/webdav/images/Gemensam/Felmeddelande/errorinfo_bottom.gif'); 
	background-repeat: no-repeat; 
	height: 4px;
	width: 100%;
}

/*
 Enkel formulärer (simpleForm) och Horisontal sök panel.
  		css "corner" (ram med rundat kant och dotted)
  		Se: http://www.cssplay.co.uk/boxes/snazzy.html
  */

/* Marginaler över och under formuläret */
.simpleForm {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

/* Marginaler över och under horisontal sök panel */
.horizontalSearchPane {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}


/* Corner "top". */
.simpleForm .top, .horizontalSearchPane .top {
	display:block;
	background:transparent;
	font-size:1px;
}

/* Corner "bottom". */
.simpleForm .bottom, .horizontalSearchPane .bottom {
	display:block;
	background:transparent;
	font-size:1px;
}

/* Corner "slices" som bygga upp hörn affect. */
.simpleForm .b1, .simpleForm  .b2, .simpleForm  .b3, .simpleForm  .b4, .horizontalSearchPane .b1, .horizontalSearchPane .b2, .horizontalSearchPane .b3, .horizontalSearchPane .b4 {
	display:block;
	overflow:hidden;
}

/* Corner slices 1 (top och bottom), 2 och 3. */
.simpleForm .b1, .simpleForm .b2, .simpleForm .b3, .horizontalSearchPane .b1, .horizontalSearchPane .b2,  .horizontalSearchPane .b3 {
	height:1px;
}

/* Corner slices 2, 3 och 4. */
.simpleForm .b2, .simpleForm .b3, .simpleForm .b4, .horizontalSearchPane .b2, .horizontalSearchPane .b3, .horizontalSearchPane .b4 {
	background:#F4EDE6;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}

/* Corner slice 1 : linje */
.simpleForm .b1, .horizontalSearchPane .b1 {
	margin:0 5px;
	background: 	#FFFFFF;
}
	
/* Corner slice 2 */
.simpleForm .b2, .horizontalSearchPane .b2 {
	margin:0 3px;
	border-width:0 2px;
}

/* Corner slice 3 */
.simpleForm .b3, .horizontalSearchPane .b3 {
	margin:0 2px;
}

/* Corner slice 4 */
.simpleForm .b4, .horizontalSearchPane .b4 {
	height: 2px;
	margin:0 1px;
}

/* Corner - ram runt innehåll */
.simpleForm .boxcontent, .horizontalSearchPane .boxcontent {
	display:block;
	background:#F4EDE6;
	border:0 solid #FFFFFF;
	border-width:0 1px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
	
/* Formulär */

/* formulär rad - indent 1:em */
.simpleForm .formrow {
	display:block;
	padding-left: 1em;
	margin-top: 0.3em;
	margin-bottom: 0.5em
}

/* formulär etikett */
.simpleForm .label {
	color: #000000;
	font-family:Verdana,arial,sans-serif;
	font-weight:bold;
}

/* formulär etikett - markering:obligitarisk */
.simpleForm .label_mark_mandatory {
	color: #FF0000;
	font-family:Verdana,arial,sans-serif;
	font-weight:bold;
}

/* formulär fingervisning */
.simpleForm .hint {
	margin-top: -0.5em; 
	margin-bottom: 1em; 
	color: #999999; 
	font-family:Verdana,arial,sans-serif;
}

/* formulär hjälp text - vänster 30% */
.simpleForm .helptext_left25 { 
	float:right;
	top: -2em;
	width:75%; 
}

/* formulär hjälp text - primär knapp */
.simpleForm .button {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
	font-weight: bold;
}

/* formulär hjälp text - sekondär knapp */
.simpleForm .secondary_button {
	color: #000000;
	font-family: Verdana, arial, sans-serif;
}


/* horisonal sök panel - "term" (label och input fält) */
.horizontalSearchPane .searchTerm  {
   	margin: 0.5em;
   	padding: 0.5em;
   	float: left;
   	height: 2.5em;
}

/* horisonal sök panel - term label */
.horizontalSearchPane .searchTerm label  {
    display: block;
	font-weight: bold;
    margin-bottom: 0.25em;
}

/* horisonal sök panel - cmsimport "normal" ( */
.horizontalSearchPane .normal  {
	font-family:Verdana,arial,sans-serif;
	font-weight:bold;
}
	
/* horisonal sök panel - sök knapp */
.horizontalSearchPane .searchTermSubmit {
	height:2.5em;
	float: left;
	margin-top: 2.2em;
	margin-left:1em;	
}

/* horisonal sök panel - Utökad sök länk */
.horizontalSearchPane .advancedSearchLink {
	height:2.5em;
	float: left;
	margin-top: 2.5em;
	margin-left:1em;	
}

/* Informations rad som tala om vad det var för sök kriteria. */
.searchCriteriaInfo {
	font-weight: bold;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
}

/* horisonal sök panel - slut på panel (rensa float) */
.clearFloat {
	clear: both;
}

/* Under sök resultat. Man kanske vi ha knapper för att bläddra inom resultat (t.ex. "nästa")*/
.searchResultNavigationPane {
	clear:both;
	margin-left: 0.5em;
	margin-right: 1.5em;
}
		
/* Under sök resultat. Man kanske vi ha knapper för att bläddra inom resultat (t.ex. "föregående")*/
.searchResultNavigationPane .leftButton {
	float:left;
	padding-top:1em;
}
		
/* Under sök resultat. Man kanske vi ha knapper för att bläddra inom resultat (t.ex. "nästa")*/
.searchResultNavigationPane .rightButton {
	float:right;
	padding-top:1em;
}

/*****************************************/
/*  Fondsupersök                         */
/*****************************************/

#fundSuperSearchPortlet .buttonrow {
	clear: both;
    text-align: right;
    margin-right: 1em;
    float: right;
    width: 15em;
}

#fundSuperSearchPortlet #pagination,#fundSuperSearchPortlet #symbolexplanation {
	float: left;
	width: 100%;
    margin-left: 0.5em;
	margin-bottom: 1em;
}

#fundSuperSearchPortlet .header {
	padding-top: 1em;
	margin-left: 14.5em;
	font-weight: bold;
	padding-bottom: 0.25em;
}

#fundSuperSearchPortlet label.afterFormField {
	display: inline;
	vertical-align: middle;
    line-height: 18px;
    color: #363636;
}

#fundSuperSearchPortlet #rated, #fundSuperSearchPortlet #ethical{
    vertical-align: middle;
    line-height: 12px;
}

/** Ska tas bort när vi har tagit bort den "gamla sort" */
#fundSearchPortlet .oldSortedDown, #fundSuperSearchPortlet .oldSortedDown, #fundChangePortlet .oldSortedDown {
	padding-right: 12px;
	background-image: url("/webdav/images/Sortering/pil-ned.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}

/** Ska tas bort när vi har tagit bort den "gamla sort" */
#fundSearchPortlet .oldSortedUp, #fundSuperSearchPortlet .oldSortedUp, #fundChangePortlet .oldSortedUp {
	padding-right: 12px;
	background-image: url("/webdav/images/Sortering/pil-upp.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}

#fundSearchPortlet .sortedUpDownTitlePadding, #fundSuperSearchPortlet .sortedUpDownTitlePadding, #fundChangePortlet .sortedUpDownTitlePadding {
	padding-right: 6px;
}

#fundSearchPortlet .sortedDown, #fundSuperSearchPortlet .sortedDown, #fundChangePortlet .sortedDown {
	padding-left: 12px;
	background-image: url("/webdav/images/Sortering/pil-ned.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#fundSearchPortlet .sortedUp, #fundSuperSearchPortlet .sortedUp, #fundChangePortlet .sortedUp {
	padding-left: 12px;
	background-image: url("/webdav/images/Sortering/pil-upp.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#fundSuperSearchPortlet .lineDistance {
	margin-top: 1em;
}

#fundSuperSearchPortlet .searchRow {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
 }

/*
  =========================== PMU NY SLUT ==================================
*/

/*
  ======================= PPM updaterade START" ============================
*/

/*
  ======================= PPM updaterade SLUT" ============================
*/

/*
  ======================= PPM CSS" ============================
*/


/*****************************************/
/*  Menyer som visas när man är inloggad */
/*****************************************/

ul.menuList {
    padding:0;
    margin:0;
    list-style-type:none;
}

/**************************************************/
/* Behållningsportlet som visar totalt värde för  */
/* respektive pensionsdel                         */
/**************************************************/
    #currentHoldingsPortlet {
        width: 100%;
        float: left;
    }
    
    #currentHoldingsPortlet #currentHoldings {
        margin-left: 1em;
        margin-top: 6em;
        height: 20em;
    }
    
    #currentHoldingsPortlet .leftColumn {
        float: left;
        width: 34em;
    }
    
    #currentHoldingsPortlet .rightColumn {
        float: left; 
        width: 26em;
    }
    
    #currentHoldingsPortlet .holdingsRow .left {
        float: left;
        width: 10em;
    }
    
    #currentHoldingsPortlet .holdingsRow .right {
        float: right; 
        width: 10em;
        text-align: right;
    }
    
    #currentHoldingsPortlet .gap {
        float: right;
        width: 1em;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        border-bottom: none;
    }
    
    #currentHoldingsPortlet .contentRow {
        clear: both;
        float: left;
        width: 100%;
    }
    
    #currentHoldingsPortlet .holdingsRow {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        padding-left: 0.4em;
        padding-right: 0.4em;
        width: 32.2em;
        float: left;
        border-bottom: 1px solid #aaa;
    }
    
    #currentHoldingsPortlet #bottomTotal {
        clear: both;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        padding-left: 0.4em;
        padding-right: 0.4em;
        width: 94%;
        float: left;
        text-align: right;
        margin-bottom: 0.5em;
    }
    
    #currentHoldingsPortlet #totalHoldings {
        margin-top: 1em;
    }
    
    #currentHoldingsPortlet #pyramidContainer {
        position: absolute;
        margin-top: 6em;
        margin-left: 11em;
    }
    
    #currentHoldingsPortlet #pyramidImg {
        width: 171px;
        height: 154px;
        border: none;
    }
    
    #currentHoldingsPortlet #prognosisContainer {
        height: 41px;
        float: left;
    }

    #currentHoldingsPortlet #prognosisContainerLeft {
        background: url("/webdav/images/DinaPensionssidor/Pyramid/v_sum.png") no-repeat;
        width: 8px;
        height: 41px;
        margin: 0;
        padding: 0;
        float: left;
    }
    
    #currentHoldingsPortlet #prognosisContainerContent {
        background-image: url('/webdav/images/DinaPensionssidor/Pyramid/m_sum.png');
        background-repeat: repeat-x;
        height: 41px;
        float: left;
        padding-left: 0.4em;
        padding-right: 0.4em;
        padding-top: 1em;
    }
    
    #currentHoldingsPortlet #prognosisContainerRight {
        background: url('/webdav/images/DinaPensionssidor/Pyramid/h_sum.png') no-repeat;
        width: 8px;
        height: 41px;
        float: left;
    }
    
    #currentHoldingsPortlet #prognosisHeader {
        float: left;
        padding-top: 1em;
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    
    #currentHoldingsPortlet .total {
        font-weight: bold;
        font-size: 115%;
        margin-right: 1em;
    }
    
    #currentHoldingsPortlet #privateSavings .left {
        color: #545f1d;
        font-weight: bold;
    }
    
    #currentHoldingsPortlet .privateSavingsActive, #currentHoldingsPortlet #privateSavingsText {
        background-color: #f4fddd;
    }
    
    #currentHoldingsPortlet #companyPension .left  {
        color: #125687;
        font-weight: bold;
    }

    #currentHoldingsPortlet .companyPensionActive, #currentHoldingsPortlet #companyPensionText {
        background-color: #e2f3fe;
    }

    #currentHoldingsPortlet #premiumPension .left {
        color: #f29513;
        font-weight: bold;
    }

    #currentHoldingsPortlet #otherAccounts .left {
        color: #f29513;
    }

    #currentHoldingsPortlet #incomePension .left  {
        color: #e34912;
        font-weight: bold;
    }

    #currentHoldingsPortlet .nationalPensionActive, #currentHoldingsPortlet #nationalPensionText {
        background-color: #feeeda;
    }

    #currentHoldingsPortlet .hiddenExplanationText {
        display: none;
    }
    
    #currentHoldingsPortlet .hiddenExplanationText, #currentHoldingsPortlet .explanationText {
        padding: 0.8em;
        height: 17.5em;
    }
    
    #currentHoldingsPortlet #noprognosis {
        padding-right: 1em;
        display: inline;
        float: left;
        width: 25em;
    }

/*****************************************/
/*                                       */
/* Tillgodohavande portlet               */
/*                                       */
/*****************************************/
#traditional_savings .label-text {
	color: #E34C15;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2.5em;
	float: left;
	text-align: left;
	font-weight: bold;
}

#traditional_savings .line-seperator {
	margin-left: 1em; margin-right: 1em; margin-top: 1em; border-bottom: 1px solid #aaa;
}

#traditional_savings .sum-of-assets {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 0.75em;
	font-size: 130%;
	font-family: Verdana,arial,sans-serif;
	font-weight: bold;
	color: #766A63;
}

/*****************************************/
/*  E-diariesökning                                                 */
/*****************************************/
#searchMattersContainer .searchLeft {
    float: left; 
    width: 23em;
}

#searchMattersContainer .searchRight {
    float: left;
    width: 28em;
}

#searchMattersContainer .datecol {
    float: left;
    width: 13em;
}

#searchMattersContainer .sortcol {
    float: left;
    width: 23em;
}

#searchMattersContainer .datuminmatning {
    width: 6.5em;
}

#searchMattersResults th.columnWidth1{
 vertical-align: top;
 width: 10%;
}

#searchMattersResults td.columnWidth1{
 vertical-align: top;
 width: 10%;
 font-size: 10px;
}

#searchMattersResults th.columnWidth2{
 vertical-align: top;
 width: 17%;
}

#searchMattersResults td.columnWidth2{
 vertical-align: top;
 width: 17%;
 font-size: 10px;
}

#searchMattersResults th.columnWidth3{
 vertical-align: top;
 width: 41%;
}
#searchMattersResults td.columnWidth3{
 vertical-align: top;
 width: 41%;
 font-size: 10px;
}

#searchMattersResults th.columnWidth4{
 vertical-align: top;
 width: 41%;
}

#searchMattersResults td.columnWidth4{
 vertical-align: top;
 width: 41%;
 font-size: 10px;
}

/*****************************************/
/*  Meddelandetext som behöver extra     */
/*  uppmärksamhet. (För systemöver-      */ 
/*  vakningen)				             */
/*****************************************/
.surveillanceMsgUp {
	color: #33cc33;
}

.surveillanceMsgDown {
	color: #cc3333;
}

/*****************************************/
/*  Login                                */
/*****************************************/
#loginPortlet label {
	width: 8.5em;
}

/*****************************************/
/*  Customer Info                        */
/*****************************************/
#customerInfoPortlet .overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 99%;
}

#customerInfoPortlet div.container {
	margin-top: 1em;
	text-align: center;
}

#customerInfoPortlet div.textfields {
	text-align: left;
}

#customerInfoPortlet div.section {
	margin-top: 1em;
}

#customerInfoPortlet #logoutForm {
	margin-top: 2em;
	margin-bottom: 1em;
}

#customerInfoPortlet .loggedInWithEid {
    float: right;
    margin-right: 1em;
}

/*****************************************/
/*  Login dropdown links                 */
/*****************************************/
#loginDropdownLinksPortlet #loginDropdownContainer {
    position:relative;
    float: left;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#loginDropdownLinksPortlet form {
    margin: 0;
}

#loginDropdownLinksPortlet #loginHelpText {
    position:relative;
    float: left;
    padding-top: 0.5em;
}

/*****************************************/
/*  Startsida ("Dina pensionssidor")     */
/*****************************************/
    
#yourPensionApplicationPortlet #investmentreturntable {
    width: 100%;
    margin-top: 1em;
}

#yourPensionApplicationPortlet #fundportfoliotable {
    width: 100%;
    margin-top: 1em;
}

#yourPensionApplicationPortlet h4 {
    margin-top: 0;
    margin-bottom: 0;
}

#yourPensionApplicationPortlet .greyboxtop {
    background-image:url("/webdav/images/Menygrafik/boxar/gra_box_top.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    height:9px;
}

#yourPensionApplicationPortlet .greyboxbody {
    background-image:url("/webdav/images/Menygrafik/boxar/gra_box_middle.jpg");
    background-repeat:repeat-y;
    background-position:top left;
}

#yourPensionApplicationPortlet .greyboxbot {
    background-image:url("/webdav/images/Menygrafik/boxar/gra_box_bottom.jpg");
    background-repeat:no-repeat;
    background-position:top left;
    height:9px;
}

#yourPensionApplicationPortlet #greybox_icon {
     position: absolute;
     margin-left: 2em;
     margin-top: 1em;
     width: 40px;
     height: 72px;
     background-image:url(/webdav/images/DinaPensionssidor/i_orange_small.png);
     background-repeat: no-repeat;
 }
 
#yourPensionApplicationPortlet #greybox_text {
     position: relative;
     padding-left: 7.5em;
     padding-top: 1.75em;
     padding-bottom: 1em;
     margin-right: 1.5em;
 }
 
#greybox h2 {
    margin: 0;
}
 
#yourPensionApplicationPortlet .yellowboxtop {
    background-image:url("/webdav/images/Menygrafik/boxar/yellow_box_top.png");
    background-repeat:no-repeat;
    background-position:top left;
    height:7px;
}

#yourPensionApplicationPortlet .yellowboxbody {
    background-image:url("/webdav/images/Menygrafik/boxar/yellow_box_middle.png");
    background-repeat:repeat-y;
    background-position:top left;
}

#yourPensionApplicationPortlet .yellowboxbottom {
    background-image:url("/webdav/images/Menygrafik/boxar/yellow_box_bottom.png");
    background-repeat:no-repeat;
    background-position:top left;
    height:7px;
}

#yourPensionApplicationPortlet .greenboxtop, #fundChangePortlet .greenboxtop, #profileAlreadyInPortfolio .greenboxtop {
    background-image:url("/webdav/images/Menygrafik/boxar/green_box_top.png");
    background-repeat:no-repeat;
    background-position:top left;
    height:7px;
}

#yourPensionApplicationPortlet .greenboxbody, #fundChangePortlet .greenboxbody, #profileAlreadyInPortfolio .greenboxbody {
    background-image:url("/webdav/images/Menygrafik/boxar/green_box_middle.png");
    background-repeat:repeat-y;
    background-position:top left;
}

#yourPensionApplicationPortlet .greenboxbottom, #fundChangePortlet .greenboxbottom, #profileAlreadyInPortfolio .greenboxbottom {
    background-image:url("/webdav/images/Menygrafik/boxar/green_box_bottom.png");
    background-repeat:no-repeat;
    background-position:top left;
    height:7px;
}

#yourPensionApplicationPortlet .minibox_left{
	background-image:url('/webdav/images/Menygrafik/boxar/minibox_left.png');
	width:6px;
	height:33px;
}

#yourPensionApplicationPortlet .minibox_middle{
	background-image:url('/webdav/images/Menygrafik/boxar/minibox_middle.png');
	background-repeat: repeat-x;
	height:33px;
	text-align:center;
}

#yourPensionApplicationPortlet .minibox_right{
	background-image:url('/webdav/images/Menygrafik/boxar/minibox_right.png');
	width:6px;
	height:33px;
}

/***************************************************************/
/*  Startsidan för nya pensionssparare ("Dina pensionssidor". fondval)     */
/***************************************************************/

#fundChoicePortlet .topRow {
    background-repeat:no-repeat;
    background-image:url(/webdav/images/DinaPensionssidor/behallning/top_b.gif);
    width: 715px;
    height: 9px;
}

#fundChoicePortlet .middleRow {
    position:relative;
    float: left;
    background-repeat: repeat-y;
    background-image:url(/webdav/images/DinaPensionssidor/behallning/middle_b.gif);
    width: 715px;
}

#fundChoicePortlet .bottomRow {
    position:relative;
    float: left;
    background-image:url(/webdav/images/DinaPensionssidor/behallning/bottom_b.gif);
    background-repeat: no-repeat;
    width: 715px;
    height: 9px;
}

#fundChoicePortlet .leftCol {
    float: left;
    width: 81px;
    height: 150px;
    margin-top: 1em;
    margin-left: 4em;
}

#fundChoicePortlet .rightCol {
    float: left;
    width: 550px;
    margin-left: 2em;
    margin-top: 1em;
}

/*****************************************/
/*  Fondfördelning                       */
/*****************************************/
#fundDistributionPortlet #leftColumn {
	width: 335px;
	/* Anges i pixlar eftersom det är bredden på diagrambilden */
	float: left;
	margin: 0;
}

#fundDistributionPortlet #leftColumn img, #fundDistributionPortlet #rightColumn img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#fundDistributionPortlet #rightColumn {
	width: 335px;
	/* Anges i pixlar eftersom det är bredden på diagrambilden */
	float: right;
	margin: 0;
}

#fundDistributionPortlet #textblock {
	width: 100%;
	margin-top: 1em;
}

#fundDistributionPortlet .headerText {
	line-height: 1.5em;
}


/*****************************************/
/*  Byt pinkod                           */
/*****************************************/
#changePinPortlet label {
	width: 10em;
}

#changePinPortlet .button {
	margin-right: 0.5em;
	display: block;
}

/*****************************************/
/*  Fondportfölj                         */
/*****************************************/
#fundPortfolioPortlet th.headerSummary {
    border-bottom: 1px solid #c1c1c1;
}

#fundPortfolioPortlet span.leftSummary {
	float: left;
	width: 46%;
	text-align: center;
}

#fundPortfolioPortlet span.rightSummary {
	float: right;
	width: 46%;
	text-align: center;
}

#fundPortfolioPortlet #symbolexplanation {
	margin-top: 0; 
    padding-top: 0;
    margin-left: 0.5em;
}

#fundPortfolioPortlet .separatorImage {
	margin-left: -1.5em;
	margin-bottom: -20px;
}

/*****************************************/
/*  Transaktionsbesked                   */
/*****************************************/


#searchTransactionsNoHitsText {
	padding-left: 1em;
	padding-top: 1em;
}

/*****************************************/
/*  Portföljrisk                         */
/*****************************************/

#portfolioRiskPortlet .skalaLiten {
	background-image:
		url("/webdav/images/Portfoljrisk/portfoljriskskala-liten.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	width: 110px;
	background-position: 0px 3px;
}

#portfolioRiskPortlet #footnote_premiespar {
    margin-left: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    float: left;
    width: 100%;
}

/*****************************************/
/*  Fondsök                              */
/*****************************************/

#fundSearchPortlet .buttonrow {
	clear: both;
    text-align: right;
    margin-right: 1em;
    float: right;
    width: 15em;
}

#fundSearchPortlet #pagination,#fundSearchPortlet #symbolexplanation {
	float: left;
	width: 100%;
    margin-left: 0.5em;
	margin-bottom: 1em;
}

#fundSearchPortlet .header {
	padding-top: 1em;
	margin-left: 14.5em;
	font-weight: bold;
	padding-bottom: 0.25em;
}

#fundSearchPortlet label.afterFormField {
	display: inline;
	vertical-align: middle;
    line-height: 18px;
    color: #363636;
}

#fundSearchPortlet #rated, #fundSearchPortlet #ethical{
    vertical-align: middle;
    line-height: 12px;
}

#fundSearchPortlet .lineDistance {
	margin-top: 1em;
}

#fundSearchPortlet .searchRow {
	margin-top: 0.3em;
	margin-bottom: 0.5em;
 }

/*****************************************/
/*  Fondbyte                             */
/*****************************************/

#fundChangePortlet .hiddenInfoLayer {
    background-color: #FBFBFB;
    visibility: hidden;
    display: none;
}

#fundChangePortlet .visibleInfoLayer {
    background-color: #FAFAFA;
    visibility: visible;
    display: table-row;
}

.infoLayerTable {
    clear: both;
    width: 100%;
}

/* Anpassning av standardtabellen för den expanderande raden i fondbytesflödet */
table.standard .infoLayerTable th {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-top: none;
    border-bottom: 1px solid #e2e2e2;
    text-align: center;
}

/* Anpassning av standardtabellen för den expanderande raden i fondbytesflödet */
table.standard .infoLayerTable th.noborder {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border: none;
    text-align: right;
}

/* Anpassning av standardtabellen för den expanderande raden i fondbytesflödet */
table.standard .infoLayerTable td {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border: none;
}

table.infoLayerTable td {
	border: none;
}

.hiddenInfoLayer th, .hiddenInfoLayer td, .visibleInfoLayer th, .visibleInfoLayer td {
	border: none;
}

#fundChangePortlet .removeInvalidFundRow {
	width: 99%;
	float: right;
	text-align: right;
	margin-top: 0.5em;
}

#fundChangePortlet .hiddenButton {
    visibility: hidden;
    display: none;
}

#fundChangePortlet .visibleButton {
    visibility: visible;
    display: block;
}

#fundChangePortlet .newdistributionfield {
	text-align: right;
}


#fundChangePortlet .hiddenReminder {
    display: none;
    visibility: hidden;
}
    
#fundChangePortlet .visibleReminder {
    display: block-table;
    visibility: visible;
    background-color: #e9e9e9;
}

#fundChangePortlet .searchTerm {
    margin: 0.5em;
    padding: 0.5em;
    float: left;
    height: 2.5em;
}

#fundChangePortlet .searchTerm label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.25em;
}

#fundChangePortlet .searchTermSubmit {
	height:2.5em;
	float: left;
	margin-top: 2.2em;
	margin-left:1em;	
}

#fundChangePortlet .advancedSearchLink {
	height:2.5em;
	float: left;
	margin-top: 2.5em;
	margin-left:1em;	
}

#fundChangePortlet #advancedSearch {
	float: right;
	width: 99%;
	text-align: right;
	margin-right: 0.5em;
	padding-bottom: 0.5em;
}

#fundChangePortlet .symbolexplanation {
	float: left;
	width: 100%;
    margin-left: 0.5em;
	margin-bottom: 1em;
}

#fundChangePortlet #pagination {
	float: left;
	width: 100%;
    margin-left: 0.5em;
}


/*****************************************/
/*  Fondval                              */
/*****************************************/
#fundChangeFirstChoicePortlet {
	margin-bottom: 1em;
}

/*****************************************/
/*  Beställ ny pinkod                    */
/*****************************************/
#orderNewPinPortlet label {
	width: 8.5em;
}

/*****************************************/
/*  De olika stegen i PPM-lotsen         */
/*****************************************/ /* Steg 1 av 6 */
#investmentAdvisorPortlet .riskText {
	vertical-align: middle;
	display: inline;
}

#investmentAdvisorPortlet .riskItem {
	margin-bottom: 0.5em;
}

#investmentAdvisorPortlet .textsection {
	float: left;
	width: 8em;
}

/* Steg 1 av 6 */
#investmentAdvisorPortlet img.riskIcon {
	margin-top: 3px;
}

/* Steg 1 av 6 */
#investmentAdvisorPortlet span.selectspacer {
	margin-left: 2em;
}

#investmentAdvisorPortlet label {
	margin-right: 0.25em;
}

#investmentAdvisorPortlet span.buttonspacer {
	margin-left: 3em;
}

#investmentAdvisorPortlet div.submitbuttons {
	margin-top: 2.5em;
	float: left;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

#riskAlternative {
	float: left;
	margin-right: 1em;
	margin-top:1em;
	margin-bottom:1em;
}

#investmentAdvisorPortlet .groupContainer {
	margin-top: 2em;
}

#investmentAdvisorPortlet .investmentAdvisorRiskImage {
	float: left;
}

#investmentAdvisorPortlet .container {
	margin: 0;
	padding: 0;
	float: left;
	width: 99%; /* Om bredden är större blir IE jättesur. */
}

#investmentAdvisorPortlet .leftColumn {
	width: 350px;
	/* Anges i pixlar eftersom det är bredden på diagrambilden */
	float: left;
	margin: 0;
}

#investmentAdvisorPortlet .rightColumn {
	width: 350px;
	/* Anges i pixlar eftersom det är bredden på diagrambilden */
	float: right;
	margin: 0;
}

#investmentAdvisorPortlet .hiddenButton {
    visibility: hidden;
    display: none;
}

#investmentAdvisorPortlet .visibleButton {
    visibility: visible;
    display: block;
}

/*****************************************/
/*  Symbolförklaringarna som används i   */
/*  fondsökningen (och Lotsen)           */
/*****************************************/
#symbolExplanation {
	width:462px;
	margin-top: 1em;
	padding: .25em;
}

#symbolExplanation .ethicalSection {
	float:left;
	margin-right: 3em;
}

#symbolExplanation div.fundRatingSection {
	float: left;
}

#symbolExplanation div.fundRiskSection {
	float: left;
}

#symbolExplanation div.fundTypeSection {
	float: left;
	width: 18em;
	margin-right: 5em;
}

#symbolExplanation .leftColumn {
	width: 7em;
	position: absolute;
}

#symbolExplanation .rightColumn {
	left: 7.5em;
	position: relative;
}

/*****************************************/
/*  Listan över fondbolag och detaljerad */
/*  visning av dessa                     */
/*****************************************/
#fundCompanyPortlet div.alphabet {
    margin-top: 1em;
}

#fundCompanyPortlet .letterRow {
    padding-top: 2em;
    float: left;
    width: 100%;
}

#fundCompanyPortlet .letter {
    float: left;
    width: 90%;
    font-size: 108%;
}

#fundCompanyPortlet .arrow {
    float: right; 
    width: 9%;
    vertical-align: top;
}

#fundCompanyPortlet img.uparrow {
    display: inline;
    vertical-align: middle;
    border: none;
}

#fundCompanyPortlet .linkRow {
    margin-bottom: 0.75em;
}

#fundCompanyPortlet .updated {
    margin-top: 4em;
    margin-left: 1em;
}

/*****************************************/
/*  Blanketter och broschyrer            */
/*****************************************/
.orderDocumentContainer .blueContainer {
	background-color: #e4eaed;
	padding: 2em 2em 0 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
	width: 89%;
}

.orderDocumentContainer .blueContainer .leftColumn,.orderDocumentContainer .blueContainer .rightColumn
	{
	float: left;
}

.groupContainer {
	margin-bottom: 1.5em;
}

.rutrubrik {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	background-color: #bdb5aa;
}

.rounded {
	background-color: #bdb5aa;
	height: 1px;
	margin-left: 1px;
	margin-right: 1px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.ruta {
	border-bottom-color: #bdb5aa;
	border-top-color: #bdb5aa;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-right-width: 2px;
	border-left-style: solid;
	border-top-style: solid;
	padding-right: 0.5em;
	border-bottom-width: 1px;
	border-right-color: #bdb5aa;
	border-right-style: solid;
	padding-bottom: 0.5em;
	border-left-width: 2px;
	padding-top: 0.5em;
	padding-left: 0.5em;
	border-left-color: #bdb5aa;
	display: block;
	margin: 0;
}

.orderDocumentContainer	.fieldcontainer {
	padding-bottom: 1em;
}

.orderDocumentContainer .fieldLeft {
	display: inline;
	width: 6%;
}

.orderDocumentContainer	.fieldcontainer input,.orderDocumentContainer .fieldcontainer a
	{
	display: inline;
	vertical-align: middle;
}

.orderDocumentContainer	.fieldcontainer .moreinfo {
	position: relative;
	left: 6%;
}

/*****************************************/
/*  Skicka e-post                        */
/*****************************************/
#customerEmailPortlet label {
	width: 9.5em;
}

#customerEmailPortlet .marker_notRequired {
	display: inline;
	visibility: hidden;
}

#customerEmailPortlet .marker_requiredQuestion {
	display: inline;
	visibility: visible;
}

#customerEmailPortlet #message {
	width: 32em;
    overflow: auto;
}

#customerEmailPortlet .categoryfaq {
	display: none;
}
    
#customerEmailPortlet #technicalDropdown {
    display: none;
}

/*****************************************/
/*  Fondfaktasida                        */
/*****************************************/
#fundFactPortlet,#fundFactPortlet #bottomSection,#fundFactPortlet #disclaimer,#fundFactPortlet #holdingsSection
	{
	float: left;
	width: 100%;
}

#fundFactPortlet {
	margin-bottom: 1em;
}

#fundFactPortlet h1 {
	display: block;
}

#fundFactPortlet .leftColumn {
	float: left;
	width: 65%;
}

#fundFactPortlet .rightColumn {
	float: right;
	width: 30%;
}

#fundFactPortlet .topsection {
	height: 320px;
	width: 100%;
	float: left;
}

#holdingsSection #holdingsLeft {
	width: 58%;
	float: left;
}

#holdingsSection #holdingsRight {
	width: 41%;
	float: right;
}


#fundFactPortlet .rubrikxgraxruta {
	font-weight: bold;
	color: #5c5c5c;
}

#fundFactPortlet .rubrikxgraxruta {
	margin-left: 0.5em;
	margin-bottom: 0.25em;
}


#fundFactPortlet .textxgraxruta,#fundFactPortlet .holdingstext {
	font-size: 90%;
	color: #5c5c5c;
}


#fundFactPortlet .textxgraxruta {
	margin-left: 0.5em;
}

#fundFactPortlet .faktaIkon {
	float:left;
	padding-left: 0.5em;
}

#fundFactPortlet .faktaIkonImage {
	border-style:none;
}

#fundFactPortlet .faktaIkonRubrik {
	vertical-align:middle;
	padding-left: 0.5em;
}

#fundFactPortlet .tabellforklaring {
	padding-top: 1.5em;
}

#fundFactPortlet table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 1em;
	line-height: 1.5;
}

#fundFactPortlet th {
	text-align: right;
	border-bottom: none;
	line-height: 1.5;
	vertical-align: top;
}

#fundFactPortlet td {
	line-height: normal;
	padding: 0.5em 0.25em;
	vertical-align: bottom;
	text-align: right;
}

#fundFactPortlet td.left,#fundFactPortlet th.left {
	text-align: left;
}

#fundFactPortlet span.imageContainer {
	vertical-align: bottom;
}

/*****************************************/
/*  Fondfaktaruta med snygg ram          */
/*****************************************/


#fundFactPortlet .fundFactBox {
	padding: 0.25em;
	margin-bottom: 1.5em;
}

#fundFactPortlet .fundFactBoxTop {
	background-image:url('/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_top.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	height:9px;
	width:226px;
}

#fundFactPortlet .fundFactBoxMiddle {
	background-image:url('/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_middle_gray.png');
	background-repeat:repeat-y;
	width:226px;
}

#fundFactPortlet .fundFactBoxBottom {
	background-image:url('/webdav/images/Gemensam/Dekorationer/Inforuta_1spalt/s_bottom.png');
	background-repeat:no-repeat;
	background-position:left top;
	height:9px;
	width:226px;
}




/*****************************************/
/*  Årligt värdebesked                   */
/*****************************************/
#annualStatementPortlet .fixedSize {
	width: 65%;
}

#annualStatementPortlet .fundTable {
	width: 100%;
}

#annualStatementPortlet #formRow {
	float: left;
	width: 100%;
	height: 2.5em;
}

#annualStatementPortlet #showButton {
	float: left; 
	vertical-align: middle; 
	margin-left: 1em;
}

#annualStatementPortlet #showSelection {
	float: left;
	margin-top: 0.2em;
	width: 5em;
}

#annualStatementPortlet #showLabel {
	float: left;
	margin-top: 0.5em;
	width: 20em;
	vertical-align: middle;
}

#annualStatementPortlet div.infobox {
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 1em;
	padding-top: 2em;
}

#annualStatementPortlet div.statementSection {
	margin-top: 1em;
}

#annualStatementPortlet .separatorImage {
	margin-left: -1.5em;
	margin-bottom: -20px;
}

/*****************************************/
/*  Premiepensionsberäkning              */
/*****************************************/
#pensionForecastPortlet .ownBalanceInput {
	margin-left: 9em;
}

#pensionForecastPortlet .coInsuredInput {
	margin-left: 2em;
}

#pensionForecastPortlet .section {
	padding-bottom: 1em;
}


/*****************************************/
/*  Underrättelse om fullmakter          */
/*****************************************/

#disclaimer {
	vertical-align: middle;
}

#disclaimerLabel {
	display: inline;
	float: none;
}

#fundmanagement .hiddenButton {
    visibility: hidden;
    display: none;
}

#fundmanagement .visibleButton {
    visibility: visible;
    display: block;
}

#fundmanagement .cantchoose {
    background-color: #edece5;
}

#fundmanagement .radioButtonColumn {
    width: 1.5em;
}

/*****************************************/
/* Bildspel på sajtens förstasida        */
/*****************************************/
#slideshow {
    position:relative;
}

#slideshow a {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    border: none;
}

#slideshow img {
    border: none;
}

#slideshow a.active {
    z-index:10;
}

#slideshow a.last-active {
    z-index:9;
}

/*****************************************/
/* Flash-filmspelaren       			 */
/*****************************************/

#BGElement {
	position:fixed;
	background-color:#000;
	z-index:12;
	top:0;
	left:0;
	opacity:0.6;
	filter:alpha(opacity=60);
}	

#FlashElement {
	position:absolute; 
	text-align:center;
	z-index:13;
}

#FlashContainer {
	position:fixed;
	height: auto;
	width: 600px;
	top: 128px;
	margin-left:-294px; 
	left: 50%;
	display: block;
	z-index:14;
	outline-style: none; 
	outline-width: 0px;
}

#noFlash {
	background-color:#FFF;
	position:fixed;
	height: 110px; 
	padding:20px; 
	width: 400px; 
	top: 328px; 
	margin-left:-194px; 
	left: 50%;
	display: block;
	outline-style: none; 
	outline-width: 0px;
}

/*****************************************/
/* Toppmenyn i sidhuvudet       		 */
/*****************************************/

table#toppmeny {
	text-align:center;
	background-image:url(/webdav/images/Menygrafik/Sidhuvud/Navmeny/bg.png);
	background-repeat:repeat-x;
	border-collapse:collapse;
	height:39px;
	/*width:87em;*/
}

table#toppmeny td.aktivcell {
	background-image:url(/webdav/images/Menygrafik/Sidhuvud/Navmeny/aktivbg.png);
	background-repeat:repeat-x;
}

table#toppmeny td.separator {
	background:url(/webdav/images/Menygrafik/Sidhuvud/Navmeny/separator.png);
	float:left;
	height:37px;
}

table#toppmeny td.startseparator {
	background:url(/webdav/images/Menygrafik/Sidhuvud/Navmeny/startseparator.png);
	background-repeat:no-repeat;
	float:left;
	height:37px;
}

table#toppmeny td.slutseparator {
	background:url(/webdav/images/Menygrafik/Sidhuvud/Navmeny/slutseparator.png);
	float:left;
	height:37px;
}

label:hover span{
	text-decoration:underline;
}

/*****************************************/
/* Vänstermenyn - sida med undersida     */
/*****************************************/
.vanstermenyxexpand {
	background-image:url("/webdav/images/Menygrafik/vmeny_pilhoger.png");
	background-repeat:no-repeat;
	background-position:right 7px;
	display:block;
	margin:0;
	padding:0;
}


/*****************************************/
/* Sök-funktionen					     */
/*****************************************/

.sokxflikbg-a {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_bg-a.gif);
	background-repeat: repeat-x;
	height: 40px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #C64B0F;
}

.sokxflikbg-n {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_bg-n.gif);
	background-repeat: repeat-x;
	height: 40px;
	text-align: center;
}

a.sokxflikbg-n, .sokxflikbg-n a, a.sokxflikbg-n:link, .sokxflikbg-n a:link, a.sokxflikbg-n:visited .sokxflikbg-n a:visited {
	text-align: center;
	text-decoration:none;
}

.sokxflikbg-n a:hover, a.sokxflikbg-n:hover {
	text-align: center;
	text-decoration: underline;
}

.sokxflikn-n {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_n-n.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 40px;
	width: 24px;
}

.sokxflika-n {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_a-n.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 24px;
}

.sokxflikn-a {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_n-a.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 24px;
}

.sokxflikleft-n {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_left-n.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	width: 20px;
}

.sokxflikleft-a {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_left-a.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 20px;
}

.sokxflikright-a {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_right-a.gif);
	background-repeat: no-repeat;
	height: 40px;
	width: 20px;
}

.sokxflikright-n {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/flik_right-n.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 40px;
	width: 20px;
}

.sokxram-topleft {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/ram_topleft.gif);
	background-repeat: no-repeat;
	height: 69px;
	width: 24px;
	background-position: top left;
}

.sokxram-topright {
	background-image: url(/webdav/images/Menygrafik/Sok/flikar/ram_topright.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 69px;
	width: 26px;
}

.sokxtrafflista {
	background-color: #FFFFFF;
}

.sokxtrafflista li {
	list-style-type:none;	
	padding-top: 20px;
	padding-right: 20px;
}

.sokxtriggertop {
	background-image: url('/webdav/images/Menygrafik/Sok/trigger_top.gif'); 
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	margin-left:-1em;
	margin-top:1.5em;
}

.sokxtriggerbody {
	background-image: url('/webdav/images/Menygrafik/Sok/trigger_body.gif');
	background-repeat: repeat-y;
	margin-left:-1em;
	padding:0.5em 1.5em 1.5em;
	margin-bottom:-0.7em;
}

.sokxtriggerbot {
	background-image: url('/webdav/images/Menygrafik/Sok/trigger_bot.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	margin-left:-1em;
	clear:both;
}

.sokxtriggerinfoikon {
	float:left;
	margin-top: 0.3em;
	margin-right: 1em;
}

.sokxtriggertext {
	margin-left:8em;
	width:51em;
	padding-top:1em;
}


/*****************************************/
/* Lyssna-knapp för ReadSpeaker	     	 */
/*****************************************/

.laddaner a {
	margin-top:4px;
	display: block;
	width: 40px;
	height: 16px;
	background: transparent url(/webdav/images/Menygrafik/Accessikoner/lyssnamp3.gif) no-repeat;
}

.laddaner a:hover {
	background-position: -40px 0;
}