/* @override 
	192.168.2.11:8080/fotoweb/css/AppearanceStyleSheet2.css
	http://192.168.2.11:8080/fotoweb/css/AppearanceStyleSheet2.css
	http://mediearkiv.forsvaret.no:8080/fotoweb/css/AppearanceStyleSheet2.css
	http://mediearkiv.forsvaret.no/fotoweb/css/AppearanceStyleSheet2.css
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0
}
p {
	margin-top:	1em;
	margin-bottom:	1em; 
	clear:	left;
	line-height:	1.4em; 
	}


table {
	border-collapse: collapse;
	border-spacing: 0;
	float:	left;
	clear:	left; 
	}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 400
}


ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

/*h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: 400
}*/

q:before,q:after {
	content: ''
}

abbr,acronym,fieldset,img {
	border: 0
}

* {
	outline: none
}

html {
}

/* @group TYPOGRAFI */

#headerContainer {
	background:	url(../gui/toppmeny_bakgrunn.png) repeat-x;
	width:	100%;
	height:	100%;
	position:	relative;
	overflow:	visible; 
	}

body {
	color: #333333;
	margin: 0;
	padding: 0;
	font: 82.5% Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


body#previewBody {
	background: none repeat-x;
}

body, p, textarea, input, select, option {
	font-size:	11px;
	font-style: normal;
	text-decoration: none;
}

a, a:visited, a:active, a:hover {
	background-color: inherit;
	color: #003059;
	font-style: normal;
	text-decoration: none;
}

a:hover {
	background-color: inherit;
	color: #005c90;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	color: #53564f;
	background-color: inherit;
}

h1 {
	font-size: 21px;
	font-weight: bold;
	/*float:	left;
	clear:	left;*/ 
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	/*float:	left;
	clear:	left;*/ 
	}


/* @end */

/* @group LOGIN DEFAULT SIDEN */

#userFeedbackField {

	width:	300px;
	margin-top:	20px; 
	color:	#333;
	line-height:	1.5em;
	float:	left;
	clear:	left;
	font-size:	12px;
	font-weight:	bold; 
	}

div.defaultInfoboks {
	position:	relative;
	border: 1px solid #c4d2d9;
	background-color:	#e3ebf0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:	5px;
	font-size:	11px;
	width:	200px;
	right:	10px;
	line-height:	1.4em;
	margin-left:	343px;
	color:	#222; 
	}
div.defaultInfoboks.viktigInfo {
	border-color:	#4d0d00;
	background-color:	#9e1a00;
	color:	#fff; 
	}

#defaultPage {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
}

ul.inputSkjema {
	list-style-type: none;
	float: left;
	margin:	0;
	padding: 0;
	background-color:	#fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.inputSkjema li {
	clear:	left; 
	margin-bottom:	8px;
	padding-top:	5px;
	padding-bottom:	10px;
	float:	left;
	padding-left:	10px; 
	border-top:	1px solid #f2f2f2;
	width:	100%; 
	}
ul#registreringsskjema.inputSkjema {
	width:	578px; 
	}
ul.inputSkjema li label{
	float:	left;
	clear:	left;
	line-height:	20px;
	color:	#53564f;
	font-weight:	bold;
	font-size:	11px;
	}
a.visBruksvilkaar {
	float:	left; 
	}

	
ul.inputSkjema li input,
ul.inputSkjema li select{
	float:	left;
	clear:	left;
	margin-right:	10px;
	line-height:	1.4em; 
	}
a#klikkNybruker {
	position:	relative;
	margin-top:	16px;
	float:	left; 
	}
	
	
	
/*/ GENERELT FOR ALLE SKJEMA*/

form {
	margin: 0;
	padding: 0;
	}

/*// FOR INPUT SKJEMA*/



/* ========= CSS buttons for GUI ========= */
button,	
input[type="button"] {
	cursor: pointer; 
	}	
button.cssButton, 
a.cssButton {
	overflow: visible;
	background:	url(../gui/button-medium-backgr.png) repeat-x right top; 
	color: #fff;
	padding:	0 5px;
	text-decoration: none; 
	border:	none;
	margin:	0 10px 0 0;
	height:	24px;
	display:	block;
	position:	relative; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float:	left;
	line-height:	24px; 
	}
	button.cssButton:hover,
	a.cssButton:hover {
		background:	url(../gui/button-medium-backgr.png) repeat-x right center;
	text-decoration:	none;
	color:	#fff; 
	}
	button.cssButton:active,
	a.cssButton:active  {
		background:	url(../gui/button-medium-backgr.png) repeat-x right bottom;
	text-decoration:	none;
	color:	#fff; 
	}
	.cssButton div {
		line-height:	24px !important;
		font-size:	12px;
		height:	24px !important;
		display:	block;
		padding:	0 10px; 
		text-shadow: 0 -1px 0 #000;
		margin:	0;
	z-index:	100;
	position:	relative; 
	}
		.buttonIconArrow div {
			background:	url(../gui/button-medium-icons.png) no-repeat left top;
	padding-left:	20px; 
	}
.inputSkjema li button.cssButton.buttonIconArrow {
	float:	left; 
	}	
	


/*hver andre linje*/

ul.inputSkjema li.everySecondLine {
}

/*background-color:	#3c5a6d;*/

ul.inputSkjema li.skjemaHeader,
ul.inputSkjema li#submitknapp {
	background-color: #808080;
	color: #fff;
}

ul.inputSkjema li.skjemaHeader h2 {
	color: #fff;
	margin: 0;
	padding: 0;
}
.skjul {
	display:	none; 
	}
	
	
	
	
/*skjule loginknapp i header hvis man er på default siden*/

#defaultPageHeader #TopLine.Titlebar #topMenLogoArea #topMenCloseMe {
	display: none;
}




/* @end */

/* @group GENERIC */

.Warning {
	color: #000099;
	background-color: inherit;
}

/* Used for a text label or control when the user must be notified about
 * an error */

.Error {
	color: #990000;
	background-color: inherit;
}

/* @end */

/* @group ELEMENTER PÅ ALLE SIDER */

.Titlebar {
	z-index: 999;
	width: 100%;
	background: url(gui/forsvaret_logo.png) no-repeat;
}

.TitlebarLink {
	background-color: #383838;
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px;
}

.TitlebarLink:hover {
	background-color: #868686;
	color: #FFFFFF;
}

#topMenCloseMe {
	float: right;
	margin-right: 60px;
	margin-top: 41px;
}

#topMenuArchiveName {
	float: right;
	clear: right;
	margin-right: 60px;
	margin-top: 10px;
}

#topMenLogoArea {
	height: 110px;
}

.divGridNPNotSearchAble, .divGridNPSearchAble {
	margin: 0px;
	float: left;
	clear: left;
	position: relative;
}

.divGridNotSearchAble, .divGridSearchAble {
	margin: 0px;
	float: left;
	clear: left;
}

.StatusLineEmpty, .StatusLineMessage, .StatusLineWarning {
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 2px;
	/*border

-top           : 1px sol

id #fafafa;*/
	color: inherit;
	background-color: #FFFFFF;
	margin-top: 2px;
}

/* When there is a message in the status line, this specialization
 * is used. Normally, the status line will change color to draw the
 * user's attention. */

.StatusLineMessage {
	color: Black;
	background-color: #FFFF00;
}

/* If FotoWeb needs to signal something important on the statusline,
 * this class is used. The default is to change the background-color to yellow,
 * which should catch the user's attention. ;) */

.StatusLineWarning {
	color: White;
	background-color: #FF0000;
}

/* The Navigator is the element that allows the user to move between pages
 * in a list or grid. */

/*.Navigator {
	background-color:	  inherit;
	color:	  #383838;
	
	
	font-style:	  normal;
	font-weight:	  normal;
	text-decoration:	  none; 
	}

 Specialization of the A:hover class for the Navigator 

.Navigator A:hover {
	background-color:	  inherit;
	color:	  #383838;
	
	
	font-style:	  normal;
	font-weight:	  normal;
	text-decoration:	  underline; 
	}*/

/* @end */



.AlternatingDataRow {
	color: inherit;
	background-color: #F4F2F0;
}

.SelectedDataRow {
	color: inherit;
	background-color: #DDD9D1;
}

/* If a row in the table is expanded to show more information, this is the class
 * for that row. This row can contain almost any kind of information, depending
 * on the functionality of the control that uses it. */

.DetailInformationRow {
	
}

/*****************************************************************************
*
* The following classes are for the list view control.
*
*****************************************************************************/

.ListViewHeader, .ListViewRow, .ListViewRowAlt {
	height: 30px;
}

.ListViewRow {
	
}

.ListViewRowAlt {
	
}

.ListViewHeader {
	
}

.ListViewHeaderItem {
	padding-left: 5px;
	vertical-align: middle;
}

.ListViewItem {
	padding-left: 5px;
	vertical-align: middle;
}

.ListViewItemAlt {
	padding-left: 5px;
	vertical-align: middle;
	border-left: 1px solid #C1C1C1;
	border-right: 1px solid #C1C1C1;
}

/* @end */

/* @group SPESIALISERING */

/* *******************************************************************
 * 
 * Specialization classes. By extending these classes, you can easily
 * change the appearance of one control only.
 *
 * Example                                                            : If you want to make the AlbumList table look different
 * than all other tables, create and fill the following classes:
 *		.AlbumListTable .TitleRow
 *		.AlbumListTable .ColumnHeaderRow
 *		.AlbumListTable .DataRow
 *		.AlbumListTable .AlternatingDataRow
 *		.AlbumListTable .SelectedDataRow
 *		.AlbumListTable .DetailInformationRow
 *
 * All classes below identify a single control each, and all can be
 * specialized as described above.
 *
 * */

/* Control is displaying a list of albums */

.AlbumListTable {
	
}

/* Control is showing all properties of an album */

.AlbumDetailForm {
	
}

/* Control is mainly showing lists of groups and users */

.ReportViewTable {
	
}

/* Online registration form */

.RegistrationForm {
	
}

/* @end */

/* @group TABSTRIP CONTROL */

/*******************************************************************
 *
 * TABSTRIP CONTROL
 *
 * These classes control the appearance of the tabstrip control
 * that is used to present different controls as if they were on 
 * separate pages behind eachother.
 *
 * */

/* The class set on the tabstrip table itself */

.TabStrip {
	
}

/* The link in each cell */

.TabStripText {
	
}

/* A normal tab (not selected) */

.TabStripNormalTab, .TabStripDisabledTab {
	color: #000000;
	background-color: #fafafa;
}

/* The one (and only) selected tab in the strip */

.TabStripSelectedTab {
	color: #000000;
	background-color: #f7f7f7;
}

/* A disabled (but visible) tab */

.TabStripDisabledTab {
	
}

.TabStripNormalTab, .TabStripSelectedTab, .TabStripDisabledTab {
	border-top: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-left: 1px solid #f7f7f7;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.TabStripSelectedTab .TabStripText {
	
}

/* The line below the tabstrip (that the tabs are attached to)
 * Should have the same background color as the TabStripSelectedTab */

.TabStripEdgeBelowCell {
	color: inherit;
	background-color: #f7f7f7;
	height: 6px;
	padding-right: 7px;
	padding-left: 7px;
}

/* This is the last cell on the filler line which is only used to
 * fill space in the control;hence it has no tabs above it. */

.TabStripEdgeEmpty {
	color: inherit;
	background-color: #f7f7f7;
	border-top: 1px solid #f7f7f7;
	height: 6px;
	padding-right: 7px;
	padding-left: 7px;
}

/* @end */

/* @group SEARCHWORD HIGHLIGHT */

/* *******************************************************************
 * 
 * Table style for the search word highlight table
 *
 * */

/* Main table */

.SearchHighlight {
	border-top: #fafafa 1px solid;
	border-bottom: #fafafa 1px solid;
	border-right: #fafafa 1px solid;
	border-left: #fafafa 1px solid;
	color: #000000;
	background-color: #999999;
	background-repeat: no-repeat;
}

/* Title row */

.SearchHighlightX TR {
	color: inherit;
	background-color: #fafafa;
}

/* A row with information, the main body of the table */

.SearchHighlightX TD {
	color: inherit;
	background-color: #F5F5F5;
}

/* Horizontal splitter lines, as seen in preview.fwx  */

.fwSeparatorLine {
	color: #fafafa;
	background-color: #fafafa;
}

/* @end */

/* @group ALERTS */

/* CSS Document */

.AlertsControl {
	border: 0px none;
	border-collapse: collapse;
}

.AlertsControl tr {
	height: 30px;
}

.AlertsControl th {
	text-align: left;
	margin: 0px;
	padding: 2px 4px;
}

.AlertsControl td {
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 4px;
}

.SearchTermsHeader {
	width: 300px;
}

.ArchiveHeader {
	width: 150px;
}

.FrequencyHeader {
	width: 150px;
}

.ActionHeader {
	width: 150px;
}

.SearchTermsCell {
	
}

.ArchiveCell {
	
}

.FrequencyCell {
	
}

.ActionCell {
	
}

.ActionCell a {
	margin-right: 5px;
}

/* @end */

/* @group TOPPMENY STYLING */

/*
	Visual styling of top menu.
*/

/* Css classes for top menu. */

/* TOPP MENY nivå 1 og 2. */

.fwTopMenuHolder {
	z-index: 5;
	width: 100%;
	color: inherit;
	border: 0px;
	float: left;
	margin-top: -2px;
}

.fwTopMenuContainerRoot {
	padding-left: 15px;
}

/*for både seleceted og unselected*/

.fwTopMenuItem, 
.fwTopMenuItemSelected {
	cursor: default;
	height: 27px;
	margin-right: 10px;
	margin-top: 0;
	padding: 10px 4px 4px;
	width: 130px;
}

/*for kun unselected*/

.fwTopMenuItem {
	color: #000000;
	background-color: #dbdbdb;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
}

/*for kun selected*/

.fwTopMenuItemSelected {
	background-color: #ffffff;
	border-top: 2px solid #993399;
	border-right: 2px solid #993399;
	border-left: 2px solid #993399;
}

/*  TOPP MENY nivå 2 - overstyring av regler fra nivå 1 */

.fwTopMenuContainer {
	margin-top: 12px;
	border: 2px solid #993399;
}

.fwTopMenuContainer .fwTopMenuItem,
	.fwTopMenuContainer .fwTopMenuItemSelected {
	margin: 0;
	height: 16px;
	line-height: 20px;
	padding: 2px 4px;
}

.fwTopMenuContainer .fwTopMenuItemSelected {
	background-color: #993399;
	color: #fff;
}

/* @end */

/* @group drop down control */

.fwDropDown {
	border: 1px solid black;
}

.fwDropDown_Selection {
	color: inherit;
	background-color: white;
}

.fwDropDown_Items {
	border: 1px solid black;
}

.fwDropDown_Item {
	color: inherit;
	background-color: white;
}

/* @end */

/* @group message box control */

.fwMessageBox {
	border: 1px solid black;
	width: 500px;
	height: 300px;
	color: inherit;
	background-color: white;
}

.fwMessageBoxTitle {
	color: white;
	background-color: #383838;
	padding: 5px;
	font-weight: bold;
}

.fwMessageBoxMessage {
	padding: 5px;
	color: inherit;
	background-color: white;
	text-indent: 10px;
}

.fwMessageBoxButtons {
	color: inherit;
	background-color: white;
	padding: 5px;
	text-align: center;
}

/* @end */

/********************************************************************************************************
*
* CSS classes for File Actions page.
*
*/

.FileActionButton {
	width: 100px;
}

/********************************************************************************************************
*
* Page top offset
*
*/

.OffsetWithMenu {
	height: 50px;
}

.OffsetWithoutMenu {
	height: 30px;
}

/********************************************************************************************************
*
* Server Error Page
*
*/

.ServerErrorPage {
	border: solid 1px #E6E6E6;
	padding: 5px;
}

.ServerErrorAssistance {
	border: solid 1px #E6E6E6;
	background-color: #FFFFCC;
	margin: 5px;
	padding: 15px;
}

/********************************************************************************************************
*
* System Log Page
*
*/

.SystemLogPage {
	padding: 5px;
}


/*for både korrekt label tag OG span med label klassen*/



/* @group INFOMELDINGER TIL BRUKER */

/*meldingsboks for bokser i samme vindu som innhold OG for de som kommer i eget vindu*/

/*////////////// MELDINGSBOKSWRAPPER ///////////// */
#bruksvilkaar {
	line-height:	1.5em;
	font-size:	12px; 
	}



.popupVindu,
.brukerInfo {
	font-size: 12px;
}

/*----------/ FEILMELDINGER ----------*/

.feilMelding {
	background-color: #dbdbdb;
	padding: 20px;
	border: 1px solid #bbbbbb;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.feilMelding h1 {
	color: #e00034;
	margin: 0 0 20px;
}

/*----------/ SUKSESSMELDINGER ----------*/

.suksesssMelding {
	background-color: #dbdbdb;
	padding: 20px;
	border: 1px solid #bbbbbb;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 500px;
}

.suksesssMelding h1 {
	color: #009b3a;
	margin: 0 0 20px;
}

/* @end */

/* @group SØKELINJE */

/*
#sokeLinje {
	background-color:	#fff;

	float:	left;	
	width:	100%; 
	border-bottom: 2px solid #DBDBDB;
	}
ul#sokeLinjeValg
	{
	float:	left;
	clear:	left;
	margin:	0;
	padding:	0; 
	}
ul#sokeLinjeValg li 
	{

	float:	left; 
	list-style-type:	none;
	margin:	0;
	padding:	5px 10px;
	height:	22px;
	line-height:	22px;
	color:	#000;
	font-weight:	bold; 
	}
input.searchButton 
	{
	width:	100px; 
	}
*/

/* @end */

/* @group VERKTØYLINJE */

/*ul#verktoylinje {
	margin:	1px 0;
	padding:	0 10px;
	float: left;
	width:	720px;
	list-style-type: none;
}

ul#verktoylinje li a {
	float: left;
	margin:	0 0 0 1px;
	padding:	0 10px;
	background-color:	#f2f2f2;
	font-size:	11px;
	height:	30px;
	line-height:	30px; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:	1px solid #9db5c5; 
	}

ul#verktoylinje li a:hover {
	background-color:	#002e4d;
	text-decoration:	none;
	color:	#fff; 
	}

ul#verktoylinje li img {
	vertical-align: middle; 
	}*/


/* @end */
/* @group nøkkelord */
#keywords a 
	{
	float:	left;
	padding:	5px; 
	border-radius: 3px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	background-color:	#f2f2f2;	
	border:	1px solid #9db5c5;
	margin-right:	5px;
	margin-bottom:	5px; 
	}
#keywords a:hover {
	background-color:	#002e4d;
	text-decoration:	none;
	color:	#fff;  
	}	

/* @end */



/* @group AVANSERT SØK */

/*avansert søk - egen søkeside*/

#avansertSok li.selectfelt {
	padding-left: 170px;
}

#avansertSok li.selectfelt label {
	width: auto;
}

/* @end */

/* @group NY GRID LISTE */



#resultatOpplisting {
	float: left;
}

/* @group Ny grid opplisting */

ul#listeContainer {
	margin: -5px 10px 0 10px;
	padding: 0 180px 0 0;
	clear: both;
	list-style-type: none;
}

a.thumbnailbildet {
	display: block;
	width: 150px;
	text-align: center;
	margin: 10px 10px 0;
	height:	150px;
}
img.thumb {
	margin-top:	10px; 
	}








.listeObjektKnapper img {
	padding: 5px;
}

div.gridthumbknapper {
	text-align: center;
	height: 37px;
	clear: left;
	background-color: #f7f7f7;
}

div.gridthumbknapper img {
	padding: 5px;
}

.gridBildeContainer {
	width: 150px;
	text-align: center;
	float: left;
	margin: 10px;
	height: 150px;
}

.filtype {
	width: 30px;
	height: 30px;
	z-index: 1;
	position: absolute;
	background-repeat: no-repeat;
	background: url(../img/filtype.png);
	background-position: -120px;
	top: 0;
	left: 0;
}

.filtype.Movie {
	background-position: -60px;
}

.filtype.Audio {
	background-position: -180px;
}

.filtype.Document {
	background-position: 0;
}

.filtype.Image {
	background-position: -120px;
}

.filtype.Graphic {
	background-position: -240px;
}

li.listeObjekt, 
li.listeObjektValgt {
	border: 1px solid #dbdbdb;
	color: #000000;
	float: left;
	background-color: #fff;
	height: 197px;
	width: 170px;
	list-style-type: none;
	margin: 10px 10px 0 0;
	position: relative;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 0px 4px #D6D6D6;
	-webkit-box-shadow: 0px 0px 4px #D6D6D6;
	-moz-box-shadow: 0px 0px 4px #D6D6D6;
}




li.listeObjektValgt {
	background-color: #d9d9d9;
	border: 1px solid #808080;
}

div.gridthumbknapper {
	text-align: center;
	height: 37px;
	clear: left;
	background-color: #f7f7f7;
}

div.gridthumbknapper img {
	padding: 5px;
}	



/* @end */

/* @group gammelt ræl som snart kan kastes */

.DocMtxCell:Hover {
	background-color: #d9d9d9;
	border: 1px solid #808080;
}

.DocMtxCell, 
.DocMtxSelectedCell {
	border: 1px solid #dbdbdb;
	color: #000000;
	padding:	10px;
	float: left;
	background-color: #f7f7f7;
	margin-right: 10px;
	margin-top: 10px;
	overflow: hidden;
	text-align:	center;
	width:	180px;
	line-height:	1.5em; 
	}

.DocMtxSelectedCell {
	color: #fff;
	background-color: #808080;
	border: 1px solid #5d5d5d;
}

div.gridthumbknapper {
	text-align: center;
	height: 37px;
	clear: left;
	background-color: #f7f7f7;
}

div.gridthumbknapper ../img {
	padding: 5px;
}

.gridBildeContainer {
	width: 150px;
	text-align: center;
	float: left;
	margin: 10px;
	height: 150px;
}

/* @end */		


/* @end */

/* @group SIDEOPPSETT */

/*mediearkiv sider*/

.previewWindow {
	width: 740px;
	background-color: #f8f8f8;
	border: 1px solid #d9d9d9;
	padding: 1px;
	overflow: hidden;
	float: left;
}

#sentrertSideInnhold {
	margin-right: auto;
	margin-left: auto;
}

/*sider med spesialinnhold */
#advancedsearch-container,
.spesialSideContainer {
	margin-left: auto;
	margin-right: auto;
	width: 740px;
}

.spesialSideContainer h1,
.spesialSideContainer h2 {
	color: #3c5a6d;
	margin: 20px 0;
	padding-right: 15px;
	padding-left: 15px;
}

.spesialSideContainer p {
	padding-left: 15px;
	padding-right: 15px;
}

#vilkaar.spesialSideContainer input {
	padding-left: 15px;
	margin: 15px;
}

.spesialSideContainer ul.infoliste {
	list-style-type: square;
	margin-left:	1.5em; 
	}

.spesialSideContainer ul.infoliste li {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* @end */

/* @group FOOTERAREA */

#footerArea {
	padding: 15px 10px 10px;
	margin-top: 10px;
	float: left;
	margin-left: 20px;
	clear: both;
	width: 830px;
}

#footerArea a:link {
	color: #002940;
	text-decoration: underline;
}

/* @end */

/* The toolbar with global and page specific links. Note that the
 * links can have the .Emphasized class, so you might want to override
 * this class for the .Toolbar class to turn it off or change it's appearance.
 * You can do this by defining a class ".Toolbar .Emphasized" and give it the
 * attributes you prefer. */

.Toolbar {
	color: inherit;
	background-color: #f7f7f7;
	padding: 0;
	float: left;
}

/* @group NAVIGASJONSLINKER MELLOM RESULTATSIDER */

/*NAVIGASJONSLINKER MELLOM SØKERESULTATER NEDERST*/

ul#sideNavLinker {
	padding: 10px 0 0 0;
	margin: 10px;
	float: left;
	clear: left;
}

ul#sideNavLinker li {
	float: left;
	text-align: center;
	margin: 0 2px;
	list-style-type: none;
}

ul#sideNavLinker li a {
	display: block;
	text-decoration: none;
	padding: 4px;
	color:	#333;
	background-color: #fff;
	border:	1px solid #868686;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; 
	}

ul#sideNavLinker li a.sideLink {
	width: 50px;
	font-weight: bold;
}

ul#sideNavLinker li a.firstLast {
	width: 30px;
	background-color: #DBDBDB;
}

ul#sideNavLinker li a.sidenr {
	width: 30px;
}

ul#sideNavLinker li a:hover {
	color: #fff;
	border: 1px solid #333;
	background-color:	#173246; 
	}



ul#sideNavLinker li a.aktivSide {
	border: 1px solid #622567;
	color: #622567;
}



#nextPrevLinks {
	padding-left: 60px;
}

#nextPrevLinks a {
	font-weight: bold;
}

a.inaktivLink,
a.inaktivLink:hover {
	color: #676767;
}

/* @group TOP AREA*/

/* @end */

/* @end */

/* @group Tooltip bilderollover*/

#tooltip {
	position: absolute;
	border: 1px solid #002940;
	background: #e7e7e7;
	color: #000;
	display: none;
	width: 200px;
	padding: 5px 10px;
	z-index: 9999;
}

a.bildeLinkBoks {
	display: block;
	text-align: center;
	width: 150px;
	height: 120px;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group ARKIVUTDRAG */

/*GRID PAGE*/

body#arkivUtdrag {
	color: #333333;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	background: none repeat-x;
}

/*Elementer som skal skjules helt*/

#arkivUtdrag #footerArea,
#arkivUtdrag .NavigationPane {
	display: none;
}

#arkivUtdrag #sideInnhold {
	width: 548px;
	float: left;
	margin: 0;
	overflow: hidden;
}

#arkivUtdrag .divGridNPNotSearchAble, 
#arkivUtdrag .divGridNPSearchAble {
	overflow: hidden;
	margin: 0px;
	float: left;
	clear: left;
	width: 550px;
	padding: 0;
}

/*PREVIEW PAGE*/

#arkivUtdrag #verktoylinje {
	width: 100%;
	padding: 10px;
}

#arkivUtdrag #endrePreviewStr {
	float: left;
	clear: left;
	color: #fff;
	width: 488px;
	padding: 0 20px 10px 40px;
}

#arkivUtdrag #forrigeOgNesteSide {
	width: 480px;
}

/* @end */

/*fjerne border rundt bilder med link*/

a img {
	border: 0;
}

a.tooltip.thumbnailbildet img {
	background: #000 url(flowplayer/ajax-loader.gif) no-repeat center center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#copyrightInfo {
	color:	#323232;
	padding: 5px;
	clear: left;
	float: left;
	margin-left: 5px;
}
#copyrightInfo p{
	margin-top:	0;
	margin-bottom:	0; 
	font-size:	11px;
	color:	#494949; 
	}



/* @group ssss */



#header {
	height:	95px;
	min-width: 700px;
	margin-top:	0;
	z-index:	auto;
	position:	relative; 
	background:	url(../gui/toppmenyBakgrunngrafikk.png) no-repeat center top; 

	}
#mediearkivlogo {
	 background:	url(../gui/mediearkivetNavn.png) no-repeat right bottom;
	height:	26px;
	width:	200px;
	position:	relative;
	margin-left:	auto;
	margin-right:	auto;
	padding-top:	64px; 
	}
.sideMtoppmeny #mediearkivlogo  {
	visibility:	hidden; 
	}


#navnetrekk {
	background:	url(../gui/forsvaretsnavnetrekk.png) no-repeat -73px;
	width:	209px;
	height:	59px;
	float: left;
	margin:	8px 0 0 15px;
	display:  inline;
}


#navnetrekk,
#fwdtinstaller {
	background:	url(../gui/forsvaretslogo.png) no-repeat;
	width:	209px;
	height:	81px;
	float: left;
	margin:	8px 0 0 15px;
	display:	block;
	}
#sitemenyContainer {
	background:	url(../gui/statuslinje.png) no-repeat 210px;
	width:	614px;
	height: 25px;
	color: #fff;
	position:	absolute;
	top:	0;
	right:	0;
	z-index:	12000; 

	}
#sitemeny {
	padding-left:	254px;
	width:	370px;
	height:	25px;
	position:	relative;
	float:	right; 
	}

#statuslinje {
	width:	377px;
	margin-top:	16px;
	color:	#d7dbd3;
	position:	absolute;
	top:	15px;
	right:	0;
	z-index:	500; 
	}

	#valgtArkiv {
		font-size: 10px;
	display:	none; 
	}
	#brukerNavn {
		font-weight:	bold;
		margin-left:	15px;
	}
		
#logginnellerut {
	height:	20px;
	line-height:	25px;
	margin-left:	6px;
	float:	left;
	margin-top:	4px; 
	}
	
a#logginnUt {
	text-transform: uppercase;
	color: #53564f;
	font-size:	11px;
	background:	url(../gui/loggut_ikon.png) no-repeat 0;
	padding:	2px 0 2px 25px;
	line-height:	14px;
	width:	60px;
	display:	block;
	height:	14px; 
	}

#container {
	min-width: 960px;
	margin-top:	0;
	margin-bottom:	0; 
	}

#topmenu {
	height:	28px;
	width:	850px;
	background:	url(../gui/mediearkivetNavn.png) no-repeat right top;
	padding:	0 97px 0 70px;
	position:	relative;
	z-index:	200;
	margin:	-30px auto 0; 
	}

#topmenu li {
	float: left;
	margin:0;
	padding:0;
}

#topmenu li a,
#topmenu li#searchbox span {
	display: block;
	text-transform: uppercase;
	float: left;
	background: url(../img/meny-sprite.png) repeat-x;
	background-position: top;
	height: 28px;
	color: #fff;
	border-right: 1px solid #363636;
	width: 126px;
	text-align: center;
}

#container #topmenu li a span,
#container #topmenu li a div span {
	font-size: 12px;
}

#topmenu li a.hover,
#topmenu li a:hover,
#topmenu li#searchbox span:hover,
#topmenu li#searchbox span.focus {
	text-decoration: none;
	background-position:	0 -28px;
}

#topmenu li a span {
	margin: 8px 0 0 0;
	display: block;
	text-shadow: 0px 0px 5px #000;
}



#topmenu li a.active,
#topmenu li#searchbox span.active {
	background-position: bottom;
	/*border-bottom: 1px solid #622566;*/
}

#topmenu li#searchbox span {
	width: 340px;
}

#topmenu li#searchbox span input {
	float: left;
}

#topmenu li#searchbox #searchInputField {
	border: 1px solid #a3a3a3;
	width: 208px;
	height: 18px;
	margin: 3px 5px 0 0;
	background: #fff url(../img/sokeglass.png) no-repeat 2px 1px;
	font-size: 13px;
	padding-left: 25px;
	padding-top: 3px;
}

#topmenu li#searchbox .searchButton {
	border: none;
	width: 58px;
	height: 23px;
	background: url(../img/sokeknapp.png) no-repeat;
	margin: 3px 7px 0 0;
	text-indent: -999999px;
	cursor: pointer;
	font-size: 0px;
	display: block;
	line-height: 0px;
}

#topmenu li#searchbox #search-help {
	float: left;
	width: 19px;
	height: 19px;
	background: url(../img/search-help.png);
	margin: 5px 7px 0 7px;
}




#search {
	height:	42px;
	background: #d8d8d8 url(../img/searchbar-bg.png) repeat-x;
	border-top: 1px solid #622566;
	border-left: 1px solid #622566;
	border-right: 1px solid #622566;
	width: 100%;
	clear:	left; 
	position:	relative;
	z-index:	20; 
	}

#search ul {
	margin-left: 10px;
	font-size: 11px;
}

#search ul li {
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 6px;
	display: inline;
}

#search ul li a {
	color: #622566;
}

#search ul li a,
#search ul li span {
	margin: 0;
	padding: 0;
	display: block;
	padding: 11px 0 10px 0;
	float: left;
	clear: right
}

#search ul li span input {
	margin: 0 5px 0 0;
}

#search ul li a,
#search ul li span {
	line-height: 15px;
	height: 15px;
	display: inline;
}


#search ul li span select {
	margin: 0;
	padding: 0;
}

#search ul li.first span {
	color: #000;
	padding: 11px 0 10px 0;
	white-space: nowrap;
}



#search ul li.spacer span {
	margin: 0 20px;
	color: #622566;
}

#search ul li:hover a {
	background: url(../img/aktiv_pil.png) no-repeat center bottom;
	text-decoration: none;
}

#sideInnhold {
	float: left;
	padding: 0;
	margin:	10px 5px 0 0;
	width: 100%;
	/*box-shadow: 0px -1px 5px #999;
	-webkit-box-shadow: 0px -1px 5px #999;
	-moz-box-shadow: 0px -1px 5px #999;*/
}

div#sideInnhold.tips_og_hjelp,
.spesialSideContainer, 
#sideInnhold {
	float:	none;
	margin-top:	56px; 
	}



#divGrid h1 {
	margin: 10px 0 0 10px;
}


#sidenavigasjon {
	margin-top: 10px;
}

#tinytip {
	font: 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	opacity: 0.8;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	max-width: 250px;
	z-index: 99;
}

#tinytip div {
	color: #fff;
	margin: 5px;
	padding: 0px;
}

#tinytip div strong {
	font-weight: bold;
}

#download-selection {
	font-size: 13px;
	margin-top: 5px;
	display: block;
}

#np1 {
	box-shadow: 0px 0px 4px #D6D6D6;
	-webkit-box-shadow: 0px 0px 4px #D6D6D6;
	-moz-box-shadow: 0px 0px 4px #D6D6D6;
}
body,html {
	padding: 0;
	margin: 0;
}

a:focus {
	outline: none;
}

#Previewholder {
	left: 0;
	top: 0;
	position: absolute;
	display: none;
	z-index: 999;
	padding: 3px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: rgba(0, 0, 0, 0.8);
}

#Previewholder ../img {
	display: block;
}

#Previewholder p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	display: block;
	padding: 5px;
	color: #fff;
}

















/* icon buttons */
.listeObjektKnapper {
	text-align: center;
	height: 37px;
	clear: left;
	margin: 0 auto;
	display: inline-block;
}
.imagebuttons {
	opacity: 0.2;
}
.listeObjekt:hover .imagebuttons,
.listeObjektValgt:hover .imagebuttons {
	opacity: 1.0;
}
.listeObjektValgt #selectionlist-icon {
	opacity: 1.0;
}




.imagebuttons {
	display: block;
	float: left;
	margin: 5px;
	padding: 3px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.imagebuttons:hover {
	border: 1px solid #172944;
}

.imagebuttons:active,
.listeObjektValgt #selectionlist-icon {
	border: 1px solid #4E1554;
}



#selectionlist-icon {
	width: 20px;
	height: 20px;
	background: #f2f2f2 url(../img/selectionlist-icon.png) no-repeat center center;
}

#download-icon {
	width: 19px;
	height: 20px;
	background: #f2f2f2 url(../img/download-icon.png) no-repeat center center;
}

#xmp-icon {
	width: 19px;
	height: 20px;
	background: #f2f2f2 url(../img/xmp-icon.png) no-repeat center center;
}

#zoom-icon {
	width: 21px;
	height: 20px;
	background: #f2f2f2 url(../img/zoom-icon.png) no-repeat center center;
}





#toogleSelectionList {
	float: right;
	display: block;
	width: 123px;
	height: 21px;
	background: url(../img/samleboks.png);
	margin: 13px 7px 0 5px;
}






#no-search-result {
	margin: 10px;
}






.selectionlist-icon {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	top: 0;
	opacity: 0;
	background: url(../img/fjern_fra_samleboks.png) no-repeat center center;
	z-index: 99;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.selectionlist-hover {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #000;
	top: 0;
	opacity: 0;
	background: #000;
	z-index: 89;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}





.NavigationPane a {
	color: #000;
	text-decoration: underline;
	cursor: pointer;
}

.NavigationPane {
	color: #000;
	background: #DBDBDB;
	width: 150px;
	padding: 10px;
	position: absolute;
	top: 5px;
	right: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 10px;
}

.fwSelectionList > div {
	position: relative;
	float: left;
	margin: 10px 10px 0 0;
	cursor: pointer;
}

.fwSelectedImage {
	border: 2px solid #fff !important;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}



#np1_tabSelList {
	position: relative;
}


/* @end */
.gjestinnlogget #no-search-result{
	display:	none; /*vi skjuler feilmelding om tomt arkiv man får som innlogget gjest*/
	}




/* @group FUNKSJON og STATUS */
.funksjonsboks {
	text-align:	left;
	display:	block;
	margin:	70px auto 10px;
	position:	relative;
	width:	600px; 
	background-color:	#f2f2f2;border:1px solid #afb3ab;
	padding:	20px; 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}
	.funksjonsboks h1 {
	float:	left;
	height:	50px;
	line-height:	50px;
	margin-left:	20px; 
	}
	.infoikonStort {
		width:	50px;
		height:	50px;
		background-repeat:	no-repeat;
		background-position:	left center;
	margin-bottom:	10px;
	float:	left; 
	}
		.feilmelding .infoikonStort {
			background:	url(../gui/status_ikoner_store.png) 0 0; 
		}
		.suksess .infoikonStort {
			background:	url(../gui/status_ikoner_store.png) -71px 0; 
		}	
	
/* @end */


/* @group SKJEMAER */

fieldset {
	border-style:	none;
	padding:	0;
	margin:	5px 0;
	}
	fieldset p {
	float:	left;
	clear:	left;
	margin-top:	5px;
	margin-bottom:	5px; 
	}
	fieldset p label {
	float:	left;
	line-height:	2em; 
	}
	fieldset p input {
	float:	left;
	clear:	left; 
	}
.formButtons {
	clear:	left;
	padding:	0;
	margin-top:	10px;
	margin-bottom:	10px; 
	}	

/* @end */





/* @group login page */




/*#loginbox-left {
	width: 220px;
	margin: 0 0 0 0;
	text-align: left;
	float: left;
	padding: 20px 0 0 0;
}
#loginbox-left label {
	margin: 0 0 3px 27px;
	font-size: 12px;
	display: block;
	font-weight: bold;
}
.inputcontainer {
	margin-bottom: 20px;
}
.inputcontainer input {
	width: 155px;
	height: 20px;
	font-size: 12px;
}

#checkbox-container {
	margin: 20px 0 0 26px;
}
#checkbox-container label {
	margin: 0 0 0 5px;
	font-size: 11px;
	display: inline;
	font-weight: normal;
}
#checkbox-container input {
	display: inline;
	float: left;
}*/


/*#icon2,
#icon1 {
	width: 16px;
	height:	20px;
	background: url(../img/icon1.png) no-repeat;
	margin-right:	0;
	display:	block;
	position:	absolute;
	margin-left:	-30px;
	margin-top:	10px; 
	}
#icon2 {
	width: 20px;
	height: 9px;
	background: url(../img/icon2.png) no-repeat;
}*/
/*#input1, #input2 {
	width: 150px;
}
#loginbutton {
	display: block;
	width: 129px;
	height: 27px;
	background: url(../img/logginn-knapp.png) no-repeat;
	margin-left: 26px;
	margin-bottom: 10px;
	cursor: pointer;
	border: none;
	text-indent: -999999px;
	font-size: 0px;
	line-height: 0px;
}
#loginbox-right {
	padding: 20px 0 0 30px;
	width: 170px;
	margin: 0;
	text-align: left;
	border-left: 1px solid #d9d9d9;
	height: 180px;
	float:	left; 
	}
#loginbox-right h6 {
	font-size: 12px;
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}
#loginbox-right p {
	font-size: 11px;
	margin: 0 0 5px 0;
}
#loginbox-right a {
	text-decoration: underline;
}*/

/* @end */

.clearbegge{
	clear:	both; 
	}




/* @group advanced search */
div#sideInnhold.tips_og_hjelp,
#advancedsearch-container {
	width:	600px;
	margin-right:	auto;
	margin-left:	auto;
	margin-bottom:	20px; 
	}

#advancedsearch-container h1 {
	text-align: center;
	margin: 0 auto;
}

#advancedsearch p {
	font-size: 11px;
	margin: 23px;
}

#advancedsearch {
	margin:	8px 0;
	width:	600px;
	background: #f2f2f2;
	border: 1px solid #d9d9d9;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 1px;
}

#advancedsearch .seperatorbox {
	width: 100%;
	height: 20px;
	background: #353535;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}
#advancedsearch .seperatorbox span {
	margin: 0 0 0 51px;
}
#search-tag {
	width: 21px;
	height: 22px;
	background: url(../img/search-tag.png) no-repeat;
	float: left;
}
#search-filetype {
	width: 18px;
	height: 25px;
	background: url(../img/search-filetype.png) no-repeat;
	float: left;
}
#search-date {
	width: 19px;
	height: 24px;
	background: url(../img/search-date.png) no-repeat;
	float: left;
}
#search-date-from {
	width: 19px;
	height: 24px;
	background: url(../img/search-date-from.png) no-repeat;
	display: inline-block;
	float:  left;

}
#search-date-to {
	width: 19px;
	height: 24px;
	background: url(../img/search-date-to.png) no-repeat;
	display: inline-block;
	float: left;
	margin: 0 0 3px 0;
}





#advancedsearch .inputbox {
	padding:	10px 0 20px 10px; 
	}
#advancedsearch .inputbox input,
#advancedsearch .inputbox select {
	margin: 0 0 0 20px;
}
div.search-date-from-div {
	float:	left;
	margin-left:	30px;
	clear:	left; 
	}


#advancedsearch .inputbox select {
	width: 160px;
	height: 20px; 
	}

#advancedsearch .inputbox p {
	display: inline;
	font-size: 11px;
	line-height: 25px;
	margin:	0 0 0 10px; 
	}

#advancedsearch input {
	width: 155px;
	height: 17px;
	padding: 2px 0 0 0;
	font-size: 13px;
}
#advancedsearch .date p {
	margin: 0 8px 0 20px;
	padding: 0;
	float: left;
}

#advancedsearch .date input {
	width: 85px;
	height: 17px;
	padding: 2px 0 0 0;
	font-size: 13px;
	margin: 0 8px 0 5px;
	float:	left; 
	}

#advancedsearch #advancedsearch-button {
	display: block;
	width: 129px;
	height: 27px;
	background: url(../img/search-button.png) no-repeat;
	margin: 20px 0 20px 47px;
	cursor: pointer;
	border: none;
	text-indent: -999999px;
	font-size: 0px;
	line-height: 0px;
}

/* @end */







/* @group ARKIVER OG ADMIN MENY */
a.PanelHeader {
	display:	none; 
	}



#adminmenyInfo{
	position:	absolute;
	top:	4px;
	right:	0;
	margin-right:	550px;
	display:	none; 
	}
	
	
ul.dropdownmeny {
	float:	left;
	margin-top:	2px; 
	}
	ul.dropdownmeny > li { 
	float:	left;
	margin-left:	1px; 
	color:	#fff; 
	padding-top:	2px;
	width:	90px; 
	}
span.menytittel {
	background-color: #1f2b33;
  	background-color: rgba(31, 43, 51, 0.95);
	display:	block; 	
	padding:	4px 10px; 
	cursor:	pointer; 
	}
	
	ul.dropdownmeny > li { 
	float:	left;
	margin-left:	1px; 
	color:	#fff;
	}
	ul.dropdownmeny li > ul {
	float:	left;
	clear:	left; 
	}
	ul.dropdownmeny li ul li {
	float:	left;
	clear:	left; 		
	width:	130px; 
	}
	ul.dropdownmeny a{
		background-color: #1f2b33;
  		background-color: rgba(31, 43, 51, 0.95);  
		background-repeat:	no-repeat;
		background-position:	2px;
		text-decoration:	none;
		color:	#fff;
		line-height:	13px;
		padding:	7px 5px 7px 20px;
		display:	block;
		border-top:	1px solid #888; 
		}
		ul.dropdownmeny a:hover {
			background-color: #003059;
	  		background-color: rgba(0, 48, 89, 0.95);  
			}
			ul.dropdownmeny li > ul {
				display:	none; 
				}	
			ul.dropdownmeny li:hover > ul {
				display:	block; 
				}

/* @end */
/* @group MENY FOR BILDELISTE REDIGERING */
div.InnerContainer {
	float:	left;
	clear:	left; 
	}

div.Actions.Panel.OpenedPanel {
	float:	left; 
	}

#NavigationPaneControl {

	float:	left;
	clear:	left;
	padding-top:	50px; 
	}
div.content {
	float:	left;
	clear:	left;
	margin-top:	10px; 
	}


/* @end */	
	





ul.ActionsList {
	float:	left;
	margin-top:	-40px;
	position:	absolute;
	width:	1300px;
	z-index:	300; 
	}
ul.ActionsList.multilvl-menu {
	float:	left;
	position:	static; 
	}
ul.ActionsList.multilvl-menu .submenu-indicator{
	display:	none; 
	}

ul.ActionsList > li { 
	float:	left;
	margin-left:	1px; 
	color:	#fff;
	}
	ul.ActionsList li > ul {
	float:	left;
	clear:	left; 
	}
	ul.ActionsList li ul li {
	float:	left;
	clear:	left; 		
	width:	130px; 
	}
	ul.ActionsList a{
		background-color: #1f2b33;
  		background-color: rgba(31, 43, 51, 0.95);  
		background-repeat:	no-repeat;
		background-position:	2px;
		text-decoration:	none;
		color:	#fff;
		line-height:	13px;
		padding:	7px 15px 7px 20px;
		display:	block;
		border-top:	1px solid #888; 
		}
		ul.ActionsList a:hover {
			background-color: #003059;
	  		background-color: rgba(0, 48, 89, 0.95);  
			}
			ul.ActionsList li > ul {
				display:	none; 
				}	
			ul.ActionsList li:hover > ul {
				display:	block; 
				}

/*ul.ActionsList a {
	width:	60px;
	height:	8px;
	padding-top:	4px;
	padding-bottom:	8px; 
	}

		ul.ActionsList.multilvl-menu a:hover {
		background-color:	#003059; 
		cursor:	pointer;
	}
	ul.ActionsList.multilvl-menu li ul {
		display:	none;
		float:	left;
		clear:	left; 
		}
		ul.ActionsList.multilvl-menu li ul li{
			float:	left;
			clear:	left; 
			}*/



	
/*ul.TopMenu.multilvl-menu.horizontal ul {
	 float:	left;
	clear:	left; 
	}
ul.TopMenu.multilvl-menu.horizontal.scrollable {
	float:	left; 
	}
ul.TopMenu.multilvl-menu.horizontal ul li {
	float:	left;
	background-color:	silver;
	margin-left:	10px;
	padding:	4px; 
	}
ul.TopMenu.multilvl-menu.horizontal {
	float:	left;
	clear:	left; 
	}*/


.skjule {
	display:	none; 
	}
#valideringskode {
	}	
	
#registrering table.StatusLineEmpty {
	width:	760px; 
	}




/*INFOBOKS*/
.infoboks h2 {
	color:	#fff; 
	}
.infoboks p {
	color:	#fff;
	font-size:	13px;
	margin-top:	10px; 
	}
.infoboks {
	margin: 15px 0;
	width:	450px;
	background: #4b8a38;
	border: 1px solid #366527;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:	15px;
}





/* @group ADMIN MENYER */

#faForm div.Grid {
	float:	left;
	clear:	left; 
	}
	
div.SelectionList {
	
	float:	left;
	clear:	left;
	margin-top:	2px; 
	}
	
	/*en ekstra tom container?*/
div.SelectionItem.node-tpl {
	display:	none; 
	}
	
	div.SelectionList div {
	float:	left;
	width:	60px;
	margin-right:	30px; 
	}
div.SelectionItemRemove {
	background-color:	#414141;
	float:	left;
	color:	#fff;
	padding:	5px 1px; 
	cursor:	pointer;
	text-align:	center; 
	}
	div.SelectionItemRemove:hover {
	background-color:	#003059; 
	}
	
	
.TabStripSelected,	
.TabStripUnselected {
	opacity: 0.9;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	background-color:	#3d3d3d;
	color:	#fff; 
	cursor:	pointer;
	display:	block;
	padding:	2px 10px;
	margin-top:	10px;
	margin-bottom:	5px; 
	}
.TabStripSelected {
	background-color:	#3c5a6d; 
	}
	


	
	
/*div.UploadButton {
opacity: 0.9;background-color:	#3d3d3d;	margin:	10px;
	padding:	5px;
	width:	7em;
	float:	left;
	color:	#fff; 
	cursor:	pointer;
	}*/

	
	
#MainFrame {
	margin-top:	10px;
	margin-left:	20px;
	float:	left; 
	}
#fwTitlebar table.TitlebarTable tbody tr td.TitlebarTable {
	display:	none; 
	}
.fwStaticMenuSubItem {
	background-color:	#f2f2f2; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.fwStaticMenuSubItem img {
	padding-left:	10px;
	padding-right:	10px; 
	}
	
	
	
/*PAGINATION*/	
#pageNavigation {
	float:	left;
	clear:	left;
	margin-top:	10px;
	padding:	1px;
	background-color:	#888;
	width:	100%; 
	}
	
div.PagerLast.PagerElement a,
div.PagerNum.PagerElement a {
	float:	left;
	padding:	5px;
	background-color:	#f7f7f7;
	border:	1px solid #dbdbdb;
	margin-right:	1px; 
	}
 	
	

/* @end */	







/* @group PREVIEW SIDEN */

#previewImageInfoCol {
	float: left;
	clear: left;
}

/*slette*/

#previewImagePrevNext {
	background-color: #808080;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
	float:	left; 
	}


#forrigeOgNesteSide {
	margin-left: auto;
	margin-right: auto;
	width:	720px;
	height:	480px;
	position:	absolute;
	z-index:	10;
	top:	0; 
	}
	
.ikonForrige,	
.ikonNeste {
	width:	360px;
	float:	left; 
	opacity: 0;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	height:	480px; 
	}
.videoPreview .ikonForrige,	
.videoPreview .ikonNeste {
	width:	70px;
	float:	left;
	}	
.videoPreview .ikonNeste {
	float:	right; 
	}	
	
.ikonForrige:hover,	
.ikonNeste:hover {
	opacity: 0.8;
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	}

.ikonForrige {
	background:	url(../gui/miniarkiv_tilbake.png) no-repeat left center;
	}

.ikonNeste {
	background:	url(../gui/miniarkiv_neste.png) no-repeat right center;
	}
	
.ikonInaktiv {
	background-image:	none; 
	}


ul.imageDetailsList {
	width: 740px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.imageDetailsList li {
	background-color: #fafafa;
	margin-top: 0;
	padding:	10px;
	margin-bottom:	5px;
	width:	710px;
	float:	left;
	clear:	left; 
	}



ul.imageDetailsList li span.Label {
	display: block;
	font-weight: bold;
	margin-bottom:	5px;
	clear:	left; 
	}

#previewContainer {
	background-color: #fff;
	position:	relative;
	float:	left;
	width:	720px;
	height:	480px; 
	}
#previewContainer img {
	margin-left:	auto;
	margin-right:	auto;
	display:	block;
	max-height:	480px;
	width:	auto;
	overflow:	hidden;
	background-color:	#1a1a1a; 
	}	
.imageInfo a{
	color:	#33a0ff; 
	}
.imageInfo a.cssButton{
	color:	#fff; 
	}
	
ul.imageInfo {
	color:	#fff;
	position:	absolute;
	bottom:	20px;
	padding:	10px; 
	background-color:	#000;
	
/*RGBA bakgrunn med gjennomsiktighet + IE versjon til IE specific css hvor også alpha må være hex*/	
	background: rgba(0, 0, 0, .90);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000055', endColorstr='#00000055');
	
	width:	698px;
	line-height:	1.5em;
	text-align:	left;
	z-index:	20; 
	list-style-type: none;
	left:	0;
	margin:	0 0 0 1px; 
	}

	
.Label {
	font-weight:	bold; 
	}


a#moreinfomouseover {
	padding-left:	20px;
	background:	url(../gui/miniarkiv_ekspander.png) no-repeat left center;
	height:	20px;
	line-height:	20px;
	text-decoration:	none;
	border-style:	none;
	clear:	left;
	float:	left; 
	}
a#moreinfomouseover:hover {
	text-decoration:	underline; 
	}
	
#imageInfoExtended {
	float:	left;
	clear:	left;
	width:	700px;
	}	
	
ul#imageInfoExtended {
	list-style-type:	none;
	padding:	0;
	margin:	0;
	display:	none; 
	}
ul#imageInfoExtended li {
	padding-top:	6px;
	float:	left;
	border-top:	1px solid #171815;
	padding-bottom:	5px;
	width:	100%;
	clear:	left; 
	}	
ul#imageInfoExtended li .Label {
	display:	block;
	float:	left;
	width:	140px; 
	}	
	
	
ul#imageInfoExtended li.keywordsListe a{
	background-color:	#111;
	display:	block;
	float:	left; 		
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-right:	10px;
	padding-left:	3px;
	padding-right:	3px;
	border:	1px solid #003059;
	margin-bottom:	5px; 
	}
#imageInfoExtended li.keywordsListe a:hover{
	background-color:	#003059;
	border:	1px solid #33a0ff; 
	color:	#fff;
	text-decoration:	none; 
	}

	

.videoPreview a#player {
	display:	block;
	border-style:	none;
	margin-right:	auto;
	margin-left:	auto;
	margin-bottom:	0;
	position:	absolute;
	left:	70px;
	top:	20px;
	z-index:	200; 
	}



/* @end */



/* @group TABS */

#loginbox {
	display:	block;
	margin-left:	auto;
	margin-right:	auto;
	position:	relative;
	width:	600px;
	margin-top:	50px; 
	}

/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #afb3ab;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	float:left;
	font-size:	13px;
	display:block;
	padding:	5px 30px;	
	text-decoration:none;
	border:	1px solid #afb3ab;
	height:18px;
	background-color:	#53564f;
	color:#fff;
	margin-right:	4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;
	border-bottom-width:	0px; 
	-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
	font-weight:	bold; 
	}

ul.tabs a:hover {
	background-color:#003059;
	color:#fff;
}
	
/* selected tab */
ul.tabs a.current {
	background-color:#f2f2f2;
	border-bottom:2px solid #f2f2f2;	
	color:#343730;	
	cursor:default;
	}

	
/* tab pane */
.panes .pane {
	display:none;
	border:1px solid #afb3ab;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:	15px 10px;
	background-color:	#f2f2f2;
	overflow:	visible;
	float:	left;
	width:	578px;
	position:	absolute; 
	}




/* @end */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/



#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9899; overflow:hidden; 
	}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0 
	}
.clearfix {
	display: inline-block 
	}
* html .clearfix {
	height: 1% 
	}
.clearfix {
	display: block 
	}
	
	
	
	
	
	
	
	
	
	
	
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
.date {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:194px;		
	-moz-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url(../gui/prev.gif) no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url(../gui/next.gif);
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}
	


	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
			cursor:pointer;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}