/* 
0. Default resets
-------------------------------------------------------
1. Main framework
	1.1 Body
	1.2 Wrapper
	1.3 Header
	1.4 Navigation
		1.4.1 Sub navigation
	1.5 Content
	1.6 Footer
-------------------------------------------------------
2. Headers
-------------------------------------------------------
3. Links
-------------------------------------------------------
4. Misc and client specific elements 
-------------------------------------------------------

0. Default resets
*/

html, body{margin: 0;padding: 0;}
img{border: none;}
a:active, a:focus{outline: none;}
.clearer{clear: both;}
div{padding: 0; margin: 0;}
.site-header{display: none;}
.site-footer{display: none;}
.login-status{display: block;}
.admin-panel{display: block;}
.window-properties{z-index: 5000;}
.window-properties h1{color: #fff;}
.functions{display: none;}
.tw-li-hideTwBar{display: none;}
.tw-li-showTwBar{display: none;}
.tw-triggerWebBar {height: 58px;}


/* 

1. Main framework

	1.6 Wrapper
*/

body{
	text-align: center; /* For IE5 and below */
	font: 12px/15px "Arial", Helvetica, sans-serif;
	color: #38393c;
	height: 100%;
	background: #0f1b34 url('../client/images/framework/main-bg.jpg') top center repeat-x;
	
}
a:link, a:active, a:visited{
	color: #375786;
	text-decoration: underline;
}
a:hover{
	color: #618ecf;
	text-decoration: underline;
}

/*
	1.2 Wrapper
*/

.wrapper{
	text-align: left;
	width: 970px;
	margin: 0px auto;
}

/*
	1.3 Header
*/

.header{
	height: 147px;
	position: relative;
	overflow: hidden;
}
	.header .logotype
	{
		width: 410px;
		height: 95px;
		margin-top: 25px;
		float: left;
	}
	.header .esc-logotype
	{
		width: 56px;
		height: 69px;
		margin: 53px 20px 0 0;
		float: left;
	}
.member-login
{
	float: right;
	width: 314px;
	height: 117px;
	background: url('../client/images/framework/login-bg.png') no-repeat;
	margin-top: 20px;
	color: #c6d1e6;
	padding: 15px 15px;
	font-size: 12px;
	position: relative;
}
	.member-login .head
	{
		font-weight: bold;
		margin-bottom: 5px;
	}
	.member-login .left
	{
		float: left;
		width: 92px;
	}
	.member-login .middle
	{
		float: left;
		width: 170px;
		margin-right: 5px;
	}
		.member-login .middle input
		{
			margin-bottom: 2px;
		}
	.member-login .right
	{
		float: left;
		width: 44px;
		padding-top: 25px;
	}
	.member-login-text
	{
		float: left;
		margin: 3px 0 5px;
	}
	.member-login input
	{
		width: 171px;
		height: 20px;
		background: url('../client/images/framework/member-login-input-bg.jpg') left no-repeat;
		border: none;
		font-size: 12px;
		color: #23344f;
		padding: 2px 2px;
	}
	.member-login input.tw-loginBtn
	{
		background: url(../client/images/framework/login-button.png) no-repeat;
		width: 44px;
		height: 20px;
		padding: 0;
		text-indent: -9999px;
		position: absolute;
		right: 15px;
		top: 54px;
	}	
	.member-login .right .member-login-button
	{
		width: 44px;
		height: 20px;
		background: none;
	}
	.member-login .login-text
	{
		font-size: 11px;
		margin-top: 0px;
	}
	
	.member-login .login-text a
	{
		color: #c6d1e6;
	}
	
/*Login*/

.tw-loginSite th, .tw-loginSite td
{
	text-align: left;
	padding: 2px 6px 2px 0;
	font-size: 11px;
}

/*
	Signup
*/

.admin-table-form table td
{
	width: auto;
}
.admin-table-form th{color: #666;}

/*
	1.4 Navigation
*/

.navigation{ /* for the body bg */
	width: 970px;
	height: 55px;
	background: url('../client/images/menu/menu-bg.png') no-repeat;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	padding: 0 0 0 10px;
	clear: both;
}
	
	.navigation ul
	{
		width: 970px;
		margin: 0;
		padding: 0;
		list-style: none;
		margin-bottom: -2px;
		overflow: hidden;
	}
	.navigation ul.tw-menuLevel1 li
	{
		float: left;
		padding-right: 10px;
	}
	 
		/*link*/
		.navigation ul.tw-menuLevel1 li a
		{
			display: block;
			color: #cdd3dd;
			background: url('../client/images/menu/menu-item-bg.png') left no-repeat;
			text-decoration: none;
		}
		.navigation ul.tw-menuLevel1 li a:hover
		{
			display: block;
			color: #fff;
			background: url('../client/images/menu/menu-item-bg.png') left no-repeat;
			text-decoration: none;
		}
			.navigation ul.tw-menuLevel1 li a span
			
			{
				display: block;
				padding: 22px 20px 20px 20px;
				margin-right: -6px;
				background: url('../client/images/menu/menu-item-bg-corner.png') right no-repeat;
			}
		/*active, hover*/
		.navigation ul.tw-menuLevel1 li.active a
		{
			color: #121e36;
			background: url('../client/images/menu/menu-item-active-bg.png') left no-repeat;			
		}
		.navigation ul.tw-menuLevel1 li.active a:hover
		{
			color: #45587b;
			background: url('../client/images/menu/menu-item-active-bg.png') left no-repeat;			
		}
		.navigation ul.tw-menuLevel1 li.active a span
		{
			color: #121e36;
			background: url('../client/images/menu/menu-item-active-bg-corner.png') right no-repeat;
		}

/*
	Navigation level 2
*/
.sub-level-2{
	padding: 0;
	font-size: 13px;
}
	.sub-level-2 .tw-menuLevel2{
		margin: 0;
		padding: 0;
		list-style: none;
		
	}

	.sub-level-2 .tw-menuLevel2 li{
		position: relative;
	}
	.sub-level-2 .tw-menuLevel2 li a
	{
		text-decoration: none;
		display: block;
	}
	
	* html .sub-level-2 .tw-menuLevel2 li a{ /*IE6 hack to get sub menu links to behave correctly*/
		display: inline-block;
	}	
	/* Holly Hack for IE \*/
	* html .sub-level-2{height: 1%;} /*Holly Hack for IE7 and below*/	
	
		/*first*/
		.sub-level-2 .tw-menuLevel2 li.first a
		{
			background: url('../client/images/menu/submenu-item-first.png') no-repeat;
			color: #496183;
			padding: 17px 0 14px 20px;
			
		}
		.sub-level-2 .tw-menuLevel2 li.first a:hover
		{
			background: url('../client/images/menu/submenu-item-first-hover.png') no-repeat;
			padding: 17px 0 14px 20px;
			color: #121e36;
		}
		/*first active*/
		.sub-level-2 .tw-menuLevel2 li.first a.active
		{
			background: url('../client/images/menu/submenu-item-first-active.png') no-repeat;
			color: #121e36;
			padding: 17px 0 14px 20px;
		}
		.sub-level-2 .tw-menuLevel2 li.first a.active:hover
		{
			background: url('../client/images/menu/submenu-item-first-active-hover.png') no-repeat;
			color: #121e36;
			padding: 17px 0 14px 20px;
		}
		/*last*/
		.sub-level-2 .tw-menuLevel2 li.last a
		{
			background: url('../client/images/menu/submenu-item-last.png') no-repeat;
			color: #496183;
			padding: 10px 0 20px 20px;
		}
		.sub-level-2 .tw-menuLevel2 li.last a:hover
		{
			background: url('../client/images/menu/submenu-item-last-hover.png') no-repeat;
			padding: 10px 0 20px 20px;
			color: #121e36;
		}
		/*last active*/
		.sub-level-2 .tw-menuLevel2 li.last a.active
		{
			background: url('../client/images/menu/submenu-item-last.png') no-repeat;
			color: #496183;
			padding: 10px 0 20px 20px;
		}
		.sub-level-2 .tw-menuLevel2 li.last a.active:hover
		{
			background: url('../client/images/menu/submenu-item-last-active-hover.png') no-repeat;
			color: #121e36;
			padding: 10px 0 20px 20px;
		}		
		/*regular*/
		.sub-level-2 .tw-menuLevel2 li a
		{
			background: url('../client/images/menu/submenu-item.png') bottom no-repeat;
			padding: 9px 0 10px 20px;
			color: #765150;
		}
		.sub-level-2 .tw-menuLevel2 li a:hover
		{
			background: url('../client/images/menu/submenu-item-hover.png') bottom no-repeat;	
			color: #3b2120;
		}
		/*regular active*/
		.sub-level-2 .tw-menuLevel2 li.active a:hover
		{
			background: url('../client/images/menu/submenu-item-active-hover.png') bottom no-repeat;

		}
		.sub-level-2 .tw-menuLevel2 li.active a
		{
			background: url('../client/images/menu/submenu-item-active.png') bottom no-repeat;
			color: #31748b;
		}
		
		/*
			Navigation level 4
		*/
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3
		{
			position: absolute;
			left: 191px;	
			display: none;
			visibility: hidden;
			width: 188px;
			z-index:100;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li a,.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li a:visited
		{
			color: #496183;
		}
		
		/*regular*/
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li a
		{
			background: url('../client/images/menu/submenu-level3-item.png') bottom no-repeat;
			padding: 7px 0 7px 15px;	
		}
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li a:hover
		{
			background: url('../client/images/menu/submenu-level3-item.png') bottom no-repeat;
			padding: 7px 0 7px 15px;	
		}		
		
		/*first*/
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li.first a
		{
			background: url('../client/images/menu/submenu-level3-item-first.png') bottom no-repeat;
			padding: 22px 0 7px 15px;	
		}
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li.first a:hover
		{
			background: url('../client/images/menu/submenu-level3-item-first.png') bottom no-repeat;
			padding: 22px 0 7px 15px;
		}
		/*last*/
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li.last a
		{
			background: url('../client/images/menu/submenu-level3-item-last.png') bottom no-repeat;
			padding: 7px 0 10px 15px;
		}
		.sub-level-2 .tw-menuLevel2 li .tw-menuLevel3 li.last a:hover
		{
			background: url('../client/images/menu/submenu-level3-item-last.png') bottom no-repeat;
			padding: 7px 0 10px 15px;
		}

		


/*
	1.5 Content
*/

.content{
	width: 930px; /* for the body bg */
	background: #eef1f5 url('../client/images/framework/content-bg.jpg') top no-repeat;
	min-height: 300px;
	height:auto !important;
	height: 300px;
	overflow: hidden;
	padding: 20px;
	margin: 0;
}
.content-bottom
{
	width: 970px;
	background: url('../client/images/framework/content-bottom.jpg') no-repeat;
	height: 50px;	
}

.contentArea
{
	overflow: hidden;
}
.contentArea .settings
{
	text-align: left;
}


/*
	TW areas subpages
*/
.main2 .defaultMain{
	width: 710px;
}
.main2 .defaultLeft {
	float: left;
	width: 400px;
}
.main2 .defaultRight{
	float: right;
	width: 270px;
}
.main2 .defaultBottom{
	clear: both;
	width: 710px;
}

.sidebar2
{
	float: left;
	width: 191px;
	margin-right: 29px;
}
.main2
{
	float: left;
	width: 710px;
}

/*
	TW Area margins
*/
.marginTop .innerTwArea
{
	padding-top: 20px;	
}
.marginRight .innerTwArea
{
	padding-right: 20px;	
}
.marginBottom .innerTwArea
{
	padding-bottom: 20px;	
}
.marginLeft .innerTwArea
{
	padding-left: 20px;	
}



/* starpage boxes */
.startpage-boxes
{
	
	width: 710px;
	height: 296px;
	margin-bottom: 20px;
}
	.startpage-boxes div
	{
		float: left;
	}
	.startpage-boxes .box-one a:hover h2, .startpage-boxes .box-one a:hover h3,
	.startpage-boxes .box-two a:hover h2, .startpage-boxes .box-two a:hover h3,
	.startpage-boxes .box-three a:hover h2, .startpage-boxes .box-three a:hover h3
		{
			color: #000;
		}
	.box-one
	{
		width: 235px;	
		height: 296px;
		position: relative;
	}
		.box-one h2
		{
			font-size: 30px;
			font-weight: normal;
			letter-spacing: -1px;
			color: #4b4444;
			margin: 0;
			padding: 3px 0 15px 35px;
		}
		.box-one h3
		{
			font-size: 17px;
			font: 17px/18px Arial;
			font-weight: bold;
			letter-spacing:1px;
			color: #4b4444;
			margin: 0;
			padding: 0 0 7px 0;
		}
		.box-one span.readMore
		{
			width: 63px;
			height: 25px;
			display: block;
			position: absolute;
			top: 250px;
			right: 17px;
			color: #fff;
		}
	.startpage-boxes .box-one a
	{
		display: block;
		height: 236px;
		width: 175px;
		padding: 30px 40px;
		background: url('../client/images/box/startpagebox-bg-one.jpg') left no-repeat;
		color: #322f2f;
		text-decoration: none;
	}
		.startpage-boxes .box-one a:hover
		{
			display: block;
			height: 236px;
			width: 175px;
			padding: 30px 40px;
			background: url('../client/images/box/startpagebox-bg-one-hover.jpg') left no-repeat;
			color: #000;
			text-decoration: none;
		}
		
		
	.box-two
	{
		width: 235px;	
		height: 296px;
		position: relative;
	}
		.box-two h2
		{
			font-size: 30px;
			font-weight: normal;
			letter-spacing: -1px;
			color: #4b4444;
			margin: 0;
			padding: 3px 0 15px 35px;
		}
		.box-two h3
		{
			font-size: 17px;
			font: 17px/18px Arial;
			font-weight: bold;
			letter-spacing:1px;
			color: #4b4444;
			margin: 0;
			padding: 0 0 7px 0;
		}
		.box-two span.readMore
		{
			width: 63px;
			height: 25px;
			display: block;
			position: absolute;
			top: 250px;
			right: 21px;
			color: #fff;
		}
	.startpage-boxes .box-two a
	{
		display: block;
		height: 236px;
		width: 175px;
		padding: 30px 40px;
		background: url('../client/images/box/startpagebox-bg-two.jpg') left no-repeat;
		color: #322f2f;
		text-decoration: none;
	}
		.startpage-boxes .box-two a:hover
		{
			display: block;
			height: 236px;
			width: 175px;
			padding: 30px 40px;
			background: url('../client/images/box/startpagebox-bg-two-hover.jpg') left no-repeat;
			color: #000;
			text-decoration: none;
		}
		

	.box-three
	{
		width: 235px;	
		height: 296px;
		position: relative;
	}
		.box-three h2
		{
			font-size: 30px;
			font-weight: normal;
			letter-spacing: -1px;
			color: #4b4444;
			margin: 0;
			padding: 3px 0 15px 35px;
		}
		.box-three h3
		{
			font-size: 17px;
			font: 17px/18px Arial;
			font-weight: bold;
			letter-spacing:1px;
			color: #4b4444;
			margin: 0;
			padding: 0 0 7px 0;
		}
		.box-three span.readMore
		{
			width: 63px;
			height: 25px;
			display: block;
			position: absolute;
			top: 250px;
			right: 25px;
			color: #fff;
		}
	.startpage-boxes .box-three a
	{
		display: block;
		height: 236px;
		width: 175px;
		padding: 30px 40px;
		background: url('../client/images/box/startpagebox-bg-three.jpg') left no-repeat;
		color: #322f2f;
		text-decoration: none;
	}
		.startpage-boxes .box-three a:hover
		{
			display: block;
			height: 236px;
			width: 175px;
			padding: 30px 40px;
			background: url('../client/images/box/startpagebox-bg-three-hover.jpg') left no-repeat;
			color: #000;
			text-decoration: none;
		}

/*
	1.8 Footer
*/

.footer{
	height: 50px;
	color: #445773;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	clear: both;
	padding: 10px 0 0 0;
}

.footer .left{
	width: 400px;
	float: left;
}
.footer .right{
	float: right;
	text-align: right;	
}
.footer a
{
	color: #445773;
	font-weight: bold;
	text-decoration: none;
}

/*
2. Headers

*/
h1, h2, h3, h4, h5, h6{
	font-family: Georgia, Times new roman;
	color: #565a61;
	font-weight: normal;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong
{
	color: #9198a4;
	font-weight: normal;
}
	h1{
		margin: 5px 0 7px 0;
		font-size: 45px;
		line-height: 47px;
	}
	h2{
		margin: 7px 0 5px 0;
		font-size: 32px;
		line-height: 34px;
	}
	h3{
		margin: 7px 0 5px 0;
		font-size: 24px;
		line-height: 26px;
	}
	h4{
		margin: 7px 0 4px 0;
		font-size: 23px;
		line-height: 25px;
	}
	h4{
		margin: 10px 0 3px 0;
		font-size: 16px;
		line-height: 18px;
	}
/* 

3. Links

*/
	a{text-decoration: none;}
	a:hover{text-decoration: none;}

/*
	Flags
*/

.flag-container
{
	right: 25px;
	top: 17px;
	position: absolute;
}
.flags a
{
	width: 24px;
	height: 24px;
	padding: 0;	
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	display: block;
	text-indent: -9999px;
}
.flags a:hover{color: #eee;}
a.en-US{background: url(../client/images/flag-en.png) no-repeat;}
a.en-US:hover{background: url(../client/images/flag-en-hover.png) no-repeat;}
a.sv-SE{background: url(../client/images/flag-se.png) no-repeat;}
a.sv-SE:hover{background: url(../client/images/flag-se-hover.png) no-repeat;}

/*
	News
*/

.news-area .news-item{
	margin-bottom: 20px;
}

	.news-area .news-item a span{
		font-size: 11px;
		color: #765150;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}
	.news-area .news-item a span:hover{
		font-size: 11px;
		color: #09485d;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}
.news-area a .news-date{
	font-size: 11px;
	color: #765150;
	text-decoration: none;
}
.news-area a .news-header{
	margin-bottom: 4px;
	text-decoration: none;
	font-weight: bold;
	color: #424b4d;
}
.news-text{
	color: #424b4d;
}
.news-item a{
	text-decoration: none;
}

/*
	Search
*/

.tw-searchArea
{
	margin: 0 0 10px 0;
	overflow: hidden;
}
	.tw-searchArea div
	{
		float: left;
		margin-left: 4px;	
	}
	.search-input
	{
		background: url('../client/images/search-input.jpg') no-repeat;	
		color: #88999c;
		font-size: 11px;
		width: 149px;
		height: 19px;
		border: none;
		padding: 6px 0 0 5px;
	}
	.search-button, .input-button-search
	{
		background: url('../client/images/search-submit.jpg') no-repeat;
		font-size: 11px;
		color: #e2eff3;
		padding: 2px 17px 5px 15px;
		height: 26px;
		width: 54px;
		text-transform: none;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	

/*  
	News / Pressreleases
*/

.newsArchive-header, .news-header
{
	display: none;	
}
	.news-date
	{
		color: #765150;
	}
	
	.tw-ctrlNews a{color: #333;}
	.tw-ctrlNews a:hover{color: #666;}
	.tw-ctrlNews a strong{text-decoration: none;}