﻿/*
	-----------------------------------
		Yra
		Linnégatan 80
		104 51 Stockholm
		www.yra.se
	-----------------------------------
*/
body 
{
	font-size: 69%;
	line-height: 1.4;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color: #191919;
	background-color: #ffffff;
	margin:0px;
	padding: 0px;
}

a
{
	color: #0F0F6F;
	text-decoration: underline;
}
a.AnchorPlace 
{
	text-decoration: none;
	color: #191919;
}
a.DoubleArrow
{
	
	background-image: url("../images/LinkDoubleArrow.gif");
	background-repeat:no-repeat;
	display:inline-block;
	background-position:right 0.5em;
	padding-right: 10px;
}

a.DoubleArrowExtraSpace
{
	
	background-image: url("../images/LinkDoubleArrow.gif");
	background-repeat:no-repeat;
	display:inline-block;
	background-position:right 0.5em;
	padding-right: 10px;
	margin-right:20px;
}

*a.DoubleArrowExtraSpace
{
	background-position:right 1em;
}

img
{
	border: 0px;
}

ul, li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

h1
{
	font-size: 1.9em;
	line-height: 1.2;
	margin:10px 0px 10px 0px;
	padding:0px;
	
}

h2
{
	font-size:1.3em;
	line-height: 1.2em;
	font-weight:bold;
	margin:10px 0px 10px 0px;
	padding:0px;
}
	h2.normalBold
	{
		font-size:1em;
		font-weight:bold;
		margin: 0px 0.5em 0px 0px;
		padding:0px;
		display: inline;
	}

h3
{
	font-size:1em;
	font-weight:bold;
	margin: 0px 0.5em 0px 0px;
	padding:0px;
	display: inline;
}

.title
{
	font-size:1em;
	font-weight:bold;
	margin: 0px 0.5em 0px 0px;
	padding:0px;
}

p
{
	margin:0px 0px 5px 0px;
}

.Height5
{
	height:0.3em;
}

.Height10
{
	height:0.6em;
}
.Height16
{
	height:1em;
}

.redColor
{
	color: #ff0000;
}

.greyLine
{
	width: 500px;
	border-top: 0.1em solid #737373;
}

/* class to use when floating needs to break */
.floatbreak
{
	height:0px;
	margin: 0px;
	padding:0px;
	overflow:hidden;
	clear:both;
}
.floatLeft
{
	float: left;
	
}
	.floatLeft1cols
	{
		float: left;
		width: 13em;
	}
	.floatLeft15cols
	{
		float: left;
		width: 25em;
	}
	.floatLeft2cols
	{
		float: left;
		width: 33em;
	}
	.floatLeft25cols
	{
		float: left;
		width: 54em;
	}
	.floatLeft3cols
	{
		float: left;
		width: 57em;
	}
.floatRight
{
	float: right
}
/* class to use for hiding information */
.invincible
{
	margin:0px;
	display:none;
}

form
{
	margin: 0px;
	padding:0px;
}
fieldset
{
	margin: 0px;
	padding: 0px;
	
	border: 0px;
}
legend
{
	display:none;
}
select .Choosen
{
	background-color: #EEEEEE;
}
	.FormSelect1
	{
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 1em;
		width: 16em;
		margin-top:3px;
	}

	.FormSelect2
	{
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 1em;
		width: 14em;
		height: 9em;
		margin-top: 3px;
		
	}
	.FormSelect3
	{
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 1em;
		width: 38em;
		height: 9em;
		margin-top: 3px;
		
	}
	.FormSelect4
	{
		font-family: Arial, Verdana, Helvetica, sans-serif; 
		font-size: 1em;
		width: 23em;
		height: 9em;
		margin-top: 3px;
		
	}
	
.formSearchText
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1em;
	width: 45em;
	height: 1.3em;
	margin-top: 3px;
}	

.formButton
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 1em;
	font-weight: bold;
	padding-left: 5px;
}
	.formButtonArrowBack
	{
		background-image: url("../images/formArrowBack.gif");
		background-repeat:no-repeat;
		background-position: 0.2em 0.4em;
		width: 6em;
	}
	.formButtonArrowUp
	{
		background-image: url("../images/formArrowUp.gif");
		background-repeat:no-repeat;
		background-position: 0.2em 0.45em;
		width: 10em;
	}
	.formButtonArrowDown
	{
		background-image: url("../images/formArrowDown.gif");
		background-repeat:no-repeat;
		background-position:right;
		width: 7em;
	}
	
	.formButtonArrowForward
	{
		background-image: url("../images/formArrowForward.gif");
		background-repeat:no-repeat;
		background-position:right;
		width: 14em;
	}
	
		.formButtonArrowForwardSmall
		{
			background-image: url("../images/formArrowForward.gif");
			background-repeat:no-repeat;
			background-position:right;
			width: 3.8em;
			margin: 5em 6px 0px 6px;
		}
		
		.formButtonArrowForwardBig
			{
				background-image: url("../images/formArrowForward.gif");
				background-repeat:no-repeat;
				background-position:right;
				width: 24em;
			}


.HelpImageLink
{
	margin-right:10px;
	position: relative;
	top:2px;
}
.IconImageLink
{
	margin-right:10px;
	position: relative;
	top:0.4em;
}

#oldbrowsers
{
	display: none;
}	

#PageContainer
{
	width:77em;
	height: auto;
	/*border: 1px solid black;*/
}
	#PageContainer #HeaderLeft
	{
		float:left;
		padding-top: 10px;
		width: 10.5em;
	}
	#PageContainer #HeaderRight
	{
		display:none;
	}
		
		
#PageContainer #SiteMapPath
{
	margin-top: 10px;
}
	#PageContainer #SiteMapPath a
	{
		color: #333333;
		background-image: url("../images/SiteMapPathArrow.gif");
		background-repeat:no-repeat;
		display:inline-block;
		background-position:right;
		padding-right: 7px;
		
	}
		
	#PageContainer #SiteMapPath a.Choosen
	{
		font-weight: bold;
		color: #191919;
		text-decoration:none;
		cursor: text;
		background-image:none;
	}
#PageContainer #MainContainer
{
	width: 85.5em;
		font-size: 1em;
}
	#PageContainer #MainContainer #LeftMain
	{
		width: 58em;
		float: left;
	}
	#PageContainer #MainContainer #LeftMain .ListCell,#PageContainer #MainContainer #LeftMain .ListCell2
	{
		width: 20em;
		float: left;
		padding:1em 0em 1em 0em;
	}
	
		#PageContainer #MainContainer #UnitInfo
		{
			
			border:1px solid #000000;	
			border-bottom: 0px;
			width:98.2%;
			padding: 5px;
			
		}
	
		#PageContainer #MainContainer #LeftMain .ListCell2 a
		{
			display: block;
			text-decoration:underline;
			background-image: none;
			background-repeat:no-repeat;
			background-position:0em 0em;
			padding-left: 0em;
			
		}
		
		#PageContainer #MainContainer #LeftMain .ListCell2 a.Choosen
		{
			font-weight: bold;
		}
		
		#PageContainer #MainContainer #LeftMain .ListCell a
		{
			display: block;
			background-image: url("../images/formArrowForward.gif");
			background-repeat:no-repeat;
			background-position:0em 0.4em;
			padding-left: 0.8em;
			
		}
			#PageContainer #MainContainer #LeftMain .ListCell a.Choosen
			{
				background-image: url("../images/formArrowDown.gif");
				background-repeat:no-repeat;
				background-position:0em 0.5em;
				padding-left: 0.8em;
				font-weight: bold;
				
			}
			
			#PageContainer #MainContainer #LeftMain .ListCell a.City
			{
				background-image: none;
				background-repeat:no-repeat;
				background-position:0 0;
				padding-left: 0;
				margin-left: 2em;
			}
			
			#PageContainer #MainContainer #LeftMain .SearchResultTitle
			{
				font-size: 1.2em;
				margin: 10px 0px 7px 0px
			}
			
			#PageContainer #MainContainer #LeftMain .SearchResult a
			{
				margin-right: 0.2em;
			}
			
			#PageContainer #MainContainer #LeftMain .SearchResult a.Choosen
			{
				text-decoration:none;
			}
	
	#PageContainer #MainContainer #RightMain
	{
		width: 20em;
		float:right;
		display:none;
	}
	

	#PageContainer #MainContainer .BoxWidth
	{
		width: 58em;
		
	}
	#PageContainer #MainContainer .BoxesFour
	{
		float: left;
		width: 18em;
		margin:0em 1em 0em 0em;
	}
		#PageContainer #MainContainer .BoxesFour a
		{
			
			background-image: url("../images/LinkArrow.gif");
			background-repeat:no-repeat;
			display:inline-block;
			background-position:right;
			padding-right: 0.5em;
		}
		
		#PageContainer #MainContainer #BoxGreyBorder2
		{
			border: 1px solid #000000;
			background-color: #EEEEEE;
			width: 56em;
			padding:7px 10px 10px 10px;
		}
		
		
		
		#PageContainer #MainContainer #BoxGreyBorder1
		{
			border: 1px solid #000000;
			background-color: #EEEEEE;
			width: 71em;
			padding:7px 10px 10px 10px;
		}
		
		#PageContainer #MainContainer #BoxGreyBorder1 #BoxWhite, #PageContainer #MainContainer #BoxGreyBorder2 #BoxWhite
		{
			margin-top: 7px;
			padding:7px 10px 10px 10px;
			background-color: #ffffff;
		}
		
		#PageContainer #MainContainer #BoxGreyBorder1 #BoxWhite .BoxesFour
		{
			float: left;
			width: 16.2em;
			margin:0em 1em 0em 0em;
		}
		
		#PageContainer #MainContainer .BoxGreyBorder2
		{
			border: 1px solid #EEEEEE;
			background-color: #EEEEEE;
			width: 56em;
			padding:7px 10px 10px 10px;
		}
		
		#PageContainer #MainContainer .BoxWhiteBorder2
		{
			border: 1px solid #ffffff;
			background-color: #ffffff;
			width: 56em;
			padding:7px 10px 10px 10px;
		}
		
		#PageContainer #MainContainer .BoxGreyBorder0
		{
			border: 1px solid #EEEEEE;
			background-color: #EEEEEE;
			width: 71em;
			padding:7px 10px 10px 10px;
		}
			#PageContainer #MainContainer .BoxGreyBorder0 a.h2Link
			{
				color: #333333;
				background-image: url("../images/GreyBoxArrow.gif");
				background-repeat:no-repeat;
				display:inline-block;
				background-position:right;
				font-size: 1em;
				padding-right: 7px;		
				font-weight:bold;
				
			}
		
		#PageContainer #MainContainer .BoxWhiteBorder0
		{
			border: 1px solid #ffffff;
			background-color: #ffffff;
			width: 71em;
			padding: 10px 2px 2px 2px;
		}
		
#PageContainer #Footer
{
	width: 58em;
	border-top: 0.1em solid #737373;
	display:none;
}


