/* Grundläggande element */
body 
{
	font-family: Arial;
	font-size: 11px;
	scrollbar-base-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-track-color: #F0F0F0; 
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-darkshadow-color: #000000; 
}

p
{
	margin: 5px 0 2px 0;
}

A {text-decoration:none; font-family: Arial;font-size: 11px; color: #000000;}
A:HOVER {text-decoration:underline; font-family: Arial; font-size: 11px; color: #000000;}
A.tools {text-decoration:none; font-family: Arial;font-size: 7pt; color: #000000;}
A.tools:HOVER {text-decoration:underline; font-family: Arial; font-size: 7pt; color: #ff0000;}

.cat_tree td
{
	font-size: 11px;
}

A.nav 
{
	/* border: solid 1px #f00; */
	color: #fff;
	font-family: Arial;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	white-space: nowrap;
}

A.nav:HOVER 
{
	text-decoration: underline; 
	font-family: Arial; 
	font-size: 11px; 
	color: #ffffff;
}

A.avtal 
{
	text-decoration: underline; 
	font-family: Arial;
	font-size: 11px; 
	color: #000000;
}

th a, 
th a:hover,
th a:active,
th a:visited
{
	color: #fff;
}

a img
{
	border: 0;
}

h2 
{
	font-size: 15px;
	font-weight:bold;
}

/* 
 * Detta är egentligen den enda rubriknivån som ska användas, men
 * ibland kan det vara bra med en större text (ovan) eller en mindre (nedan)
 */
h3 
{
	margin: 10px 0 4px;
	font-size: 13px;
	font-weight: bold;
}

	h3 small
	{
		font-weight: normal;
	}
	
h4
{
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0 1px;
}

/* Listor */
dl
{
	width: 100%;
}

dt
{
	font-weight: bold;
	width: 15%;
	float: left;	
	clear: left;
	margin: 0 0 .2em 0;
}

dd
{
	float: none;
	margin: 0 0 .2em 0;
	padding: 0;
	width: 84.9%;
}

dd p
{
	margin: 0;
	padding: 0 0 0.2em 0;
}

/* Tabeller */
table.tabulardata
{
	border-collapse: collapse;
	clear: both;
	margin: 7px 0;
}

table.full_width 
{
	width: 100%;
}

table.tabulardata td
{
	padding: 2px 5px;
}

caption
{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 7px 0 3px 0;
}

th,
tr.thead td,
td.thead
{
/*	font-family: Arial; */
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	padding: 2px 5px;
	text-align: left;
}

th.checkboxcolumn
{
	width: 20px;
}

td 
{
	font-size: 11px;
}

table.doc-list td,
table.doc-list th
{
	padding: 2px 4px;
}

tr.alternate td,
tbody.alternate td
{
	background-color: #f6f6f6;
}

.right,
.right input
{ 
	text-align: right;
}

.center
{
	text-align: center;
}

td.icon
{
	width: 20px;
}

tfoot.sum td,
tr.sum td
{
	background: #f6f6f6;
	border-top: solid 1px #555;
	font-weight: bold;
}

.sumcell
{
	border-top: solid 1px #000;
}

tbody.new td
{
	background: #bdb;
}

.iconlegend h4
{
	margin-bottom: 0;
}

.iconlegend dl
{
	margin-top: 0.4em;
}

/* Formulär */

span.formcontainer
{
	width: auto;
}

div.popupformcontainer
{
	width: auto;
	padding: 0.7em;
}

div.formcontainer,
div.listcontainer
{
	width: 600px;
	padding: 0.7em;
	/* border: solid 1px black; */
}

div.wideformcontainer
{
	width: 800px;
	padding: 0.7em;
	/* border: solid 1px black; */
}

/* Länkar ovanför formulär och listor */
.formlinks,
.formlinks_nolegend,
.listlinks
{
	width: 99%;
	text-align: right;
}

/* Flytta ner närmare formulärets ramlinje. Elementet överlappar då med <legend>-elementet */
/* Använd inte längre
.formlinks
{
	position: relative;
	bottom: -5px;
} */

div.formlinks a,
div.formlinks a:hover
{
	margin-left: 7px;
	padding-left: 12px;
	background: url(/images/rubrikplupp_transparent.gif) no-repeat 0 4px;
}

ul.formlinks,
ul.formlinks_nolegend,
ul.listlinks
{
	margin: 0;
	padding: 0;
}

ul.formlinks li,
ul.formlinks_nolegend li,
ul.listlinks li
{
	list-style: none;
	background: url(/images/rubrikplupp_transparent.gif) no-repeat 0 4px;
	display: inline;
	margin: 0 0 0 1em;
	padding: 0 0 0 14px;
}

ul.toolbar
{
	border-bottom: solid 1px #e1e1e1;
	margin: 0 0 1em 0;
	padding: 0 0 0.2em 0;
	width: 99%;
}

	ul.toolbar li
	{
		float: right;
		margin: 0 0 0 0.5em;
	}
	
	ul.toolbar input
	{
		border: 0;
	}



fieldset
{
	border: solid 1px #e1e1e1;
	padding: 0 1em 1em 1em;
	margin: 0 0 0.7em 0;
	clear: both;
}

	/* Formulär via def-listor */
	fieldset dl
	{
		margin: 7px 0 0 0;
	}
	
	fieldset dt
	{
		width: 30%;
	}

	fieldset dd 
	{
		width: 99.9%;
	}

legend
{
	padding: 0 7px 0 7px;
	margin: 0 0 4px 0;
}

dl.forminformation
{
	background: #f5f5fc url(/images/silk/information.gif) no-repeat scroll 5px 5px;
	border: solid 1px #aac;
	float: right;
	padding: .5em .5em .5em 25px;
	width: 180px;
}

dl.forminformation dt,
dl.forminformation dd
{
	display: block;
	float: none;
	width: 100%;
}

fieldset td,
.formcontainer td
{
	vertical-align: top;
}

input 
{
	font-family: Arial; 
	font-size: 11px; 
	background-color: #F8F8F8; 
	color: #000000; 
	border: 1px solid #000040;
}

input.image 
{
	border: 0;
}

input.cb 
{
/*	font-family: Arial; 
	font-size: 11px; 
	color: #000000;  */
	border: 0; 
	background-color: Transparent;
}

input.lavender 
{
/*	font-family: Arial; 
	font-size: 11px; 
	color: #000000;  */
	border: 0; 
	background-color: lavender;
}

input.cb_projektgrupp 
{
/*	font-family: Arial; 
	font-size: 11px; 
	color: #000000; */
	border: 0;
	background-color: #1B6FAB;
}

select 
{
	font-family: Arial; 
	font-size: 11px; 
	background-color: #F8F8F8; 
	color: #000000; 
	border: 1px solid #000040;
}

textarea 
{
	font-family: Arial; 
	font-size: 11px; 
	background-color: #F8F8F8; 
	color: #000000; 
	border: 1px solid #000040;
	width: 350px;
	height: 150px;
}

textarea.narrow
{
	width: 180px;
}

.textbox,
.dropdown,
.listbox
{
	clear: none;
	width: 180px;
}

.listbox
{
	height: 120px;
}

.checkbox, .checkbox input, .radiobutton, .radiobutton input
{
	background-color: transparent;
	border: 0;
}

ul.checkboxes,
ul.radiobuttons
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	ul.checkboxes input,
	ul.radiobuttons input
	{
		background: transparent;
		border: none;
	}

	ul.checkboxes ul,
	ul.radiobuttons ul
	{
		list-style-type: none;
		margin: 0 0 0 2em;
	}

.briefhelp,
.briefhelp_alwaysvisible
{
	border: solid 1px #e1e1e1;
	background-color: #f6f6f6;
	width: 100%;
	padding: 7px;
	margin: 12px auto;
	clear: both;
}

.briefhelp
{
	display: none;
}

.formbuttons
{
	padding-top: 0.4em;
	text-align: right;
	margin-bottom: 12px;
	width: 99%;
}

.formbuttons input
{
	margin: 0 0 0.2em 0;
	text-align: center;
}

.button,
input.button
{
	background-color: #e1e1e1;
	border: solid 1px #a0a0a0;
	float: none;
	text-align: center;
}

.required
{
	color: #f00;
	padding: 0 4px 0 4px;
	font-style: normal;
}

label
{
	padding: 1px 4px;
}

dt label
{
	display: block;
}

label.input_error
{
	background: #fffca8;
}

.hide 
{
	display: none;
}

input.file
{
	width: 400px;
}

/* Felmeddelande-box */
.error_message,
#error_message,
.confirmation_message,
.information_message,
.message
{
	clear: both;
	/*font-weight: bold; */
	font-weight: normal;
	margin: 0.8em 0;
	padding: 6px 4px;
}

.error_message p,
#error_message p,
.error_message h3,
#error_message h3,
.confirmation_message p,
.confirmation_message h3,
.information_message p,
.information_message h3,
.message p,
.message h3
{
	margin: 0 0 4px 0;
}

.error_message h3,
#error_message h3,
.confirmation_message h3,
.information_message h3,
.message h3
{
	font-size: 1.1em;
	font-weight: bold;
}

.confirmation_message ul,
.information_message ul,
.message ul
{
	margin: 0;
}

.error_message ul,
#error_message ul
{
	margin: 8px 4px 4px 16px;
}
.error_message,
#error_message
{
	background-color: #fcf5f5;
	border: solid 1px #eaa;
}

.confirmation_message
{
	background: #f5fcf5 url(/images/silk/accept.gif) no-repeat 6px 6px;
	border: solid 1px #aca;
}

.information_message
{
	background: #f5f5fc url(/images/silk/information.gif) no-repeat 6px 6px;
	border: solid 1px #aac;
}

.message
{
	background-color: #f6f6f6;
	border: solid 1px #e1e1e1;
}

.error_message ul,
#error_message ul
{
	list-style: square;
}

.confirmation_message ul
{
	list-style: none;
	margin-left: 30px;
}

.information_message ul
{
	list-style: none;
	margin-left: 30px;
}

.confirmation_message ul li,
.information_message ul li
{
	margin: 2px 0 3px 0;
}

.message ul
{
	list-style: none;
}

.error_input 
{
	background: #ffd;
}

/* Övrigt */
 .fake_input 
{
	font-family: Arial; 
	font-size: 11px; 
	background-color: #F8F8F8; 
	color: #000000; 
	border: 1px solid #000040
}

/* Finns på några ställen, men denna tagg ska inte användas längre. Stödet för den fasas ut i webläsare. */
xmp 
{
	font-family: Arial;
	font-size: 11px;
}

/* <!-- a4adc6 --> */
.whitelink {text-decoration: none; color: #FFFFFF; font-weight:bold}
.whitelink:hover {text-decoration: underline; color: #FFFFFF; font-weight:bold}

th.thcontent {font-family:Arial; font-size:7pt; color: #FFFFFF; background-color: #006699;}
tr.table_header {font-family:Arial; font-size: 11px; background-color: #A4ADC6;}
td.table_content {font-family: Arial; font-size: 11px;}

font.mandatory {font-family:Arial; font-size: 11px;}
font.content {font-family:Arial; font-size: 11px;}
font.explain {font-family:Verdana, Arial; font-size: 7pt;}
font.category_0 {font-family:Arial; font-size:9pt; font-weight :bold;}
font.category_1 {font-family:Arial; font-size:11px;}
font.category_2 {font-family:Arial; font-size:7pt;}

.level_0 {font-family:Arial;font-size:9pt;font-weight:bold;color:#000000}
.level_1 {font-family:Arial;font-size:9pt;color:#000000}
.level_2 {font-family:Arial;font-size:11px;color:#000000}

.navlevel_0 {font-family:Arial;font-size:9pt;font-weight:bold;color:#ffffff}
.navlevel_1 {font-family:Arial;font-size:9pt;color:#ffffff}
.navlevel_2 {font-family:Arial;font-size:11px;color:#ffffff}

.livevalue {background-color: #E0E0E0}	
.livevalue_even {background-color: #D0D0D0}
.livevalue_odd {background-color: #C0C0C0}
.fixedvalue {background-color: #B0B0C9}

.tabBorder
{
    BORDER-RIGHT: silver 1px solid;
    BORDER-TOP: silver 1px solid;
    MARGIN: 0px;
    BORDER-LEFT: silver 0px solid;
    COLOR: white;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.tabBorder2
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    MARGIN: 1px;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: white
}


.pilRuta {font-family:   Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding-left : 17px; color: #ffffff; font-weight: bold; }
.pilRuta:link {  color: #ffffff ; text-decoration: none}
.pilRuta:visited { color: #ffffff;  text-decoration: none }
.pilRuta:active { color: #ffffff;  text-decoration: none }
.pilRuta:hover { color: #ffffff;  text-decoration: underline }