@import url("reset.css");
@import url("layout.css");
@import url("ikoner.css");
@import url("lister.css");
@import url("martin.css");

/*  -----------------------     DIVERSE FORMATERING      ----------------------  */

img, table { border: 0 }
caption { display: none }
address { font-style: normal }
input.tidogdato, td.input input.textbox, textarea, select { border: 1px solid #e4e4e4 }
input.tidogdato,td.input input.textbox, textarea, select { background: #fff url(gfx/bg_input.gif) repeat-x; color: #666 }
input.textbox:hover, input.textbox:active, textarea:hover, textarea:active { background: #ffc; color: #000 }
input.textbox:focus, textarea:focus { background: #ffc; border: 1px solid #999; color: #000; }
input.tidogdato { width: 35px; }
input.tidogdato.tid, input.tidogdato.dag, input.tidogdato.mnd  { width: 25px; }

.fieldset input, .fieldset label { height: 1.8em; line-height: 1.8em }
.fieldset textarea { height: 4.8em; line-height: 1.2em }
.fieldset textarea.stort { height: 24em };
.fieldset label { padding: 0 10px 0 0 }

/*.fieldset { border: 1px solid #e4e4e4; background: #f6f6f6; padding: 1.6em .8em .8em .8em; position: relative }*/

.fieldset h3 {
	position: relative;
	margin: -2.3em 1em 0 0; float: right;
	height: 1.4em; line-height: 1.4em;
	border: 1px solid #e4e4e4;
	background: #fff;
	padding: 0 10px;
	display: none }

fieldset { border: 0 }

fieldset table { width: 100%; border-collapse: collapse; position: relative }
fieldset table td { padding: 1px; vertical-align: top }
fieldset table td.label { text-align: right }
fieldset table td.label label { display: block; padding-right: 6px }
table td.fullwidth { width: 100% }
fieldset table td.input input.textbox, fieldset table td.input textarea, fieldset table td.input select { width: 99% }
label, th { white-space: nowrap }

.warning { display: block; background: yellow }

/*  ---------------------------------- NAVIGASJON ---------------------------------  */

#nav, #nav ul { height: 60px}
#nav { margin-left: 250px; position: relative; z-index: 2 }
#nav li { float: left; width: 60px; height: 60px; position: relative }
#nav li, #logo {
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url(gfx/navsplitt.png) }
#nav li.aktiv, #nav li:hover, #nav li.sfhover, #logo:hover, #logo.logo { background-image: url(gfx/navsplitt-aktiv.png) }

#nav li a { display: block; width: 60px; height: 60px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer }

#nav span { display: none }

#nav li ul {
	/*display: none; position: absolute; top: 0; margin-top: 60px; margin-left: -63px; z-index: 400000;*/
	display: none; position: absolute; top: 60px; left: -62px; z-index: 400000;
	width: 182px; height: 23px; line-height: 18px;
	background: url(gfx/nav-label-bg.png) no-repeat;
	text-align: center }
#nav li:hover ul, #nav li.sfhover ul { display: block }
#nav li ul li, #nav li ul li:hover, #nav li.sfhover ul li { float: none; width: 182px; height: 18px; background: transparent; color: #ece9d8 }

/*  ---------------------------------  SUBNAVIGASJON    ---------------------------  */

.sub { margin: 0 0 20px 0 }
.sub h2 { margin: 0 0 1px 0; padding: 0; height: 37px; line-height: 37px; background: url(gfx/subnav-h2-bg.png) no-repeat }
.sub h2 span {
	display: block; height: 37px; line-height: 37px; padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 5px 50% }

.sub ul, .sub li { list-style-type: none; line-height: 1em; overflow: hidden }
.sub ul {
	width: 211px;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4 }
.sub ul li { width: 211px; float: left; position: relative }
.sub ul li ul { position: absolute; top: -1px; left: 178px; width: 32px; display: block }
.sub ul li ul a span { display: none }

.sub a { display: block; background-repeat: no-repeat }

.sub li a {
	background-color: #f6f6f6;
	background-position: 5px 50%;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #666;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #e4e4e4;
	height: 27px; line-height: 27px;
	padding: 0 0 0 40px }
.sub li.aktiv a, .sub li a:hover {
	background-color: #fbfbfb;
	color: #000;
	font-weight: bold }
.sub li ul li a { background-position: 2px 50%; padding: 0 }

/*  ------------------------------  SKILLEARK / Lagring   ---------------------------  */

#skilleark {
	padding: 7px 0 0 0;
	height: 31px;
	line-height: normal;
	margin: 0 0 1.5em 0 }
#skilleark ul, #skilleark li, #nav ul, #nav li, .knapper ul, .knapper li { margin: 0; padding: 0; list-style:none }
#skilleark li, .knapper li { display:inline }
#skilleark a {
	float: left;
	background: url(gfx/skilleark-v.gif) no-repeat left top;
	padding: 0 0 0 4px;
	height: 31px; line-height: 31px }
#skilleark a span {
	float: left;
	display: block;
	background: url(gfx/skilleark-r.gif) no-repeat right top;
	padding: 0 15px 0 6px;
	color: #666 }
/* Gjem for IE5-Mac \*/
#skilleark a span, .knapper a span { float: none }
/* Slutt IE5-Mac hack */

#skilleark a:hover, #skilleark li.aktiv a { background-position: 0 -31px }
#skilleark a:hover span, #skilleark li.aktiv a span { background-position: 100% -31px; color: #000 }
#skilleark li.aktiv a span { font-weight: bold }

.knapper { height: 48px; padding: 10px 50px 10px 0 }
.knapper ul { float: right }
.knapper a {
	float: left;
	background-repeat: no-repeat;
	padding: 0 0 0 48px;
	height: 48px; line-height: 48px;
	color: #999 }
.knapper a span {
	float: left;
	display: block;
	padding: 0 15px 0 6px;
	cursor: pointer }

.knapper a:hover { color: #333 }

/*  ------------------------------  Tooltip   ---------------------------  */

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: auto;
	padding: 5px;
	border: 2px solid #f90;
	background-color: #333;
	color: #fff;
	visibility: hidden;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
#dhtmlpointer {
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden }
	
	
/*  ------------------------------  Sjekkboks tabell   ---------------------------  */

table.checkboxtable { width: auto; }