/*** TEXT ***/

body, p, .Normal, .NormalBold, .MainFrame td, .MainFrame
{
   font-family: Verdana, Arial, Helvetica, Sans Serif;
   font-size: 11px;
   font-weight: normal;
   color: #333333;
   line-height: 1.3em;
   margin: 0px;
   margin-bottom: 1.3em;
}

.MainFrame .ContainerText td p
{
    margin-bottom: 0;
}

.NormalBold
{
	font-weight: bold;
}

h1, h1 span, .Normal h1
{
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

h1, .Normal h1
{
	display: block;
	font-size: 170%;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 10px;
}

ul li
{
    list-style-type: disc;
}

h2, TFOOT, THEAD, .SubMenuHeader, .ContainerHead, h2 span, .Normal h2  
{
	font-size: 120%;
	line-height: 1.2em;
	color: #006cb7;
	margin: 0px;
	font-weight: bold;
	margin-bottom: 0.3em;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

h3  
{
	font-weight: bold;
	color: #333333;
	font-size: 100%;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 0.0em;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

h4  
{
	font-weight: bold;
	color: #333333;
	font-size: 90%;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 0.0em;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

h5  
{
    display: block;
	font-weight: normal;
	color: #333333;
	font-size: 170%;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

.ContainerHead 
{
	display: block;
	color: #000000;
	font-size: 170%;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: #006cb7;
}

a:hover 
{
	color: #333333;
    text-decoration: underline;
}

a img
{
	border: 0px;
	border-color: #000000;
}

HR 
{
	height: 0px;
	border: 0px;
	border-top: 2px solid #dadada;
}

span.SubHead
{
	color: #666666;
}


.eipbackimg
{
    margin-left: 20px;
}

.SkinObject
{
	color: #333333;
	font-family: Arial, Verdana, Helvetica, Sans Serif;
}

.BottomInfoFrame,
.BottomInfoFrame a,
.BottomInfoFrame a:link,
.BottomInfoFrame a:visited,
.BottomInfoFrame .SkinObject
{
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

.BottomInfoFrame a:hover,
.BottomInfoFrame a:active
{
	text-decoration: underline;
}

.Blue
{
	color: #006cb7;
}

.Red
{
	color: #ff0000;
}

.White
{
	color: #ffffff;
}

.Black
{
	color: #000;
}

.Green
{
	color: #11da07;
}

.Yellow
{
	color: #fddb07;
}



.SubHead
{
    color:#003366;
    font-family:Arial, Verdana, Helvetica, Sans Serif;
    font-size:11px;
    font-weight:bold;
    margin-top:10px;
}

.NormalTextBox
{
    font-family:Arial, Verdana, Helvetica, Sans Serif;
    font-size:12px;
    font-weight:normal;
    margin-bottom:10px;
}

/*** LAYOUT ***/

body
{
	background-color: #f0f0f0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

.EditorBody
{
	background: #ffffff;
}

.ControlPanel
{
	position: relative;
	z-index: 2;
	left: 50%;
	width: 1000px;
	margin-left: -500px;
}

.MainFrameTable
{
	height: 100%;
}

.MainFrame
{
	position: relative;
    margin: 0px auto 0px auto;
    width: 1000px;
    height: 745px;
    z-index: 2;
    background: #ffffff;
}

.IE6Display
{
	display: none;
}

.BannerFrame
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 301px;
	background-image: url(Images/Banner.jpg);
	background-repeat: no-repeat;
	z-index: 3;
}

.BannerLink
{
	position: absolute;
	top: 25px;
	left: 20px;
	width: 210px;
	height: 60px;
}

.Breadcrumb
{
	position: absolute;
	top: 50px;
	left: 190px;
	text-align: left;
	color: #999999;
}

.Breadcrumb a.SkinObject,
.Breadcrumb a.SkinObject:active,
.Breadcrumb a.SkinObject:link,
.Breadcrumb a.SkinObject:visited
{
	color: #999999;
}

.ContentFrame
{
	position: absolute;
	top: 140px;
	left: 0px;
	width: 100%;
	z-index: 4;
	background-image: url(Images/ContentBg.png);
	background-repeat: repeat-x;
}

.MainContentTable
{
	margin-left: 80px;
	float: left;
	margin-top: 100px;
	height: 450px;
	width: 910px;
}

.FooterFrame
{
}

.MainContentLeftCell
{
	width: 170px;
	padding-right: 15px;
}

.MainContentInnerTable
{
	width: 100%;
}

.Container
{
	margin-bottom: 15px;
}

.MainContentInnerBottomTable
{
	width: 100%;
}

.MainContentInnerTopLeftCell
{
	width: 65%;
}

.MainContentInnerTopRightCell
{
	width: 35%;
	padding-left: 20px;
}

.BottomInfoFrame
{
	float: left;
	width: 100%;
}

.Copyright
{
	float: left;
	width: 45%;
	text-align: left;
	margin-left: 15px;
}

.Mathinic
{
	float: right;
	width: 45%;
	text-align: right;
	margin-right: 25px;
}

/*** MAIN MENU ***/

.MainMenu
{
	text-align: left;
	margin-left: 190px;
}

a.MainMenuItem,
a.MainMenuItem:active,
a.MainMenuItem:visited,
a.MainMenuItem:link
{
	color: #006cb7;
	text-decoration: none;
	float: left;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, Sans Serif;
	margin-right: 30px;
	line-height: 2;
}

a.MainMenuItem span,
a.MainMenuItem:active span,
a.MainMenuItem:visited span,
a.MainMenuItem:link span
{
	font-size: 13px;
}

a.MainMenuItemSelected,
a.MainMenuItemSelected:active,
a.MainMenuItemSelected:visited,
a.MainMenuItemSelected:link
{
	color: #000000;
}

a.MainMenuItem:hover
{
	color: #000000;
}

.MainMenuSub
{
	border: 1px solid #999999;
	margin-left: -1px;
}

.MainMenuSubItem
{
	/*
	border: 1px solid #006cb7;
	*/
}

a.MainMenuSubItem,
a.MainMenuSubItem:active,
a.MainMenuSubItem:visited,
a.MainMenuSubItem:link
{
	color: #006cb7;
	text-decoration: none;
	float: left;
	font-weight: normal;
	font-family: Arial, Verdana, Helvetica, Sans Serif;
	line-height: 2;
	font-weight: bold;
	width: 100%;
}

a.MainMenuSubItem span,
a.MainMenuSubItem:active span,
a.MainMenuSubItem:visited span,
a.MainMenuSubItem:link span
{
	font-size: 11px;
	padding-left: 15px;
	padding-right: 15px;
}

a.MainMenuSubItemSelected,
a.MainMenuSubItemSelected:active,
a.MainMenuSubItemSelected:visited,
a.MainMenuSubItemSelected:link
{
	font-weight: bold;
}

a.MainMenuSubItem:hover
{
	background-color: #eeeeee;
}

/*** SUB MENU ***/

.SubMenu
{
}

.SubMenuTop
{
	float: left;
	width: 100%;
}

.SubMenuInner
{
	margin-left: 20px;
}

.SubMenuTop .SubMenuInner
{
	margin-left: 190px;
}

a.SubMenuItem,
a.SubMenuItem:active,
a.SubMenuItem:visited,
a.SubMenuItem:link
{
	color: #006cb7;
	text-decoration: none;
	display: block;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	margin-bottom: 5px;
}

.SubMenuTop a.SubMenuItem,
.SubMenuTop a.SubMenuItem:active,
.SubMenuTop a.SubMenuItem:visited,
.SubMenuTop a.SubMenuItem:link
{
	float: left;
	margin-right: 20px;
}

a.SubMenuItem span,
a.SubMenuItem:active span,
a.SubMenuItem:visited span,
a.SubMenuItem:link span
{
	font-size: 11px;
}

a.SubMenuSelectedItem,
a.SubMenuSelectedItem:active,
a.SubMenuSelectedItem:visited,
a.SubMenuSelectedItem:link
{
	font-weight: bold;
}

a.SubMenuItem:hover
{
	color: #000000;
}

a.SubMenuItemLevel1,
a.SubMenuItemLevel1:active,
a.SubMenuItemLevel1:visited,
a.SubMenuItemLevel1:link
{
	margin-top: 5px;
}

.SubMenuItemLevel2
{
}

.StandardButton
{
    background:none repeat scroll 0 0 #DDDDDD;
    color:#000000;
    font-family:Verdana,sans-serif;
    font-size:11px;
    font-weight:normal;
    padding-left:5px;
    padding-right:5px;
    margin-top: 25px;
}

.SearchBox
{
    margin-top: 30px;
}

/*** ADMIN MENU ***/

.AdminMenu
{
	position: absolute;
	top: -30px;
	right: 100px;
}

.AdminMenuUserContainer
{
	float: left;
}

.AdminMenuContainer
{
	float: left;
	border-left: 2px solid #006cb7;
	padding-left: 10px;
	margin-left: 10px;
}

.AdminMenu a.SkinObject,
.AdminMenu a.SkinObject:link,
.AdminMenu a.SkinObject:active,
.AdminMenu a.SkinObject:visited
{
	color: #006cb7;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
}

.AdminMenu a.SkinObject:hover
{
	color: #333333;
}

table.AdminMenuItem
{
}

a.AdminMenuItem,
a.AdminMenuItem:link,
a.AdminMenuItem:active,
a.AdminMenuItem:visited
{
	float: left;
	margin-right: 25px;
	color: #006cb7;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	cursor: pointer;
}

a.AdminMenuItem span,
a.AdminMenuItem:link span,
a.AdminMenuItem:active span,
a.AdminMenuItem:visited span
{
	font-size: 11px;
}

a.AdminMenuItem:hover
{
	color: #333333;
}

.AdminMenuSub
{
	border-top: 1px solid #006cb7;
}

a.AdminMenuSubItem,
a.AdminMenuSubItem:link,
a.AdminMenuSubItem:active,
a.AdminMenuSubItem:visited
{
	text-decoration: none;
	color: #006cb7;
	text-transform: uppercase;
}

a.AdminMenuSubItem span,
a.AdminMenuSubItem:link span,
a.AdminMenuSubItem:active span,
a.AdminMenuSubItem:visited span
{
	float: left;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #006cb7;
	border-top: 0px;
	width: 150px;
	background-color: #ffffff;
	cursor: pointer;
	font-size: 11px;
}

a.AdminMenuSubItem:hover span
{
	background-color: #006cb7;
	color: #ffffff;
}

/*** NEWS ***/


.MathinicNewsShortListOuter
{
}


.MathinicNewsShortList
{
}



.MathinicNewsShortListItem
{
	float: left;
	width: 100%;
}

.MathinicNewsShortListItemDate
{
	font-weight: normal;
	font-style: italic;
	display: block;
}

.MathinicNewsShortListItemHeader
{
	font-weight: bold;
}

.MathinicNewsShortListItemIntro
{
	display: block;
	padding-top: 5px;
}

.MathinicNewsShortListItemReadMore
{
	display: block;
	text-align: right;
}

.MathinicNewsShortListItemSeparator
{
	float: left;
	width: 100%;
	border-top: 1px dotted #999999;
	height: 10px;
	margin-top: 10px;
}



.MathinicNewsListOuter
{
}

.MathinicNewsListHeader
{
}

.MathinicNewsListFrame
{

	margin-bottom: 10px;
	height: 100%;
	width: 100%;

}

.MathinicNewsListItemHeader
{
	padding: 3px;
	background-color: #f0f0f0;
	cursor: pointer;
	margin-top: 10px;
}

.MathinicNewsListItemHeader span
{
	padding: 5px;
}

.MathinicNewsListItemHeader h3
{
	color: #000000;
	background: #f0f0f0;
}

.MathinicNewsListItemContent
{
	float: left;
	width: 100%;
	height: 100%;
	
}

.MathinicNewsListItemContentFrame
{
	padding: 15px;
	width: 95%;
	height: 95%;
}

.MathinicNewsListItemContentImage
{
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}



	/* 
    ÅF-Karta. Av Mathinic - 20100330
    Kartan ska läggas in i en HTML-modul via javaskript.
	Kopiera länken nedan.
	<script  type="text/javascript" src="/Portals/_default/Skins/Ocab/js/Karta.js"> </script>
    
    För att lägga till fler städer
    1. Lägg till en A-tagg i javascriptet
    2. Ge taggen grafik och aktuell stad som CSS classer
    3. Skapa en CSS class som heter som staden (kopiera .tom)
    4. Ändra kordinaterna tills pricken som markerar staden är på rätt plats
    5. Länka till rätt sida genom att fylla i sidans namn i href
    6. Skriv stadens namn i title, KLAR! 
    */
    
    .Karta
	{
    	background-image: url('Images/ocab_karta_liten.jpg');
    	background-position: 7px 6px; /*<< Förskjutning av kartans possiton om prickarna inte hamnar rätt*/
		background-repeat: no-repeat;
    	width:		230px;
    	height:		455px;
    	position:	absolute;
		
    	border-style:	dotted;
		border-width:	0px;
		border-color:	#ccc;	
    }
  
    .Grafik,
    a.Grafik,
    a.Grafik:link,
	a.Grafik:visited
    {
    	background-image:		url('Images/boll_sprite.png');
		overflow:				hidden;	
    	width:					20px;	
    	height:					20px;	
    	position:			    absolute;
    	background-position:	-1px -1px;
    }
    
    a.Grafik:hover
    {
    	background-position: -1px -23px;
    }
    
    a.Boden		{	left:	185px;	top:  108px;}
    .Bollnas	{	left:	108px;	top:  270px;}
    .Enkoping	{	left:	115px;	top:  306px;}
    .Falun		{	left:	95px;	top:  275px;}
    .Gavle		{	left:	115px;	top:  278px;}
    
    .Goteborg	{	left:	14px;	top:  355px;}
    .Halmstad	{	left:	25px;	top:  395px;}
    .Helsingborg{	left:	22px;	top:  420px;}
    .Harnosand	{	left:	127px;	top:  208px;}
    .Jonkoping	{	left:	52px;	top:  362px;} 
    
    .Kalmar		{	left:	87px;	top:  402px;}   
    .Karlskrona	{	left:	75px;	top:  417px;} 
    .Karlstad	{	left:	52px;	top:  308px;}   
    .Kristinehamn{	left:	60px;	top:  315px;} 
    .Linkoping	{	left:	83px;	top:  348px;}
       
    .Malmo		{	left:	22px;	top:  432px;} 
    .Norrkoping	{	left:	96px;	top:  341px;}   
    .Norrtalje	{	left:	135px;	top:  307px;} 
    .Oskarshamn	{	left:	92px;	top:  382px;}   
    .Skelleftea	{	left:	175px;	top:  145px;} 
    
    .Skovde		{	left:	52px;	top:  345px;}   
    .Stockholm	{	left:	127px;	top:  320px;} 
    .Sundsvall	{	left:	117px;	top:  220px;}     
	.Tranas		{	left:	68px;	top:  354px;} 
	.Umea		{	left:	165px;	top:  175px;} 
	
	.Uppsala	{	left:	122px;	top:  302px;}
	.Vasteras	{	left:	105px;	top:  308px;}
	.Vaxjo		{	left:	65px;	top:  392px;}    
	.Orebro		{	left:	82px;	top:  316px;} 
	.Ornskoldsvik{	left:	138px;	top:  185px;}  
	
	.Ostersund	{	left:	88px;	top:  190px;}
	.Kristianstad{	left:	43px;	top:  425px;}  
	.Norrtalje	{	left:	130px;	top:  308px;} 
	.tom		{	left:	-999px;	top:  -999px;}