/* ------ Text items -------- */
body
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	font-size: 0.71em;
	color: #333;
	padding: 0; 
	margin: 0;
	text-align:center;
}
.etjanst
{
      font-family:Verdana; 
      font-size:12px;
      text-align:left;
}

.etjanst table a:link, table a:visited, table a:active
{
	text-decoration: underline;
}

.etjanst a
{
	color: #000000;
        text-decoration:underline;
	font-weight:normal;

}

.etjanst a:hover
{
	text-decoration: underline;
}

.black
{
    color:Black;
    font-weight:bold;
    font-size:large;
}
p
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	/*margin-top:0.6em;*/
	margin-top:0px;
}
h1, .heading1
{
	font-weight: bold;
	font-size: 1.4em;
	color: #0083ad;
}
h2, .heading2
{
	font-weight: bold;
	font-size: 1.1em;
	color: #0083ad;
	margin-top:3em;
	EditMenuName: Kapitelrubrik;
}

h3, .heading3
{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
h3, .headingMellan
{
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	EditMenuName: Mellanrubrik;
	margin-top:3em;
	margin-bottom:0px;
}
.heading3White
{
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
}
.heading3Alt
{
	font-weight: bold;
	color: #808080;
}
.introduction
{
	font-weight: bold;
	EditMenuName: Ingress;
}
.imagetext 
{
	font-style: normal; 
	text-decoration: underline;
	font-size: 8.25pt; 
	color:#000000;
	EditMenuName: Bildtext;
}
.red
{
	color: #CC0000;
}
.black
{
    color:Black;
    font-weight:bold;
    font-size:large;
}
hr
{
	height: 0.1em;
	color: #808080;
}

hr.light
{
	height: 0.1em;
	color: #F0E5CE;
}

.MailPageName
{
	font-weight:bold;
}

/* ------ Links -------- */
a
{
	color: #000000;
}
a:hover
{
	color: #333333;
}

a:visited
{
	color:#545454;
}

.name
{
	text-decoration:none;
}
.noUnder
{
	text-decoration:none;
}
/* --------- Links in topp ----------- */
a.toplinks
{
	font-weight: bold;
	color: #808080;
	text-decoration:none;
}
a.toplinks:visited
{
	color:#808080;
}
a.toplinks:hover
{
	color:#808080;
}


/* --------- Links in BreadCrumb ----------- */
.breadcrumb
{
	color: #999999;
	text-decoration: none;
    font-family:Arial;
	font-size:1em;
}

a.breadcrumb
{
	color: #999999;
	text-decoration: underline;
	font-size:1em;
}
a.breadcrumb:visited
{
	color:#999999;
}
a.breadcrumb:hover
{
	color:#999999;
}


/* --------- Links in Top menu ----------- */
a.menuhead
{
	font-weight: normal;
	font: 1.1em Arial;
	padding: 0em 0.7em 0em 0em;
	margin-right: 15px;
	color: #ffffff;
	text-decoration: none;

	
}
a.menuhead:visited
{
	color:#ffffff;
}
a.menuhead:hover
{
	color:#333333;
}

a.activemenuhead
{
	font-weight: normal;
	font: 1.1em Arial;
	padding: 0em 0.7em 0em 0em;
	color: #333333;
	text-decoration: none;
	margin-right:20px;
	font-weight:bold;
}
a.activemenuhead:visited
{
	color:#333333;
}
a.activemenuhead:hover
{
	color:#333333;
}


a.menuheadright
{
	font-weight: bold;
	font: 1em Arial;
	padding: 0em 0.5em 0em 0em;
	color: #ffffff;
	text-decoration: underline;
}
a.menuheadright:visited
{
	color:#ffffff;
}
a.menuheadright:hover
{
	color:#ffffff;
}

/* --------- Left menu ----------- */
/* --- Hela Left MENU - Tomas 12/6 --- */
div.menuHr
{
	/*background-image: url(../images/emi/menuhr.gif);*/
	background-position:0em 0.5em;
	background-repeat: repeat-x;

	overflow:auto;
}

div.menuitem
{
	font: 1.04em Arial, Helvetica, sans-serif;
	padding: 0em 0.5em 0em 0em;
	overflow: auto;
	_width: 100%;

}
div.menuitemselected
{
	font: 1.04em Arial, Helvetica, sans-serif;
	padding: 0em 0.5em 0em 0em;
	font-weight: bold;
	overflow:auto;
	_width:100%;	
}
div.menuitemexpanded
{
	font: 1.04em Arial, Helvetica, sans-serif;
	padding: 0em 0.5em 0em 0em;
	overflow:auto;
	_width:100%;	
}

div.menuitemchild
{
	font: 1em Arial, Helvetica, sans-serif;
	padding: 0em 0.5em 0em 0em;
	overflow: hidden;
	_width: 100%;
}

div.menutext 
{
	font: 1.04em Arial, Helvetica, sans-serif;
	/*font: 1.2em Arial, Helvetica, sans-serif;*/
	float: left;
	margin-left: 4px;
	border:solid 0px #000000;
	width:90%;
	
}

img.childindicator
{
	float:left;
	width: 9px;
	margin-top: 0.3em;
	margin-left: -7px;
	padding-right:5px;
	height:9px;
	border:0px;
}

img.aligned
{
	vertical-align: text-bottom;
	top:10pt;
	text-decoration:none;
	color:#000000;
}

div.topmenuitem
{
	padding: 0em 0em 0.2em 0em;
	overflow:auto;
	_width:100%	
}


div.topmenuitemselected
{
	/*padding: 0.5em 0em 0.5em 0em;*/
	font-weight:bold;
	padding: 0em 0.5em 0em 0em;
	overflow:auto;
	_width:100%;	
}

div.topmenuBlock
{
	width:99%;
	background-color:#e0f0f5;
}




/*************************/
/* FINDEMPLOYEELIST      */
/*************************/
#FindEmployees
{
	padding-top: 1em;
	padding-bottom: 1em;
	float: left;
	width: 100%;
	/*border-top: solid 1px black;*/
}

#FindEmployeeBySubject
{
	border-top: solid 2px #cccccc;
	margin-top: 1em;
	padding-top: 1em;
	float: left;
	width: 100%;
}

#FindEmployeeBySubject select
{
	width: 23em;
}

#FindEmployeeBySubject input.name, input.omrade
{
	width: 22.5em;
}

div.leftfindemployee
{
	float: left;
	width: 15%;
	padding-bottom: 0.3em;
	font-weight:bold;
}

div.rightfindemployee
{
	float: left;
	width: 75%;
	padding-bottom: 0.3em;
}

div.findemployeesearch
{
	float: left;
	width: 56%;
	text-align: right;
	padding-bottom: 0.3em;
}

div.findemployeefullwidth
{
	width: 100%;
	float: left;
}

#FindEmployeeList
{
	float: left;
	width: 100%;
}

#FindEmployeeList select
{
	width: 23em;
}

#FindEmployeeList input.name, input.omrade
{
	width: 22.5em;
}

.findemployeeitem
{
	vertical-align: top;
	width:100%;	
}

.altfindemployeeitem
{
	vertical-align: top;
	background-color: #eeeeee;
}

#EmployeeData table
{
	table-layout: fixed;
}

#EmployeeData td
{
	/*white-space: pre-wrap;  css-3 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#EmployeeData
{
	margin-top: 1em;
	width: 100%;
	float: left;
}
.EmployeeGrid
{
	width: 50%;
}

tr.employeelistheading td
{
	background-color: #cccccc;
	border-bottom: solid 1px black;
}









/* --------- Input ----------- */
input, textarea
{
	font-family: Verdana, Arial, Helvetica, Tahoma;
	color: #333;
	font-size: 1em;
}

select
{
	font-size: 1em;
}

.inputlabel
{
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
.inputlabelwide
{
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
img.quicksearch
{
	background-color:White; /*Nilexärende 34826, sogetinili*/
	margin-bottom:0.3em;
	margin-right:0.3em;
	vertical-align:top;
}

span.errormessage
{
	color: #CC0000;
	font-size: 1em;
}

span.usernamelabel
{
	margin-right: 1em;
	margin-top: 0.3em;
	display: block;
	float: right;
}

/* --------- Image format ----------- */
img.BannerLeft
{
	position: relative;
	EditMenuName: 207px bred;
	width:18.3em;
}


table
{
	font-size: 1em;
}
th
{
	text-align: left;
}
.evenrow
{
	background-color:  #fff;
}
.unevenrow
{
	background-color:#F0E5CE;
}
.headerrow
{
	background-color: #F0E5CE;
}

ul
{
  margin-left:1em;
  padding-left: 1em;
}

li
{

padding: .1em 0 .8em 0;

}