/*-----------------------------------------------------------------------------
Capio Style Sheet
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/*Always show ruler in Firefox */

html 	{
		overflow: -moz-scrollbars-vertical;
		}  

/* Remove padding and margin */
* 		{		
  		margin: 0;
		padding: 0;
		}

/* Put it back on certain elements */
		h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul
		{
  		margin: 1em 0;
		}

/* Class for clearing floats */
.clear 	{
		clear:both;
		}


/* Remove border around linked images */
img 	{
		border: 0;
		}


/* =Containers
-----------------------------------------------------------------------------*/
#sitecontainer			{
				width:814px;
				position:relative;
				left:50%;
				text-align:left;
				margin-left:-407px;
				margin-top:13px;
				}
								
#contentcontainer{
				width:814px;
				}
				
#rightcontent	{
				float:right;
				width:225px;
				display: inline;
				margin-top:10px;
				}
				
#leftcontent	{
				float:left;
				width:580px;
				display: inline;
				}


/* =Main Nav
-----------------------------------------------------------------------------*/
#primarynav								{ margin:5px 0 0 0;}
			
#primarymain							{ width:814px; font-weight:normal; color:#313131;}
#topmainlist							{ margin:0; padding: 2px 0px 1px 0px; background: url('../img/bg_top-main-menu.gif') no-repeat; border-bottom: 1px solid #d4d4d4; }
#topmainlist li							{ display: inline; list-style: none; border-right: 1px solid #d4d4d4; }

#topmainlist li a 						{ color: #313131; text-decoration:none; padding:2px 20px 2px 20px; }
* html #topmainlist li a 				{ padding:3px 20px 3px 20px; }
#topmainlist li a.choosen 				{ background: url('../img/bg_top-main-menu_selected.gif') repeat-x; color: #ffffff; text-decoration:none; padding:2px 20px 2px 20px; }
* html #topmainlist li a.choosen 		{ background: url('../img/bg_top-main-menu_selected.gif') repeat-x; padding:3px 20px 3px 20px; }
#topmainlist li a:hover 				{ background: url('../img/bg_top-main-menu_selected.gif') repeat-x; }

#topmainlist li a.first-choosen 		{ background: url('../img/bg_top-main-menu_first_selected.gif') repeat-x; color: #ffffff; text-decoration:none; padding:2px 20px 2px 20px; }
* html #topmainlist li a.first-choosen 	{ background: url('../img/bg_top-main-menu_first_selected.gif') repeat-x; padding:3px 20px 3px 20px; }
#topmainlist li a.first:hover 			{ background: url('../img/bg_top-main-menu_first_selected.gif') repeat-x; }
	
/*------[ johan]------*/

#primarysub								{ width:814px; background: url('../img/bg_bottom-main-menu.gif') no-repeat bottom; color:#ffffff; padding:2px 0 3px 0; height:14px; }
#primarysub a 							{ color: #ffffff; text-decoration:none; }
#primarysub li a:hover 					{ color: #ffffff; text-decoration:underline; }
	
.topsublist								{ display: inline; margin-left: 0; padding-left: 0; }
.topsublist li							{ display: inline; list-style: none; margin-left: 0; padding:0px 15px 0px 15px; border-left: 1px solid #ffffff; }
.topsublist li.first					{ display: inline; list-style: none; margin-left: 0; padding:0px 15px 0px 20px; border-left: none; }


/* =Sub Nav
-----------------------------------------------------------------------------*/

#secondarynav{
			padding:15px 0 0 15px;
			color:#666;
			float:left;
			width:170px;
			height:610px; /*höjd 620*/
			margin:5px 5px 0 0;
			background-color:#c5c7c7;
			}
			
#secondarynav a {
		color: #666;
		text-decoration:none;
		}
	
#secondarynav li a:hover {
		text-decoration:underline;
		}
/*---*/
.leftmainlist	{
		margin:0;
		padding:0;		
		}

.leftmainlist li	{
		list-style: none;
		margin:0;
		padding:0 0 0 0;
		}

* html .leftmainlist li	{
		list-style: none;
		margin:0;
		padding:0 0 5px 0;
		}

.leftmainlist li.choosen{
		list-style: none;
		margin-left: 0;
		color:#4d8bc7;
		font-weight:bold;
		}
		
.leftarrow	{
		margin:0 0 1px 7px;
		}




/* //////////////////// Left Menu /////////////////////////*/
#LeftMenu { background:url('../Img/LeftMenu/LeftMenu_content.jpg') repeat-y; width:184px; margin:0 0 6px 5px;}

#LeftMenu a             { background:url('../Img/LeftMenu/link_arrow_grey.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#LeftMenu a.selected    { background:url('../Img/LeftMenu/link_arrow_blue.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#LeftMenu a.expand      { background:url('../Img/LeftMenu/link_arrow_blue_pointingdown.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#LeftMenu a:Hover       { text-decoration:underline;  display:block; }

#LeftMenu .top              { background:url('../Img/LeftMenu/LeftMenu_top.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#LeftMenu .item             { background:url('../Img/LeftMenu/LeftMenu_item.jpg') top left no-repeat; padding: 5px 0 5px 10px; }

#LeftMenuExpanded                   { background:url('../Img/LeftMenu/LeftMenu_expandContent.jpg') top left repeat-y; }
#LeftMenuExpanded .expItemTop       { background:url('../Img/LeftMenu/LeftMenu_expItemTop.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#LeftMenuExpanded .expItem          { background:url('../Img/LeftMenu/LeftMenu_expSeperator.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#LeftMenuExpanded .expItemExpand    { padding: 5px 0 5px 10px; display:block; }

#LeftMenuExpanded ul                { margin: 0 0 0 25px; padding: 0; list-style-type:none;  display:block; }
#LeftMenuExpanded ul li             { padding: 5px 0 5px 0;  display:block; }
#LeftMenuExpanded ul li a           { background:url('../Img/LeftMenu/link_dot_grey.gif') top left no-repeat; padding: 0 0 0 10px;  display:block; }
#LeftMenuExpanded ul li a.selected  { background:url('../Img/LeftMenu/link_dot_blue.gif') top left no-repeat; padding: 0 0 0 10px;  display:block; font-weight:bold;}

#LeftMenu .bottom       { background:url('../Img/LeftMenu/LeftMenu_bottom.jpg') bottom left no-repeat; height:3px; font-size:0px; }

/* ////////////////////////////////////////////////////////*/


/* //////////////////// Right Menu /////////////////////////*/
#RightMenu { background:url('../Img/RightMenu/RightMenu_content.jpg') repeat-y; width:223px; margin:0 0 10px 0;}

#RightMenu a             { background:url('../Img/RightMenu/link_arrow_grey.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#RightMenu a.selected    { background:url('../Img/RightMenu/link_arrow_blue.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#RightMenu a.expand      { background:url('../Img/RightMenu/link_arrow_blue_pointingdown.gif') top left no-repeat; padding: 0 0 0 10px; text-decoration:none;  display:block; }
#RightMenu a:Hover       { text-decoration:underline;  display:block; }

#RightMenu .top              { background:url('../Img/RightMenu/RightMenu_top.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#RightMenu .item             { background:url('../Img/RightMenu/RightMenu_item.jpg') top left no-repeat; padding: 5px 0 5px 10px; }

#RightMenuExpanded                   { background:url('../Img/RightMenu/RightMenu_expandContent.jpg') top left repeat-y; }
#RightMenuExpanded .expItemTop       { background:url('../Img/RightMenu/RightMenu_expItemTop.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#RightMenuExpanded .expItem          { background:url('../Img/RightMenu/RightMenu_expSeperator.jpg') top left no-repeat; padding: 5px 0 5px 10px; display:block; }
#RightMenuExpanded .expItemExpand    { padding: 5px 0 5px 10px; display:block; }

#RightMenuExpanded ul                { margin: 0 0 0 25px; padding: 0; list-style-type:none;  display:block; }
#RightMenuExpanded ul li             { padding: 5px 0 5px 0;  display:block; }
#RightMenuExpanded ul li a           { background:url('../Img/RightMenu/link_dot_grey.gif') top left no-repeat; padding: 0 0 0 10px;  display:block; }
#RightMenuExpanded ul li a.selected  { background:url('../Img/RightMenu/link_dot_blue.gif') top left no-repeat; padding: 0 0 0 10px;  display:block; font-weight:bold;}

#RightMenu .bottom       { background:url('../Img/RightMenu/RightMenu_bottom.jpg') bottom left no-repeat; height:3px; font-size:0px; }

/* ////////////////////////////////////////////////////////*/

/* =Main Content
-----------------------------------------------------------------------------*/
#header			{
				height:40px;
				}
#hospitalnav	{
				float:right;
				width:240px;
				height:37px;
				text-align: right;
				background-image: url('../img/img_header.gif'); background-repeat: no-repeat;
				padding: 10px 0px 0px 0px;
				}
			
#bigbranding	{
				margin: 10px 0px 13px 0px;
				}
				
#middletopimage	{
				margin:0 0 13px 0;
				}
				
#startpage_articles{
			float:left;
			width:580px;
			}
			
#leftContent
                {
			        float:left;
			        width:184px;
					display: inline;
					margin-top:15px;
                }

#middlecontent{
			float:left;
			width:362px;
			margin:10px 0 0 22px;
			}
#middlecontent ul{
                margin:1.5em;
                list-style-type:disc;
			}
			
			
#fullcontent{
			float:left;
			width:630px;
			margin:10px 0 0 0;
			}
						
			
#justnu {
				float:right;
				padding: 0 0 10px 0;
				width:223px;
				}
#secondarycontentalt5{
				float:right;
				margin:10px auto;
				width:254px;
				}
.searchbox	{
			float:right;
			background: url('../img/search_item-middle.gif') no-repeat 0 6px;
			margin: 0px;
			margin: 0 0 10px 0;
			width:223px;
			}
			
#toprightpuff {
				float:right;
				padding: 0 0 10px 0;
				width:223px;
				}
.toprightpuff {
				float:right;
				padding: 0 0 10px 0;
				width:223px;
				}
			
.puff{
				float:left;
				margin:0 0 0 13px;
				}
.firstpuff{
				float:left;
				margin:0 0 0 0;
				}
				
.articleitem
{
                width:580px;
                height:107;
				float:left;
				margin:0 0 10px 0;
				display: inline;
				}

				
.articleimg{
				float:left;
				}
				
.articletxt{
				float:right;
				width:370px;
				text-align:left;
				margin:0 10px 0 10px;
				}


#newsHeader
{
                width:223px;
                height:24px;
}

				
				

				
#bottompuffs{
				margin: 0px;
				width:100%;
				display: block;
				}				
				
#smallpuffs{
				float:left;
				margin: 13px 0 0 0;
				padding: 13px 0 0 0;
				display: block;
				border-top: 1px solid #e1e1e1;
				}

.startPuffs { clear: left; overflow: auto; width: 100%; height: 117px; }
.startPuffs .first, .startPuffs .puff { float: left; }
.startPuffs .puff { margin-left: 13px; }


/* =leftbranding
-----------------------------------------------------------------------------*/

#leftbranding {
			float:left;
			width:184px;
			margin: 10px 0px 0px 0px;
			}




/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	margin:50px 0 50px 0;

}
#footertxt {
	float:right;
}



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset 		{
  				border: 1px solid transparent;
				}
form			{
				margin:0;
				padding:0;
				}
.button			{
				margin-top: 0px; 
				border: 1px solid #b4b4b4; 
				color: #1a76ce;
				font: 100% Arial, Verdana, sans-serif;
				background-image: url('../img/bg_button.gif'); background-repeat: repeat-x;
				}
.formelement	{
				font: 100% Arial, Verdana, sans-serif;
				background-color: #f1f1f1;
				}
.formelementHeader	{
                font: 100% Arial, Verdana, sans-serif;
                background-color: #ffffff;
}
/* =Tables
-----------------------------------------------------------------------------*/

table 			{ 
  				border-spacing: 0;
				border-collapse: collapse;
				}

td 				{
  				text-align: left;
				font-weight: normal;
				}



/* =Misc 1
-----------------------------------------------------------------------------*/
div.hr-E1								{ border-top: 1px solid #e1e1e1; display: block; margin: 0px; padding: 0px; width: auto; }
.newsitem								{ background-image: url('../img/news_item-bg.gif'); background-repeat: repeat-x; margin: 0px; padding: 1px 8px 1px 8px; width:auto; clear:both; }
.newslistitem                           { background-image: url('../img/newslist_item-bg.gif'); background-repeat: repeat-x; margin: 0px; padding: 1px 8px 1px 8px; width:auto; clear:both; }
img.infoimage							{ margin: 0px 12px 8px 0px; float:left; }
a.readmore								{ color: #1a76ce; text-decoration: none; background-color: transparent; background-image: url('../img/link_arrow_blue.gif'); background-position: 5px 5px; background-repeat: no-repeat; padding: 0px 3px 0px 11px; overflow: visible; }
a.readmore:hover						{ color: #1a76ce; text-decoration: underline; }
.grey									{ color: #8c8c8c; }
.grey a:link, .grey a:visited, .grey a:hover, .grey a:active   	{ color: #8c8c8c; text-decoration:none;}
.whitelink a:link, .whitelink a:visited, .whitelink a:hover, .whitelink a:active  { color:#FFF;  text-decoration: none;  }
/* =Misc 2
-----------------------------------------------------------------------------*/




/* =Sitemap
-----------------------------------------------------------------------------*/
ul.SiteMap
{
    margin: 0;
}

ul.SiteMap li
{
    display:inline-block;
    vertical-align:top;
    width: 29%;
    margin: 0 1% 0 0;
    list-style: none;
}

ul.SiteMap li
{
    *display:inline;
}

ul.SiteMap ul 
{
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

ul.SiteMap li ul li
{
    float: none;
    width: 100%;
    margin:2px;
}
    
ul.SiteMap .sitemapheader
{
	padding: 0.4em 0.4em 0.4em 0.4em;
}

ul.SiteMap a.linklist
{
	text-decoration: none;
	color:#313131;
}
ul.SiteMap a.toplinklist
{
	text-decoration: none;
	font-weight:bold;
	color:#313131;
	margin-top:15px;
	display:block;
}

/* =jobsearch
-----------------------------------------------------------------------------*/
#jobsearch		{
				float:left;
				width:362px;
				margin:13px 0 0 0;
				}

#jobsearchheader	{
					width:362px; /*362-30*/
					float:left;
					background-image:url('../img/jobsearchttop.gif');
					background-repeat:no-repeat;
					height:17px; /*24-7*/
					*height:24px;
					padding:7px 0 0 30px;
					clear:both;
					}
					
#jobsearchcontent	{
					background-image:url('../img/jobsearch_item-bg.gif');
					background-repeat:no-repeat;
					height:16px;
					margin: 0px;
					padding: 4px 8px 1px 8px;
					}
					
#jobsearchdate		{
					float:left;
					width:auto;
					}


#jobsearchmore		{
					float:right;
					width:auto;
					}
					
					
a.readmore			{
					color: #1a76ce; text-decoration: none;
					background-color: transparent;
					background-image: url('../img/link_arrow_blue.gif'); 
					background-position: 5px 5px;
					background-repeat: no-repeat;
					padding: 0px 3px 0px 11px;
					}
					
a.readmore:hover	{
					color: #1a76ce;
					text-decoration: underline;
					}
					
/* ='Finns på följande orter'
-----------------------------------------------------------------------------*/				
#localitylist
				{
				margin:0;
				padding:0;
				list-style: none;
				}

#localitylist li 
				{
				padding-left: 10px;
				background-image:url('../img/link_arrow_blue.gif');
				margin-bottom:5px;
				background-repeat: no-repeat;
				background-position: 2px;
				}
			
#localitylist li a	
				{
				text-decoration:none;
				color:#313131;
				}
				
#localitylist li a:hover	
				{
				text-decoration:none;
				color: #1a76ce;
				}

#locality 		{
				float:right; /*ändra till float: right;*/
				margin: 10px 0px 13px 0px;
				width:223px;
				}
				
.localityitem	{
				background-image:url('../img/locality_item-bg.gif'); /*ny bild*/
				background-color:#ebebeb;
				background-repeat:repeat-x;
				margin: 0px;
				padding: 1px 8px 1px 8px;
				border-style: solid;
				border-top-width:0;
				border-bottom-width:0;
				border-right-width:1px;
				border-left-width:1px;
				border-left-color: #dedede;
				border-right-color: #dedede;
				clear:both;
				*width:223px;
				}
				
/*//////////////LEFT COLUMN TEXTBOX ///////////////// */
                .leftColContainer
                {
			        width:184px;
			        margin: 10px 0px 0px 0px;
			        font-weight:normal;
                }
                .leftColTextBoxContent{
	                background:url('../img/leftColText.gif') no-repeat;
	                background-color:#ebebeb;
	                padding:7px;
	                width:170px;
	                *width:184px;
                }
                .leftColTextBoxBottom{
	                background:url('../img/leftColTextboxBottom.gif') no-repeat;
	                font-size:0px;
	                width:184px;
	                height:4px;
                }

/*//////////////LEFT COLUMN TEXTBOX ///////////////// */

/*//////////////   Related links    ///////////////// */

#relatedLinksContainer 						{ width:223px; padding:10px 0 0 0; float:right; clear:both; }
#relatedLinksContainer ul 					{ margin: 0px; list-style:none; display:block; padding:0px; }

#relatedLinksContainer ul li a 				{  color:#525252; text-decoration:none; padding-left:11px; }
#relatedLinksContainer ul li a:hover 		{  text-decoration:underline; }

#relatedLinksContainer ul li.top			{ background: url('../img/RelatedLinks/relatedLinksTop.jpg') 0px 0px no-repeat; height:12px; padding:7px 0 5px 13px; }
#relatedLinksContainer ul li.item   		{ background: url('../img/RelatedLinks/relatedLinksItem.jpg') bottom no-repeat; height:14px; padding:4px 0 5px 20px; }
#relatedLinksContainer ul li.bottom			{ background: url('../img/RelatedLinks/relatedLinksBottom.jpg') 0px 0px no-repeat; height:19px; }

/*//////////////   Related links    ///////////////// */

/*//////////////   Contact Box   ///////////////// */

#ContactBoxContainer 						{ width:223px; padding:10px 0 0 0; float:right; clear:both; }
#ContactBoxContainer ul 					{ background: url('../img/ContactBox/ContactBoxContent.jpg') 0px 0px repeat-y; margin: 0px; list-style:none; display:block; padding:0px; }

#ContactBoxContainer ul li.top			{ background: url('../img/ContactBox/ContactBoxTop.jpg') 0px 0px no-repeat; height:12px; padding:7px 0 5px 13px; }
#ContactBoxContainer ul li.item   		{ background: url('../img/ContactBox/ContactBoxItem.jpg') top no-repeat; padding:4px 0 5px 30px; }
#ContactBoxContainer ul li.item .text   		{ display:block; }
#ContactBoxContainer ul li.bottom			{ background: url('../img/ContactBox/ContactBoxBottom.jpg') 0px 0px no-repeat; height:19px; }

/*//////////////   Contact Box   ///////////////// */

/*//////////////   SEARCH PAGE  ///////////////// */

#SearchArea
{
    margin: 15px 35px;
}
#SearchArea input
{
    font-size:14px;
}
#SearchArea input.searchText
{
    width:300px;
}
#SearchArea input.button
{
    width:75px;
}

#AdvancedArea
{
    margin: 15px 0;
}

#ResultArea
{
    margin: 0 50px;
    width:400px;
}

/* ---------------------------------------*/

.corpNavItem{
	width: 223px;
	height: auto;
	overflow: hidden;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 10px 2px;
}
.corpNavItem select{
	margin: 60px 0 54px 35px;
	width:157px;
}


/*/////////////////////////////////////////////////////*/
/* CAPIO AREA /////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

.TopImage
{
    position:relative;
    left:-6px;
    margin:0 0 10px 0;
}



#newsListning
{
    
}
#newsListning #newstop
{
    padding:0 0 5px 0;
    margin:0 0 5px 0;
    color:#1a76ce;
    display:block;
    border-bottom: 1px solid #ebebeb;
}
#newsListning .odd
{
    background-color:#d7e6f1;
}
#newsListning .even
{
    background-color:#FFFFFF;
}
#newsListning a
{
    color:#333333;
}
#newsListning .date
{
    width:65px;
    float:left;
}
	

.leftsubnav
{
    margin:0 0 6px 5px;
    width:184px;
}


/* ////////////////////////////////////////////*/
/* ///////////// HEADER DROPDOWN //////////////*/
/* ////////////////////////////////////////////*/

.headerdropdown {
	display: inline-block;
	font-size:13px;
	background-color:#fff;
}

.headerdropdown {
	*display: inline;
}

.headerdropdown tt  {
	display: inline-block;
	padding: 2px 30px 2px 4px;
	background: url('/Templates/Capio/Img/dropdownBtn.png') no-repeat top right;
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #E3E9EF;
	border-bottom: 1px solid #E3E9EF;
	border-left: 1px solid #E3E9EF;
	font-family:Arial,Verdana,Tahoma,Helvetica;
	cursor:default;
}
.headerdropdown tt.hover {
	display: inline-block;
	padding: 2px 30px 2px 4px;
	background: url('/Templates/Capio/Img/dropdownBtn_hover.png') no-repeat top right;
	border-top: 1px solid #5794BF;
	border-right: 1px solid #5794BF;
	border-bottom: 1px solid #C7E2F1;
	border-left: 1px solid #C7E2F1;
}

.headerdropdown div {
	position: relative;
	display: none;
	margin-right: 2px;
	background: #fff;
	height: 5px;
	text-align:left;
}
.headerdropdown img {
	float: right;
	margin:0;
	padding:0;
}

.headerdropdown_active div {
	display: block;
}
.headerdropdown ul {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	_width: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	border-left: 1px solid #C7E2F1;
	border-bottom: 1px solid #C7E2F1;
	border-right: 1px solid #C7E2F1;
	background-color:#fff;
}

.headerdropdown li {
	margin: -1px 0 0 0;
	display: inline;
	background: #FFF;
}	
.headerdropdown a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color: black;
}
.headerdropdown a:hover 
{
    background-color:#C7E2F1;
}