/**************************************************/
/* Arbetsgivarverket, www.agv.se */
/* Made by: Valtech AB, www.valtech.se */
/* CSS: main.css */
/* Description: Main style sheet used in all pages */
/****************************************************/


/* Clearfix */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfixpo e
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */


/*********************/
/*** CSS Start *******/
/*********************/

/* Generell elements */

html {
	height: 100%;
}
body
{
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: small;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #f4f3f3; /* gör hela bakgrunden på sidor och under grå /jonas 091007 */
}

a {
	text-decoration: none;
	}
p {
	font-size: 85%;
	line-height: 1.5em;
	}

a:hover {
	text-decoration: underline;
	}

ul {
	padding: 0;
	margin: 0;
	}
li {
	list-style-type: none !important;
	padding: 0;
	margin: 0;
	}


/* Frame Layout *******************************************/

#page
{
	width: 100%;
	height: 100%;
	background: #f4f3f3;
	text-align: center;
	display: block;
	clear: both;
	overflow: hidden;
}
/* 3 ändringar nedan för att ändra toppstrecken: */
#container 
{
	margin: 0 auto;
	max-width: 980px;
	min-width: 756px;
	min-height: 450px;
	padding: 0;
	text-align: left;
	/*border-top: solid 2px #004c7a; FÖR ATT FÅ ETT DUBBELSTRECK LÄNGST UPP!! (liksom nedan) */
	background: #fff;
	height: 100%;
	border: solid 10px #ffffff;
	border-width: 0 10px 0 10px;
}
#header
{
	margin-top: 1px;				/* 2px */
	min-height: 70px;
	/*border-top: solid 1px #0083be;	 FÖR ATT FÅ ETT DUBBELSTRECK LÄNGST UPP!! (liksom ovan) */
}
#header #logo
{
	border: none;
	margin: 20px 0 0 25px;
	}
#main_nav {
	min-height: 20px;
	background: #003A65 url(../images/topp_nav.gif) left bottom no-repeat; /* 5d708c */
	}
#head_banner {
	height: 119px;
	/* background: #010103 url(../images/head_banner.jpg) no-repeat; */
}
#head_banner h1
{
	text-transform: uppercase;
	font-family: Arial, Verdana, Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 48px 0 0 25px;
	letter-spacing: 0.1em;
}
#slideShowDiv
{
	
	}
#left {
	min-height: 70px;
	width: 24%;
	float: left;
	margin-bottom: 20px;
}
#content {
	float: left;
	min-height: 300px;
	width: 52%;
	padding: 1.8em 0 2.8em 0;
    }
.wide {
	width: 76% !important;
}
.wide p {
	max-width: 52em;
}
#right {
	float: right;
	width: 23%; /* This is compensated by margin in the box element */
	margin-bottom: 20px;
	}
#content p {
	margin: 0 0 1em 0;
}

#content ul {
	margin: 10px 30px 10px 30px;
}

#content ul li {
	list-style-type: disc !important;
	font-size: 85%;
	padding: 0.2em 0;
}



/**** TOP links *******************************************/

ul#top_links {
	float: right;	
	margin: 0.7em 0.8em 0 0;
	padding: 0;
}
ul#top_links li
{
	float: left;
	}
ul#top_links li a {
	font-size: 85%;
	padding: 0 0.6em;
	border-right: solid 1px #484848;
	color: #484848;
	}
ul#top_links li.last a{
	border: none;
	}

/**** NAV MAIN ********************************************/

#main_nav ul {
	float: right;	
	margin: 0.2em 0.3em 0.8em 0;
	padding: 0;
	}
#main_nav ul li{
	float: left;
	padding: 1px 3px;
	border-right: solid 1px #fff;
	}
#main_nav ul li a {
	font-size: 85%;
	padding: 3px 10px;
	color: #fff;
	}
#main_nav ul li.selected a 
{
	background: #77879e;	
	}
#main_nav ul li.last {
	border: none;
	}
	
/**** BREADCRUMB ********************************************/	

#content ul#breadcrumb {
	padding: 0;
	margin: 0 0 20px 0;
}
#content ul#breadcrumb li {
	list-style-type: none !important;
}

ul#breadcrumb li
{
	float: left;
	padding-left: 10px;
	background: url(../images/breadcrumb.gif) no-repeat left 0.50em;
	margin-right: 6px;
	font-size: 85%;
}
ul#breadcrumb li a{
	color: #000;
	text-decoration: underline;
}
ul#breadcrumb li.brc_first {
	background: none;
	padding-left: 0;
}
	
/*** BOX element ******************************************/

#right .box {
	margin: 1.2em 0 0 1em;
	}
#left div.box, #left #nav2 { /*Headline for the box is the same bothe for navigation and boxes*/
	margin: 1.2em 1.6em 0 0;
	}
	
#left #nav2 ul li a, #left #nav2 ul li span { 
	font-size: 85%;
	}

/* ------- FÄRGADE PUFFRUTOR ------------ */
/*div.box {
	border-top: solid 1px #5b7392;
	} */
div.box div.box_content {
	padding: 5px 5px 15px 10px;
	}
	
	/* FÖR INLOGGAD: */
div.login {
	background: #fff url(../images/puffisar/box_left_grey.gif) no-repeat bottom left;
	border-top: solid 1px #B7334D;
	} 
div.login div.box_content {
	background: transparent url(../images/puffisar/box_right_grey.gif) no-repeat bottom right;
	}
	
	/* FÖR TOPPUFFARNA PÅ MEDLEMSSIDAN: */
div.box_alt {
	background: #fff url(../images/puffisar/box_left_grey.gif) no-repeat bottom left;
	border-top: solid 1px #B7334D;
	} 
div.box_alt div.box_content {
	background: transparent url(../images/puffisar/box_right_grey.gif) no-repeat bottom right;
	}

/* ***************** FÄRGER: ****************************** */		
	/* GRÅ: *********************************************** */
div.box_grey {
	background: #fff url(../images/puffisar/box_left_grey.gif) no-repeat bottom left;
	border-top: solid 1px #003A65;
	} 
div.box_grey div.box_content_grey {
	background: transparent url(../images/puffisar/box_right_grey.gif) no-repeat bottom right;
	}
div#left div.box_grey h3, div#right div.box_grey h3 { /*Box head*/
	border-bottom: solid 5px #004f8f;	/*003A65 7e8da2 */
	background-color: #003A65;	/* 5c708c??? */
	}	
	/* BLÅ: *********************************************** */
div.box_blue {
	background: #fff url(../images/puffisar/box_left_blue.gif) no-repeat bottom left;
	border-top: solid 1px #006EAE;
	} 
div.box_blue div.box_content_blue {
	background: transparent url(../images/puffisar/box_right_blue.gif) no-repeat bottom right;
	}
div#left div.box_blue h3, div#right div.box_blue h3 { /*Box head*/
	border-bottom: solid 5px #004f8f; 
	background-color: #006EAE; 
	}
	/* GRÖN: *********************************************** */
div.box_green {
	background: #fff url(../images/puffisar/box_left_green.gif) no-repeat bottom left;
	border-top: solid 1px #00762E;
	} 
div.box_green div.box_content_green {
	background: transparent url(../images/puffisar/box_right_green.gif) no-repeat bottom right;
	}	
div#left div.box_green h3, div#right div.box_green h3 { /*Box head*/
	border-bottom: solid 5px #008567; /* 7e8da2 */
	background-color: #00762E; /* 5c708c */
	}
	/* GUL: *********************************************** */
div.box_yellow {
	background: #fff url(../images/puffisar/box_left_yellow.gif) no-repeat bottom left;
	border-top: solid 1px #ECA300;
	} 
div.box_yellow div.box_content_yellow {
	background: transparent url(../images/puffisar/box_right_yellow.gif) no-repeat bottom right;
	}
div#left div.box_yellow h3, div#right div.box_yellow h3 { /*Box head*/
	border-bottom: solid 5px #eca70a; 
	background-color: #ECA300; 
	}
	/* ORANGE: *********************************************** */
div.box_orange {
	background: #fff url(../images/puffisar/box_left_orange.gif) no-repeat bottom left;
	border-top: solid 1px #2A5116;
	} 
div.box_orange div.box_content_orange {
	background: transparent url(../images/puffisar/box_right_orange.gif) no-repeat bottom right;
	}
div#left div.box_orange h3, div#right div.box_orange h3 { /*Box head*/
	border-bottom: solid 5px #cb561c; 
	background-color: #2A5116; /* #ffcc00;  FEL!!  */
	}
	/* LILA: *********************************************** */
div.box_purple {
	background: #fff url(../images/puffisar/box_left_purple.gif) no-repeat bottom left;
	border-top: solid 1px #561766;
	} 
div.box_purple div.box_content_purple {
	background: transparent url(../images/puffisar/box_right_purple.gif) no-repeat bottom right;
	}
div#left div.box_purple h3, div#right div.box_purple h3 { /*Box head*/
	border-bottom: solid 5px #55308f; 
	background-color: #561766; 
	}
	/* RÖD: *********************************************** */
div.box_red {
	background: #fff url(../images/puffisar/box_left_red.gif) no-repeat bottom left;
	border-top: solid 1px #B5004B;
	} 
div.box_red div.box_content_red {
	background: transparent url(../images/puffisar/box_right_red.gif) no-repeat bottom right;
	}
div#left div.box_red h3, div#right div.box_red h3 { /*Box head*/
	border-bottom: solid 5px #b6034d; 
	background-color: #B5004B; 
	}
/* ********************************************************* */
/*
div.box {
	background: #fff url(../images/box_left.gif) no-repeat bottom left;
	border-top: solid 1px #5b7392;
	} 
div.box div.box_content {
	background: transparent url(../images/box_right.gif) no-repeat bottom right;
	padding: 5px 5px 15px 10px;
	}
*/
/* ---------------------------------------------- */

div.box_content label
{
	font-size: 85%;
}
div.box_content input.agvButton
{
	/*font-size: 85%;
	margin-top:5px;
	margin: 5px 5px 0px 5px;*/
	height: 22px;
	border: solid 1px #000; /* #979797 */
	/*border-style: none;
	border-width: 0px;*/
	background-repeat: repeat-x;
	font-size: 85%;
	/*background-image: url(../images/knapp.gif);*/
	/*font-weight: 700;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 5px 5px 5px 0px;
}
	
div.block div.box {
	background: #fff url(../images/puffisar/boxcont_left.gif) no-repeat bottom left;
	border-top: solid 1px #dddddd;
	}
div.block div.box div.box_content {
	background: transparent url(../images/puffisar/boxcont_right.gif) no-repeat bottom right;
	border-top: solid 5px #f1f3f2;
	padding: 0;
	}

div.block div.box div.box_content ul
{
	margin: 10px !important;
}

div.block div.box div.box_content ul li a
{
	font-size: 100%;
}

div#left div h3, div#right div h3 { /*Box head*/
	border-bottom: solid 5px #004f8f;	/* 7e8da2; */
	background-color: #003A65;	/* ;5c708c */
	text-align: center;
	font-size: 85%;
	font-weight: normal;
	margin: 0;
	padding: 0.2em 0.8em;
	color: #fff;
	display: block;
	}
/*
div#left div.box_grey h3, div#right div.box_grey h3 { /*Box head*
	border-bottom: solid 5px #004f8f;	/*003A65 7e8da2 *
	background-color: #003A65;	/* 5c708c??? *
	}	
*/
		
.block .box h3 { /*Box head content*/
	border-bottom: solid 3px #fff;
	background-color: #dddddd;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0.2em 0.8em;
	color: #000;
	}

div.box_alt { /*Alternative style for box head*/
	border-top: solid 1px #b7334d !important;
	}
div.box_alt h3 { 
	background-color: #b7334d !important;
	}

div.box_content img {
	/* width: 100%; - Tog bort för att det gjorde att alla bilder förstorades!?! /jn@arbetsgivarverket.se 071024 */
	margin-bottom: 0.2em;
	}
div.box_content h1, div.box_content h2, div.box_content h3, div.box_content h4 {
	font-size: 85%;
	padding: 0.8em 0.5em 0 0.5em;
	margin: 0 0.5em 0 0;
	}

div.box_content p {
	padding: 0.2em 0.55em 0 0.55em;
	margin: 0 0.5em 0 0;
	line-height: 1.3em;
	}
	
div.box_content ul {
	padding: 0 0.5em;
	}
div.box_content ul li {
	padding: 0.2em 0;
	}
div.box_content ul li a{
	display: block;
	padding: 0px 10px;
	background: transparent url(../images/link.gif) 0 0.4em no-repeat;
	color: #000;
	font-size: 85%;
	}
/*
div.box_content p a{
	padding: 0px 10px;
	background: transparent url(../images/link.gif) 0 0.4em no-repeat;
	color: #000;
	}
*/
div.box_content h1, div.box_content h2, div.box_content h3, div.box_content h4, div.box_content p, div.box_content ul li a
{
	overflow: hidden;
	}
	
	/* Kalenderlista i högerspalt på medlemssidan */

div.box_content dl {
	font-size: 85%;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

div.box_content dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
div.box_content dt a{
	padding: 0 0 0 10px;
	background:transparent url(../images/link.gif) no-repeat scroll 0 0.4em;
	color: #000;
	}
	
div.box_content dd {
	clear: left;
	margin: 0;
	padding: 0;
	width: auto;
	}
	
/*** NAV LEFT *********************************************/

#nav2 {
	background: #f2f2f2; /* 003A65;*/
	width: auto;	
	/*border-bottom: solid 5px #004f8f;	003A65 7e8da2 */
	/*background-color: #003A65;	 5c708c??? */
}

#nav2 ul ul {
	background: #faf8f9;
}

#nav2 ul ul li {
	background: #faf8f9 !important;
}

#nav2 ul li 
{
	background: #f2f2f2;
	display: inline;
}

#nav2 ul li a, #nav2 ul li span {
	display: block;
	padding: 5px 20px 5px 15px;
	color: #000;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #cacaca;
	background: transparent url(../images/nav2.gif) no-repeat right center;
	}
	
#nav2 ul li a.leaf, #nav2 ul li span.leaf {
	background: transparent none;
	}

#nav2 ul li a.open, #nav2 ul li span.open {
	background: transparent url(../images/nav2_open.gif) no-repeat right center;
	}

#nav2 ul ul li a, #nav2 ul ul li span
{
	border: none;
	padding-left: 30px;
	background: url(../images/nav2_under.gif) no-repeat 96% 12px;
}

#nav2 ul ul li a.open, #nav2 ul ul li span.open {
	background: transparent url(../images/nav2_under_open.gif) no-repeat 97% 12px;
	}

#nav2 ul ul ul li a, #nav2 ul ul ul span {
	padding-left: 45px;
	background: transparent none;
}

.selected
{
	font-weight: bolder;
}

#nav2 ul li a:hover {
	color: #647590;
	text-decoration: none;
}
	
/* För slideshowen på startsidan: */
.blend img 
{
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity:0;
	filter: alpha(opacity=0);
}
	
/*** News List ********************************************/

div.news h2 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #003A65; /* 5d708c */
	padding: 0 0 0 2px;
	margin: 20px 0 10px 0;
	border-bottom: dashed 1px #b6bec8;
}

div.news dl {
	font-size: 85%;
	line-height: 1.4em;
	margin: 0 0 2em 0;
	padding: 0;
	}

div.news dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
div.news dt a{
	padding: 0 0 0 10px;
	background:transparent url(../images/link.gif) no-repeat scroll 0 0.4em;
	color: #000;
	}



	
div.news dd {
	clear: left;
	margin: 0;
	padding: 0;
	width: 70%;
	}

div.news dd.fullWidth {
	width: 100% !important;
	}
	
div.news dd.img {
	float: right;
	width: 25%;
	margin: 0;
}

div.news dd.img img {
	/* width: 100%; - Tog bort för att det gjorde att alla bilder förstorades!?! /jn@arbetsgivarverket.se 071024 */
	margin: 0; padding: 0;
}



div.box_content input.textfield
{
	font-size: 100%;
	border: solid 1px #000; /* #979797 */
	width: 80%;
}


em.date {
	display: block;
	font-style: normal;
	color: #000;
	font-weight: bold;
	
	}

em.strong {
	display: block;
	font-style: normal;
	color: #333;
	font-weight: bold;
	
	}
	
ul.news_list li {
	padding: 0 0 10px 0;
	}
ul.news_list li a em.date {
	display: inline !important;
	margin-right: 0.7em;
	color: #666;
	display: block;
	font-style: normal;
	color: #000;
	font-weight: bold;
	}
ul.news_list li a {
	
	background: transparent url(../images/link.gif) 0 0.5em no-repeat;
	padding-left: 10px;
	color: #000;
	}

#content div.box_content ul.news_list li
{
	list-style-type: none !important;
}

	
/*** Block ***********************************************/
.block {
	margin-top: 20px;
}

.block .box50 {
	width: 48%;
	float: left;
}

.block .box50 h3 {
	background-color: #003A65; 
	/*background-color: #475b7c;*/
	color: #fff;
	text-align: center;
	font-size: 85%;
	padding: 5px 10px;
}

.block .right {
	float: right;
	}

.block h3 {
	padding: 5px !important;
	text-align: center !important;
	}

.block .right h3 {
	background-color: #402d31;
	}	

/*** Tables ***********************************************/
table.commentform
{
	/*font-size: 85%;
	 border: solid 1px #000; */
}
table.commentnormal 
{
	/*font-size: 85%;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
table.commentagv 
{
	/*border: dashed 1px #000;*/
	/* background-color: #ffe4e1;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/*font-size: 85%;*/
}
table.commentnew 
{
	/*border: dashed 1px #000;*/
	/*font-size: 85%;*/
}
table.commentchosen 
{
	/*border: dashed 1px #000;*/
	background-color: #ccccff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/*font-size: 85%;*/
}
table.commentmine 
{
	/*border: dashed 1px #000;
	background-color: green;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	/*font-size: 85%;*/
}

table tr td 
{
	font-size: 85%;
}

.paddingright40
{
	width: 85%;
	text-align: right;
}

table.standard_table {
	padding:0; margin: 15px 0 0 0;
	border: solid 1px #ebedf0;
	width: 85%;
}

table.standard_table tr th, table.standard_table tr td {
	padding: 5; 
	margin: 0;
	text-align: left;
	border-style: solid;
	border-color: #fff;
	border-width: 0 0 1px 1px;
}

table tr td input.agvButton
{
	height: 22px;
	border: solid 1px #000; /* #979797 */
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 5px 0px 10px 5px;
	font-size: 100%;
}

table.standard_table tr th {
	background-color:#003A65; /* 5C708C; */
	color: #fff;
	font-size: 0.8em;
	/*font-size: 70%;*/
	padding: 3px 3px 3px 5px;
}
table.standard_table tr td {
	font-size: 85%;
	vertical-align: top;
	padding: 4px 5px;
}
table.standard_table tr th.alt {
}

table.standard_table tr.alt td {
	background-color:#ebedf0;
}

table.standard_table input {
	width: 40px;
}

table.standard_table tr td a {
	padding-left: 10px;
	background: transparent url(../images/link.gif) no-repeat left 4px;
	color: #000;
}
table.standard_table tr td a.nolink {	
	padding-left: 10px;
	background: transparent url(../images/nolink.gif) no-repeat left 4px;
	color: green;
	/*background: none !important;*/
}
table.standard_table col#Selected {
	background-color: #f7f8fa;
}

table.standard_table tr th a 
{
	color: #fff;
}

table.standard_table tr th.order input {
	width: 100%;
	height: 25px;
	border: none;
	background-image: url(../images/s_orderby.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
	cursor: pointer;
	color: #fff;
	text-align: left;
	padding-left: 3px;
	padding-right: 16px;
	font-size: 100%;
	font-family: verdana;
	font-weight: bold;
	position:relative;
	left: -2px;
}

table.standard_table tr th.order a {
	display: block;
	width: 100%;
	height: 20px;
	border: none;
	background-image: url(../images/s_orderby.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
	cursor: pointer;
	color: #fff;
	text-align: left;
	padding-top: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 3px;
	margin-right: 16px;
	font-size: 100%;
	font-family: verdana;
	font-weight: bold;
	position:relative;
	left: -2px;
}

table.standard_table tr th.alt input {
	width: 100%;
	height: auto !important;
	background-image: url(../images/s_orderby.gif);
}

table.standard_table tr td.with_separator
{
	border-left-width: 10px;
	border-left-color: #fff;
}
table.standard_table tr th.with_separator
{
	border-left-width: 10px;
	border-left-color: #fff;
}

table.standard_table tr th.ascending input {
	background-image: url(../images/s_ascending.gif);
}

table.standard_table tr th.ascending a {
	background-image: url(../images/s_ascending.gif);
}

table.standard_table tr th.descending input {
	background-image: url(../images/s_descending.gif);
}

table.standard_table tr th.descending a {
	background-image: url(../images/s_descending.gif);
}

table.standard_table tr th input:hover 
{
	background-color: #7489a6;
	background-image: url(../images/s_ascending.gif);
}

table.standard_table tr th a:hover {
	background-color: #7489a6;
	background-image: url(../images/s_ascending.gif);
}

#content table.standard_table tr td ul.downloads_list {
	padding: 0; margin: 0;
}
#content table.standard_table tr td ul.downloads_list li{
	list-style-type: none !important;
	font-size: 100%;
}

#content table.standard_table tr td ul.downloads_list li a, a.pdf{
	background: url(../images/ic_document.gif) left 3px no-repeat !important;
	display: block;
	padding: 2px 5px 2px 14px !important;
}


#content table.standard_table tr td ul.downloads_list li a:focus, a.pdf:focus{
	background: #d6d9e0 url(../images/ic_document.gif) left 3px no-repeat !important;
}

table.standard_table tr td ul.downloads_list li a.addon{
	background: url(../images/ic_pdf_addon.gif) 1px 3px no-repeat !important;
}
table.standard_table tr td ul.downloads_list li a.addon:focus {
	background: #d6d9e0 url(../images/ic_pdf_addon.gif) 1px 3px no-repeat !important;
}

#publicationDetails a.pdf
{
	background: url(../images/ic_document.gif) left 3px no-repeat !important;
	display: block;
	padding: 2px 5px 2px 14px !important;
	font-size: 85%;
	color: #000;
	margin-left: 1em;
}

#publicationDetails ul.downloads_list li a
{
	background: url(../images/ic_document.gif) left 3px no-repeat !important;
	display: block;
	padding: 2px 5px 2px 14px !important;
	font-size: 85%;
	color: #000;
	margin-left: 1em;
}

#publicationDetails ul.downloads_list li a.addon{
	background: url(../images/ic_pdf_addon.gif) 1px 3px no-repeat !important;
	color: #000;
	margin-left: 1em;
}

.order_div
{
	text-align: right;
}


/*** LapaOrder.aspx (för att beställa löneanalysprogram) ***/
.lapalabel
{
	vertical-align:top; width: 150px; /*text-align:left; font-weight:bold;*/
}

.lapainput
{
	font-size:85%;
}

.red
{
	background-color: #D28585;
	color: White;
}

/*** Footer ***********************************************/

#footer
{
	background: url(../images/foot.gif) repeat-x;
	clear: both;
	text-align: center;
	padding: 10px 0 20px 0;
}
#footer p {
	font-size: 85%;
	padding: 0; margin: 0;
}


/* Formulär */
div.formview
{
}
div.formview .label
{
	height: 1.5em;
	float: left;
	font-weight: bold;
	width: 17%;
	text-align: right;
	margin-right: 10px;
}
div.formview .info
{
	height: 1.5em;
	width: 58%;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}
div.formview .sectorLabel
{
	height: 1.5em;
	float: left;
	font-weight: bold;
	width: 125px;
	text-align: left;
	margin-right: 10px;
	white-space: nowrap;
}
div.formview .sectorInfo
{
	height: 1.5em;
	font-weight: normal;
	text-align: left;
	overflow: hidden;
}

/* Rättighetstilldelning */
div.rights
{
	
}

div.rights select
{
	width: 60%;
	min-width: 250px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
div .label
{
	font-size: 85% !important;
	font-weight: bold;
}
div .info
{
	font-size: 85% !important;
	font-weight: normal;
}
.infoText
{
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	font-weight: bold;
}

div.rights input
{
	width: 60%;
	min-width: 250px;
	margin-bottom: 1em;
}

div.rights .narrow
{
	margin-left: 10px;
	width: 30% !important;
	min-width: 30% !important;
}


div.formfooter
{
	clear: left;
	margin-top: 10px;
}
div.formview img.advisorImage
{
	float: left;
}
div.box_content img.advisorImage
{
	width: 85px;
	float: right;
}

/* Kalenderlista i högerspalt på medlemssidan */

div.box_content dl {
	font-size: 85%;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

div.box_content dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
div.box_content dt a{
	padding: 0 0 0 10px;
	background:transparent url(../images/link.gif) no-repeat scroll 0 0.4em;
	color: #000;
	}
	
div.box_content dd {
	clear: left;
	margin: 0;
	padding: 0;
	width: auto;
	}

/* Grundstilar */
#content h1
{
	margin: 0 0 0.7em 0;
	font-size: 120%;	/* 150 från valtech... */
	font-weight: bold;
	color: #5A5A5A; 	/* 686d75 ?? */
}

#content h2
{
	margin: 0.8em 0 0.5em 0;
	font-size: 100%;
	font-weight: bold;
	color: #5A5A5A; 	/* 686d75 ?? */
}

h3
{
	margin: 0.8em 0 0 0;
	font-size: 85%;
	font-weight: bold;
	color: #000000;		/* 686d75 ?? */
}

/* Ingress på divers sidor */
#content p.intro
{
	font-weight: bold;
}

/* Brödsmulor */
.breadcrumb
{
	margin-bottom: 10px;
}
#breadcrumb
{
	margin-bottom: 10px;
}

#breadcrumb a
{
	text-decoration: none;
}

/* Bildtexter */
.image_text
{
	font-style: italic;
}

/* top menu links */
ul#top_menu_links
{
	float: right;
	margin: 0.5em 0.8em 0 0;
	padding: 0;
}
ul#top_menu_links li
{
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#top_menu_links li a
{
	font-size: 1em;
	padding: 0 0.6em;
	border-right: solid 1px #ffffff;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal !important;
}
ul#top_menu_links li.last a
{
	border: none;
}
ul#top_menu_links li.open, ul#top_menu_links li.selected, ul#top_menu_links li.open a.open, ul#top_menu_links li.selected a.selected
{
	background-color: #7e8da2;
}


/* Nyhetsarkiv */

/*** News List ********************************************/

div.news_archive dl {
	margin: 7px 0;
	padding: 0;
	display: inline; /* fixes IE double margin bug */
}

div.news_archive dt 
{
	margin-top: 7px;
	padding: 0;
	font-weight: bold;
}
div.news_archive dt em
{
	margin-right: 14px;
}
div.news_archive dt a{
	padding: 0 0 0 10px;
	background:transparent url(../images/link.gif) no-repeat scroll 0 0.4em;
	color: #000;
}
	
div.news_archive dd {
	clear: left;
	margin: 0;
	padding: 0;
	width: auto;
}

.paging 
{
	margin-top: 20px;
}

.paging ul li
{
	float: left;
	display: inline;
}
.paging ul li a
{
	padding-right: 0.6em;
	background: none !important;
	color: #000;
}



.paging ul li.selected a{
	font-weight: bold;
}
	
/* Generella klasser */

.date
{
	color: #666;
}
.newsdate
{
	margin-bottom: 10px;
}

#newslist_footer
{
	clear: both;
	margin-top: 0px;
	margin-bottom: 15px;
}

#newslist_footer a
{
	background:transparent url(../images/link.gif) no-repeat 0px 0.4em;
	padding:0px 10px;
	color: #000;
	font-size: 85%;
}



#page_footer
{
	clear: both;
	text-align: right;
	font-size: 85%;
	line-height: 1.5em;
}

/* Tvåspaltsmall */

#content #leftColumn
{
	float: left;
	max-width: 60%;
	min-width: 25%;	
	padding-right: 1em;
	height: 100%;
}
#content #rightColumn
{
	padding-left: 1em;
	padding-top: 25px;
	height: 100%;
}

#content #rightColumn img
{
	max-width: 100%;	/* - Bort för att det gör att alla bilder förstoras?? /jn@arbetsgivarverket.se 071024 */
	margin-bottom: 0.2em;
}

.errortext
{
	color: Red;
}
/* ----- */

/* searchbar */
div#topsearch
{
	padding: 0.7em 0.8em 0 0; /*margin: 0.7em 0.8em 0 0;*/
	margin-top: -2px; /* för att kompensera för border på inmatningsfält gentemot länkarna till vänster */
	float: right;
	text-align: right;
}

div#topsearch p
{
	margin: 0.7em 0 0 0;
	padding: 0;
}

div#topsearch input.textfield
{
	font-size: 1em;
	border: solid 1px #000;	/* 979797 */
}
/* ----- */



input.textfield
{
	font-size: 1em;
	border: solid 1px #000;	/* 979797 */	
}

input.agvButton
{
	border: solid 1px #000; /* #979797 */
	height: 22px;
	 width: inherit;
	/*min-width: 40px; Funkar ej i IE... */
	/*border-style: none;
	border-width: 0px;*/
	background-repeat: repeat-x;
	font-size: 85%;
	/*background-image: url(../images/knapp.gif);*/
	/*font-weight: 700;*/
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 5px 5px 0px 5px;
}
a.linkWithIcon
{
	padding-left: 10px;
	background: transparent url(../images/link.gif) 0 center no-repeat;
	color: #000;
	font-size: 1em;
}
a.nolink
{
	background: none !important;
}
.leftfloating
{
	float: left;
}
.rightfloating
{
	float:right;
}

/* Felmeddeladen */
.textfielderror
{
	border: solid 2px #f00;
}

.error
{
	color: #f00;
}

.errorList
{
	color: #f00;
}


/* Byt lösenord */

#change_pwd p label
{
	display: block;
	width: 13em;
}


/*
Publikationsbekräftelse
 */
#pubOrderForm
{
}

#pubOrderForm .innerform
{
	border: solid 1px #ebedf0;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

#pubOrderForm div fieldset
{
	width:100%;
	padding: 0;
	border: 0;
}
#pubOrderForm div fieldset p
{
	margin: 4px;
}
#pubOrderForm div fieldset legend
{
	font-size: 85%;
	font-weight: bold;
	background: #ebedf0;
	display:block;
	margin-left: -7px;
	margin-right: -7px;
	padding: 3px 7px;
	text-align:left;
	color:#000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#pubOrderForm div fieldset div
{
	display: block;
	padding:0;
	margin: 0.3em 0 0 0.3em;
}

#pubOrderForm div fieldset div label
{
	font-size: 85%;
	text-align: left;
	display: block;
	width: 20%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#pubOrderForm div fieldset div input, #pubOrderForm div fieldset div textarea, #pubOrderForm div fieldset div label.right, #pubOrderForm div fieldset div span.right
{
	font-size:85%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	width: 20em;
}

#pubOrderForm div fieldset div select
{
	font-size:85%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
}

#pubOrderForm div fieldset div span.validatorError
{
	font-size:85%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	width: 20em;
	color: #f00;
}

/*
publikationssök 
*/
.pubsearchpanel
{
	float: left;
	margin-right: 1em;

}


.pubsearchpanel label
{
	font-size:85%;
	padding: 0;
	width: 20em;
}

.pubsearchpanel input.text
{
	font-size:85%;
	margin: 0.4em 0 0 0;
}

.pubsearchpanel select
{
	font-size:85%;
	margin: 0.4em 0 0 0;
}

/* ----- */

/*
 Sitemap 
*/
.sitemap { padding: 0 0 10px 20px; }

#content div.sitemap ul {  margin: 0; padding: 0; }
#content div.sitemap ul li{ list-style-type:none !important; font-size:100%; padding: 0;}

.sitemaplimenu { font-weight: bold; text-decoration: none; list-style: none inside; margin: 30px 0px 3px 0px}

a.sitemapmenuheader { text-decoration: none; font-weight: bold; font-size: 110%; color: #595959; margin: 0.5em 0em 0.5em 0em; background: none; padding:0;}

.sitemapli { margin-top: -3px; margin-bottom: -4px; padding: 0; list-style-type:none; }

.sitemapli a { margin: 0;  text-decoration: none; vertical-align: middle; position: relative; top: -4px; font-weight: normal; font-size: 85%; color: #000; background:none; padding:0;  }

/*
formulär 
*/

#id_matrix
{
	border: solid 1px #ebedf0;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	width: 100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:100%;
}
#id_matrix tbody tr td
{
	padding: 1em 2em 0 2em;
}
/* ledtext */
#id_matrix tbody tr td span
{
}
/* label */
#id_matrix tbody tr td label
{
	text-align: left;
	display: inline-block;
	min-width: 16em;
	padding: 0px;
}
/* textfält */
#id_matrix tbody tr td input, #id_matrix tbody tr td textarea
{
	font-size:100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
/* flervalslista */
#id_matrix tbody tr td select
{
	font-size:95%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}
#id_matrix tbody tr td fieldset
{
	border:  solid 1px #ebedf0;
}
/* legend */
#id_matrix tbody tr td fieldset legend
{
	font-weight: bold;
	background: #ebedf0;
	display:block;
	margin-left: -7px;
	margin-right: -7px;
	padding-left:7px;
	text-align:left;
	color:#000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* radioknapp, checkruta */
#id_matrix tbody tr td fieldset input
{
	font-size:100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	width: 2em;
	margin: 0;
	padding: 0;
}
#id_matrix tbody tr td fieldset label
{
	margin: 0;
	padding: 0;
}



input:focus, input:active, a:focus, a:active, select:focus, select:active, textarea:focus, textarea:active {
background: #d6d9e0 !important;		/* grå tab-färg - #EBCFDA för rosa */
color: #000000 !important;
}

div#container div#header a.logo:focus
{
	background: #fff !important;
}

/* Prenumerationssidan */
#quickregistration ul li
{
	list-style-type: none !important;
}

/* Login-rutan */
div.spacer
{
	height: 5px;
}

/* Rådgivare-listan */

ul.advisor_list
{
	margin-left: 0.5em !important;
}
ul.advisor_list li 
{
	list-style-type: none !important;
	display: inline !important;
	margin-right: 1.5em;
}
ul.advisor_list li a
{
	color: #191970;
	font-weight: bold;
}

/* Generella styles för hela pressrummet */
#newsdesk_pressroom {}
#newsdesk_pressroom p {}
#newsdesk_pressroom .newsdesk_date 
{
	font-size: 0.8em; 
	display: inline !important;
	margin-right: 0.7em;
	color: #000;
	font-style: normal;
	font-weight: bold;
	/*display: block;
	color: #666;*/
}
#newsdesk_pressroom .newsdesk_summary {	margin: 0 0 10px 0;}
#newsdesk_pressroom .newsdesk_preamble {	}
#newsdesk_pressroom .newsdesk_resource {	}
#newsdesk_pressroom a 
{ 
	padding: 0 0 0 10px;
	background:transparent url(../images/link.gif) no-repeat scroll 0 0.4em;
	color: #000;
	font-size: 0.8em; 
}

/* RUBRIKER */
/* De olika nivåerna */
#newsdesk_pressroom h3 {	margin-bottom: 0;}
#newsdesk_pressroom h4 {	}

/* Artikelrubriker */
#newsdesk_pressroom h5 {	margin: 15px 0 0 0;}

/* Relaterat material-rubriker */
#newsdesk_pressroom h6 {	margin: 25px 0 0 0;}

/* RELATERAT MATERIAL */
#newsdesk_pressroom .newsdesk_related_items ul {	margin: 0;	padding: 0;}
#newsdesk_pressroom .newsdesk_related_items ul li {	margin: 0;	padding: 0;	list-style: none;}

/* PRESSRELEASE */
#newsdesk_pressroom #newsdesk_view_pressrelease .newsdesk_article_text {	}

/* Webbild */
#newsdesk_pressroom #newsdesk_view_pressrelease .newsdesk_web_image img {	border: none;	margin: 10px 0 0 0;}

/* Lista med bifogade filer. */
#newsdesk_pressroom #newsdesk_view_pressrelease ul.newsdesk_attached_documents {	margin: 0;	padding: 0;	font-size: small;}
#newsdesk_pressroom #newsdesk_view_pressrelease ul.newsdesk_attached_documents li {	list-style: none;	margin: 0;	padding: 0;}

/* EVENEMANG */
/* Start- och sluttid och plats. */
#newsdesk_pressroom ul.newsdesk_event_details {	font-size: small;	padding: 0;	margin: 5px 0 5px 0;}
#newsdesk_pressroom ul.newsdesk_event_details li {	list-style: none;	padding: 0;	margin: 0;}
#newsdesk_pressroom ul.newsdesk_event_details li span {	font-weight: bold;}
#newsdesk_pressroom ul.newsdesk_event_details li p {	display: inline;}

/* Webbild */
#newsdesk_pressroom #newsdesk_view_event .newsdesk_web_image img {	border: none;	margin: 10px 0 0 0;}

/* BILDER */
/* List-bild för bilder och kontaktpersoner */
#newsdesk_pressroom .newsdesk_image {}
#newsdesk_pressroom .newsdesk_image img {	border: none;	margin: 5px 0 0 0;}

/* Lista med detaljer. Storlek, mått och format. */
#newsdesk_pressroom ul.newsdesk_image_details {	font-size: small;	margin: 0;	padding: 0;}
#newsdesk_pressroom ul.newsdesk_image_details li {	list-style: none;	margin: 0;	padding: 0;}
#newsdesk_pressroom ul.newsdesk_image_details span {	font-weight: bold;}

/* VIDEOR */
#newsdesk_pressroom #newsdesk_view_video {	}

/* DOKUMENT */
#newsdesk_pressroom #newsdesk_view_document {	}
#newsdesk_pressroom #newsdesk_view_document a {	font-size: small;}

/* KONTAKTPERSONER */
#newsdesk_pressroom #newsdesk_view_contact_person {	}
#newsdesk_pressroom #newsdesk_view_contact_person ul.newsdesk_contact_person_details {	margin: 0;	padding: 0;}
#newsdesk_pressroom #newsdesk_view_contact_person ul.newsdesk_contact_person_details li {	margin: 0;	padding: 0;	list-style: none;	font-size: small;}

/* NAVIGATION */
/* Styles för listan. */
#newsdesk_pressroom #newsdesk_navigation ul { 	padding: 0px;	margin: 0px;}
#newsdesk_pressroom #newsdesk_navigation ul li {	list-style: none; }

/* PRESSRUMSKONTAKT */
#newsdesk_pressroom #newsdesk_view_pressroom_contactinformation p {	font-size: small;}

/* PRENUMERATION. */
#newsdesk_pressroom #newsdesk_view_subscription div { 	font-size: small;	margin: 0 0 10px 0;}
#newsdesk_pressroom #newsdesk_view_subscription_confirmation {	}