/*

	RESET CSS – Eric Meyer
	Resetter ALT.
	
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}






/*

	Generelt for admin

------------------------------------------------------------------------*/







/*

	Topp Admin-navigasjon

------------------------------------------------------------------------*/


#userPanelWrap {
	height: 42px;
	background: url("/common/css/images/userpanel_bg.jpg") repeat-x;
	clear: both;
}

#userPanel {
	width: 885px;
	position: relative;	
	margin: 0 auto;
}

#userPanel li {
	float: left;
	
	padding: 0 0 0 5px;
	margin: 7px 20px 0 0;
	list-style: none;
}

#userPanel li a {
	float: left;
	display: block;
	
	padding: 5px 10px 5px 6px;
	
	color: #BBB;
	text-decoration: none;
	font-size: 12px;
}

#userPanel #inneo_logo, #userPanel #inneo_logo a {
	background: none;
	padding: 0;
	margin: 7px 10px 0 0;
}


#userPanel li a:hover, #userPanel a.active {	background: url("/common/css/images/nav_hover_right.jpg") no-repeat right top; color:#FFF;}
#userPanel li:hover, #userPanel li.active { background: url("/common/css/images/nav_hover_left.jpg") no-repeat left top;}


/*		Ikonene		*/
		
#userPanel li a span { padding-left: 22px;}

#userPanel #siteLink span { background: url("/common/css/images/siteLink.gif") 0 0 no-repeat;}
#userPanel #galleryLink span { background: url("/common/css/images/galleryLink.gif") 0 1px no-repeat;}
#userPanel #documentLink span { background: url("/common/css/images/documentLink.gif") 0 0 no-repeat;}
#userPanel #accessLink span { background: url("/common/css/images/accessLink.gif") 0 0 no-repeat;}
#userPanel #meLink span { background: url("/common/css/images/meLink.gif") 0 0 no-repeat;}
#userPanel #messageLink span { background: url("/common/css/images/messageLink.gif") 0 0 no-repeat;}
#userPanel #login span { background: url("/common/css/images/login.gif") 0 0 no-repeat;}









/*

	Action meny – vis, endre, text, tilgang

------------------------------------------------------------------------*/

span.groupName {
	display:block;
	float: left;
	width: 75px;
}
div#UCButtongroupQuickselect{
  margin-left: 65px;
  padding: 10px;
}



#objectActionContainer {
	border-bottom: 1px solid #CBCBCB;
	height: 25px;
}

#objectActionList {
	margin: 0;
	margin-left: 10px;
	border-left: 1px solid #CBCBCB;
	height:25px;
}

#objectActionList li {
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
}

#objectActionList li a {
	height: 20px;
	display: block;

	padding: 5px 15px 0 15px;
	
	text-decoration: none;
	color: #888;
	text-align: center;
	font-size: 11px;
	
	border-top: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
		
	/* IE6 krever en fast bredde her */
	_width: 35px;
}

#objectActionList li a:hover {color: #444;}

#objectActionList li .currentObjectAction {
	background: url("/common/css/images/objectAction_bg.jpg") repeat-x;
	color: #444;
	font-weight: bold;
}


#admin_objectPath {
	height: 29px;
	background: url("/common/css/images/admin_objectPath.jpg") repeat-x;
	border-bottom: 1px solid #CBCBCB;
}



/* fjerner bakgrunnsfarge pΠVis og legg til */
#objectActionList li #Vis_objekt, #objectActionList li #Legg_til_innhold_i_mappe  {
	background: #FFF;
}

/* IE 6 mŒ ha fast bredde og "legg til" mŒ v¾re litt bredere enn satt over */
* html #objectActionList li #Legg_til_innhold_i_mappe { width: 50px;}

/* more spacing between 'vis' and objectActions, and infopage */
#pageContent, #infoPage { margin-top: 10px;}

/*

	innhold for objektet

------------------------------------------------------------------------*/

#pageContent {margin-top: 0;}

.objectContents, .objectEdit {
	border-bottom: 1px solid #CBCBCB;
	background :#EBECEC;
	padding: 20px;
}
.objectContents h2, .objectEdit h2 {
	margin-bottom: -10px;
	font-size: 13px;
	font-weight: bold;
}

/* Denne er sΠobjectPath kommer opp uansett i edit mode */
#super .objectContents .objectPath,#super .objectEdit .objectPath {
	display: block;
}

/* Form innhold */

.form .field, .form .checkbox, .form textarea, .mceEditor {
	margin-bottom: 10px;
}


legend {
	display: none;
}


.form .field label {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	
	clear: both;
}

.form .field input {
	padding: 3px;
	border: 1px solid #CBCBCB;
}

.form .checkbox {
	float: left;
	margin: 0 20px 20px 0;
}

.form textarea {
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
	
	border: 1px solid #CBCBCB;
}

.form .field select {
	font-size: 11px;
}

.form h2 {color: #444;}



/* space between textarea(wysiwyg) */
label[for=status] {	margin-top: 10px;}








/*

	knapper

------------------------------------------------------------------------*/


.buttonGroup {
	margin-top: 10px;
}

.private, .published, .nonvisible, .visible, .nonsticky, .Toppsak  {
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	
	/* This is basicly for IE */
	font-size: 0px;
	display: block;
	line-height: 0px;
}

.private:hover,
.published:hover,
.nonvisible:hover,
.visible:hover,
.ddbutton:hover,
.button:hover,
.context:hover,
.nonsticky:hover,
.Toppsak:hover {
	cursor: pointer;
}

.private, .nonvisible, .nonsticky
{ background: url("/common/css/images/no.gif") no-repeat center;}


.published, .visible, .Toppsak
{ background: url("/common/css/images/yes.gif") no-repeat center;}




.ddbutton, .button, .context, .addobj input, #newCustomer, #newGroup, #newUser {
	border: none;
	background: url("/common/css/images/button_small.gif") no-repeat;
	width: 60px;
	height: 20px;
	
	font-size: 10px;
	font-weight: normal;
	color:#e2e2e2;
	text-align: center;
	
	margin: 10px 10px 0 0;
}

#newCustomer, #newGroup, #newUser {
	display: block;
	text-decoration: none;
	padding-top: 3px;
	height: 17px;
	margin-bottom: 20px;
}

html body .formControls .context { border: none;}









/*

	Tabellen

------------------------------------------------------------------------*/
			
.form table .checkbox, .form table input {
	margin: 0;
	padding: 0;
}			

.tableWrap {
	padding-top: 20px;
	background: url("/common/css/images/tabletop_bg.gif") repeat-x top;
	margin: 0 0 10px 0;
	clear: both;
}
			
.tableWrap table, #clipboard1 table {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #CBCBCB;	
}

#clipboard1 table {
	border-right: 0;
}

.tableWrap table a, #clipboard1 table a {
	font-weight: bold;
	color: #0594A5;
	text-decoration: none;
}

.tableWrap table a:hover {
	color :#444;
}

.tableWrap th, #clipboard1 th {
	vertical-align: middle;
	height: 20px;
	background: url("/common/css/images/thead_bg.gif") repeat-x top;
	
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	
	border-right: 1px solid #CBCBCB;
}

.tableWrap td, #clipboard1 td {
	height: 30px;
	vertical-align: middle;
	font-size: 11px;
	
	border-top: 1px solid #CBCBCB;
	border-right: 1px solid #CBCBCB;
	border-left: 0;	border-bottom: 0; /* so it won't be overwritter later */
	
	padding-left: 10px;
	
}

body { behavior: url("/common/js/ie_hover_fix.htc");}

.tableWrap tr, #clipboard1 tr { background: #FFF;}
.tableWrap tr.odd, #clipboard1 tr.odd { background: #F2F2F2;}
.tableWrap tr:hover, #clipboard1 tr:hover { background: #f2fbfd;}




.tableWrap .type, #clipboard1 .type { width: 30px;}
.tableWrap td.type {
	text-align: center;
	padding: 0;
}


.tableWrap .selectAll {
	width: 25px;
	padding-right: 5px;
}

.tableWrap th.text, .tableWrap td.text { border-right: none;}

.isPublished, .isSticky {width: 45px;}
.isVisibleInMenu { width: 65px;}
th.changeDate { width: 40px;}



td.isPublished { padding: 0;}

td.isPublished input, .isVisibleInMenu input, .isSticky input  {
	margin: 0 auto;
	width: 60px;
	height: 29px;
	background-position: center;
}




/* IE needs special treatment #EBECEC */
* html .tableWrap td.type { padding-left: 7px;}
*:first-child+html .tableWrap td.type { padding-left: 7px;}
* html .tableWrap { display: inline;}
*:first-child+html .tableWrap { display: inline;}


/* Webkit needs more space */
@media screen and (-webkit-min-device-pixel-ratio:0){
.tableWrap .selectAll { width: 35px;}
.tableWrap th.type { width: 45px;}
th.changeDate { width: 50px;}
th.isPublished { width: 54px;}
th.isSticky { width: 60px;}
}



#clipboardWrap {
	padding-bottom: 10px;
	border-bottom: 1px solid #CBCBCB;
}

#clipboardWrap .clipboard {
	font-size: 11px;
	margin-bottom: 20px;
}

.tableWrap tr, .tableWrap td, #sortable tr, #sortable td {
	padding-top: 0;
	padding-bottom: 0;
}








/* Sortering osv */

/* for some reason Fx & webkit etc. need the border to set margin */ 
.buttonGroup {
	margin-bottom: 50px;
	border: 1px solid #EBECEC;
}

/* hack for IE to get less space from the buttongroup */
* html .buttonGroup {margin-bottom: 70px;}
*:first-child+html .buttonGroup { padding-bottom: 20px;}



#sortering {
	float: left;
	display: inline;
	margin-top: 15px;
	margin-bottom: 10px;
}

#sortering span {
	float :left;
	padding-top: 2px;
	padding-right: 10px;
	font-size: 11px;
}

/* hack for IE to get some space from the table */
* html #sortering span {padding-bottom: 20px;}
*:first-child+html #sortering span { padding-bottom: 20px;}

#sortering select {
	float :left;
	font-size: 11px;
}

#standardButtons {
	float: left;
	display: inline;
	margin-top: 5px;
}











/*

	Tabell for "brukere"

------------------------------------------------------------------------*/

			
#sortable {
	width: 100%;
	table-layout: fixed;
	border: 1px solid #CBCBCB;
	border-right: none;
}


#sortable th.username { width: 180px;}
#sortable td .thin img { display: none;}
#sortable .customerAction { width: 140px;}

#sortable .userEdit,
#sortable .userPassword, 
#sortable .userDelete,
#sortable .groupCol1, 
#sortable .groupCol2 {
	width: 20px;
}

#sortable .groupCol3 {width: 45px;}

/* Webkit needs more space */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#sortable .userEdit,
	#sortable .userPassword, 
	#sortable .userDelete,
	#sortable .groupCol1, 
	#sortable .groupCol2 {
		width: 40px;
	}
	#sortable .groupCol3 {
		width: 65px;
	}
}





#sortable .groupName { width: 250px;}
#sortable .groupName img { margin-right: 10px;}


#sortable a {
	font-weight: bold;
	color: #0594A5;
	text-decoration: none;
}

#sortable .thin img { margin-right: 10px;}

#sortable a:hover { color :#444;}

#sortable th {
	vertical-align: middle;
	height: 20px;
	background: url("/common/css/images/thead_bg.gif") repeat-x top;
	
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 5px;
	
	border-right: 1px solid #CBCBCB;
}

#sortable td {
	height: 30px;
	vertical-align: middle;
	font-size: 11px;	
	padding-left: 10px;
	border-right: 1px solid #CBCBCB;
	border-top: 1px solid #CBCBCB;
	
	
}

#sortable tr { background: #FFF;}
#sortable tr.odd { background: #F2F2F2;}

#sortable tr:hover { background: #f2fbfd;}


th.small {
	width: 35px;
}

th.medium {
	width: 35px;
}

th.eightNumbers {
	width: 55px;
}





/*

	Standartabell for sider

------------------------------------------------------------------------*/




table { border-collapse: collapse;}
tr { padding: 5px;}
td { padding: 5px;}


/* Innit.no-ish */

table.tabell1 {
	border: 0;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	font-size: 12px;	
	clear: both;
	margin-bottom: 20px;
}

table.tabell1 th, table.tabell1 thead tr {
	vertical-align: middle;
	height: 40px;
	background: #E6E6E6;
	font-weight: bold;
	padding: 0 10px;
}

table.tabell1 td {
	height: 29px;
	vertical-align: middle;
	
	border-left: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;	
	padding: 0 10px;
}

table.tabell1 tr { background: #FFF;}
table.tabell1 tr.odd { background: #F2F2F2;}
table.tabell1 tr:hover { background: #f2fbfd;}
table.tabell1 thead tr:hover { background: none;}




/* kvitfell.no-ish */

table.tabell2 {
	border: 0;
	margin-bottom: 20px;
	clear: both;
}

table.tabell2 th, table.tabell2 thead tr {
	vertical-align: middle;
	height: 40px;
	background: #E6E6E6;
	font-weight: bold;
	padding: 0 10px;
	border-bottom: 1px solid #CCC;	
}

table.tabell2 td {
	height: 29px;
	vertical-align: middle;
	
	border-bottom: 1px solid #E6E6E6;
	border-left: 0;
	padding: 0 10px;
}


table.tabell2 tr { background: #FFF;}
table.tabell2 tr.odd { background: #F2F2F2;}
table.tabell2 tr:hover { background: #f2fbfd;}
table.tabell2 thead tr:hover { background: none;}







/*

	Nytt objekt / Create new object list

------------------------------------------------------------------------*/


.addobj img {
	float :left;
	margin: 20px 20px 40px 20px;
}



.addobj h2 {
	margin-top: 20px;
	margin-bottom: 0;
	font-size: 14px;
	color: #888;
}

.addobj p {
	margin: 0;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 11px;
	color :#888;
}

/* Allowing IE to hover */

.addobj:hover h2 { color :#0594A5;}
.addobj:hover p {color :#444;}
.addobj:hover { cursor: pointer;}
.addobj {
	border-bottom: 1px solid #CBCBCB;
	background: #FFF;
	float: left;
	display: inline;
	width: 100%;
	min-height: 100px;
	margin-bottom: 10px;
}

.addobjform {
	}

.addobj:hover {
	background: url("/common/css/images/leggtil_bg.gif") bottom repeat-x #FFF;
}

.addobj input {
	background: url("/common/css/images/button_extra_wide.gif") no-repeat;
	width: 140px;
	
	float: right;
	
	display: none;
}


.folderHeader {
	margin-bottom: 5px;
}

.objectCreate {
	border-bottom: 1px solid #CCC;
	font-size: 12px;
}














/*

	Overskriving av YUI / Tilgangskontroll / bildegalleri

------------------------------------------------------------------------*/



html body #super .yui-skin-sam .yui-button button, html body #super .yui-skin-sam .yui-button a {
	height: 20px;
	width: 100px;
	border: 0;
	font-size: 11px;
	padding: 0;
	color: #f2f2f2;
}

body .yui-skin-sam .yui-button {margin: 0 10px 10px 0;}

html body .yui-skin-sam .yui-button {
	background-image: url("/common/css/images/sprite.png");
	border-color: #444;
}

html body .yui-skin-sam .yui-button .first-child { border-color: #444;}

html body .yui-skin-sam .yui-button-focus { background-position: 0 -1400px;}

html body #buttonGroup2, html body #buttonGroup4, html body #buttonGroup1 {
	border-bottom: 1px solid #CCC;
	padding-top: 10px;
}

html body #buttonGroup1 { border-top: 1px solid #CCC;}

.groupName {
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
}

.groupName:after { content: ": ";}



#usercontrolFooter {
	font-size: 11px;
	font-style: italic;
	color: #888;
	margin: 10px 0;
}


#radiobuttons h3 { margin-bottom: 10px;}



/* Bildearkiv */

html body #navigation h2 {
	margin-bottom: 10px;
}

html body #navigation .iiaFolder a {
	background: url("/icon/objekter/folder.gif") center left no-repeat;
	text-decoration: none;
	padding-left: 25px;
}

html body #navigation .iiaFolder {
	margin-bottom: 5px;
	display: block;
	height: 20px;
	clear: both;
}

html body #navigation .iiaFolder a {
	float: left;
}


html body #navigation .navigationFunction #iiaNewFolder {
	text-decoration: none;
	padding-left: 25px;
	background: url("/icon/newfolder.gif") center left no-repeat;
}

html body #navigation .iiaFolder .parentLink {
	background: url("/icon/up.gif") center left no-repeat;
}

html body #navigation .iiaFolder .deleteButton {
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	
	padding-left: 0;
	float: right;
	
	/* This is basicly for IE */
	font-size: 0px;
	display: block;
	line-height: 0px;
	
	background: url("/common/css/images/no.gif") no-repeat center;
}


html body #navigation #iiaUploadImage {
	border: none;
	background: url("/common/css/images/button_wide.gif") no-repeat;
	width: 100px;
	height: 16px;
	display: block;
	text-decoration: none;
			
	font-size: 10px;
	font-weight: normal;
	color:#e2e2e2;
	text-align: center;
	
	margin: 10px 10px 0 0;
	padding-top: 4px;
}


html body #yui-gen4 #yui-gen5 #buttonbar #iiaCloseButton #iiaCloseButton-button,
html body #simpledialog1_c #simpledialog1 .ft .button-group #yui-gen8 #yui-gen8-button {
	background: url("/common/css/images/sprite.png") 1500px 0;
	color: #f2f2f2;
}

html body #iiaContainer_c #iiaContainer #iiaContainer_h {
	background: url("/common/css/images/sprite.png") 1500px 0;
	color: #FFF;
}





/*

	Flowplayer Ð multimediafolder

------------------------------------------------------------------------*/

.description {
	font-weight: bold;
	margin-bottom: 10px;
}

/* player dimensions */ 

#player, #player img { 
	display:block; 
	width:300px; 
	height:240px; 
	border: 0;
} 

#player img {
	border: 1px solid #CBCBCB;
	padding: 2px;
}

p.multimediafolderDescription em {
	font-style: italic;
} 

/* play button on top of splash image */ 
div.play { 
	background:url(icon/play.png) no-repeat; 
	width:50px; 
	height:50px; 
	position:relative; 
	top:-140px; 
	left:125px; 
	opacity:0.9; 
	margin-bottom:-50px; 
}

div.play:hover { opacity:1.0;}



/* single playlist item */


#playerWrap {
	display: inline;
	float: left;
	margin: 0 15px 15px 0;
}

div.playlist {
	float:left;	
	display: inline;
	width: 53%; /* Funker ikke helt optimalt assŒ... */
}


div.items a { 
	width:39%;  /* Funker ikke helt optimalt assŒ... */
	display:block; 
	background: #222;
	text-decoration:none; 
	float: left; 
	color: #CCC;
} 

.items a:hover {
	color: #FFF;
	background: #111;
}

.items .odd {
	margin: 0; padding: 0;
	margin-right: 10px;
}

.items .even {
	margin: 0; padding: 0;
}

#super div.items a {
	padding: 10px;
	margin-bottom:10px;
}

div.items a:visited { 
	color: white; 
}

.items p {
	margin: 0; padding: 0;
	line-height: 1;
	font-size:11px;
	
	margin-bottom: 5px;
}

.items .filename {
	font-size: 10px;
}

div.items p.time {
	font-size: 9px;
} 

div.items img {
	float: right;
	border: 1px solid #CCC;
}

p.flashvideoDescription { 
 display: none;
}


/* item stages: normal, hover, playing, paused */ 
div.items a:hover {

}

div.items a.playing, div.items a.paused { 
	color: #aaa; 
}

/* small navigational dots */ 

div.navi { width:60px; 
	float:left; 
	margin:10px 0 0 50px; 
}

div.navi span { 
	width:8px; 
	height:8px; 
	float:left; 
	margin:3px; 
	background:url(icon/dots.png) 0 0 no-repeat; cursor:pointer; 
}











/*

	Bildegalleri Ð imageGallery

------------------------------------------------------------------------*/

.imageGallery {
	float: left;
	display: block;
}

.imageGallery a { text-decoration: none;}

#super .imageGallery a {
	padding: 0; margin: 0;
	height: 90px;
	display: block;
	float: left;
	border: 1px solid #E1E1E1;
	background: #f2f2f2;
	padding: 5px;
	margin: 0 10px 10px 0;
}

.imageGallery img {
	height: 90px;
	border: 1px solid #E1E1E1;
}









#imageFolders a {
	font-size: 12px;
	text-decoration: none;
	width: 93px;
	height: 90px;
	color: #888;	
}

#imageFolders a:hover {
	color: #0594A5;
	cursor: pointer;
}

#imageFolders .album {
	height: 68px;
	width: 90px;
	background: url("/icon/50objekter/imagefolder.jpg") center no-repeat #FFF;
	border: 1px solid #E1E1E1;
	position: relative;
	text-indent: -9999px;
}


#imageFolders img {
	height:42px;
	border: 0;
	padding-top: 13px;
	padding-left: 20px;
}

#imageFolders span {
	font-size: 10px;
	padding: 0; margin: 0;
	clear: both;
	display: block;
	width: 90px;
	text-align: center;
	padding-top: 7px;
}







/*

	Some headers and object descriptions

------------------------------------------------------------------------*/


.objectHeader {
	font-size: 16px;
	margin-top: 5px;
}








/*

	Search / Brukers¿k

------------------------------------------------------------------------*/

#frm_ss_user {
	float:right;
	display: inline;
	font-size: 11px;
}

/* IE 6 */
* html #frm_ss_user {
	width: 200px;
	text-align: right;
}

#frm_ss_user fieldset {
}

#frm_ss_user input {
	margin-top: 5px;
}

.suggest_link {
	color: #000000;
	background-color: #ffffff;
	padding: 0.25em;
	border-bottom: 1px solid #aaaaaa;
}

.suggest_link_over {
	cursor:pointer;
	color: #ffffff;
	background-color: #777777;
	padding: 0.25em;
	border-bottom: 1px solid #777788;
}



#search_suggest {
	position:absolute;
	display: none;
	overflow:visible;
	margin-left:3px;
	z-index: 8;
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #777788;			
}	

#search_element {
	display: none;
}

#loading {
	display: none;
}




/*

	Login Box

------------------------------------------------------------------------*/


#loginForm .formControls .context {
	border: 0;
}

#loginForm {
	border: 1px solid #CBCBCB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* for later CSS3 support */
	background: #f2f2f2;
	
	width: 230px;
	padding: 10px 20px 10px 20px;
}


#grp_gjest .pageDescription {
	display: none;
}


#loginForm legend {
	position: absolute;
	display: inline;
	
	font-size: 14px;
	
	padding: 13px 140px 20px 40px;
	margin-bottom: 10px;
	
	border-bottom: 1px solid #E1E1E1;
	background: url("/common/css/images/lock_grey.gif") 0 8px no-repeat;
}





/* some hacks */

/* this is overwritten later by IE 6 & 7 and Gecko */
#loginForm .form { margin-top: 70px;}
#loginForm legend { margin-top: -70px;}

/* target Gecko */
@-moz-document url-prefix(){ #loginForm .form { margin-top: 0 !important; } }
@-moz-document url-prefix(){ #loginForm legend { margin-top: 0 !important; } }


/* IE 6 & 7 haxing */
* html #loginForm legend {
	margin-top: -60px;
	margin-left: -8px;
	padding-top: 5px;
	background-position: top left;
}

*:first-child+html #loginForm legend {
	margin-top: -60px;
	margin-left: -8px;
	padding-top: 5px;
	background-position: top left;
} 

* html #loginForm .form { padding-top: 70px; margin-top: 0; }
*:first-child+html #loginForm .form { padding-top: 70px; margin-top: 0; } 

/* Hacks END */







#loginForm .field input {
	width: 215px;
	height: 17px;
	padding: 3px 0 0 5px;
	margin:5px 0;
	border: 1px solid #cbcbcb;
	background: #F8F8F8;
	
	font-size: 10px;
}

#loginForm .field input:hover, #loginForm .field input:focus {
	border: 1px solid #B1B1B1;
	background: #FFF;
}

#loginForm .field {
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 10px;
	
	width: 230px;
	min-height: 30px;
}

#loginForm .field label {
	font-size: 11px;
}


#loginForm .formControls {
	position: absolute;
	margin-top: -5px;
}

#loginForm .field .label a {
	float: right;
	display: inline;
	margin-top: 8px;
	color: #888;
	text-decoration: none;
	font-size: 11px;	
}

#loginForm .field .label a:hover {
	color: #0594A5;
}




#grp_su .pageDescription {
	display: none;
}

#userInfolist {
	margin: 20px 0;
}

#userInfolist li {
	margin-bottom: 5px;
	font-size: 11px;
}













/*

	Ansatteliste

------------------------------------------------------------------------*/

*:first-child+html .newansatte {
	display: block;
	padding-bottom: 20px;
}

.ansatt {
	width: 210px;
	height: 120px;
	display: inline;
	float: left;
	margin-right: 20px;
}

.ansatt ol li {
	margin-bottom: 3px;
	font-size: 10px;
}

.ansatt #ansattePicture, #ansattePicture {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 2px;
	border: 1px solid #CBCBCB;
}

*:first-child+html #ansattePicture { margin-bottom: 10px;}
* html #ansattePicture { margin-bottom: 10px;}


.ansatt #ansattePicture img {
	width: 80px;
	max-height: 80px;
}

.ansatt .name { margin-bottom: 0;}
.ansatt .name a {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

.stilling {
	margin-top: 5px;
	font-size: 10px;
	letter-spacing: .1em;
	text-transform: uppercase;
	display: block;
	padding-bottom: 10px;
	font-family: georgia, "Times New Roman" Times, Serif;
}

.ansatt .stilling {
	font-size: 10px;
}


#ansatteText .desc {
}

#ansatteText ol {
	clear: both;
	float: left;
	padding: 20px 20px 20px 10px;
	margin-bottom: 20px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

#ansatteText ol li {
	font-size: 10px;
	margin-bottom: 5px;
}

#ansatteText ol li#head {
	font-weight: bold;
	font-size: 13px;
}

.backToAnsatte { clear: both;}
.backToAnsatte a {
	font-size: 11px;
	text-decoration: none;
}





/*

	Diverse

------------------------------------------------------------------------*/

.field input[type=text], .field textarea {
	width: 300px;
	margin-bottom: 10px;
}



.flyter {
	float: left;
	margin: 10px 20px 10px 0;
}


#okMessage {
	font-weight: bold;
	color: green;
}

#errorMessage p {
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}



/* Diverse fast formatering */

strong { font-weight: bold;}
em {font-style: italic;}










/*

	twoColumn clearfix for nyheter

------------------------------------------------------------------------*/

.twoColumn {
	display: block;
	clear: both;
}
 
/* Denne clearfixen er satt pΠtwoColoun diven */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */




















/*** Generell presentasjon ***/


/********* DEMO DESIGN-ROT FØLGER UNDER ****** */


#super{
	width: 795px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	background-image: url(images/bakgrunn.jpg);
	background-repeat: repeat-y;
}

#page{ 
	width: 770px;
	margin-left: 13px;
}

#banner{
	height: 270px;
	background-image: url(images/hil-topp.jpg);
	background-repeat: no-repeat;
}

/*
#leftContent {
	position: absolute;
	top: 290px;
	background-color: 0; 
	background-image: url(images/leftimg.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0px;
	width: 150px;
	padding-bottom: 150px;
	margin-left: -147px;
}
*/

#leftContent {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 150px;
	margin-top: 12px;
}

#centerContent {
	float: left;
	width: 467px;
	border: 1px soid green;
}

#rightContent {
	float: right;
	width: 150px;
	margin: 0px;
	padding: 0px;
	margin-top: 12px;
}


#footer{
	clear: both;
	text-align: center;
	font-size: 7pt;
	color: #9b9b9b;
}















dd {
 	margin-bottom: 1em;
	margin-left: 1em;
}
p {
	margin-bottom: 1em;
}

td {
	font-size: 8pt;
}

a { 
    color: #303350;
    text-decoration: none;
 }
a:hover {
        color: black;
}

p,h1,pre { 

           
} 

h1 { 
	font-family: Arial, Verdana;
	font-size: 12pt;
	margin-left: 0px;
}
	





.hiddenStructure {
	display: none;
}

/**
 ** M E N Y
 **/


ul#navlist {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 50px;
}


ul#navlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	width: 130px;
	margin-bottom: 2px;
}

ul#navlist li#current{
}

ul#navlist li a {
	font-size: 8pt;
	text-align: right;
	display: block;
	background-color: #B40000;
	color: white;
	font-weight: bold;	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	border: 1px solid #B40000;
}

ul#navlist li a#active {
	color: #B40000;
	background-color: white;
	border: 1px solid #B40000;
}


ul#navlist li a:hover {
	color: #999;
}

ul#subnavlist {
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

ul#subnavlist li{
	margin-left: 10px;
	width: 120px;
}

ul#subnavlist li a{
	background-color: #ccc;
	color: #777;

	border: 0;
}

ul#subnavlist li a:hover{
	color: #000;
}

#contentBox {
	margin: 10px;
}


#pageHeader, .pageHeader, .newsFolderHeader {
	font-weight: bold;
	font-size: 12pt;
	font-family: Arial;	
	text-transform: capitalize;
	margin-bottom: 1em;
}





/**
 ** DIV. stil
 **/

a.documentDefault, a#document-default{
	padding-left: 22px;
	background-image: url(/icon/file.gif);
	background-repeat: no-repeat;
}

a img {  /* stygt med ramme rundt a img */
  border: 0;
}

h1.pageHeader, h1.folderHeader {
	font-size: 12pt;
}

#pageDescription, p.pageDescription, p.description, #objectDescription{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
 


/**
 **  N Y H E T E R 
 **/

.clearer {
	margin-top: 1em;
	margin-bottom: 0.5em;	
}

.newsItem {
	border:  2px solid lightgrey;
	padding: 0.5em;
	margin-bottom: 1.5em;
	background-color: lightgray;
	background-color: white;	
}

h3.newsItemHeader, h3.newsItemHeader a {
	color: black;
	font-family: Verdana,Arial;
	font-size: 10pt;
	margin-left: 0px;
}

h3.newsItemHeader a:hover {
	text-decoration: underline;
}

.newsItemFooter{
	clear: right;
	margin-bottom: 5px;
	margin-top: 10px;
}

.newsItemImage,.newsItemImageOdd {
	float: right;
	margin: -20px 10px 5px 0px;
}

.newsItemURL {
	text-transform: lowercase;
	float: left;
}

a.newsItemURL  {
	background-image: url(images/knapp_lesmer.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.newsItemDate {
	text-transform: lowercase; 
	color: #808080;
	font-size: 8px;
}

.newsItemDateText{
	display:none;
	text-transform: normal;
	color: grey;
}

.newsPageHeader{
	margin-left: 0;
}

.newsPageDescription{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

.newsPageDescriptionImage {
	float: right;
	margin: 2px 10px 5px 2px;
}

.newsPageDetails{
	clear: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

.newsPageDate{
	margin-bottom: 1em;	
}

.newsPageDateText{
	display: none;
	color: grey;
	text-transform: lowercase;
}

.newsPageText{
	clear: left;
	margin-top: 1em;
}

.newsPageFooter{
	margin-top: 10px;
}

#newsArchive {
	margin-top: 20px;
}

.repeatedDate {
	DISPLAY: none
}

#newsArchiveItem {
	padding-left: 1em;
}

#newsArchiveItem a{
	background-image: url(images/knapp_lesmer.gif);
	background-repeat: no-repeat;
	background-position: center left;
}





/*
 * ImageFolder
 */
table.imageFolder2x3{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.imageFolder2x3 tr td{
	padding-top: 25px;
	text-align: left;
	width: 30%;
}

.image6 ul{
	float: left;
}

.image6 img{
	border: 0;
}


/*
 * DocumentActions
 */

#documentActions {
	float: right;
}

#documentActions ul {
	list-style-type: none;
}

#documentActions ul li {
	display: inline;
}

#documentActions ul li a img {
	border: 0;
}




#objectPath {
	display: none;

}