/*
	Current version: 1.0
	
	Site: El-kretsen
	www: elkretsen.se
	Author: Robert Hedman, robert.hedman@atrox.se	
	Notes: Modules
*/



#wrapper
{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
	
	#header
	{
		height:131px;
		background:#fff url(../images/wrapper-top.gif) no-repeat;
		position:relative;
		z-index:1;
	}
	
		#logotype
		{
			display:block;
			width:220px;
			height:75px;
			background:url(../images/elkretsen-logotype.gif) no-repeat;
			text-indent:-9999px;
			margin:26px 0 0 0;
			display:inline-block;
			float:left;
		}
		
		#positionHeader
		{
			width:auto;
			height:16px;
			margin:54px 0 0 0;
			float:right;
			display:inline;
			font-size:10px;
			font-weight:bold;
			text-transform:uppercase;
		}
		
			#positionHeader a
			{
				display:inline-block;
				background:url(../images/icon-link.gif) center right no-repeat;
				line-height: 16px;
				padding-right:17px;
				margin-right:20px;
				color:#000;
			}
			
				#positionHeader a:hover{color:#00a2e5 !important;}
	
				#positionHeader a.kunskapsdatabasen {
					background:url("../images/kunskapsdatabasen.gif") no-repeat scroll 0 0 transparent;
					padding:0 0 0 21px;
				}
#col1
{
	width:700px;
	float:left; 
}

#col2, #col3
{
	width:220px;
	float:right;
	margin:20px 0 0 0;
}

	#col3{margin-top:0;}
	#article #col2{margin-top:20px;}
	#article h1{font-size:36px;line-height:1;}

#start h2{font-size:12px;margin-top:0;}
#start p{font-size:12px;}
#start #pos4
{
	height:33px;
	background:url(../images/start-newsteaser-bg.gif) no-repeat;
	line-height:2.4;
	padding-left:20px;
}

	#start #pos4 a
	{
		display:inline-block;
		background:url(../images/icon-newsteaser-link.gif) center right no-repeat;
		padding:0 17px 0 0;
		font-size:14px;
		color:#000;
	}
	
#start #pos1, #start #pos2
{
	width:220px;
	height:210px;
	float:left;
	overflow:hidden;
	margin-top:20px;
	position:relative;
}

	#start #pos1{background:url(../images/start-pos1-bg.gif) no-repeat;}
	#start #pos2{background:url(../images/start-pos2-bg.gif) no-repeat;margin-left:20px;}
	
	#start #pos1 h2, #start #pos2 h2
	{
		margin:37px 20px 1px 20px;
	}
	
	#start #pos1 p, #start #pos2 p
	{
		margin:0 20px 0 20px;
	}
	
	#start #pos1 a, #start #pos2 a
	{
		position:absolute;
		bottom:10px;
		right:30px;
		color:#000;
		font-weight:bold;
	}
	
#start #pos6, #article #pos6
{
	width:220px;
	height:152px;
	overflow:hidden;
	float:right;
	background:url(../images/start-pos6-bg.gif) no-repeat;
	margin:20px 0 0 0;
}

	#article #pos6{margin-top:64px;}
		#pressArkiv{display:block;width:220px;height:53px;background:url(../images/btn-pressarkiv.gif) no-repeat;margin-top:226px;text-indent:-9999px;}
	#start #pos6 div, #article #pos6 div{margin:10px;}
	

		
#start #articles, #landing #articles, #default #articles, #video #articles
{
	width:700px;
	height:152px;
	overflow:hidden;
	float:left;
	margin:20px 0 0 0;
}

#footerWrapper
{
	float:left;
	width:940px;
	height:61px;
	background:url(../images/footer-bg.gif) no-repeat;
	overflow:hidden;
	margin:20px 0 5px;
	color:#c7c8ca;
}

	
		#footer p
		{
			color:#7c7d80;
			font-size:11px;
			width:190px;
			display:block;
			float:left;
			margin:12px 0 0 20px;
			font-weight:bold; 
			line-height:1.2;
		}
		
			#footer p a{color:#7c7d80}
	
	#credit, #copyright{font-size:11px;width:auto;color:#c7c8ca;}	
	#credit{float:right;margin:5px 10px 10px 0;}
		#credit a{color:#c7c8ca;}
	#copyright{float:left;margin:5px 0 10px 10px;}


#landing #content, #default #content
{
	margin:20px 0 0 0;
	width:700px;
	float:left;
}
	#landing #content h1, #default #content h1, #article h1{margin-left:20px;}
		#default #pos1 h1{margin-left:0;}
		#default #pos1 h2{margin-left:0;}

.recycle #pos2, .producer #pos2, .default #pos2
{
	width:220px;
	overflow:hidden;
	float:right;
	font-size:12px;
}

	.default #pos5{margin-top:20px;width:220px;float:left;}
	
	.recycle #pos2 div, .producer #pos2 div, .default #pos2 div{margin:30px 20px 10px 20px;}
	
	.recycle #pos2
	{
		background:#fdf3f8 url(../images/pink-box-top.gif) no-repeat;
	}
		.recycle #pos2 a{color:#e56fb1}
	
	.producer #pos2
	{
		background:#eaf5dc url(../images/green-box-top.gif) no-repeat;
	}
	
		.producer #pos2 a{color:#6da71b}
	
	.default #pos2
	{
		background:#e1f3fa url(../images/blue-box-top.gif) no-repeat;
	}
	
		.default #pos2 a{color:#006695}
	
		.recycle #pos2 .bottom, .producer #pos2 .bottom, .default #pos2 .bottom
		{
			background:url(../images/pink-box-bottom.gif) bottom left no-repeat;
			width:220px; 
			height:12px;
			font-size:0;
			margin:0; 
			clear:both;
			float:none;
		}
		
		.producer #pos2 .bottom{background:url(../images/green-box-bottom.gif) bottom left no-repeat;}
		.default #pos2 .bottom{background:url(../images/blue-box-bottom.gif) bottom left no-repeat;}

#landing #pos1, #default #pos1
{
	width:440px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	overflow:hidden;
}



.rightPuffGrayTop, .rightPuffGreenTop, .rightPuffBlueTop
{
	background:#f5f5f5 url(../images/right-puff-top.gif) no-repeat;
	float:right;
	width:220px;
	font-size:12px;
}

	.rightPuffGreenTop{background:#f0f7e8 url(../images/right-puff-green-top.gif) no-repeat;}
	.rightPuffBlueTop{background:#e1f3fa url(../images/right-puff-blue-top.gif) no-repeat;}

	.rightPuffGrayTop strong
	{
		font-size:12px;
		padding-top:0;
		text-transform:uppercase;
		color:#fff;
		display:inline-block;
		margin:6px 0 5px 0;
	}
	
	.rightPuffGrayTop p{margin-left:10px;margin-right:10px;}
	.rightPuffGreenTop div{margin:10px 10px 0 10px;}

.rightPuffGrayBottom, .rightPuffGreenBottom, .rightPuffBlueBottom
{
	background:url(../images/right-puff-bottom.gif) no-repeat;
	height:12px;
	float:right;
	font-size:0;
	width:220px;
	margin:0 0 10px 0;
}

	.rightPuffGreenBottom{background:url(../images/right-puff-green-bottom.gif) no-repeat;}
	.rightPuffBlueBottom{background:url(../images/right-puff-blue-bottom.gif) no-repeat;}
	

/* PRIMARY NAVIGATION */ 


.navContent
{
	width:940px;
	overflow:hidden;
	margin:0;
	float:left;
	height:30px;
	background:#1ea3e8 url(../images/nav-bg.gif);
}

	.navList
	{
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		width:940px;
		background:url(../images/nav-bg-right.gif) center right no-repeat;
	}
	
		.navList li
		{
			height:30px;
			display:inline;
			float:left;
			margin:0;
		}
		
			.navList .menuItemFirst a
			{
				background:url(../images/nav-bg-left.gif) no-repeat;
				
			}
			
				.navList .menuItemFirst a:hover
				{
					background:url(../images/nav-bg-left-active.gif) no-repeat;
				}
				
			.navList .menuItemLast
			{
				/* float:right; used this when last item was right aligned */
			}
			
			.navList .menuItemLast a
			{
				/*border-right:0 !important;*/
				/* background:url(../images/nav-bg-right.gif) center right no-repeat;  used this when last item was right aligned */
			}
			
				.navList .menuItemLast a:hover
				{
					/* background:url(../images/nav-bg-right-active.gif) center right no-repeat; used this when last item was right aligned */
				}
				
			.menuItem1_2 a:hover, #menuLi1_2 .navItemContentSelected a
			{
				background:url(../images/nav-bg-item2-active.gif) repeat-x !important;

			}
			
				
		
			.navList li a{border-right:1px solid #77cdf1;padding:0 15px;text-transform:uppercase;line-height:2.4;font-size:12px;color:#fff;font-weight:bold;height:30px;display:inline-block;}
				.navList li a:hover{background:url(../images/nav-bg-active.gif) repeat-x}
				.navList li .navItemContentSelected{background:url(../images/nav-bg-active.gif) repeat-x !important;}
		

		
			.navItemRightSelected{background:url(../images/tab-right-active.gif) no-repeat !important;}
		
		.menuItemFirst .navItemContentSelected a
		{
			background:url(../images/nav-bg-left-active.gif) no-repeat !important;
		}
		
		.menuItemLast .navItemContentSelected a
		{
			/*background:url(../images/nav-bg-right-active.gif) center right no-repeat !important;*/
		}
			.navItemContentSelected{background:url(../images/tab-active.gif) repeat-x !important;}
				.navItemContentSelected a{color:#fff !important;}
				
/* SECONDARY NAVIGATION */

.subNav
{
	width:220px;
	overflow:hidden;
	float:right;
	margin:0 0 10px 0;
}

	.subNav .menuItemLast{margin:0;}



.subNavActive h2{font-size:12px;margin:0;}

.recycle.newsletter .subNavActive, .recycle .subNavActive, .producer .subNavActive, .default .subNavActive, .newsletter .subNavActive
{
	height:30px;
	background:url(../images/subnav-recycle-top.gif) no-repeat;
}

	.producer .subNavActive, .newsletter .subNavActive{background:url(../images/subnav-producer-top.gif) no-repeat;}
	.default .subNavActive{background:url(../images/subnav-default-top.gif) no-repeat;}
	.recycle .subNavActive a, .producer .subNavActive a, .default .subNavActive a, .newsletter .subNavActive a{display:inline-block;color:#fff;margin:8px 0 0 10px;}

.subMenuActive
{
	display:none;
}

.subNavContent
{
	background:url(../images/subnav-bottom.gif) bottom left no-repeat;
	padding-bottom:30px;
	margin-bottom:10px;
}

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

		.menuItemLast{border:0;}
		.subNavListLvl1 li{border-top:1px solid #fff;padding:0;margin:0;background:#f5f5f5;}
		.subNavListLvl1 li a{font-size:12px;line-height:2.2;display:inline-block;height:30px;width:220px;padding:0 10px;color:#19181b;}
			.subNavListLvl1 li a:hover{color:#19181b;}

			.subNavListLvl1 li .menuItemLast .leftMenuSelected{background:url(../images/submenu-active-bg.gif) bottom left no-repeat !important;}
		.subNavListLvl1 .leftMenuSelected{background:url(../images/submenu-active-bg.gif) no-repeat;}
		
.subNavListLvl2
{
	list-style:none;
	margin:0;
	padding:0;
}

	.subNavListLvl2 li{margin:0;padding:0;background:#fafafa;}
	.subNavListLvl2 li a{font-weight:normal;font-size:11px;line-height:2.6;color:#19181b;}
		.subNavListLvl2 li a:hover{color:#19181b;}
		.subNavListLvl2 li .menuItemLast{background-image:none !important;}
		.subNavListLvl2 li .menuItemLast .leftMenuSelected{background-image:none !important;}
		.recycle .subNavListLvl2 .leftMenuSelected{color:#c0478a;background-image:none !important;}
		.producer .subNavListLvl2 .leftMenuSelected{color:#6ca51a;background-image:none !important;} 
		.default .subNavListLvl2 .leftMenuSelected{color:#0188de;background-image:none !important;}
		
		
	


/* ETC */
.clearFix
{
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
	float:none;
}

.errorFieldset
{
	margin:0;
	padding:20px;
	background:#F0F7E8;
	border:1px solid #c7deac;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.msgLegend
{
	display:none;
}

.errorFieldset .errorFieldset{border:0;padding:0;}

.msgError, .msgWarning,.msgInfo{margin:0;padding:0;}
.msgError{color:#e50000}
.msgWarning{color:orange;}
.msgInfo{color:green;}

.description
{
	float: left;
	display: inline;
	width: 160px;
	margin: 0 20px 0 0;
}

iframe
{
	border: 0;
	padding: 0;
	margin: 0;
	float:left;
	width:190px;
	height: 130px;
}
iframe html, iframe body
{
	margin: 0;
	padding: 0;
}

.bluebox, .bluebox .content, .bluebox .footer, .bluebox .footer b {
	background-image: url(../images/start-login-bg.gif);
}

.bluebox.login {
	clear:both;
	width:219px;
}

.bluebox .content {
	background-position:right 0;
	height:142px;
	margin-left:15px;
	padding-top:40px;
}

.bluebox .footer {
	background-position:0 bottom;
	display:block;
	height:24px;
}

.bluebox .footer b {
	background-position:right bottom;
	display:block;
	height:24px;
	margin-left:19px;
}

iframe.login_small {
	background-color:#FFFFFF;
	height:130px;
	margin:0 0 0 13px;
	padding-top:13px;
	width:181px;
}

h3.login {
	background:url("../images/login_header_small.png") no-repeat scroll 0 -30px transparent;
	font-size:1px;
	height:30px;
	margin:-30px 0 0 -5px;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
}

h3.login.producer {
	background-position:0 0;
}

.eng h3.login {
	background:url("../images/login_header_small_eng.png") no-repeat scroll 0 0 transparent;
	font-size:1px;
	height:30px;
	margin:-30px 0 0 -5px;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
}



/**
 * El-Kretsen, Avl�mningssystemet
 * @author Daniel Djurfelter, Atrox Development
 * @created 2010-06-09
 **/


/* Boxes */
.box.main {
	margin:0 auto;
	width:700px;
}

.main .inner .box {
	margin:5px 0px;
}

.box .header, .box .header span, .box .footer, .box .footer span {
	background-image:url(../images/sprite_boxes.png);
	font-size:0px;
}

.box .content {
	background:#f5f5f5;
	overflow:hidden;
	padding:0 11px;
}

.box .header, .box .footer {
	background-position:0 top;
	display:block;
	height:10px;
}

.box .header span, .box .footer span {
	background-position:right top;
	display:block;
	height:10px;
	margin-left:10px;
	font-weight:bold;
}

.box .footer {
	background-position:0 -36px;
}

.box .footer span {
	background-position:right -36px;
}

.box.inner .header {
	background-position:0 -47px;
}

.box.inner .header span {
	background-position:right -47px;
}

.box.inner .footer {
	background-position:0 -84px;
}

.box.inner .footer span {
	background-position:right -84px;
}

.box.main .box.inner .content {
	background-color:#FFFFFF;
	overflow:hidden;
	padding:0;
	width:100%;
}

.box.inner .content .margin {
	margin:10px 20px;
}

.box.main .content {
	padding:0 11px;
}

/* Tabs */
.tabs {
	height:29px;
	overflow:hidden;
}

a.tab {
	background:url("../images/sprite_buttons.png") no-repeat scroll right -30px transparent;
	font-size:10px;
	font-weight:bold;
	padding:8px 7px 8px 0;
	color:#646561;
	text-decoration:none;
	text-transform:uppercase;
	line-height:30px;
}

a.tab span {
	background:url("../images/sprite_buttons.png") no-repeat scroll left 0 transparent;
	padding:8px 0 8px 7px;
}

a.tab:hover, a.tab:active, a.tab.active {
	background-position: right -90px;
	color:#000;
}

a.tab:hover span, a.tab:active span, a.tab.active span {
	background-position: left -60px;	
}

/* Buttons */
a.button {
	background:url("../images/sprite_buttons.png") no-repeat scroll right -294px transparent;
	color:#19181B;
	font-size:12px;
	font-weight:bold;
	line-height:24px;
	padding:4px 23px 5px 0;
	text-decoration:none;
	color:#FFF;
}

a.button span {
	background:url("../images/sprite_buttons.png") no-repeat scroll left -270px transparent;
	padding:4px 5px 5px 11px;
}

a.button.document {
	background-position:right -318px;
}

a.button.add {
	background-position:right -486px;
}

a.button.ok {
	background-position:right -366px;
}

a.button.ok span {
	background-position:left -342px;
}

a.button.back {
	background-position:right -462px;
	padding-right:11px;
}

a.button.back span {
	background-position:left -438px;
	padding-left:25px;
}

a.button.cancel{
	background-position:right -414px;
}

a.button.cancel span {
	background-position:left -390px;
}

div.input {
	background:url("../images/sprite_buttons.png") no-repeat scroll right -629px transparent;
	float:left;
	height:25px;
	padding-right:12px;
	overflow:hidden;
}

div.input div {
	background:url("../images/sprite_buttons.png") no-repeat scroll left -604px transparent;
	border:0 none;
	height:25px;
	margin:0;
	padding:0 0 0 10px;
}

div.input div input {
	border:0 none;
	margin-top:2px;
	color:#666;
}

div.input div input.active {
	color:#000;
}

div.input.items {
	float:left;
	margin-right:10px;
	width:200px;
}

div.input.items input {
	width:180px;
}

.icon, td.ok .icon {
	background:url("../images/sprite_buttons.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:27px;
	text-indent:-9999px;
	width:27px;
	margin:0px auto;
}

.icon.ok, td.ok .icon {
	background-position:-45px -664px;
}


/* Tables */
.companies table {
	width:100%;
	margin:10px 0;
}

.companies thead th {
	background:url("../images/sprite_buttons.png") no-repeat scroll -3px -540px transparent;
	border-left:1px solid #E9E9E9;
	border-right:1px solid #F8F8F9;
	height:32px;
	text-align:left;
	padding:0px 10px;
	text-transform:uppercase;
}

.companies th.first {
	border-left:0;
	background-position: 0 -540px;
}

.companies th.last {
	border-right:0;
	background-position:right -572px;
}

.companies th.product {

}

.companies th.items {

}

.companies th.delete {
	text-align:center;
	width:38px;
}

.companies td {
	border-bottom:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	height:30px;
	padding:2px 10px;
	text-align:center;
}

.companies td.company {
	text-align:left;
}

.companies td.last {
	border-right:1px solid #EFEFEF;
}

.companies td.deal, .companies th.deal {
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
	width:45px;
}

div.submit {
	float:left;
}

.disclaimer {
	clear:both;
	color:#8f9094;
	font-size:11px;
	padding:10px 0 0;
}


.searchbox {
	clear:both;
	float:right;
	height:40px;
}

.tables {
	clear:both;
}

#searchTableArea {
	clear:both;
}

div.table.loading div.loader {
	background:url("../images/loading.gif") no-repeat scroll 0 0 transparent;
	padding:9px 0 5px 35px;
}

div.table.loading div.contentHolder {
	display:none;
}


/* VIDEO TEMPLATE */

#video #pos1
{
	width:640px;
	float:left;
	display:inline;
	margin:0;
	overflow:hidden;
}


	#video #cboxClose,
	#video #cboxTopLeft,
	#video #cboxTopRight,
	#video #cboxTopCenter,
	#video #cboxMiddleLeft,
	#video #cboxMiddleRight,
	#video #cboxBottomLeft,
	#video #cboxBottomCenter,
	#video #cboxBottomRight
	{
		display:none !important;
	}
	
	#cboxLoadedContent{margin-bottom:0;}

.filmBox
{
	width:310px;
	overflow:hidden;
	float:left;
	background:#f5f5f5 url(../images/film-box-bottom.png) bottom left no-repeat;
	font-size:12px;
	height:367px;
	margin:0 0 20px 0;
}

	.filmBox p{font-size:12px;}

.filmBox.right
{
	float:right;
}

	.filmBox .filmTop
	{
		width:310px;
		height:30px;
		background:url(../images/film-box-top.png) no-repeat;
	}
	
	.filmBox .marginContainer{margin:0 20px 20px 20px;}