/*
* Stylesheet for screen
*/

@import "table.css";
@import "datepicker.css";
@import "lightbox/default.css";
@import "lightbox/lightbox.css";

/* General */

* {
		margin:0;
		padding:0;
		}

body {
		font:62.5% georgia, "Times New Roman", serif;
		color:#565656;
		background: #dedede url(/gfx/bg.jpg) repeat-x fixed;
		}


/* Structure */

#wrapper {
		width:954px;
		margin:14px auto 0 auto;
		}

#header {
		width:954px;
		height:163px;
		background:url(/gfx/bg_header.png) no-repeat;
		margin:0;
		clear:both;
		}

#login {
		margin:18px 44px 0 0;
		padding:8px 0 0 0;
		float:right;
		display:inline;
		width:248px;
		background:url(/gfx/icon_login.jpg) no-repeat top right;
		position: relative;
		z-index: 500;
		}

#logedin {
		margin:18px 44px 0 0;
		padding:8px 0 0 0;
		float:right;
		display:inline;
		width:248px;
		background:url(/gfx/icon_logedin.jpg) no-repeat top right;
		position: relative;
		z-index: 500;
		}

#logedin strong {
	font-size: 95%;
}

#logo a {
		margin:19px 0 0 34px;
		float:left;
		background:url(/gfx/logo_verksam.png) no-repeat;
		width:311px;
		height:65px;
		display:inline;
		position: relative;
		z-index: 501;
		}

#navigation {
		margin:22px 0 0 20px;
		float:left;
		position: relative;
		z-index: 502;
		width:600px;
		}

#navigate {
		margin:22px 0 0 20px;
		float:left;
		position: relative;
		z-index: 502;
		width:610px;
		}

#navigation.logged_in {
	width:900px;
}

#container {
		width:954px;
		background:url(/gfx/bg_body.jpg) repeat-y;
		text-align:center;
		}

#wide {
		width:860px;
		float:left;
		padding:0 28px 0 34px;
		text-align:left;
		}

#left {
		width:574px;
		float:left;
		padding:0 28px 0 34px;
		text-align:left;
		}

#right {
		width:286px;
		float:left;
		text-align:left;
		}

#footer {
		width:954px;
		height:116px;
		background: url(/gfx/bg_footer.jpg) no-repeat;
		margin:0;
		clear:both;
		}

#producer {
		height: 89px;
		width: 874px;
		margin: 0px auto;
		padding: 8px 40px 8px 40px;
		text-align:right;
		}

/* New Navigation */

#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0;
	padding: 0;
  list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	margin:0 3px 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* for IE5/Win only */
	}

#nav1 a:hover, #nav1 a:active, #nav1 a.selected {
	background-position: 0 -30px;
	}

#nav2 a:hover, #nav2 a:active, #nav2 a.selected {
	background-position: -104px -30px;
	}

#nav3 a:hover, #nav3 a:active, #nav3 a.selected {
	background-position: -207px -30px;
	}

#nav4 a:hover, #nav4 a:active, #nav4 a.selected {
	background-position: -310px -30px;
	}

#nav5 a:hover, #nav5 a:active, #nav5 a.selected {
	background-position: -412px -30px;
	}

#nav6 a:hover, #nav6 a:active, #nav6 a.selected {
	background-position: -535px -30px;
	}

#nav7 a:hover, #nav7 a:active, #nav7 a.selected {
	background-position: -566px -30px;
	}

#nav8 a:hover, #nav8 a:active, #nav8 a.selected {
	background-position: -595px -30px;
	}

#nav1 a {
	width: 100px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	}
#nav2 a {
	width: 100px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -104px 0;
	}

#nav3 a {
	width: 100px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -207px 0;
	}

#nav4 a {
	width: 100px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -310px 0;
	}

#nav5 a {
	width: 112px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -412px 0;
	}

#nav6 a {
	width: 24px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -535px 0;
	}

#nav7 a {
	width: 20px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -566px 0;
	}

#nav8 a {
	width: 23px;
	background: url("/gfx/navigation-map.png") top left no-repeat;
	background-position: -595px 0;
	}

#header #subnav a, #header #subnav p {
		color:#8c8c8c;
		text-decoration: none;
		}

#header #subnav a:hover {
		background:none;
		color:#777777;
		text-decoration: none;
		}

#subnav {
		clear:both;
		float: left;
		width:700px;
		font:0.9em/1.5em georgia, "Times New Roman", serif;
		margin:0;
		padding:5px 0 0 56px;
		z-index: 504;
		position:relative;
		}


/* Elements */

#splash {
		margin:0 0 15px 0;
		clear:both;
		}

#icons {
		width:574px;
		margin:15px 0 0 0;
		text-align:center;
		}

.puff {
		width:246px;
		height:350px;
		background: url(/gfx/bg_puff.png) no-repeat;
		clear:both;
		padding: 20px 20px 0 20px;
		}

.puff_top {
		width:246px;
		min-height:300px;
		background: url(/gfx/bg_puff_top.png) no-repeat top left;
		clear:both;
		padding: 20px 20px 0 20px;
		}

.puff_low {
		width:246px;
		height:29px;
		background: url(/gfx/bg_puff_low.png) no-repeat top left;
		clear:both;
		padding: 20px 20px 0 20px;
		}

.overview_box {
	position: relative;
	float: left;
	margin-right: 5px;
	padding: 25px 17px 20px 17px;
	width: 154px;
	height: 165px;
	background: url(/gfx/overview_box.jpg) no-repeat top left;
}

.overview_box.last {
	margin-right: 0;
}

.overview_box.done {
	background-image: url(/gfx/overview_box_done.jpg);
}

.overview_box h4 {
	font-size: 1.5em;
	margin-bottom: 8px;
}

.overview_box p.btn { position: absolute; bottom: 17px; }

/* Typography and links */

h1 {font:oblique bold 2.6em/1.4em georgia, "Times New Roman", serif; margin:0 0 5px 0;}
h2 {font:oblique bold 1.8em/1.4em georgia, "Times New Roman", serif; margin:14px 0 2px 0;}
h3 {font:oblique bold 1.6em/1.6em georgia, "Times New Roman", serif; color:#8c8c8c;}
p {font:1.2em/1.7em georgia, "Times New Roman", serif;}
#left p { margin:0 0 8px 0;}
.puff p {font:1.1em/1.65em georgia, "Times New Roman", serif;}
td {font:normal 0.9em/1.2em georgia, "Times New Roman", serif;}
li {font:1.0em/1.2em georgia, "Times New Roman", serif;}

#left a, #wide a, #right a {	padding:2px;
		}

#left a:link, #wide a:link, #right a:link {
		background:inherit;
		color:#6eaa33;
		}

#left a:visited, #wide a:visited, #right a:visited {
		background:inherit;
		color:#6eaa33;
		}

#left a:hover, #wide a:hover, #right a:hover {
		background:#6eaa33;
		color:#ffffff;
		text-decoration:none;
		}
		
#left a.nohover:hover {
	background:none;
}

#left #icons a:hover {
		background:none;
		}

#left a:active, #wide a:active {
		background:inherit;
		color:#6eaa33;
		}

#left .noefx {
		background:none;
		padding:0;
		margin:0;
		color:none;
}

#logedin a {
		color:#8c8c8c;
		text-decoration: none;
		}


#footer a, #footer p {
		color:#8c8c8c;
		text-decoration: none;
		}

#footer a:hover {
		background:none;
		color:#777777;
		text-decoration: none;
		}

#footer_left {padding:74px 40px 0 40px; float:left; font:1.0em/1.7em georgia, "Times New Roman", serif;}
#footer_right {padding:74px 40px 0 40px; float:right; font:1.0em/1.7em georgia, "Times New Roman", serif;}

table, td {border:0;}

#left p.btn a, #right p.btn a, #wide p.btn a { padding: 0; text-decoration: none; }
#left p.btn a:hover, #right p.btn a:hover, #wide p.btn a:hover { background:transparent; cursor:pointer;}

#right p.icon a, #left p.icon a { background:transparent; color:#6eaa33; text-decoration: none; font:0.9em/1.2em georgia, "Times New Roman", serif;}
#right p.icon a:hover, #left p.icon a:hover  { background:transparent; color:#8c8c8c; text-decoration: none; font:0.9em/1.2em georgia, "Times New Roman", serif; cursor:pointer;}

/* Lists, images, etc. */

#left ul, #wide ul {
		margin:5px 0 20px 30px;
		padding:0;
		}
#left li, #wide li  {
		font:1.2em/1.7em georgia, "Times New Roman", serif;
		margin:0 0 3px 0;
		padding:0;
		}

hr {
		border:0;
		color:#efefef;
		background:#efefef;
		height:2px;
		margin:7px 0;
		padding:0;
		}

.icon_big {
		vertical-align:-30%;
		padding:0 5px 5px 0;
		}

img {
		border:0;
		}

.clear {clear:both;}

ul {
padding:10px 0 10px 20px;
}

ol {
padding:10px 0 30px 32px;
}

#left .pdf, #left .doc, #left .xls, #left .zip, #left .txt, #left .folder, #left .help, #wide .pdf, #wide .doc, #wide .xls, #wide .zip, #wide .txt, #wide .help {
		color:#6eaa33;
		text-decoration:none;
		}

#left a.xls, #left a.doc, #left a.pdf, #left a.zip, #left a.txt, #left a.folder, #left a.help, #wide a.xls, #wide a.doc, #wide a.pdf, #wide a.zip, #wide a.txt, #wide a.help {
		padding:4px 0 3px 25px;
}

#left a.xls, #left a.xls:hover, #wide a.xls, #wide a.xls:hover  {
		background:url(/images/icons/xls.gif) no-repeat top left;
		}

#left a.doc, #left a.doc:hover, #wide a.doc, #wide a.doc:hover {
		background:url(/images/icons/doc.gif) no-repeat top left;
		}

#left a.doc:hover, #left a.pdf:hover, #left a.xls:hover, #left a.zip:hover, #left a.txt:hover, #left a.folder:hover, #left a.help:hover, #wide a.doc:hover, #wide a.pdf:hover, #wide a.xls:hover, #wide a.zip:hover, #wide a.txt:hover, #wide a.help:hover {
		color:#999999;
		}

#left a.pdf, #left a.pdf:hover, #wide a.pdf, #wide a.pdf:hover {
		background:url(/images/icons/pdf.gif) no-repeat top left;
		}

#left a.zip, #left a.zip:hover, #wide a.zip, #wide a.zip:hover {
		background:url(/images/icons/zip.gif) no-repeat top left;
		}

#left a.txt, #left a.txt:hover, #wide a.txt, #wide a.txt:hover {
		background:url(/images/icons/txt.gif) no-repeat top left;
		}

#left a.folder, #left a.folder:hover, #wide a.folder, #wide a.folder:hover {
		background:url(/images/icons/folder.gif) no-repeat;
		}

#left a.help, #left a.help:hover, #wide a.help, #wide a.help:hover {
		background:url(/images/icons/help.gif) no-repeat;
		}

#left table a.pdf,
#left table a.doc,
#left table a.xls,
#left table a.zip,
#left table a.txt,
#left table a.folder,
#left table a.help,
#wide table a.pdf,
#wide table a.doc,
#wide table a.xls,
#wide table a.zip,
#wide table a.txt,
#wide table a.help {
	color:#6eaa33;
	text-decoration:none;
	background-image: none;
	padding: 0;
}

#left table a.pdf:hover,
#left table a.doc:hover,
#left table a.xls:hover,
#left table a.zip:hover,
#left table a.txt:hover,
#left table a.folder:hover,
#left table a.help:hover,
#wide table a.pdf:hover,
#wide table a.doc:hover,
#wide table a.xls:hover,
#wide table a.zip:hover,
#wide table a.txt:hover,
#wide table a.help:hover { background-image: none; }

.responsible {
		font: 0.9em/1.6em georgia, "Times New Roman", serif;
		color:#777777;

		}


/*  Forms */

#field1, #field2 {
		font: 0.9em/1.3em Arial, Helvetica, sans-serif;
		border:0;
		color:#949494;
		background:transparent;
		}

#field1 {
		background: url(/gfx/bg_inputfield1.png) no-repeat;
		width:150px;
		height:24px;
		padding:6px 0 0 6px;
		}

#field2 {
		background: url(/gfx/bg_inputfield2.png) no-repeat;
		width:150px;
		height:24px;
		padding:6px 0 0 6px;
		margin:4px 0 0 0;
		}

label.login {
		display:none;
		}

input.loginbutton {
		float:right;
		}

span.error {
    color: #cc0000;
	margin: 0 0 0 4px;
}

.greentable table {
border:0;
margin:0;
padding:0;
width:100%;
}

.greentable td, .greentable th {
font:1.2em/1.7em georgia, "Times New Roman", serif;
padding:8px 20px 8px 20px;
margin:0;
background:#f6f6f6;
}

.greentable tr th {
font-weight:bold;
background:#eee;
}

.greentable tr:hover td {
	background:#ddd;
	color: #333
}

.greentable tr:hover a {
	background:#ccc
}

.actionplan td, .actionplan th {
	background:#f6f6f6;
	padding: 3px 10px 3px 10px;
	vertical-align: top;
}

.actionplan tr th {
	font-weight:bold;
	background:#eee;
}

#wide .actionplan input {
	background-color: transparent;
	border: none;
	padding: 0;
	font-family: georgia;
	color:#444444;
}

#wide fieldset, #left fieldset {
padding:15px;
border: 3px solid #eeeeee;

}

#left legend, #wide legend  {
font:oblique bold 1.6em/1.8em georgia, "Times New Roman", serif;
color:#444444;
}

#left input, #left textarea, #left select, #wide input, #wide textarea, #wide select {
	width:220px;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	font-size:11px;
	line-height:115%;
	padding: 5px;
	color:#444444;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#left label, #wide label {
padding:5px;
margin:0 0 10px 0;
}

#left input.phone1, #wide input.phone1 {
	width:30px;
}

#left input.phone2, #wide input.phone2 {
	width:176px;
}

#left input:focus, #left textarea:focus, #left select:focus, #wide input:focus, #wide textarea:focus, #wide select:focus {
	background: #ffffff;
}


#left input.checkbox, #left input.submit, #left input.radio, #wide input.checkbox, #wide input.submit, #wide input.radio {
	width: auto;
	background:none;
	border:0;
	margin:0;
}

#left input.submit, #wide input.submit {
	background-color: #eeeeee;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	font-weight:bold;
	color: #444444;
	cursor:pointer;
}

#left input.submit:hover, #wide input.submit:hover {
	background:#dddddd;
	cursor:pointer;
}


#left input.checkbox, #wide input.checkbox {
	float: left;
	clear: both;
	margin-right: 5px;
	padding: 0;
	background-color: none;
	border: none;

}

/* Buttons */

button {
  border:0;
  cursor:pointer;
  font-weight:bold;
  padding:0 20px 0 0;
  text-align:center;
}
button span {
	font-family: georgia, serif;
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 20px;
}

button.submitBtn {
  background:url(/gfx/btn_green_right.gif) right no-repeat;
  font-size:1.3em;
}
button.submitBtn span {
  height:50px;
  line-height:50px;
  background:url(/gfx/btn_green_left.gif) left no-repeat;
  color:#fff;
}
button.submitBtn:hover {
	background:url(/gfx/btn_green_right_hover.gif) right no-repeat;
}
button.submitBtn:hover span {
	background:url(/gfx/btn_green_left_hover.gif) left no-repeat;
}

#link_box_list {
	margin-top: 20px;
}

#link_box_list a {
	display: block;
	border: 1px solid #999;
	margin-bottom: 20px;
	padding: 5px;
	background-color: #e2f4ce;
	color: #333;
	text-decoration: none;
}

#link_box_list a:hover {
	color: inherit;
	border-color: #093;
}

#link_box_list a.disabled {
	opacity: 0.25;
}

.colorbox {
	background-color: #ebfedd;
	padding:10px;
	border: 3px dashed #999;
	margin:0 0 15px 0;
}

a.nofx:hover { border: none; background-color: transparent; padding: 0; }