﻿/****************Formatting****************************/
.MainHeading
{
    margin-top: 16px;
    margin-bottom: 10px;
	font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 25px;
    EditMenuName: Huvudrubrik;
}
.MidHeading
{
    color: #444;
    margin-top: 16px;
    margin-bottom: 4px;
    font-family: Lucida Sans, Tahoma;
    font-size: 13px;
    font-weight: bold;
    EditMenuName: Mellanrubrik Svart;
}
.MidHeadingPink
{
    color: #cf0079;
    margin-top: 16px;
    margin-bottom: 4px;
    font-family: Lucida Sans, Tahoma;
    font-size: 13px;
    font-weight: bold;
    /*EditMenuName: Mellanrubrik Rosa;*/
}
.MidHeadingBlack
{
    margin-top: 16px;
    margin-bottom: -5px;
	font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 16px;
}
.Normal
{
    color: #444;
    font-family: Georgia, Times New Roman;
    line-height: 17px;
    font-size: 12px;
    EditMenuName: Vanlig text;
}

.MainHeadingPinkLine
{
    font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cf0079;
    /*EditMenuName: Huvudrubrik med rosa linje;*/
}
.MidHeadingPinkLine
{
    font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cf0079;
    /*EditMenuName: Mellanrubrik med rosa linje;*/
}
.MainHeadingBlueLine
{
    font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #009dc6;
    /*EditMenuName: Huvudrubrik med blå linje;*/
}
.MidHeadingBlueLine
{
    font-weight: bold;
    font-family: Lucida Sans, Tahoma;
    font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #009dc6;
    text-transform: uppercase;
    /*EditMenuName: Mellanrubrik med blå linje;*/
}

.Rounded 
{
    background: url(/Templates/Public/Images/rounded.gif) no-repeat left top;
}

input .Rounded 
{
    border: none;
    background: #FFF;
    width: 165px;
}

p
{
    margin: 0px;
}
ul 
{
    list-style-image: url(/Templates/Public/Images/arrow.gif);
    margin: 0px;
}
li 
{
    vertical-align: middle;
    padding-left: 8px;
    margin-bottom: 11px;
}

h4
{
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

fieldset
{
    border: 0px;
}

.PuffBlockRow
{
	padding-bottom: 16px;
}

.PuffBlockRowStart
{
    padding-bottom: 8px;
}

.RSSContent
{
	float: left;
	padding: 1px 15px;
	width: 550px;
}

/********** Misc *****************/
.DashedLineDiv
{
	border-bottom: 1px dashed #b5b5b5;
}

.iframeAdobeConnect
{
	width: 100%;
	height: 100%;
	border: 0;
}
.dimmerDiv
{
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	background-color: #777777; 
	filter:alpha(opacity=75); 
	-moz-opacity: .75; 
	opacity: .75; 
	display: none; 
	z-index: 99;
}
	/* IE6 width/height fix */
	* html .dimmerDiv
	{
		width: 200%;
		height: 1080px;
	}
.pagediv
{
	width: 423px; 
	float: left; 
	padding: 15px 12px 15px 13px;
}
	* html .pagediv	/* pagediv hack for IE6 */
	{
		width: 423px; 
		float: left; 
		padding: 15px 8px 15px 13px;
	}
.clearfix
{
    clear: both;
}
.clearfix_notIE
{
	clear: both;
	clear: none;		/* clearfix-Hack for IE7 */
}
*html .clearfix_notIE	/* clearfix-Hack for IE6 */
{
	margin-top: -30px;	/* Margin must be = NewFlash div height */
}
.Image
{
    display: block;
    border: 0px;
    padding-bottom: 15px;
}

.fleft
{
    float:left;
}

.fright
{
    float: right;
}

.CenterAligned
{
    text-align: center;
}
.CenterAligned
{
    text-align: -moz-center;
}

/* IE6 border bug fix */
* html .ie6BorderFix { height: 1%; margin-top: 30px; }

/* *************** TopMenu *********************/
.TopMenu
{
    width: 100%;
    font-family: Lucida Sans, Tahoma;
    border-bottom: 1px solid #c3c4c8;
    float: right;
    font-size: 11px;
    font-weight: bold;
}
    .TopMenuItem
    {
        display: block;
        float: left;
        height: 29px;
        margin-left: 2px;
    }
        .TopMenuItemLeft
        {
            display: block;
            float: left;
            height: 29px;
            width: 4px;
            background-image: url(/Templates/Public/Images/topmenu_l.gif);
            background-repeat: no-repeat;
            background-position: 0% 100%;
        }
        .TopMenuItemMid
        {
            color: #5d6d7d;
            padding: 11px 6px 0px 6px;
            display: block;
            float: left;
            height: 18px;
            background-image: url(/Templates/Public/Images/topmenu_m.gif);
            background-repeat: repeat-x;
            background-position: 0% 100%;
        }
        .TopMenuItemRight
        {
            display: block;
            float: left;
            height: 29px;
            width: 4px;
            background-image: url(/Templates/Public/Images/topmenu_r.gif);
            background-repeat: no-repeat;
            background-position: 0% 100%;
        }

    .TopMenuItem_Selected
    {
        display: block;
        float: left;
        height: 29px;
        margin-left: 2px;
    }
        .TopMenuItemLeft_Selected
        {
            display: block;
            float: left;
            height: 29px;
            width: 4px;
            background-image: url(/Templates/Public/Images/topmenuActive_l.gif);
            background-repeat: no-repeat;
        }
        .TopMenuItemMid_Selected
        {
            color: White;
            padding: 8px 6px 0px 6px;
            display: block;
            float: left;
            height: 21px;
            background-image: url(/Templates/Public/Images/topmenuActive_m.gif);
            background-repeat: repeat-x;
        }
        .TopMenuItemRight_Selected
        {
            display: block;
            float: left;
            height: 29px;
            width: 4px;
            background-image: url(/Templates/Public/Images/topmenuActive_r.gif);
            background-repeat: no-repeat;
        }
        
/************************ LeftMenu *************************/
.Breadcrumb
{
	font-family: Arial;
	font-weight: normal;
	font-size: 11px;
}
.LeftMenu
{
    width: 206px;
	position: relative;
	font-size: 11px;
}
	.LeftMenuTopItem
	{
		position: relative;
		width: 201px;
		height: 21px;
        border-top: 1px solid #c3c4c8;
		/*padding-left: 5px;
		padding-top: 3px;*/
	}
	.LeftMenuTopItem:hover
	{
		background-color: #cb017b;
	}
	    .LeftMenuTopItemArrow
	    {
	        width: 6px;
	        height: 100%;
	        padding-right: 5px;
	        background-repeat: no-repeat;
	        background-position: left 7px;
	    }

	    .LeftMenuTopItem a
	    {
	        color: #cb017b;
	        display: block;
	        width: 183px;
			padding-left: 5px;
			padding-top: 4px;
			padding-bottom: 4px;
			/*background-image: url(/Templates/Public/Images/arrow_pink.gif);
			background-repeat: no-repeat;
			background-position: right;*/
	    }
	    .LeftMenuTopItem a:hover
	    {
			color: #ffffff;
	    }
	    
	.LeftMenuSelected
	{
		font-weight: bold;
	}
		.LeftMenuSubMenu
		{
			width: 156px;
			position: relative;
			margin-bottom: 4px;
			color: #444;
			padding-right: 5px;
			padding-bottom: 1px;
			padding-left: 5px;
		}
			.LeftMenuSubItem
			{
				position: relative;
				padding-top: 2px;
				padding-bottom: 2px;
			}
			    .LeftMenuSubItem a 
	            {
	                color: #444;
	            }
				.LeftMenuSubItemArrow
				{
					width: auto;
					padding-left: 10px;
					background-position: left 5px;
					background-repeat: no-repeat;
				}
	.LeftMenuArrowRight
    {
        background-image: url(/Templates/Public/Images/arrow_pink.gif);
    }
    .LeftMenuArrowDown
    {
        background-image: url(/Templates/Public/Images/arrow_pink_down.gif);
    }
 /* ********************** ArticleItem **********************/      
.ArticleItem
{
    clear: both;
}
    .ArticleItem a
    {
        color: #d31f8a;
        text-decoration: underline;
    }
.Seperator
{
    clear: both;
    color: Black;
    background-color: Black;
    margin: 0px;
    padding: 0px;
}
/* ********************** Page **********************/  
.Page
{
}
    .PageHeader
    {
        margin-bottom: 10px;
    }
    .PageBody
    {
    }
        .PageBody p
        {
            padding: 0px;
        }
    .PageFooter
    {
        
    }
/********************** Misc ******************/
label
{
	display: block;
	font-family: Arial;
	font-size: 11px;
}

.LogoImage
{
	display: block;
	clear: both;
	margin-top: 25px;
	border: 0;
}

.NewsFlash
{
    padding: 9px 8px 0px 8px;
    width: 844px;
    height: 22px;
    background-color: #f7f7f9;
    border-bottom: 1px solid #c3c4c8;
    border-top: 1px solid #c3c4c8;
}

.NewsFlashVertical
{
	border-right: 1px solid  #c4c4c4;
	width: 200px;
	margin-top: 30px;
	font-family: Arial;
	font-size: 11px;
	display: block;
	clear: both;
}
	.NewsFlashVertical a, .NewsFlashVertical a:visited
	{
		text-decoration: underline;
		font-size: 11px;
	}
	.NewsFlashVertical span
	{
		font-weight: bold;
	}
	.NewsFlashVertical td
	{
		vertical-align: top;
	}
	.NewsFlashVertical table
	{
		padding: 2px;
	}

.TopImage
{
    padding: 8px 0px 8px 0px;
    margin-bottom: 8px;
    border-bottom: 1px solid #c3c4c8;
}

.Breadcrumb
{
    height: auto;
    width: 190px;
    color: #a0a0a0;
    font-weight: bold;
    padding: 3px 0px 9px 5px;
}
    .Breadcrumb a:hover {text-decoration:underline;}

.Login
{
    color: #eeeeee;
    float: right;
    width: 320px;
    height: 30px;
    background-color: #009ec7;
    /*background-color: #004155;*/
    background-image: url(/Templates/Public/Images/flik_searchpad.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.Login_LoggedIn
{
    color: #eeeeee;
    float: right;
    width: 320px;
    height: 30px;
    background-color: #cb017b;
    text-align: right;
}
* html .Login_LoggedIn { padding-top: 5px; height: 34px; }	/* IE6 height/text fix */

.Search
{
    color: #eeeeee;
    float: right;
    width: 200px;
    height: 30px;
    margin-right: 3px;
    background-color: #2E3F53;
}
* html .Search { height: 10px; padding: 0px; margin: 0px; }

.FormButton
{
	background: #ae0074;
	color: #FFFFFF;
	padding: 3px;
	border: 0;
	font-family: Georgia;
	font-size: 12px;
	cursor: pointer;
}

.InputTextField
{
	color: #AAAAAA;
	font-family: Georgia;
	font-size: 12px;
	padding: 3px;
	color: #ae0074;
	border: 1px solid #b5b5b5;
}

/******************* Modules *********************/
.Module
{
    height: auto;
    display: block; 
    background-repeat: no-repeat; 
    background-position: right bottom;
}
    .xformvalidator
    {
        color: Red;
        display: block;
        float: none;
        clear: both;
    }
    .Module input 
    {
        display: block;
    }
.NoBackground
{
    background-image: none; 
}
.DarkGrey
{
    color: White;
    background-position: right bottom;
    background-color: #2e3f53;
    background-image: url(/Templates/Public/Images/bg_DarkGrey.jpg);
}
    
.LightBlue
{
    background-position: right bottom;
    background-color: #eef7fe;
    background-image: url(/Templates/Public/Images/bg_LightBlue.jpg);
}
.Boxed
{
    background-image: url(/Templates/Public/Images/bg_Boxed.jpg);
}

/******************* Portal *********************/
#PortalPage
{
	display: block;
}
	#PortalContent
	{
		display: block;
		border-top: 1px solid #eaeaea;
		padding: 30px; 
		font-family: Garamond; 
		font-size: 16px;
		float: left;
		width: 800px;
	}
	* html #PortalContent { margin-top: 0px; } /* IE6 padding fix */
		#PortalContent table span
		{
			font-family: Arial;
			font-weight: bold;
			font-size: 11px;
		}
		#PortalContent table tr td
		{
			font-family: Arial;
			font-size: 11px;
		}	
		#PortalContent .LeftMenuTopItem
		{
			font-family: Arial;
		}
		#PortalContent .LeftMenuSubItem
		{
			font-family: Arial;
		}
		.PortalContentRight
		{
			float: left;
			width: 570px;
			padding-left: 14px;
		}
		.PortalContentLeft
		{
			float: left;
		}

.clickMenu 
{
	background: url(/Templates/Public/Images/hover.gif) no-repeat;
	width: 205px;
	height: 70px;
	padding: 20px 20px;
}
    .clickMenu a
    {
        color: #ffffff;
    }

/**************** Portal Pension tables *********************/
.portalPensionTable
{
	border: 1px solid #c5c5c5; 
	width: 100%;
}

.portalPensionTable td
{
	padding: 5px;
}

.PortalSummaryTable
{
	border: 1px solid #c5c5c5; 
	width: 100%;
	margin-bottom: 40px;
}
	.PortalSummaryTable td
	{
		padding: 2px;
		color: #444;
		font-family: Arial;
		line-height: 17px;
		font-size: 12px;
	}
	.PortalSummaryTableHeader
	{
		font-weight: bold;
	}
	.PortalSummaryTableFooter
	{
		font-style: italic;
	}
	.GraphRed
	{
		width: 4px;
		background-color: #FF0000;
	}
	.GraphBlue
	{
		width: 4px;
		background-color: #000080;
	}
	.GraphYellow
	{
		width: 4px;
		background-color: #FFFF80;
	}

/**************** PortalTopMenu *********************/
#PortalTopMenu
{
    width: 100%;
    font-family: Lucida Sans, Tahoma;
    float: left;
    font-size: 11px;
    display: block;
}
	#PortalTopMenuLeft
	{
		float: left;
	}
	#PortalTopMenuRight
	{
		float: right;
	}
		.PortalTopMenuItem
		{
			display: block;
			float: left;
			height: 29px;
			margin-left: 2px;
		}
			.PortalTopMenuItemLeft
			{
				display: block;
				float: left;
				height: 29px;
				width: 4px;
				background-image: url(/Templates/Public/Images/portal_topmenu_l.gif);
				background-repeat: no-repeat;
				background-position: 0% 100%;
			}
			.PortalTopMenuItemMid
			{
				color: #5d6d7d;
				padding: 11px 6px 0px 6px;
				display: block;
				float: left;
				height: 18px;
				background-image: url(/Templates/Public/Images/portal_topmenu_m.gif);
				background-repeat: repeat-x;
				background-position: 0% 100%;
			}
			.PortalTopMenuItemRight
			{
				display: block;
				float: left;
				height: 29px;
				width: 4px;
				background-image: url(/Templates/Public/Images/portal_topmenu_r.gif);
				background-repeat: no-repeat;
				background-position: 0% 100%;
			}

		.PortalTopMenuItem_Selected
		{
			display: block;
			float: left;
			height: 29px;
			margin-left: 2px;
		}
			.PortalTopMenuItemLeft_Selected
			{
				display: block;
				float: left;
				height: 29px;
				width: 4px;
				background-image: url(/Templates/Public/Images/portal_topmenuActive_l.gif);
				background-repeat: no-repeat;
			}
			.PortalTopMenuItemMid_Selected
			{
				color: #FFFFFF;
				padding: 8px 6px 0px 6px;
				display: block;
				float: left;
				height: 21px;
				background-image: url(/Templates/Public/Images/portal_topmenuActive_m.gif);
				background-repeat: repeat-x;
			}
			.PortalTopMenuItemRight_Selected
			{
				display: block;
				float: left;
				height: 29px;
				width: 4px;
				background-image: url(/Templates/Public/Images/portal_topmenuActive_r.gif);
				background-repeat: no-repeat;
			}
			
#btnLogOut_l
{	
	background-image: url(/Templates/Public/Images/btn_logout_l.gif);
	width: 17px;
	height: 33px;
	float: left;
}
#btnLogOut_m
{	
	background-image: url(/Templates/Public/Images/btn_logout_m.gif);
	width: auto;
	float: left;
	height: 33px;
}
	#btnLogOut_m div
	{
		padding-top: 8px;
	}
#btnLogOut_r
{	
	background-image: url(/Templates/Public/Images/btn_logout_r.gif);
	width: 17px;
	height: 33px;
	float: left;
}
			
/********* News Ticker *************/
.tickercontainer .mask 
{
    position: relative;
    width: 790px;
    overflow: hidden;
}
	ul.newsticker 
	{
		position: relative;
		left: 750px;
		font: bold 10px Verdana;
		list-style-type: none;
		margin: 0;
		padding: 0;

	}
	ul.newsticker li 
	{
		float: left;
		margin: 0;
		padding: 0;
	}
	ul.newsticker a 
	{
		white-space: nowrap;
		padding: 0;
		color: #cb017b;
		font: bold 10px Verdana;
		margin: 0 50px 0 0;
	} 
	ul.newsticker span 
	{
		margin: 0 10px 0 0;
	}