/*
	Current version: 1.0
	
	Site: Xact
	www: xact.se
	Author: Robert Hedman, robert.hedman@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------
*/

/* ETC */

.msgError, .msgWarning, .msgInfo
{
	font-weight:bold;
	padding:0 0 14px 0;
	background:#fff !important;
	text-align:center;
}

.msgError
{
	border-bottom:1px dotted red;
	color:red;
}

.msgWarning
{
	border-bottom:1px dotted orange;
	color:orange;
}

.msgInfo
{

	border-bottom:1px dotted green;
	color:green;
}

.clearFix
{
	float:none;
	clear:both;
}

#startPage, #defaultPage
{
	background:url(../images/common/body-bg.gif) top center no-repeat;
}

#wrapper
{
	width:920px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

#header
{
	height:130px;
	overflow:hidden;
	background:url(../images/common/header-bg.gif) left 55px no-repeat;
}

	#logotype
	{
		background:url(../images/common/xact-logotype.gif) no-repeat;
		display:block;
		width:130px;
		height:35px;
		text-indent:-9999px;
		margin:20px 0 0 10px;
	}
	
	#searchContainer
	{
		position:absolute;
		right:65px;
		top:29px;
		width:165px;
	}
	
	.searchResultItem
	{
		background:url(../images/common/dots.gif) bottom left repeat-x;
		margin:0 0 15px 0;
		padding:0 0 15px 0;
	}
	
	/* Language */
	#language
	{
		position:absolute;
		top:38px;
		right:20px;
		padding:0 13px 0 0;
		color:#666666;
		background:url(../images/common/language-arrow.gif) right 5px no-repeat;
	}
	
		#languageList
		{
			position:absolute;
			z-index:999;
			top:55px;
			right:10px;
			width:123px;
			background:url(../images/common/language-list-bg.gif) bottom left no-repeat;
			list-style:none;
			margin:0;
			padding:0 0 10px 0;
		}
		
			#languageList li
			{
				background:url(../images/common/dots.gif) bottom left repeat-x;
				margin:0 10px;
				line-height:2em;
				padding:0;
			}
			
				#languageList li a
				{
					color:#333333;
					padding:0 0 0 5px;
				}
		
#startPage #main, #defaultPage #main
{
	width:920px;
	float:left;
	padding-bottom:20px;
	background:url(../images/common/startpage-main-lines.gif) 10px bottom no-repeat;
}

#defaultPage #main
{
	background:url(../images/common/defaultpage-main-lines.gif) 10px bottom no-repeat;
}

#footer
{
	width:900px;
	float:left;
	margin:20px 0 0 0;
	padding:15px 10px 15px 10px;
	background:url(../images/common/dots.gif) repeat-x; 
	font-size:90%;
}

	#footer ul
	{
		width:130px;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#credit
	{
		width:auto;
		float:right;
	}
	
	#footer p
	{
		clear:both;
		float:none;
		text-align:center;
		color:#bbbbbb;
		padding:30px 150px 0 150px;
	}

/* main navigation */
#topMenuList
{
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
	clear:both;
	width:100%;
}

	#topMenuList li
	{
		float:left;
		display:inline;
		margin:0;
		padding:0;
	}
	
	
		#topMenuList li a
		{
			float:left;
			display:inline;
			text-transform:uppercase;
			color:#666666;
			font-weight:bold;
			display:block;
			line-height:4.2em;
			padding:0 30px 0 30px;
			height:50px;
			background:url(../images/common/divider.gif) top right no-repeat;
		}
		
			#topMenuList li a:hover
			{
				background:url(../images/common/divider-hover.png) top right no-repeat;
			}
			
			.topMenuItemContentSelected a
			{
				background:url(../images/common/divider-hover.png) top right no-repeat !important;
			}
			
			.menuItemFirst .topMenuItemContentSelected a
			{
				background:url(../images/common/menuitem-first-active.gif) no-repeat !important;
				color:#fff !important;
			}
			
			.topMenuItemContentSelected a
			{
				background:url(../images/common/menuitem-active.gif) top right no-repeat !important;
				color:#fff !important;
			}
			
			#topMenuList .menuItemLast
			{
				position:absolute;
				top:70px;
				right:0;
			}
			
				#topMenuList .menuItemLast a
				{
					background:url(../images/common/contact-icon.png) top right no-repeat !important;
					padding-right:42px !important;
					height:60px !important;
				}
				
				#topMenuList .menuItemLast .topMenuItemContentSelected a
				{
					color:#669900 !important;
				}
				
/* Sub navigation */

#subNav
{
	width:155px;
	float:left;
	display:inline;
	background:url(../images/common/submenu-bg.gif) top right no-repeat;
	min-height:400px;
	height: auto !important;
	height:400px;
}

#subMenuActive h2
{
	margin:21px 10px 3px 10px;
}

	#subMenuActive h2 a
	{
		font-size:80%;
		color:#333333;
	}
	
#subMenuListLvl1
{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	font-size:90%;
}

	#subMenuListLvl1 li
	{
		padding:5px 10px 5px 0;
	}
	
		#subMenuListLvl1 li a
		{
			line-height:1em;
		}
	
#subMenuListLvl2
{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
}

.leftMenuSelected
{
	color:#333333;
}


/* Inner structure */
#startPage #position0
{
	clear:both;
	float:none;
}

	#startPage #position0 #fader
	{
		height:280px;
		overflow:hidden;
		margin:0 0 15px 0;
	}
	
		#faderText{display:none !important;}
	#fader p{margin:0;padding:0;}

#startPage #position1, #startPage #position2, #startPage #position3, #startPage #position4
{
	width:210px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:0 20px 0 0;
}

	#startPage #position1
	{
		margin-left:10px !important;
	}
	
	#startPage #position4, #positionBarometer
	{
		margin-right:0 !important;
		min-height:196px;
		height:auto !important;
		height:196px;
		background:url(../images/common/kundbarometern-bg.gif) 0 26px no-repeat;
		position:relative;
	}
	
		#positionBarometer
		{
			width:210px;
		}

	
		/* Kundbarometern */  
		
		#tip1
		{
			display:block;
			text-indent:-9999px;
			position:absolute;
			z-index:999;
			top:0;
			left:0;
			width:210px;
			height:196px; 
		}
		
		#tooltip {
			text-indent:0px !important;
			position:absolute;
		    top: 0;
		    left: 0;
		    z-index: 9999;
		    font-size: 76%;
		    display:none;
		    width:161px;
			height:115px;
			background:url(../images/common/tooltip-bg.png) no-repeat;
			text-align:right;
			font-size:11px;
		}
		
			#tooltip span
			{
				display:block;
				width:100px;
				float:right;
				margin:23px 15px 0 0;
			}

.kundBarometerUpperImage
		{
			position:absolute;
			top:28px;
			left:7px;
			width:89px;
			height:82px;
		}
		
		.kundBarometerLowerImage
		{
			position:absolute;
			top:110px;
			left:7px;
			width:89px;
			height:82px;
		}
		
			#upper, #lower
			{
				margin:0;
				clear:both;
				height:70px;
				padding:15px 0 0 120px;
			}
			
			.xact, .bull, .bear, .percentage, .bullNo, .bearNo, .percentageNo
			{
				font-weight:bold;
				color:#fff;
			}
			
			.xact
			{
				font-size:1.2em;
				margin:0 5px 0 0;
			}
			
				#positionBarometer .xact, #positionBarometer .bull, #positionBarometer .bear
				{
					font-size:12px;
					font-size:11px;
					position:relative;
					top:-5px;
				}
				
					#positionBarometer .percentage{position:relative;top:-5px;font-size:3em;}
			
			.bull, .bullNo
			{
				font-size:1.2em;
				color:#2497d7;
				clear:both;
				position:relative;
				z-index:100;
			}
			
			.bear, .bearNo
			{
				font-size:1.2em;
				color:#f16000;
				clear:both;
				position:relative;
				z-index:100;
			}
			
			.bullNo, .bearNo{font-size:11px;position:relative;top:-5px;}
			
			.percentage
			{
				color:#fff;
				font-size:3em;
			}
			
			.percentageNo{position:relative;top:-5px;font-size:3em;}
			
#defaultPage #position0		
{
	width:490px;
	float:left;
	display:inline;
	margin:0 0 0 30px;
}

#defaultPage #col2
{
	width:210px;
	float:right;
}

#customNav
{
	width:209px;
	float:right;
	display:inline;
	background:#7e9f09 url(../images/common/custom-nav-top.gif) no-repeat;
	min-height:140px;
	height:auto !important;
	height:140px;
	margin:-15px 0 10px 15px;
}

	#customNav h6
	{
		display:block;
		clear:both;
		font-size:130%;
		color:#333333;
		margin:0 0 30px 0;
		padding:0 0 0 20px;
		font-weight:normal;
	}
	
	#customNav ul
	{
		margin:0;
		padding:0;
		min-height:110px;
		height:auto !important;
		height:110px;
		list-style:none;
		font-size:90%;
	}
	
	
	#customNavBottom
	{
		background: url(../images/common/custom-nav-bottom.gif) no-repeat;
		height:10px;
		width:209px;
		font-size:0;
	}
	
		#customNav ul li
		{
			margin:0 20px;
			padding:5px 10px;
			background: url(../images/common/dots-white.gif) bottom left repeat-x;
		}
		
			#customNav ul li a
			{
				display:block;
				background:url(../images/common/custom-nav-icon.gif) right center no-repeat;
				color:#fff;
			}
			
				#customNav ul li a:visited
				{
					color:#5a7300;
					background:url(../images/common/custom-nav-icon-visited.gif) right center no-repeat;
				}
				
		#customNav p
		{
			color:#fff;
			margin:0 20px 1.2em 20px;
		}		
			
/* SEARCH */
#searchInput
{
	width:137px;
	height:22px;
	float:left;
	overflow:hidden;
	background:url(../images/common/search.gif) no-repeat;
}

	#searchInput input
	{
		border:0;
		background:transparent;
		width:110px;
		margin:1px 0 0 22px;
	}

#searchText
{
	display:none;
}

#searchSubmit
{
	width:22px;
	height:22px;
	float:left;
	display:inline;
	margin:0 0 0 3px;
	background:#679a00 url(../images/common/search-btn.gif) no-repeat;
}

	#searchSubmit input
	{
		width:22px;
		height:22px;
		border:0;
		background:#679a00 url(../images/common/search-btn.gif) no-repeat;
		font-size:0;
		letter-spacing:-100px;
		color:#fff;
		cursor:pointer;
	}
	
/* Articles */

#latestArticles
{
	width:940px;
	float:left;
	margin:20px 0 0 0;
	background:url(../images/common/latest-articles-bg.gif) 29px 0 no-repeat;
}

#latestArticles .article
{
	width:390px;
	float:left;
	margin:0 50px 0 30px;
	display:inline;
}

#latestArticles .article h3 a
{
	color:#333333;
	font-size:120%;
}

#latestArticles .date
{
	color:#7d9e09;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

#latestArticles .readMore
{
	display:block;
	text-indent:-999px;
	background:url(../images/common/link-arrow.gif) no-repeat;
	width:23px;
	height:23px;
	float:right;
}

#col2 .date, #subNav .date, #subMain .date, #subMainDetail .date
{
	font-size:80%;
	text-transform:uppercase;
	color:#7d9e09;
	margin:10px 0 0 0;
}

#col2 .article, #subNav .article
{
	padding:0 0 5px 0;
}

	#subNav .article
	{
		margin-left:10px;
	}

#col2 .article h3, #subNav .article h3
{
	font-size:90%;
}

.article h3 a 
{
	color:#333333;
}

	.readMore
	{
		color:#669900 !important;
	}
	
#newsArchive, #articleArchive
{
	display:block;
	height:30px;
	text-align:right;
	padding:0 28px 0 0;
	color:#333333;
	line-height:2.1em;
	margin:0 0 15px 0;
	background:url(../images/common/news-archive-btn.gif) no-repeat;
}

	#articleArchive
	{
		background-position:-70px 0;
		padding:0 44px 0 0;
	}
	
#subMain
{
	float:left;
	width:340px;
}

	#subMain .article
	{
		background:url(../images/common/dots.gif) bottom left repeat-x;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
	}

#subSide
{
	width:130px;
	float:right;
}

#subMainDetail
{
	float:left;
	width:490px;
	overflow:hidden;
}

#subSideDetail
{
	width:130px;
	float:right;
	margin:0 0 15px 15px;
}

	.categories
	{
		background:url(../images/common/dots.gif) bottom left repeat-x;
		padding:0 0 15px 0;
	}
	
#subSideDetail dl, #subSide dl
{
	margin:0;
	padding:0;
}

	#subSideDetail dl dt, #subSide dl dt
	{
		color:#333333;
		font-size:120%;
		margin:7px 0 0 0;
	}
	
	#subSideDetail dl dd, #subSide dl dd
	{
		font-size:90%;
		padding-left:0;
		margin:4px 0;
	}
	
#rss, #facebook, #delicious, #digg, #bloggy, #pusha{
	padding: 4px 0 6px 20px;
	display: block;
}
#rss{background: url(../images/common/rss.gif) left center no-repeat;}
#facebook{background: url(../images/common/facebook.gif) left center no-repeat;}

#share dt
{
	margin-top:2px !important;
}

	#share dd
	{
		background:url(../images/common/dots.gif) bottom left repeat-x;
	}
	
#share, #relatedFiles
{
	margin:0 0 15px 0;
}

	#relatedFiles span
	{
		color:#333333;
		font-size:120%;
		margin:7px 0 0;
		display:block;
	}
	
		#relatedFiles ul{margin:0;padding:0;list-style:none;font-size:90%;}
		#relatedFiles ul li {background:url(../images/common/dots.gif) bottom left repeat-x;margin:4px 0;padding:0 0 6px 0;}

#comments
{
	width:490px;
	float:left;
	background:url(../images/common/dots.gif) top left repeat-x;
	margin:15px 0 0 0;
	padding:15px 0 0 0;
}

	#read
	{
		width:340px;
		float:left;
	}
	
		#read p
		{
			font-size:90%;
		}
	
	#write
	{
		width:130px;
		float:right;
		overflow:hidden;
	}
	
		#author, #e-mail, #write-comment
		{
			width:123px;
		}
		
		
		#write .btn
		{
			display:block;
			text-indent:-999px;
			background:url(../images/common/link-arrow.gif) no-repeat;
			width:23px;
			height:23px;
			float:right;
			border:0;
			padding:0;
			font-size:0;
			color:#666666;
			margin:5px 0 0 0;
		}
		
		.kommentarer
		{
			color:#333333;
			font-size:120%;
		}
		
			
			.comment
			{
				margin:15px 0 5px 0;
				float:left;
				width:340px;
				background:url(../images/common/dots.gif) bottom left repeat-x;
			}
			
			.avatar
			{
				float:left;
			}
			
			.comment .date
			{
				color:#7d9e09;
				text-transform:uppercase;
				margin:0 0 5px 0;
				font-size:90%;
			}
			
			.comment div
			{
				width:280px;
				float:right;
			}
		
		.msgLegend{display:none;}

.pagination{margin: 20px 0 0 0; padding: 0;}
.pagination li{float: left; margin: 0 6px; list-style: none; display: inline; color: #666666; font-size: 1.1em;}
.pagination li a{color: #57af0d;}
.paginationPrevious, .paginationNext{display:inline;}
.activePage{font-weight:bold;background:#a2da00;color:#fff !important;padding:0 5px;}

/* Newsletter */

#newsletterSubscribe
{
	clear:both;
	float:none;
	width:490px;
}

.newsLetterHeading, .newsHeading
{
	display:block;
	margin:21px 10px 3px 0;
	font-size:120%;
	color:#333333;
}

#emailSubscribeText
{
	font-size:90%;
}

#SiteSubscribeForm
{
	background:url(../images/common/dots.gif) bottom left repeat-x;
	float:left;
	padding:0 0 20px 0;
	margin:0 0 15px 0;
}

	#position0 #SiteSubscribeForm
	{
		display:none;
	}
	
	#subscriberData
	{
		list-style:none;
		padding:0;
		margin:0;
	}



#emailSubscribeInput, #emailSubscribeSubmit
{
	float:left;
	width:auto;
}

#emailSubscribeInput #email
{
	border:1px solid #a8a8a8;
	width:177px;
	padding-top:3px;
	font-size:90%;
	color:#666666;
}

#emailSubscribeSubmit #btnEmailSubscribeSubmit
{
	width:22px;
	height:22px;
	border:0;
	background:#679a00 url(../images/common/search-btn.gif) no-repeat;
	font-size:0;
	color:#fff;
	cursor:pointer;
	margin:0 0 0 3px;
	letter-spacing:-100px;
}

/* Contact form */



.leftLast
{
	float: left;
}

#SendEmailForm
{
	margin:0;
	padding:0;
	width:440px;
}

#SendEmailForm label
{
	display:block;
	float:none;
	clear:both;
}

#SendEmailForm textarea
{
	clear:both;
	float:none;
}

#contactEmail ul
{
	margin: 0 !important;
	margin-left: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	list-style:none;
	list-style-type:none;
}
#contactEmail li
{
	padding: 0 !important;
	border: 0 !important;
	margin:0 !important;
}
#contactEmail input
{
	width: 175px;
	padding: 2px 0 0 4px;
	height: 19px;
	margin: 0 0 8px 0 !important;
}

#contactEmail #subject
{
	width: 100%;
}
#contactEmail #message
{
	height: 67px;
	width: 432px;
	margin: 5px 0 20px 0 !important;
	padding: 6px;
}

#contactEmail .left
{
	clear: left;
	float: left;
	width: 175px;
}
#contactEmail .right
{
	width: 175px;
	float: right;
	
}

#contactEmail .contactEmailSubmit
{
	display:block;
	text-indent:-9999px;
	background:url(../images/common/link-arrow.gif) no-repeat;
	width:23px;
	height:23px;
	float:right;
	border:0;
	padding:0;
	font-size:0;
	color:#666666;
	margin:5px 0 0 0;
	cursor:pointer;
}

/* FUND TABLES */
#middle td
{
	background:#92c900;
	color:#fff;
	padding-top:3px;
	padding-bottom:3px;
}

#inavTable td
{
	width:25%;
}

.topValign td
{
	vertical-align:top;
}

#calculatorForm{width:490px;}

#calculatorForm .submit, #avkastningCounter .submit
{
	width:22px;
	height:22px;
	float:left;
	display:inline;
	margin:0 0 0 3px;
	border:0;
	color:#fff;
	font-size:0;
	background:#679a00 url(../images/common/search-btn.gif) no-repeat;
	cursor:pointer;
}

#calculatorForm input
{
	border:1px solid #a8a8a8;
	width:177px;
	padding-top:3px;
	font-size:90%;
	color:#666666;
	float:left;
	display:inline;
}

#filesTable
{
	width:100%;
}

	#filesTable td a
	{
		background:url(../images/common/txt-icon.gif) no-repeat;
		padding-left:20px;
		display:block;
		height:16px;
		line-height:1.5em;
	}

	
.fundTabs
{
	padding:0;
	margin:0;
	position:relative;
	top:1px;
	list-style:none;
	clear:both;
}

	.fundTabs li
	{
		float:left;
		display:inline;
		margin:0 2px 0 0;
		font-size:80%;
		border-top:1px solid #e8e8e8;
		border-left:1px solid #e8e8e8;
		border-right:1px solid #e8e8e8;
		background:#fff;
	}
	
		.fundTabs li span
		{
			display:block;
			padding:7px 15px;
			cursor:pointer;
		}

		.inactiveTab
		{
			background:#e8e8e8 !important;
		}
		
		.specialTab
		{
			border-left:0 !important;
			border-right:0 !important;
			border-top:0 !important;
			width:330px;
			text-align:right;
			float:right !important;
			display:inline;
			line-height:1em;
		}
		
			.specialTab p
			{
				position:relative;
				top:-4px;
				margin:0;
				padding:0;
				display:inline;
				width:auto !important;
				x-index:999;
			}
		
		.reLoad
		{
			width:22px;
			height:22px; 
			display:inline-block !important;
			padding:0 !important;
			margin:0 !important;
			background:url(../images/common/reload-icon.gif) no-repeat;
			cursor:pointer;
			margin:0 0 5px 0;
		}
		
		.fundHeader th
		{
			color:#000;
			text-align:left;
			font-size:80%;
			background:url(../images/common/sort-icon.gif) right center no-repeat;
			cursor:pointer;
		}
		
		#etfCurrent, #etfHistorical
		{
			width:490px;
			overflow:hidden;
		}
		
#feeCounterSubmit
{
	padding:0 25px 0 0 !important;
	height:25px;
	background:url(../images/common/link-arrow.gif) right no-repeat;
	border:0;
	margin:0;
	float:right;
	cursor:pointer;
}		


/* Avkastning counter */

#avkastningCounter
{
	width:140px;
}

	#avkastningCounterBody fieldset
	{
		border:1px solid #e8e8e8;
		padding:10px;
		background:url(http://xact.dev.local/globals/themes/xact/images/common/fieldset-bg.gif) 0 -8px no-repeat;
		width:468px;
		margin: 10px 0 1em 0;
		position:relative;
	}
	
	#avkastningCounterBody legend
	{
		font-weight:bold;
		font-size:12px;
		color:#666666;
	}
	
	
	
	#avkastningCounterBody label
	{
		display:block;
		font-size:11px;
	}
	
	#avkastningCounter .txt
	{
		width:60px;
		border:1px solid #A8A8A8;
		color:#666666;
		font-size:90%;
		padding-top:3px;
		margin:0 0 5px 0;
	}
	
	#avkastningCounterBody .fundTable{overflow:hidden;}
	
	#avkastningCounterBody .fundTable th{font-size:10px;}
	#avkastningCounterBody .fundTable td{text-align:right;padding-right:2px;}
	#avkastningCounterBody .fundTable .even th
	{
		background:#ececec url(../images/common/fund-table-gray-row.gif) bottom left repeat-x;
		border-bottom:1px solid #fff;
	}
	
	#avkastningCounter .submit{float:right;display:inline;margin:0 78px 0 0;letter-spacing:-100px;}
	
	#tip
	{
		width:300px;
		height:100px;
		position:absolute;
		right:20px;
		top:30px;
		margin:-20px 10px 0 0;
		font-size:13px;
		font-style:italic;
	}
	
#dailyTable
{
	margin:20px 0 0 0;
}

#resultBox
{
	margin-top:10px;
}

.radio{width:auto !important;float:left;display:inline;margin:0 10px 0 0;}

.radioLabel{width:auto !important;float:left;display:inline;margin:0 3px 0 0;}

#resultStringBull, #resultStringBear{display:inline-block;float:left;}
#totIndexValueBull{font-weight:bold;color:#92c900}
#totIndexValueBear{font-weight:bold;color:#fb7c26}