@charset "UTF-8";
/* CSS Document */

body 
{
	background-repeat: no-repeat !important;
	background-position: left top;
	background-color: #FFFFFF !important;
	margin: 0em;
	padding: 0em;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}


/* Tekst */

p {
	line-height: 1.3em;
	padding-bottom: 1.2em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

a, .InnholdLink
{
	text-decoration: none;
	line-height: 1.5em;	
	color:#2b2316;
	font-size: 1.1em;
}

input[type=text], input[type=password]
{
	font-size: 1.1em;
}

.InnholdOverskrift 
{	
	padding-left: 0em;
	margin: 0em;
	font-size: 1.2em;
	font-weight: bold;
}

.InnholdIngress
{
	padding-left: 0em;
	margin: 0em;
	font-size: 1.1em;
}

.InnholdForfatter {
	font-size: 1.1em;
	font-style : Italic;
}

.InnholdTekst
{
	font-size: 1.1em;
}

label, .ledetekst, .verdi
{	
	color: #000000;
	font-size: 1.1em;
}

.ledetekst
{
	float: left;	
	font-weight: bold;
}

.verdi
{
	float: left;
}


/* Top */

div#mainBody{
	width:87.4em;
	padding-top:0em;
	padding-left:0em;
	margin-left:auto;
	margin-right:auto;
}

div#top{
	width:85em;
	height: 9.0em;
	margin-left:0.8em;
}

div#topLeft{
	width:42.5em;
	padding-top:0em;
	padding-left:0em;
	float:left;
}

div#logoContainer{
	height:7em;
	margin-top:2em;
	padding-left:0em;
	float:left;
}

div#logoContainer a img
{
	border: none;
}

div#logoText{
	height:1.2em;
	font-size:3em;
	color: #000000;
	margin-top:1.2em;
	padding-left:0.5em;
	float:left;
}

div#topRight{
	width:42.5em;
	padding-top:0em;
	padding-left:0em;
	float:right;
}

div#topLinks{
	height:1.2em;
	margin-top:2em;
	float: right;
}

div#topLinks ul
{
	float: right;
}

div#topLinks ul li:first-child
{
	border-left: 0px;
}

div#topLinks ul li
{
	border-left: 1px solid #FFFFFF;
}

div#topLinks ul li:first-child a
{
	margin-left: 0em;
}

div#topLinks ul li:last-child a
{
	margin-right: 0em;
}

div#topLinks a
{
	color: #FFFFFF;
	font-size:1.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

div#searchField{
	height:3.4em;
	margin-top:2em;
	padding-left:0em;
	float:right;
}

div#searchFieldSkjema{
	width:32em;
	height:3.4em;
	margin-top:1.6em;
	padding-left:0em;
	float:right;
}



/* Meny - Generelt */


.hListe 
{
	margin:0; 
	padding:0;
}

.hListe li 
{
	display: inline;
	list-style-type: none;
}

.vListe
{
	margin: 0;
	padding: 0;
}
.vListe li
{
	list-style-type: none;
}




/* Hovedmeny */


div#mainMenu{
	height:3.5em;
	margin-top:2.1em;
	padding-left:0em;
	overflow: hidden;
}

div#mainMenu li.menyValgt
{
	float: left;
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_left_active.png) no-repeat;
	padding: 0 0 0 1.8em;
	height: 3.5em;	
}

div#mainMenu li.menyValgt a
{
	float: left;
	height: 3.5em;
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_1px_active.png) repeat-x left top;
	line-height: 2.6em;
	padding-left:0.6em;
	padding-right:0.6em;
	color:#2b2316;
	font-size: 1.4em;
}

div#mainMenu li.menyValgt span {
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_right_active.png) no-repeat;
	float: left;
	width: 1.8em;
	height: 3.5em;
}

div#mainMenu li
{
	float: left;
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_left_inactive.png) no-repeat;
	padding: 0 0 0 1.8em;
	height: 3.5em;
}

div#mainMenu li a
{
	float: left;
	height: 3.5em;
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_1px_inactive.png) repeat-x left top;
	line-height: 2.6em;
	padding-left:0.6em;
	padding-right:0.6em;	
	color:#ffffff;
	font-size: 1.4em;
}

div#mainMenu li span {
	background: url(../kunde/grafikk/Reaktor/mainMenuTab_right_inactive.png) no-repeat;
	float: left;
	width: 1.8em;
	height: 3.5em;
}

/* Content */

div#content{
	width:87.4em;	
	padding-top:2.4em;
	height: 100%;
	float: left;
	background-color: #F2F2F2;
}

div#contentLeft{
	width:58.2em;
	margin-top:0em;
	float:left;
}

div#contentRight{
	width:29.0em;
	margin-left:0.2em;
	float:right;
}

div#mainContent
{
	width: 53.2em;
	margin-top:0em;
	padding-left: 0em;
	padding-right: 3.0em;	
	background: url(../kunde/grafikk/Reaktor/mainPanel_1px.png) repeat-y top right;
	float:left;
}

div#mainContent .InnholdOverskrift
{
	color:#CC3333;
	font-size: 1.8em;
}

div#mainContent .InnholdTekst
{
}

div#innhold .hjelp
{
	float: left;
	width: 25em;
	padding: 2em;
	margin-left: -1.2em;
	border-right: 0.2em solid #B1B3B0;
}

div#innhold .hjelp .BildeTekst
{
	display: none;
}

div#innhold .valg
{
	float: left;
	padding: 2em;
	width: 51em;
}

div#innhold .valg .InnholdOverskrift
{
	color:#CC3333;
	font-size: 1.8em;
}

div#innhold .valg p
{
	font-size: 1.1em;
}

div#innhold .valg .actions
{
	float: right;
	margin-top: 6em;	
}

div#login .InnholdOverskrift
{
	margin-bottom: 0.2em;
	padding: 0;
}

div#login .InnholdTekst
{
	line-height: 1.3em;
	margin: 0;
	padding-bottom: 1.2em;
}

div#banner
{
	clear: both;
	width: 29em;
	margin-left: 0.7em;
	padding-top: 0.8em;
	margin-bottom: 1.5em;
}

.modalBackground 
{ 
	background-color: #000; 
	filter: alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3;
}

.modalMenyCenter
{
	height:4.6em;
	float: left;
	width: 100%;
	background: url(../kunde/grafikk/Reaktor/topBar_1px_no_shadow.png) repeat-x;
	vertical-align: middle;
}

.selvbetjeningstabell
{
	margin-left: 0em !important;
	border: none !important;
	width: 80%;
}

.selvbetjeningstabell span
{
	font-size: 1.1em;
}

.selvbetjeningstabell th
{
    width:50%;
}


/* Footer */

div#footer
{
	float:left;
	color: #696969;
	width: 85.8em;
	margin-top: 1.0em;
	border-top: 1px solid #989898;
	padding-top: 1em;	
}

div.footerInfo
{
	float: left;
	margin-right: 3em;
}

div.footerInfoRight
{
	float: right;
}



/* Layout */


.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clear
{
	clear: both;
}



/* Fields */

.searchBox
{
	float: left;
	margin-top: 0.5em;
	margin-right: 0.5em;
	display: block;
	width: 22.4em;
}

div#skjema .searchBox
{
	width: 20.2em;
}

.textBoxLeft{
	float: left;
	height: 2.4em;
	width:1.2em;
	background: url(../kunde/grafikk/Reaktor/inputForm_left.png) no-repeat left top;
}

.textBoxCenter{
	float: left;
	border: none;
	height: 2.4em;
	width: 18em;
	color: #696969;
	font-size: 1.1em;
	line-height: 2.2em;
	background: url(../kunde/grafikk/Reaktor/inputForm_1px.png) repeat-x left top;
}

.textBoxRight{
	float: left;
	height: 2.4em;
	width:1.2em;
	background: url(../kunde/grafikk/Reaktor/inputForm_right.png) no-repeat left top;
}



/* Skjemasøk */

div#skjemaSok
{
	background-color: #91a2be;
	height: 7.5em;
	margin-left: -1.2em;
	margin-right: -0.4em;
	padding-top: 0.5em;
	overflow: visible;
}

div#skjemaSok .ledetekst
{
	color: #FFFFFF;
	font-size: 1.2em;
	padding-right: 1em;
}

div#skjemaSok div#sokefelt, div#skjemaSok div#filter
{
	float: right;
	padding-right: 1em;
}

div#skjemaSok div#filter
{
	padding-top: 0.5em;
	clear: both;
}

div#skjemaSok div#sokefelt .ledetekst
{
	line-height: 2.8em;
}

div#skjemaSok .sokefelt
{
	float: left;
}

div#skjemaSok .searchBox input
{
	width: 16em;
}

div#skjemaSok div#filter .ledetekst
{
	line-height: 1.7em;
}

div#skjemaSok div#filter ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#skjemaSok div#filter ul li
{
	float: left;
}

div#skjemaSok div#filter ul li .checkboxLeft
{
	float: left;
	height:2.2em;
	background: url(../kunde/grafikk/Reaktor/skjema_checkbox_BG_left.png);
	margin: 0em 0em 0em 1em;
	padding-right: 0.2em;
}

div#skjemaSok div#filter li .checkboxRight
{
	width:0.4em;
	height:2.2em;
	background: url(../kunde/grafikk/Reaktor/skjema_checkbox_BG_right.png);
	float:left;
}

div#skjemaSok div#filter li span#skjemaikon
{
    width: 1.6em;
    height: 1.6em;
    margin-left: 0.5em;
    background: url(../kunde/grafikk/Reaktor/eSkjema_b&w.png);    
}

div#skjemaSok div#filter li span#tjenesteikon
{
    width: 1.6em;
    height: 1.6em;
    margin-left: 0.5em;
    background: url(../kunde/grafikk/Reaktor/papirbasert_icon.png);
}

div#skjemaSok div#filter ul li:first-child
{
	margin: 0em !important;
}

div#skjemaSok div#filter label
{
	color: #333333;
	font-weight: bold;
	vertical-align: top;
	line-height: 1.8em;
}

.skjemaSokResultat
{	
	margin-left: -1.2em;
	margin-right: -0.4em;
}

.skjemaSokResultat .caption
{
	font-size: 1.4em;
	font-weight: bold;
	padding: 1.6em 0em 1em 1em;
}

.skjemaSokResultat th
{
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0.6em;
}

.skjemaSokResultat th:first-child
{
	width: 6em;
}

.skjemaSokResultat table tr th:first-child, .skjemaSokResultat table tr td:first-child
{
	padding-left: 1em;
}

.skjemaSokResultat tr.regular
{
	background-color: #D9E5E5;
}

.skjemaSokResultat tr.alternate
{	
}

.skjemaSokResultat p
{
	padding: 0em;
}


/* Nettpost */

.nettpost
{
	padding-top: 1.2em;
}

.nettpost li
{
	float: left;
	background: url(../kunde/grafikk/Reaktor/subMenuTab_left_inactive.png) no-repeat;
	padding: 0 0 0 1.2em;
	height: 2.2em;
}

.nettpost li.activeTab
{
	background: url(../kunde/grafikk/Reaktor/subMenuTab_left_active.png) no-repeat;
}

.nettpost li input
{
	float: left;
	height: 2.5em;
	background: url(../kunde/grafikk/Reaktor/subMenuTab_1px_inactive.png) repeat-x left top;	
	padding-bottom: 0.5em;
	cursor: pointer;
	border: none;	
	color:#000000;
	/*color: #000;*/
	font-size: 1.1em;
	/*font-size: 1.1em;*/	
}

.nettpost li.activeTab input
{
	background: url(../kunde/grafikk/Reaktor/subMenuTab_1px_active.png) repeat-x left top;
}

.nettpost li span
{
	background: url(../kunde/grafikk/Reaktor/subMenuTab_right_inactive.png) no-repeat;
	float: left;
	width: 1.2em;
	height: 2.5em;
}

.nettpost li.activeTab span
{
	background: url(../kunde/grafikk/Reaktor/subMenuTab_right_active.png) no-repeat;
}

.nettpost table
{
	width:55.8em;
	margin-left: -1.2em;
}

.nettpost th
{
	background: url(../kunde/grafikk/Reaktor/subMenuTab_1px_active.png) repeat-x left top;
	line-height: 2.1em;
	font-weight: bold;
	text-align: left;
	font-size: 1.1em;
}

.nettpost tr.regular
{
}

.nettpost tr.alternate
{
}

.nettpost tr.hover
{
	background-color: #FFCCCB;
	/*background-color: #FFCCCB;*/
}

.nettpost td.valgt, .nettpost th.valgt
{
	width: 2.5em;
}

.nettpost td.mottatt, .nettpost th.mottatt
{
	width: 4.4em;
	padding-right: 1em;
	text-align: right;	
}

.nettpost td.statusBilde, .nettpost th.statusBilde
{
	width: 2em;
	padding-left: 1em;
}

.nettpost td.statusBilde div
{
	width: 1.6em;
	height: 1.2em;
}

.nettpost td.statusBilde div.ulest
{
	background: url(../kunde/grafikk/Reaktor/unreadMail_small_icon.png) no-repeat;
	margin-bottom: -0.4em;
}

.nettpost td.statusBilde div.lest
{
	background: url(../kunde/grafikk/Reaktor/openedMail_small_icon.png) no-repeat;
}

.nettpost td.emne, .nettpost th.emne
{
}

.nettpost .emneKnapp
{
	border: none;
	background-color: Transparent;
	cursor: pointer;	
	line-height: 1.5em;
	text-align: left;
	color: #2b2316;
	/*color: #6B73B8;*/
	padding: 0;
	margin: 0;
}

.nettpost td.status, .nettpost th.status
{
	text-align: center;
	width: 5em;
}

.nettpost td.kommando, .nettpost th.kommando
{
	text-align: right;
	padding-right: 1.2em;
	width: 8em;
}

.nettpost .kommando input[type=submit]
{
	border: none;
	vertical-align: bottom;
	width: 1.2em;
	cursor: pointer;
}

.nettpost .slettKnapp
{
	background: url(../kunde/grafikk/Reaktor/garbage_icon.png) no-repeat;
}

.nettpost .arkiverKnapp
{
	background: url(../kunde/grafikk/Reaktor/folder_icon.png) no-repeat;
	margin-left: 0.2em;
	margin-bottom: -0.1em;
}

.nettpost .nettpostElementHeader
{
	background-color: #91a2be;
	/*background-color: #8CC3CE;*/
	padding: 1em;
	margin-left: -1.2em;
	margin-right: -0.4em;
}

.nettpost .nettpostElementHeader .ledetekst
{
	width: 6em;
}

.nettpost .nettpostElementBody
{
	background: none;
	background-color: #FFFFFF;
	/*background-color: #FFF;*/
	margin-left: -1.2em;
	margin-right: -0.4em;
	padding: 1em 1em 7em 1em;
}

.nettpost .nettpostElementBody div#caption
{
	padding-bottom: 1em;
}

.nettpost .nettpostElementBody .ledetekst
{
	width: 8em;
}

.nettpost .actions
{
	float: left;
	width:54.6em;
	border-top: 1px solid #D6D3D6;
	/*border-top: 1px solid #D6D3D6;*/
	border-bottom: 1px solid #D6D3D6;
	/*border-bottom: 1px solid #D6D3D6;*/
	padding: 2em 0em 2em 1.2em;
	margin-right: -0.4em;
	margin-left: -1.2em;
}

.floatleft
{
    float: left;
}

.textright
{

    text-align: right;
}

#menyElementSenter.floatleft
{

    padding-left: 10em;
}

.hidden 
{
    left:-1000px;
    position:absolute;
    width:900px;
}