/***

	Stylesheet: v3.css
	Version: 3.2

	Author: Julian Pettersen

(c) 2009 Opelregisteret.no


***/

/***
	    ~~~ GLOBAL RESET ~~~
***/

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, 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; }
ul,ol {list-style: none }
:link,:visited {text-decoration: none }
a img,:link img,:visited img { border:none }



/***
	    ~~~ COLORS ~~~
***/

.colorBlack {color: Black}
.colorWhite {color: White}
.colorGray {color: Gray;}
.colorGrayLight {color: #c7c7c7;}
.colorGrayBlue {color: #5c636a}
.colorRed {color: #e03427;}
.colorGreen {color: #0ed102}



/***
	    ~~~ COMMON ~~~
***/

body {font-family: Arial, Helvetica, sans-serif; background-color: transparent;}

h1 {display: inline; float: left; clear: both; width: 100%; margin: 16px 0px 0px -3px; font-size: 2.4em; color: #424242; font-weight: lighter; white-space: nowrap;}
h2 {display: inline; float: left; clear: left; margin: 16px 0px 10px 0px; font-size: 1.1em; color: #777; white-space: nowrap; font-weight: bold;}
h3 {display: inline; float: left; clear: left; margin: 16px 0px 0px 0px; font-size: 14px; color: #323232; white-space: nowrap; font-weight: bold;}
h4 {font-size: 4em; color: #424242;}
h5 {font-size: 4em; color: #424242;}
h6 {font-size: 4em; color: #424242;}
p {display: inline; float: left; clear: both; color: #424242;}
a, 
a:visited {color: #e03427;}
a:hover {text-decoration: underline; color: #ff3b2c;}
table {display: inline; float: left; clear: both; font-size: 0.75em;}

#wrapper {width: 100%; margin: 0 auto;}

#header {display: inline; float: left; width: inherit; padding: 25px 10px 12px 10px; background-color: #444;}
#header #logo {display: inline; float: left; width: 400px; padding: 15px 0px 6px 0px;}
#header #user {display: inline; float: right;  font-size: 0.75em;}
#header #user p {float: right; color: #c8c8c8; padding:0 0 9px 0;}
#header #menuMainWrapper {display: inline; float: left; clear: both; width: inherit; margin: 10px 0px 7px 0px;}

#pathx {display: inline; float: left; width: 878px; padding: 3px 31px 4px 31px; background-color: #4f4f4f;}
#pathx p {color: #959595; font-size: 0.683em;}
#pathx a, 
#pathx a:visited {color: #959595;}
#pathx a:hover {text-decoration: none; color: #ff3b2c;}

#footer {display: inline; float: left; width: 940px; margin-top: -10px; padding: 18px 0px 14px 0px; text-align: center; background-color: #444;}
#footer p {float: none; color: #c8c8c8; font-size: 0.75em;}
#footer span.item {margin: 0px 6px 0px 0px; padding: 0px 6px 0px 0px; border-right: solid 1px #949494;}

.content {display: inline; float: left; clear: both; margin: 0px 0px 10px 0px; padding: 0px 10px 10px 10px; background-color: transparent; }
.content .block {display: inline; float: left; clear: both;  padding: 0 0px 16px 0px;}
.content .button {float: left; width: 70px; height: 24px;}
.content p.description {width: 620px;}
.content img.head {margin: 10px 0px 0px 0px; width: 100%;}




/***
	    ~~~ COMPONENTS ~~~
***/

/*		Help panel		*/
.helpToggle {float: right; width: 40px; margin: 22px 0 0 0; cursor: pointer;}
a.helpToggle, 
a:visited.helpToggle {color:#b7b7b7; text-decoration: none; font-size: 0.875em;}
a:hover.helpToggle {color: Black;}
.helpClose {float: right; width: 40px; margin: 10px 4px 0 0; cursor: pointer;}
a.helpClose, 
a.helpClose:visited{color:#b7b7b7; font-size: 0.75em;}
a.helpClose:hover {color: Black; text-decoration: none;}
.helpWrapper {float: left; width: 880px; clear: both; display: none;}
.helpPanel {display: inline; float: left; clear: both; overflow:hidden; width:856px; margin: 10px; padding: 0 0 12px 0; background-color: #ededed; border: solid 2px #ddd;}
.helpPanel h2 {clear: both; width: 500px; margin: 6px 0 0 10px; padding: 0px 0px 6px 6px; border-bottom: dashed 1px #7ac142;}
.helpPanel h3 {clear: both; width: 500px; margin: 10px 0 0 10px; padding: 0px 0px 0px 6px;}
.helpPanel p {width: 500px; margin: 6px 0 0 10px; padding: 4px 0px 0px 6px; color: #4d4d4d; font-size: 12px;}
.helpPanel ul {float:left; width: 500px; clear: both; margin: 6px 0 0 10px; padding: 4px 0px 0px 6px; list-style: square inside none; color: #424242; font-size: 0.75em;}
.helpPanel li {float:left; padding-bottom: 4px;}
.helpPanel img.desc {float: left; clear: left; margin: 10px 10px 10px 16px; padding: 6px; background-color: #ddd;}



.imgbutton {float: left; clear: none; margin: 46px 20px 0 0;}


div.hr {float: left; clear: both; width: 100%; height: 1px;}
img.hr {float: left; width: 100%; height: 1px;}


#header #menu {display: inline; float: left; height: 21px; margin-right: 10px; margin-left: 1px;}
#header #menu li.item {padding-left: 10px; border-left: solid 1px #949494}


ul.buttons {float: left; clear: both; width: 880px; margin: 30px 0px 0px 0px;}
ul.buttons ul {float: left;}
ul.buttons li {display: inline; float: left; margin-right: 30px; font-size: 0.75em;}
ul.buttons img {float: left;}
ul.buttons span.label {float: left; padding: 2px 0px 0px 5px; white-space: nowrap; cursor:pointer;}
ul.buttons span.label:hover {text-decoration: underline;}


.button-normal {display: inline; float:left; margin: 0px 14px 0px 0px; white-space: nowrap;}
.button-normal a {display: block; padding: 4px 0px 4px 6px;}
.button-normal a:link, 
.button-normal a:visited {color: #333; background-color: #e0e0e0; text-decoration: none;}
.button-normal a:hover {background-color: #dadada;}
.button-normal span.arrow {margin: 0px 4px 0px 65px; padding: 0px 3px 0px 3px; color: #fff; background-color: #999;}


.button-disabled {display: inline; float:left; margin: 0px 14px 0px 0px; white-space: nowrap;}
.button-disabled p {display: block; padding: 4px 0px 4px 6px; font-style:italic; color: #aaa; background-color: #e9e9e9;}
.button-disabled span.arrow {margin: 0px 4px 0px 65px; padding: 0px 3px 0px 3px; color: #fff; background-color: #ccc;}


.modalPopup {float:left; width: 400px; height: 190px; padding: 0 20px; background-color: #fafafa; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0;}
.modalPopup p {float: left; clear:both; width: 100%; margin: 22px 0px 0px 0px; font-size: 0.75em; font-weight: bold;}
.modalPopup a {font-size: 0.75em;}
.modalPopup img {float: left; width: 18px; margin: -1px 10px 0px 0px;}
.modalPopup img.hr {width: 400px;}
.modalPopup .button-normal {float: right; width: 74px; text-align: center; margin-top: 44px;}
.modalPopupBackground {background-color: #333; filter: alpha(opacity=71); opacity: 0.71; }




#upload {}
#upload table {width: 620px; color: #424242;}
#upload #tableUploadHeader {font-weight: bold; color: #fafafa; width: 620px;}
#upload #tableUploadHeader td { padding: 5px 0px 5px 0px; border-right: solid 1px #fafafa; background-color: #424242;}
#upload #tableUploadHeader td.filename {width: 220px; padding-left: 71px; padding-right: 14px;}
#upload #tableUploadHeader td.size {width: 80px; padding-left: 4px; padding-right: 15px;}
#upload #tableUploadHeader td.status {width: 208px; padding-left: 4px;}
#upload #tableUpload { width: 620px;}
#upload #tableUpload tr {height: 40px; background-color: #efefef;}
#upload #tableUpload tr.pending {color: #c7c7c7;}
#upload #tableUpload td {padding-right: 20px; border-top: solid 3px #fafafa; vertical-align: middle;}
#upload #tableUpload td.thumbnail {width: 50px;}
#upload #tableUpload td.filename {width: 220px;}
#upload #tableUpload td.size {width: 80px;}
#upload #tableUpload td.status {width: 160px;}
#upload #tableUpload td.remove {width: 20px; padding-right: 2px;}
#upload #tableUpload td.empty {width: 620px; text-align: center; font-style: italic;}
#upload img.thumbnail {width: 40px;}
#upload p.description {clear: both; width: 620px; margin: 0px 0px 16px 0px;}
#upload .swfupload-container{float: left; clear: both; margin: 10px 0px 20px 0px;}


#login {}
#login p {width: 440px; margin-bottom: 4px; font-weight: bold; font-size: 14px;}
#login span {float: left;}
#login span.c {width: 200px; margin-right: 20px;}
#login .invalid {margin: 20px 0px 27px 0px; color: Red;}
#login .inputBox {width: 180px; margin-bottom: 8px;}
#login span.c2 {float: left; width: 200px; margin-right: 20px; padding-bottom: 30px;}

#recover .textbox {display: inline; float: left; clear: none; width: 220px; margin: 2px 20px 200px 0; border: solid 1px #aaa;}
#recover h2 {margin: 22px 0 20px 0;}
#recover p {margin: 0 0 8px 0;}
#recover .rButton {float: left; clear: none; padding: 1px 9px; background-color: #666; border: solid 1px #323232; color: #fff;}
#recover .rButton:hover {text-decoration: none; background-color: #444;}


#register {}
#register p {width: 880px; font-size: 14px;}
#register span.label {float: left; width: 300px; padding: 0 20px 2px 0; }
#register span.input {float: left; width: 300px; padding: 0 20px 20px 0; }
#reguster span.inputw {float: left; width: 620px; padding: 0 20px 20px 0; }
#register span.validation {float: right; width: 220px; color: Red;}
#register p.input2 {width: 620px; margin: 10px 0px 18px 0px;}
#register .inputBox {float: left; width: 290px; border: solid 1px #aaa; }
#register .inputBox-s {float: left; width: 156px; border: solid 1px #aaa; }
#register .inputBox-w {float: left; width: 615px; border: solid 1px #aaa; }
#register .inputBox-date {float: left; width: 266px; border: solid 1px #aaa; }
#register .dropdownList {float: left; width: 295px; border: solid 1px #aaa; }
#register .dropdownList-s {float: left; width: 160px; border: solid 1px #aaa; }
#register .checkbox {float: left;}
#register .button {float: right; margin-left: 14px;}
#register .imageButton {width: 50px; height: 34px; margin-top: 2px;}
#register .calendar { float: left; padding: 4px 0px 0px 4px;}


#personalia {}
#personalia p {float: left; width: 880px; padding: 0px 0px 10px 0px; font-size: 14px;}
#personalia span.label {float: left; width: 150px;}
#personalia span.value {float: left; width: 210px; font-weight: bold;}


#detail {}
#detail p {width: 95%; margin: 0px 0px 10px 0px; font-size: 14px;}
#detail span.label {float: left; width: 170px;}
#detail span.value {float: left; width: 210px; font-weight: bold;}
#detail span.value-w {float: left; width: 60%; padding: 40px 0 0 0;}
#detail img.img {float: left; width: 60%; overflow: hidden; padding: 2px 0px 26px 0px; }
#detail img.thumbnail {float: left; width: 100px; height: 100px; overflow: hidden; margin: 0; padding: 0;}
#detail a.thumbnail,
#detail a.thumbnail:visited {float: left; color: white; margin: 0px 0px 8px 8px; padding: 0; border: solid 2px #fafafa; }
#detail a.thumbnail:hover { border-color: red;}
#detail a.active,
#detail a.active:visited {float: left; color: white; margin: 0px 0px 8px 8px; padding: 1px; border: solid 1px #5c636a; }
#detail a.active:hover { }
#detail .thumbnailContainer {float: right; width: 35%; clear: none;}


#aDetail {}
#aDetail p {width: 880px; margin: 0px 0px 10px 0px; font-size: 14px;}
#aDetail #aInfo {float: left; width: 202px; margin: 0 0 0 20px; font-size: 14px; background-color: #eee;}
#aDetail #aInfo p {width: 202px;}
#aDetail #aInfo span.heading {float: left; clear: both; width: 182px; padding: 6px 10px; background-color: #323232; color: #fff;}
#aDetail #aInfo span.label {float: left; clear: both; width: 182px; padding: 0 10px 2px 10px; }
#aDetail #aInfo span.value {float: left; clear: both; width: 182px; padding: 0 10px 12px 10px;}
#aDetail #aDescription {float: left; width: 634px; padding: 10px; font-size: 14px;}
#aDetail .cDetail {float: left; width: 634px; margin: 20px 0 0 0; padding: 10px;}
#aDetail .cDetailx {display: none;}
#aDetail .cDetail span.label {float: left; width: 130px;}
#aDetail .cDetail span.value {float: left; width: 200px; font-weight: bold;}
#aDetail .cDetail span.value2 {float: left; width: 200px; font-weight: bold; font-size: 18px;}
#aDetail #aImages {float: left; width: 654px;}
#aDetail #aImages .imgx {float: left; width: 632px; height: 250px; padding: 10px; border: solid 1px #ededed; color: #aaa;}
#aDetail img.img {float: left; width: 60%; overflow: hidden; padding: 2px 0px 26px 0px; }
#aDetail img.thumbnail {float: left; width: 10%; overflow: hidden; margin: 0; padding: 0;}
#aDetail a.thumbnail,
#aDetail a.thumbnail:visited {float: left; color: white; margin: 5px 5px 5px 5px; padding: 0; border: solid 2px #ededed; }
#aDetail a.thumbnail:hover { border-color: red;}
#aDetail a.active,
#aDetail a.active:visited {float: left; color: white; margin: 5px 5px 5px 5px; padding: 1px; border: solid 1px #5c636a; }
#aDetail a.active:hover { }
#aDetail .thumbnailContainer {float: left; clear: none; width: 644px; margin-bottom: 10px; padding: 5px; background-color: #ededed;}


#annonser {}
#annonser .tableAnnonser {margin: 4px 0px 0px 0px; width: 760px;}
#annonser .tableAnnonserHeader{margin: 0px 0px 0px 0px; border-bottom: solid 1px #c7c7c7; width: 760px;}
#annonser .hRow{}
#annonser .hCell-normal{width: 100px; padding: 2px 0px 2px 0px;}
#annonser .hCell-small{width: 80px; padding: 2px 0px 2px 0px;}
#annonser .hCell-wide{width: 120px; padding: 2px 0px 2px 0px;}
#annonser .hCell-x-wide{width: 140px; padding: 2px 0px 2px 0px;}
#annonser .hCell-xx-wide{width: 160px; padding: 2px 0px 2px 0px;}
#annonser .hCell-xxx-wide{width: 260px; padding: 2px 0px 2px 0px;}
#annonser th{ font-weight: bold; color: #424242}
#annonser .tRow{background-color: #efefef; border: 0px;}
#annonser .tRow:hover > td{background-color: #dadada; color: #000000;}
#annonser .tRowx{}
#annonser .tRowx:hover > td{background-color: #dadada; color: #000000;}
#annonser .tCell-normal{width: 100px; padding: 2px 0px 2px 0px;}
#annonser .tCell-small{width: 80px; padding: 2px 0px 2px 0px;}
#annonser .tCell-wide{width: 120px; padding: 2px 0px 2px 0px;}
#annonser .tCell-x-wide{width: 140px; padding: 2px 0px 2px 0px;}
#annonser .tCell-xx-wide{width: 160px; padding: 2px 0px 2px 0px;}
#annonser .tCell-xxx-wide{width: 260px; padding: 2px 0px 2px 0px;}
#annonser .tCell-X{width: 760px; padding: 2px 0px 2px 0px; color: #757575; font-style: italic; text-align:center; white-space: nowrap;}


#matrikkelRelated {}
#matrikkelRelated .tableMatrikkel{margin: 4px 0px 0px 0px; width: 800px;}
#matrikkelRelated .tableMatrikkelHeader{margin: 0px 0px 0px 0px; border-bottom: solid 1px #c7c7c7; width: 800px;}
#matrikkelRelated .hRow{}
#matrikkelRelated .hCell-normal{width: 100px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .hCell-small{width: 80px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .hCell-wide{width: 120px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .hCell-x-wide{width: 140px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .hCell-xx-wide{width: 160px; padding: 2px 0px 2px 0px;}
#matrikkelRelated th{font-weight: bold; color: #424242}
#matrikkelRelated .tRow{background-color: #efefef; border: 0px;}
#matrikkelRelated .tRow:hover > td{background-color: #dadada; color: #000000;}
#matrikkelRelated .tRowx{}
#matrikkelRelated .tRowx:hover > td{background-color: #dadada; color: #000000;}
#matrikkelRelated .tCell-normal{width: 100px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .tCell-small{width: 80px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .tCell-wide{width: 120px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .tCell-x-wide{width: 140px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .tCell-xx-wide{width: 160px; padding: 2px 0px 2px 0px;}
#matrikkelRelated .tCell-X{width: 800px; padding: 2px 0px 2px 0px; color: #757575; font-style: italic; text-align:center; white-space: nowrap;}