﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, 
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, 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: 11px;
	font-family: arial;
	vertical-align: baseline;
}
textarea { font-family: arial;font-size: 11px;}
/* 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: "" "";
}



blockquote {
background:transparent url(images/blockquote.gif) no-repeat scroll left top;
color:#666666;
font-style:italic;
margin:1em;
padding:0 0 0 4em;
}



/*
mørkeblå :     #00597c
grå:           #a0a1a4
*/
a		{ color: #00597c; text-decoration:none; }
a:hover	{ text-decoration:underline }
html { overflow: scroll; }
html, body, form, #wrap			{ height: 100%;}

form > #wrap					{ height: auto; min-height: 100%;}


#wrap							{ margin:0 auto; width:960px; }

#header							{ height:140px; position:relative; } 
	#logo						{ position:absolute; top:40px; left:1px; background:url(images/logo_tveit.gif); width:121px; height:45px; display:block}
	#mainmenu					{ position:absolute; bottom:65px; left:200px;list-style-image:none;list-style-position:outside;
	         					  list-style-type:none; width:525px;z-index:100;}
	#mainmenu li				{ display:inline;}
	#mainmenu li a				{ background: url(images/stiple.gif) top right no-repeat; display:block; float:left; height:20px; text-transform:uppercase;
	              				  margin:0 10px 0 0; color: #00597c; text-decoration:none; font-size:12px; padding-right:10px; line-height:19px; font-weight:bold }
	#mainmenu li a:hover		{ text-decoration:underline }

	#submenu					{ position:absolute; bottom:65px; bottom:20px;left:200px;list-style-image:none;list-style-position:outside;
	         					  list-style-type:none; width:525px;z-index:100;}
	#submenu li					{ display:inline;}
	#submenu li a				{ background: url(images/stiple.gif) top right no-repeat; display:block; float:left; height:20px;  
	              				  margin:0 10px 0 0; color: #00597c; text-decoration:none; font-size:11px; padding-right:10px; line-height:19px }
	#submenu li a:hover			{ text-decoration:underline }	
	
	#contactphone				{ background: url(images/stiple.gif) no-repeat; padding-left:10px; position:absolute; bottom:65px; right:38px; 
	             				  color:#a0a1a4; text-transform:uppercase; height:20px; line-height:19px; font-size:13px}
	#contactphone .blue			{ color:#00597c;font-size:13px}
	 

#main							{ padding-bottom: 205px;}  /* must be same height as the footer */
	#content					{ float:left;  }
		#inne-content			{ margin-left:45px} 
	#rightbar					{ width: 165px; display:inline; float:right; overflow:auto;  } 
		#departments			{ list-style-image:none;list-style-position:outside; width:165px; 
	         					  list-style-type:none; z-index:50;}
		#departments li			{ display:inline;}
		#departments li a		{ display:block; height:22px; 
	              				  margin:0 10px 0 0; color: #00597c; text-decoration:none; font-size:12px; padding-right:10px; line-height:22px }
		#departments li a:hover	{ text-decoration:underline }
		#narf					{ clear:both; background: url(images/logo_narf.png); height: 54px; width:69px; display:block; margin-top:65px }


#left 
{
float:left;
margin:0;
padding:0;
width:150px;

}
#right {
float:right;
margin:0;
padding:0;
width:165px;
}
#middle {
margin:0 210px 0 200px;
width:550px;
line-height: 16px;
}
/*#left 
{
float:left;
margin:0;
padding:0;
width:150px;
min-height: 250px;height:auto !important;  height: 250px;
}
#right {
float:left;
margin:0;
padding:0;
width:165px;
}
#middle {
margin:0 45px 0 50px;
width:550px;
line-height: 16px;
float:left;
}*/

#footer							{ background: url(images/bg_footer.png) no-repeat top center; margin-top: -195px; /* negative value of footer height */
       						      height: 195px;	clear:both;} 
.clearfix:after					{ content: "."; display: block; height: 0;clear: both;visibility: hidden;}
.clearfix						{ display: inline-block;}	






.delete img:hover,.changestatus				{ cursor: pointer}
.kladd							{ font-style:italic !important;  color:#dedede !important}

.table_kladd					{ font-style:italic !important;  color:#7b7b7b !important}




#featured						{ list-style-image:none;list-style-position:outside; width:550px;  height: 100px;
	         					  list-style-type:none; clear:left; background: url(images/stiple.gif) repeat-y top left; padding-left:10px}
#featured li					{ display:block; float:left; width: 242px; padding:0 10px; background: url(images/stiple.gif) repeat-y top right;height: 100px;}


.locAddress						{ padding-bottom:40px; background:url(images/stiple_hor.png) repeat-x bottom left; margin-bottom: 40px}
.LocUserslist li				{ width: 45%; float:left; display:block; height: 80px}



.addnew							{ background: url(images/icon_add.png) no-repeat; padding-left:25px; display: block; height: 20px; line-height:20px; margin: 10px 0 20px 0 }


#adminmenu						{ background:url(images/admin_bg.png) no-repeat; height:202px; width:505px; padding:30px}
#adminmenu	a					{ font-size:16px; font-weight:bold; color:White; display:block; }

.tablecontainer					{ background: url(images/table_content.png) repeat-y; width:560px; }
.tabletop					    { background: url(images/table_header.png) no-repeat; padding: 5px 20px 0px 20px }
.tablebottom			        { background: url(images/table_footer.png) no-repeat; height:25px;}
.tablecontainer	th				{ height: 20px; color:White; font-weight:bold}
.tablecontainer	td				{ padding:10px 3px}

.tablecontainer	table			{ width:100%}

.adminheader					{ display:block; padding:0; margin:0; height:40px; width:520px; padding:10px 20px; 
            					  background: url(images/admin_header.png) no-repeat; line-height:40px; color:White}

#accordion						{ }
#accordion h2					{ background:#e2e2e2 repeat scroll 0 0;margin:0 0 3px 0;padding:5px 15px; }
#accordion h2:hover				{ cursor:pointer}
#accordion h2 .panedate			{ float:right;  }

#accordion h2.current			{ background-color:#cecece;cursor:default;}
#accordion div.pane				{ color:#000;display:none; overflow:hidden;
                   				  padding:15px;}
#accordion div.pane h3			{ margin:0 0 -5px;}




h3								{ color:#00597c; font-size:14px; padding: 3px 0 5px; font-weight:bold }



/* Hides from IE-mac \*/
* html .clearfix				{ height: 1%;}
.clearfix						{display: block;}
/* End hide from IE-mac */


h1								{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#00597C; margin-bottom:5px}
h2								{ font-size:12px; font-weight:bold; color:#00597C}
h3								{ font-size:12px; font-weight:bold; color:#00597C }


#inputform label				{ display:block; color:#00597C; padding: 10px 0 5px 0 }
.checkboxlist 					{ display:block; clear:both; float:left; overflow:visible; margin: 10px 0}
.checkboxlist label				{ display:inline !important}
#inputform .RadUpload			{ margin: 10px 0}
.ruFakeInput					{ border: 1px solid #00597C !important;}

.btnSave						{ background: url(images/sprites_admin.png) no-repeat 0px -80px;
        						  display:block; height:40px; width: 85px; text-indent:-999px; clear:both}
.btnSave:hover					{ background: url(images/sprites_admin.png) no-repeat 0px -40px;}
.btnSave:active					{ background: url(images/sprites_admin.png) no-repeat 0px 0px;}




/* simple css-based tooltip */ 
div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:200px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}














.images {
cursor:pointer;
float:left;
height: 265px;
position:relative;
left:-25px;
top :-25px

}
.images div {
display:none;
font-size:12px;
height:265px;
left:0;
margin:7px;
position:absolute;
top:0;
}
.images div img { width:566px; height:262px }

.tabs 
{
	display:none;

}
.tabs a {
background:transparent url(/tools/img/scrollable/arrow/navigator.png) no-repeat scroll 0 0;
display:block;
float:left;
font-size:1px;
height:8px;
margin:3px;
width:8px;
}
.tabs a:hover {
background-position:0 -8px;
}
.tabs a.current {
background-position:0 -16px;
}
.forward, .backward {
background:#FFFFFF url(/tools/img/scrollable/arrow/hori_large.png) no-repeat scroll 0 0;
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin-top:140px;
text-indent:-9999em;
width:30px;
}
.forward {
background-position:0 -30px;
clear:right;
}
.forward:hover {
background-position:-30px -30px;
}
.forward:active {
background-position:-60px -30px;
}
.backward:hover {
background-position:-30px 0;
}
.backward:active {
background-position:-60px 0;
}
.disabled {
visibility:hidden !important;
}

