*
{
padding: 0px;
margin: 0px;
}

body
{
    background: none;
    background-color: #fff;
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #565a4c;
    list-style-type:disc;
    list-style-position:inside;
}

.wrap
{
    white-space: normal;
}

.table
{
    display: table;
    border-collapse: collapse;
}

.row
{
    display: table-row;
    border-collapse: collapse;
}

.cell
{
    display: table-cell;
}

.smallFont
{
    /*font-family: Arial, Verdana, Helvetica, sans-serif;*/
	font-size: 8pt;
}

/*Elevator*/
#outerWithSidebar  /* #outer controls the entire content window. "body" controls the background of the whole window. */
{
    display: table;
    /*display: block;
    position: relative;*/
    /*overflow: scroll;*/
    width: 860px;
    margin: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #555555;
    background: #268C91 url('../images/bgSidebarElevator.gif') repeat-y;
}

#outerWithSidebar .wrapper
{
}

/*Elevator*/
#logoPosition
{
    position: absolute;
    clear: both;
    margin-top: 148px;
    margin-left: 17px;
    height: 226px;
    width: 56px;
}

/* #outer controls the entire content window. */
/* "body" controls the background of the whole window. */
#outer
{
    display: table;
    /*display: block;
    position: relative;*/
    width: 781px;  /*860 - 79px = 781px*/
    margin: 0px 0px 0px 79px;
    /*border-collapse: collapse;*/
    background-color: #535B55; /*#2e3830; Dark brown*/ /*#7f817b; Dark grey*/
    border-right: solid 1px #555555;
    border-left: solid 1px #555555;
}

/* #contentPage controls the content starting with the width of the top banner. */
/* #contentPage is the menu, the top header, the main content and the footer. */
/* #contentPage is contained in #outer. #outer can be used to make a border around #contentPage. */
#contentPage
{
    display: table;
    border-collapse: collapse;
    background-color: #fff;
    margin: 0px 0px 0px 0px;
}

#contentPage .inner
{
    display: block;
    position: relative;
}

/* #header controls the top banner. */
#header
{
    /*display: table;
    border-collapse: collapse;*/
    display: block;
    position: relative;
    height: 125px;
    width: 862px;
    border-bottom: solid 1px #555555;
    margin-bottom: 0px;
}

#rss
{
	display: block;
	position: absolute;
	bottom: 5px;
	left: 75px;
	width: 20px;
	height: 20px;
    /*background: url('../images/rss_20w20h.png') no-repeat;*/
}

#twitter {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 50px;
	width: 20px;
	height: 20px;
    background: url('../images/twitter_blue.png') no-repeat;
}

#facebook {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 25px;
	width: 20px;
	height: 20px;
    background: url('../images/f_logo.png') no-repeat;
}

/* The menu and the content (ingress, text, ...). Not the #footer".*/
#mainContent
{
display: table;
border-collapse: collapse;
/*width: 860px;*/
text-align: left;
margin-right: -2px;
margin-bottom: 0px;
}

#menuBar  /* the menu */
{
display: table-cell;
vertical-align: top;
width: 120px; /*The menu items are also 180px wide. Here we set it to 180px + padding left and right in sum to 40px, totalling 220px*/
padding: 10px 10px 10px 10px;
background-color: #fff; /*#2e3830;*/ /*#565a4c; Dark grey*/
/*border-right: solid 2px #268C91;*/
text-align: left;
}

/* This (.inner) will create a containing block (default in CSS).*/
/* We can then wrap banner and header in a containing block, and */
/* use absolute positioning when making the header clickable. */
/* The absolute positioning of the header is set in MasterPage.master.cs, */
/* according to what is set in the Systeminfo menu. */
#menuBar .inner
{
    /*position: relative;
    min-height: 130px;
    width: 180px;*/
}

/* When sub menu is missing, then a text is displayed in this color in place of the missing sub menu. */
/* The displayed text is set in Global Resources. */
#menuBar .submenuMissing
{
    color: #eaeaea;
}

#primarycontent  /* the main content part of the page. Where the Heading, Ingress and Text goes. */
{
display: table-cell;
width:700px;
vertical-align: top;
border-collapse: collapse;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
text-align: left;
background: none;
border-left: solid 2px #268C91;
}

#primarycontent .search
{
}

#primarycontent .search a, #primarycontent .search a:hover, #primarycontent .search a:visited
{
    text-decoration: none;
}

#primarycontent .width
{
    width: 700px;
}

#secondarycontent
{
display: table-cell;
vertical-align: top;
border-collapse: collapse;
/*margin: 0px 0px 0px 0px;*/
/*padding: 10px 10px 10px 10px;*/
text-align: left;
background: none;
}

#primarycontent h1, secondarycontent h1
{
position: relative;
font-size: 9pt;
line-height: 16px;
/*color: #656551;*/
letter-spacing: -1px;
/*background: #ffffff url('../images/a22.gif') bottom repeat-x;*/
padding: 0px 0px 0px 0px;
margin-bottom: 8px;
}

#primarycontent h2, secondarycontent h2
{
position: relative;
font-size: 9pt;
line-height: 16px;
letter-spacing: -1px;
/*color: #656551;*/
/*background: #ffffff url('../images/a22.gif') bottom repeat-x;*/
padding: 0px 0px 0px 0px;
margin-bottom: 8px;
}

#primarycontent li
{
    list-style-position: outside;
}

#primarycontent ul
{
    list-style-type: disc;
    margin-bottom: 10px;
}

#primarycontent ol
{
    list-style-type: decimal;
    margin-bottom: 10px;
}

#primarycontent ul li
{
padding-top: 2px;
margin-left: 20px;
}

#primarycontent ol li
{
padding-top: 2px;
margin-left: 20px;
}

#primarycontent .liNoMargin ul
{
padding-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

#primarycontent .liNoMargin li
{
padding-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

#primarycontent .menuPath
{
    width: 700px;
    clear: both;
    float: right;
    margin: -8px 0px 5px 0px;
    text-align: right;
    font-size: 8pt;
    /*letter-spacing: -1pt;*/
}

#primarycontent .editButtonDetail
{
    clear:both;
    float: left;
    margin-top: -10px;
}
#primarycontent .editButtonList
{
    clear:both;
    float: left;
    margin-top: -10px;
}
#primarycontent .editButtonNewArticle
{
    clear:both;
    float: left;
    margin-top: -10px;
}
#primarycontent .datePosition
{
    clear: both;
    float: right
}

#primarycontent .shadearea
{
    /*contentPage is 860px*/
    /*menu is 180px + 20px left + 20px right, total 220px*/
    /*What is left for primarycontent is then 860px - 220px - 20px left - 20px right, total 600px*/
    /*Shadearea with border should then be 600px - 1px border left - 1px border right, total 598px*/
    width: 698px;
    padding: 2px 2px 2px 2px;
    margin: 0px -1px 0px -1px; /*To allow for border left and right*/
    background-color: #f9f9f9;
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #808080;
}

#primarycontentWide .shadearea
{
    /*contentPageWide is 1060px*/
    /*menu is 180px + 20px left + 20px right, total 220px*/
    /*What is left for primarycontent is then 1060px - 220px - 20px left - 20px right, total 800px*/
    /*Shadearea with border should then be 800px - 1px border left - 1px border right, total 798px*/
    /*width: 800px;*/ /* 798px;*/
    background-color: #f9f9f9;
    padding: 2px 2px 2px 2px;
    margin: 0px -1px 0px -1px; /*To allow for border left and right*/
    padding: 0px 1px 0px 1px;
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #808080;
}

#primarycontent .shadearea fieldset
{
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
    width: 685px; /*695px minus 10px for padding.*/
}

#primarycontent .previewShadearea
{
    /*background-color: #f9f9f9;*/
    padding: 2px 2px 2px 2px;
    /*width: 600px;*/ /* 598px;*/
    margin: 0px -1px 0px -1px; /*To allow for border left and right*/
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #808080;
}

#primarycontentWide .previewShadearea
{
/*background-color: #f9f9f9;*/
padding: 2px 2px 2px 2px;
/*width: 800px;*/ /* 798px;*/
margin: 0px -1px 0px -1px; /*To allow for border left and right*/
border-top: solid 1px #eaeaea;
border-bottom: solid 1px #808080;
border-left: solid 1px #eaeaea;
border-right: solid 1px #808080;
}

#slideshow {
	display: block;
	position: relative;
	width: 700px;
	height: 250px;
	margin-top: 0px;
	border: solid 2px #fff;
}

#slideshowTextWrapper {
	margin: 10px 10px 10px 10px;
	color: #fff;
	font-size: 1.2em;
}

#forsiden
{
}

#forsiden h1
{
position: relative;
background-color: #555555;
font-size: 10pt;
color: #ffffff;
line-height: 16px;
letter-spacing: 0px;
padding: 5px 10px 5px 10px;
}

#forsiden h2
{
position: relative;
background-color: #555555;
font-size: 10pt;
color: #ffffff;
line-height: 16px;
letter-spacing: 0px;
padding: 5px 10px 5px 10px;
}

#footer  /* #footer controls the bottom bar */
{
    display: block;
    position: relative;
    width: 862px;
    height:25px;
    line-height: 25px;
    margin-top: 10px;
    border-top: solid 1px #555555;
	white-space:nowrap;
    /*border-bottom: solid 1px #555555;*/
}

#footer a
{
color: #8C8C73;
}

#LuminoPublishLogo
{
    display: block;
    position: fixed;
    clear: both;
    float: right;
    right: 0px;
    bottom: 0px;
}

.RadEditorIngress
{
    width: 700px;
    height: 250px;
}

.RadEditorText
{
    width: 700px;
    height: 350px;
}

fieldset
{
    margin: 10px 0px 0px 0px; /*To allow for border left and right*/
    padding: 5px 5px 5px 5px;
    width: 695px;
}

a
{
color: #FF7800;
text-decoration: none;
}

a:hover
{
/*color: #336666;*/
text-decoration: underline;
/*cursor: pointer;*/
}

#visGrid
{
    /*width 300px minus space between grids.*/
    width: 341px;
}

/*
#visGrid h1
{
    background: #fff url('../images/GreyShadeWhiteTop16h.gif') repeat-x top;
    height: 16px;
    color: #565a4c;
    font-size: 9pt;
    padding-left: 2px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
}
*/

#visGrid .articleGridTitle
{
}

#visGrid .articleGridLead
{
}

#visGrid .articleGridReadMoreLink
{
}

#visGrid h2 /*.gridHeader*/
{
    /*background-color:#B5C0C8; Brukt av Access.*/
    background: #fff url('../images/GreyShadeWhiteTop16h.gif') repeat-x top;
    height: 16px;
    color: #565a4c;
    font-size: 9pt;
    padding-left: 2px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    /*border-top: 1px solid #dfdfdf;*/
}

#visGrid .gridFrame
{
    border: solid 1px #eaeaea;
    min-height: 180px;
}

#visGrid .gridContent
{
    margin: 0px 2px 2px 2px;
    /*width 342px (in #visGrid) minus space required for borders and padding inside grid, i.e, 8px less than #visGrid.*/
    width: 334px;
    height: 180px;
}

#visGrid .right
{
    text-align: right;
}

#visGrid .left
{
    text-align: left;
}

.spaceMiddle
{
    padding-right: 10px;
}

.rowSpace
{
    height: 10px;
}

#visShopGrid
{
    /*width 300px minus space between grids.*/
}

/* Grid header
#visShopGrid h2
{
    background: #fff url('../images/GreyShadeWhiteTop16h.gif') repeat-x top;
    height: 16px;
    color: #565a4c;
    font-size: 9pt;
    padding-left: 2px;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
}
*/

#visShopGrid .gridFrame
{
    width: 299px;
    border: solid 1px #eaeaea;
}

#visShopGrid .gridContent
{
    margin: 2px 2px 2px 2px;
    /*width 300px minus space required for borders and padding inside grid, i.e, 8px less than #visGrid.*/
    width: 291px;
    height: 190px;
}

#visShopGrid .gridSpaceMiddle
{
    padding-right: 10px;
}

#visShopGrid .shopGridSpaceRow
{
    height: 10px;
}

#visShopGrid .gridFrame .productNameHyperlink a h2
{
	font: normal normal normal 1.2em Verdana, Arial, Helvetica, sans-serif;
    color: #444;
    margin-bottom: 5px;
    margin-left: 2px;
    padding: 0;
}

#visShopGrid .gridFrame .productImage
{
    width: 150px;
    margin: auto;
}

#visShopDetail
{
}

#visShopDetail .productBanner
{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.3em;
}

#visShopDetail .productAdditionalInfo
{
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 1.0em;
    border: 1px solid #808080;
    background-color: #fff;
}

#visShopDetail .productAdditionalInfo .productAdditionalInfoHeading
{
    padding: 6px 5px 6px 5px;
    /*height: 25px;*/
    border-bottom: 1px solid #eaeaea;
    background-color: #f6f6f6;
}

#visShopDetail .productAdditionalInfo .productAdditionalInfoText
{
    padding: 10px;
}

#visShopDetail .mainBox
{
    width: 690px;
    background-color: #fff;
    margin-bottom: 15px;
    /*border: 1px solid #eaeaea;*/
}

#visShopDetail .mainImage
{
    width: 640px;
    border: 1px solid #eaeaea;
}

#visShopDetail .productDescription
{
    width: 250px;
    border: 1px solid #eaeaea;
    padding: 5px 5px 5px 5px;
}

#visShopDetail .productDescription .productName h2
{
	font: normal normal normal 1.2em Verdana, Arial, Helvetica, sans-serif;
    color: #444;
    margin-bottom: 5px;
    margin-left: 2px;
    padding: 0;
}

#visShopDetail .mainEmptyCell
{
    width:10px;
}

#visShopDetail .productMultiPageBox
{
    /*padding: 3px 3px 3px 3px;*/
    border: 1px solid #808080;
}

#visShopDetail .productMultiPageDecriptionBox
{
    padding: 10px;
}

#visShopDetail .productMultiPageFeatureBox
{
    padding: 10px 3px 10px 3px;
}

#visShopDetail .productRelatedHeading
{
    padding: 6px 5px 6px 5px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f6f6f6;
}

#visShopDetail .productRelatedImagesBox
{
    width: 960px;
    margin-top: 15px;
    border: 1px solid #808080;
}

#visShopDetail .productRelatedImages
{
    padding: 5px 0px 5px 5px;
}

#visShopDetail .relatedImagelist
{
    height: 150px;
    width: 100px;
    border: 1px solid #eaeaea;
    margin-right: 5px;
}

#visShopDetail .productImages
{
    padding: 5px 0px 0px 5px;
}

#visShopDetail .productImagelist
{
    height: 100px;
    width: 100px;
    border: 1px solid #eaeaea;
    margin-right: 5px;
    margin-bottom: 5px;
}

#visShopDetail .relatedImageList .productNameHyperlink
{
    color: #565a4c;
    /*text-decoration: none;*/
}

#showMainLeftListRight
{
}

#showMainLeftListRight .MainLeft
{
    width: 550px;   /* Width of Elevator content is 700px. Must also change #shoppingcartMainLeftListRight. */
}

#showMainLeftListRight .ListRight
{
    margin: 5px 5px 5px 5px;
    width: 130px;
}

#showMainLeftListRight .ListRightBorder
{
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
    vertical-align: top;
}

#loginLink
{
    margin-top:10px;
    margin-left: 3px;
}

#loginLink a  /*Used by "log in" in meny column*/
{
    color: #737373;
    text-decoration: none;
}

#loginLink a:hover  /*Used by "log in" in meny column*/
{
    text-decoration: underline;
    /*cursor: pointer;*/
}

sup
{
font-size: 0.5em;
}

p
{
margin-bottom: 14px;
text-align: justify;
}

img.floatleft
{
float: left;
margin: 0px 14px 3px 0px;
}

li.bulletlist
{
    list-style: disc;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}

.artikkelOverskrift {
font-size: 14px;
line-height: 16px;
/*font-size: 11pt;*/
font-weight:bold;
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

.textbox {  /*Needed for multiline textboxes. Otherwise, it will default to Times*/
    font-size: 9pt;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.vertical_top
{
    vertical-align:top;
}

.vertical_center
{
    vertical-align:middle;
}

.imagelist li
{
    display: inline;
    float: left;
    vertical-align: top;
    margin-left: 15px;
    margin-bottom: 15px;
}

.datapager
{
}

#gridBorder600w
{
    width: 700px;
    /*border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: 1px solid #999999;*/
    /*border-top: 1px solid #dfdfdf;*/
}

.ErrorMessage
{
    color:Red;
}

#position
{
    display: table;
    border-collapse: collapse;
    text-align: left;
    /*position: relative;*/
    width: 100%;
    /*margin: 0px 0px 0px 0px;*/
}

#position h1
{
    position: relative;
    font-size: 9pt;
    letter-spacing: -1px;
}

#position h2
{
    position: relative;
    font-size: 9pt;
    letter-spacing: -1px;
}

#positionWide /*Do we need this?*/
{
    position: relative;
    width: 800px;
    margin: 0px 0px 0px 0px;
}

#position .width
{
    width: 700px;
}

#positionWide .width
{
    width: 800px;
}

#position .left, #positionWide .left
{
    /*clear: both;
    float: left;*/
    text-align: left;
}

#position .right, #positionWide .right
{
    /*clear: both;
    float: right;*/
    text-align: right;
}

#position .center, #positionWide .center
{
    /*float: none;*/
    text-align: center;
}

#positionMenuEdit
{
    position: absolute;
    float: right;
    right: 5px;
    margin-top: 2px;
    /*top: 0px;*/
    /*margin-right: -5px;*/
    /*left: 120px;*/
    /*background: #fff url('../images/upbg860w.gif') no-repeat;*/
    /*margin-right: 15px;*/
    /*width: 25px;*/
    /*height: 25px;*/
}

.lineBreakHeight
{
    height: 10px;
}

.lineBreakHeight5px
{
    height: 5px;
}

#loginName
{
    position: relative;
    float: left;
}

#imageviewer
{
    padding: 10px 10px 10px 10px;
    background-color: #f9f9f9;
    width: 700px;
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #eaeaea;
}

#imageviewer .imageborder
{
    border: solid 1px #eaeaea;
}

#separatorline
{
    border-bottom: solid 1px #eaeaea;
    height: 1px;
    width: 700px;
}

.horizontalLineTopWhiteBG600w
{
    /*height:30px;*/
    width:700px;
    background-color:White;
    border-top: solid 1px #eaeaea;
}

.horizontalLineTop600w
{
    height: 1px;
    width: 700px;
    border-top: solid 1px #eaeaea;
}

.horizontalLineTop10h600w
{
    height:10px;
    width:700px;
    border-top: solid 1px #eaeaea;
}

.horizontalRight
{
    float:right;
}

.horizontalLeft
{
    float: left;
}

#PrintShareStyle
{
    display: block;
    position: relative;
    border: 1px solid #eaeaea;
    clear: both;
    width: 700px;
    height: 30px;
    margin-top: 10px;
    /*margin: 5px 0px 5px 0px;*/
    /*padding: 5px 5px 5px 5px;*/
    background-color: #fff;
}

#PrintShareStyle .printback
{
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
}

#PrintShareStyle .fblike
{
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
}

#PrintShareStyle .twitter
{
    display: block;
    position: absolute;
    left: 160px;
    top: 5px;
}

#PrintShareStyle .gplusone 
{
	display: block;
	position: absolute;
	left: 220px;
	top: 5px;
}

#PrintShareStyle .sharethis
{
    display: block;
    position: absolute;
    left: 260px;
    top: 5px;
}

/*
.fb_edge_comment_widget {
    margin-top: -280px;
}
*/
/* Menu */
#menu {
padding: 0;
margin: 0;
width: 120px; /* 11em;*/ /* setter bredden på menyene inkludert bakgrunn hvis brukt. */
/*background: #fff url('../images/bgMenuLimeGrey.gif') repeat;*/
}

#menu .positionMenuEdit
{
    display: block;
    position: relative;
    clear: both;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 16px;
    /*margin-top: 2px;*/
}

#menu ul .positionMenuEdit
{
    width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu ul .positionMenuEdit a, #menu ul .positionMenuEdit a:visited
{
    width: 16px;
    margin: 1px 0px 0px -2px;
    padding: 0px 0px 0px 0px;
    background: transparent url('../images/page_edit_pale.png') no-repeat 0px 0;
}

#menu ul .positionMenuEdit a:hover
{
    width: 16px;
    margin: 1px 0px 0px -2px;
    padding: 0px 0px 0px 0px;
    background: transparent url('../images/page_edit.png') no-repeat 0px 0;
}

#menu ul ul .positionMenuEdit
{
    width: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu ul ul .positionMenuEdit a, #menu ul ul .positionMenuEdit a:visited
{
    width: 16px;
    margin: 1px 0px 0px -2px;
    padding: 0px 0px 0px 0px;
    background: transparent url('../images/page_edit_pale.png') no-repeat 0px 0;
}

#menu ul ul .positionMenuEdit a:hover
{
    width: 16px;
    margin: 1px 0px 0px -2px;
    padding: 0px 0px 0px 0px;
    background: transparent url('../images/page_edit.png') no-repeat 0px 0;
}

#menu ul ul ul .positionMenuEdit
{
    width: 16px;
}

#menu ul ul ul .positionMenuEdit a, #menu ul ul ul .positionMenuEdit a:visited
{
    width: 16px;
    margin: 1px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background: transparent url('../images/page_edit.png') no-repeat 0px 0;*/
}

#menu ul ul ul .positionMenuEdit a:hover
{
    width: 16px;
    margin: 1px 5px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu ul { /* remove bullets and list indents */
list-style: none;
}

#menu a.disabled
{
text-decoration:none;
cursor:default;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2
{
    display: block;
    font-size: 1.0em;
    line-height: 20px; /*1.6em;*/
    /*color: #fff;*/ /*#737373;*/ /*Grå*/
    cursor:auto;
}

#menu h2 { /*Denne benyttes hvis <h2>Hovedmeny</h2> formattering benyttes på hovedmeny.*/
font-weight:bold;
}

/*menu img displayed to the left of menu text*/
#menu a img
{
    margin-right: 2px;
}

#menu a, #menu a:visited 
{
display: block;
color: /*#fff;*/ #737373; /*Grå*/
text-decoration: none;
padding-left: 3px;
padding-right: 0px;
/*background: #565a4c url('../images/bgMenuLimeGrey.gif') repeat-x;*/
}

#menu .firstMainMenu /*This class indicates first main menu*/
{
}

#menu .lastMainMenu /*This class indicates last main menu*/
{
}

#menu .mainMenuHasSubMenus
{
}

#menu .firstSubMenu /*This class indicates the first sub menu*/
{
}

#menu .menuUrlExternal /*Indicates menu is an external link*/
{
}

#menu .disabled /*Indicates an empty menu*/
{
}

#menu h6, #menu .menuSeparator /*This is line break, i.e., empty cells.*/
{
/*background: #565a4c url('../images/bgMenuLimeGrey.gif') repeat-x;*/ /*to get the same background as menus*/
line-height: 20px;
height: 15px;
}

#menu a:hover 
{
    background: #268C91 url('../images/bgMenuElevatorMouseOn.gif') repeat-x;
}

#menu a:active
{
    color: #737373; /* #244380;*/
}

#menu ul li a
{
}

#menu ul li a:hover
{
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
}

#menu ul ul 
{
    margin: 0px 0px 0px 0px; /*Position level 2 menu 6px to the right of level 1*/
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 90%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,              /*Do not display 3rd level pop-ups*/
div#menu ul ul li:hover ul ul,   /*Hide any <ul>'s that are two or more descendant children of the hovered <li>. Prevents */
div#menu ul ul ul li:hover ul ul,
div#menu ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul ul ul li:hover ul ul,
div#menu ul ul ul ul ul ul ul ul li:hover ul ul
{display: none;}                /*The pop-up menu (level 3) is not displayed right away.*/

div#menu ul ul li:hover ul,     /*When 2nd level <li> is hovered over, make its child <ul> appear.*/
div#menu ul ul ul li:hover ul,   /*When 3rd level <li> is hovered over, make its child <ul> appear.*/
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul ul ul li:hover ul
{
    width: 15em; /* set width of pop-up menu */
    background-color: #f9f9f9;  /*#565a4c;*/ /*Dette definerer bakgrunnsfargen på boksen for pop-up menyen*/
    display: block;
    font-size: 1.0em;
    line-height: 1.0em;
    border-left: solid 1px #7f817b; /*#dfdfdf;*/
    border-right: solid 1px #7f817b; /*#999999;*/
    border-bottom: solid 1px #7f817b; /*#999999;*/
    border-top: solid 1px #7f817b; /*#dfdfdf;*/
    margin: -7px 0px 0px 3px;
    padding: 3px 3px 3px 3px;
    z-index: 200;
}

div#menu ul ul ul li a, /*farge på lenke - pop-up meny*/
div#menu ul ul ul li a:active,
div#menu ul ul ul li a:visited
{
    color: #737373; /* #737373;*/ /*Grå*/
}

/* Menu end */

/*Theme skins start*/
.GridviewTable
 {
 /* font, table border and table margins here */
 font-family: Arial, Tahoma, Verdana, sans-serif;
 font-size: 10pt;
 margin: 5px 0px 5px 0px;
 }
 .GridviewTable th {
 /* you don't need to use HeaderStyle-CssClass
 Just use the <th> element of the Gridview's overall
 CSSClass */
 color: Black;
 border-bottom: solid thin black;
 /*padding-left: 10px;
 padding-right: 10px; */
 }
 .GridviewTable td {
 padding: 10px 3px 10px 3px; /* puts vertical spacing between rows */
 }
 .GridviewTable tr {
 /* any color or background-color set here will override
 the .AlternatingRow property so it's best not to use it
 if you want alternating rows to be different */
 }
 
 .TableRow {
 color: black;
 background-color: white;
 }
 .AlternatingRow {
 color: Black;
 background-color: #f6f6f6;
 }
 .EditRow {
 }
 .Footer {
 }
 .PagerRow {
 }

.FooterStyle {
  background-color: #eaeaea;
}

.RowStyle {
}    

.RowStyleLightGrey
{
    background: #f9f9f9;
}

.AlternatingRowStyle {
}
  
.ShowAlternatingRowStyle
{
    background: #eaeaea; /* #f9f9f9;*/
}
  
.SelectedRowStyle {
    background-color: #dfdfdf; /*grey blue*/
}

.FooterStyleShopping {
    background: #fff url('../images/ShoppingBackground.gif') repeat-x center;
}

.EditRowStyle {
    background-color: #dfdfdf; /*grey blue*/
}

.PagerStyle, .PagerStyle td {
    background: #fff url('../images/GridHeaderBackground.gif') repeat-x center;
    height:15px;
}

.PagerStyle table tr td 
{
    padding-right: 5px;
    padding-left: 5px;
    background: #fff url('../images/GridHeaderBackground.gif') repeat-x center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}

.HeaderStyle {
    background: #fff url('../images/GreyShadeWhiteTop16h.gif') repeat-x center;
    font-weight: bold;
    padding-left: 2px;
    border-top: 1px solid #dfdfdf;
}

.HeaderPlain
{
    height: 20px;
    vertical-align: bottom;
    border-bottom: solid 1px #eaeaea;
    font-weight: bold;
}

.HeaderStyleMini {
    font-weight: bold;
}

.EmptyRowStyle 
{
    background-color: #eaeaea;
}
/*Theme skins end*/

/*Shopping cart start*/
#shoppingcart
{
}

#shoppingcart .cart
{
    margin: 0px -1px 0px -1px; /*To allow for border left and right*/
    padding: 2px 2px 2px 2px;
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
}

#shoppingcart .width
{
    width: 100%;
}

#shoppingcartAddItem
{
    /*position: relative;*/
    /*background-color: #f9f9f9;*/
    /*padding: 0px 0px 0px 1px;*/
    margin: 0px -1px 0px -1px; /*To allow for border left and right*/
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
}

/*
#shoppingcartExtra
{
    background-color: #f9f9f9;
    padding: 1px 1px 1px 1px;
    border-left: solid 1px #dfdfdf;
    border-right: solid 1px #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #dfdfdf;
}
*/

#shoppingcartList
{
    /*width: 600px;*/
    /*height: 20px;*/
    /*padding: 0px 2px 0px 2px;*/
    background: #fff url('../images/ShoppingBackground.gif') repeat-x bottom;
}

#shoppingcartList .listWidth
{
    /*margin: 0px -1px 0px -1px;*/ /*To allow for border left and right*/
    width: 100%;
}

#shoppingcartGrid
{
    /*width: 295px;*/
    /*height: 40px;*/
    background: #fff url('../images/ShoppingBackground.gif') repeat-x bottom;
}

#shoppingcartGrid .gridWidth
{
    /*width 300px minus space required for borders and padding inside grid, i.e, 8px less than #visGrid.*/
    width: 100%;
}

#shoppingcartGrid .productGridWidth
{
    width: 100%;
}

#shoppingcartGrid .productNameShoppingCartText
{
	font: normal normal normal 0.9em Arial, Geneva, Helvetica, sans-serif;
}

#shoppingcartMainLeftListRight
{
    background: #fff url('../images/ShoppingBackground.gif') repeat-x bottom;
}

#shoppingcartMainLeftListRight .Width
{
    width: 100%;   /* Width of Elevator content is 700px. Must also update #showMainLeftListRight. */
}

#shoppingcartAddItem .info
{
    margin: 10px 1px 1px 1px;
    /*background-color: #f9f9f9;*/
    /*padding: 1px 1px 1px 1px;*/
}
/*Shopping cart end*/

/*Print styles*/
/*pt - points works well for printers but not screen*/
body {
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
TD {
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*
Include a footer when printing from a browser
<div id="print-footer">blah blah blah</div>

    <style type="text/css" media="screen">
     div#print-footer {display: none;}
    </style>
    <style type="text/css" media="print">
     div#print-footer {display: block; position: fixed; bottom: 0;}
    </style>

That will, in supporting browsers, hide the footer for screen display 
and reveal it for print, plus place it at the bottom of every page. 
If you're lucky, that will work in Netscape 6+ , Opera, and maybe 
IE5/Mac.  No other browser, so far as I know, is likely to get it 
right.  On the other hand, if you can live with the footer only 
appearing at the bottom of the last page, then remove the 'position' 
and 'bottom' declarations, and it should work in any browser that 
supports print media styling in the first place.
*/

#PRINT ,#CLOSE {
	visibility:hidden;
}

html #masthead, html #navbar, html #sidebar,
html #metastuff b, html #metastuff .discuss, html div.discuss {
  display: none;
}

@media Screen {
.PrintOnly { visibility:hidden; display:none; }
/*.PrintFooter { display:none; }*/
}
@media Print {
.ScreenOnly { visibility:hidden; display:none; }
/*.PrintFooter { display: block; position: fixed; bottom: 0; }*/
}

/*
<DIV class="PrintOnly" >I will not be visible in the browser, but I'll show up in printouts (and print Preview) </DIV>
<DIV class="ScreenOnly" >I'm in the browser, but not in printouts (or print Preview) </DIV>
*/

/*Give hyperlinks a dark red/grey color so they show up in print*/
/*a:link, a:visited {
	color: #520;
	background: transparent;
	text-decoration: underline;
}
*/

/*Shows link with http in parenthesis after printing visible link text*/	
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
}

div#content 
{
	margin-left: 10%;
}

body, #main, #content, .column, #articletext, #footer {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #ish {position: static; width: auto; height: auto;
  margin: 1em 0 0; padding: 0; border-top: none;
  font-size: 0.9em; text-align: right;
  background: none;
}

html body #ish a:link, html body #ish a:visited, html body #ish a em {
  position: static; display: inline;
  font-size: 1em; font-weight: normal; 
  width: auto; height: auto;
  margin: 0; padding: 0;
  background: none; /*color: #555;*/
}
/*Print styles end*/

/*idTabs start*/
#idTabStylesBlock
{
    display: block;
    position: relative;
}
#idTabStyles
{
    display: block;
    position: absolute;
    right: 0px;
    top: 20px;
}
#idTabStyles .idTabs { margin:0; padding:0; }
#idTabStyles .idTabs ul { list-style: none; padding: 0; margin: 0; outline: 0; text-decoration: none; clear: both; float:left; color: #444444; }
#idTabStyles .idTabs li { list-style:none; /*Try deleting this float*/ float:left; }
#idTabStyles .idTabs a { display:block; font:normal normal normal 12pt Arial; background:#ff9500; color:#000; text-decoration: none; margin: 0px 0px 0px 0px; padding:5px 20px 5px 20px; border-top: 1px solid #eaeaea; border-left: 1px solid #eaeaea; }
#idTabStyles .idTabs a.selected { background:#f9bc00; color:#000; text-decoration: none; }
#idTabStyles .idTabs a.hover { background:#f9bc00; color:#000; text-decoration: none; }
/* Norway style width: 310px */
/*
#idTabStyles .idTabs .items>div { display:none; clear:both; float:left; width: 310px; padding: 10px; border-bottom: 1px solid #333333; border-left: 1px solid #eaeaea; border-right: 1px solid #333333; background-color: #f9bc00; margin:0 0 0 0; }
*/
/* US style width: 300px */

#idTabStyles .idTabs .items>div { display:none; clear:both; float:left; width: 300px; padding: 10px; border-bottom: 1px solid #333333; border-left: 1px solid #eaeaea; border-right: 1px solid #333333; background-color: #f9bc00; margin:0 0 0 0; }

#idTabStyles .idTabs ul, .idTabs a { -moz-border-radius:4px; }
/*idTabs end*/

/* Computer code HTML */
code
{
    display: block;
    position: relative;
    width: 98.8%;  /*960 width minus 10px padding*/
    height: 100%;
    padding: 5px 5px 5px 5px;
    background-color: #f9f9f9; /* #eaeaea;*/
    font-family: Arial;
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #808080;
}
/* End computer code HTML */

/* CSS3 Drop-shadow */
/* CSS3 Drop-shadow Shared styles */
.drop-shadow {
    position:relative;
    float:left;
    width:100%;
    /*
    padding:1em; 
    margin:2em 10px 4em;
    */
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute; 
    z-index:-2;
}
        
.drop-shadow p {
    font-size:16px;
    font-weight:bold;
}
        
/* Lifted corners */

.lifted {
    -moz-border-radius:4px; 
            border-radius:4px;
}
        
.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
        -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
        -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
        
.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
        -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
            -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
        
/* Curled corners */

.curled {
    border:1px solid #efefef; 
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
            border-radius:0 0 120px 120px / 0 0 6px 6px;
}
      
.curled:before,
.curled:after {
    bottom:12px;
    left:10px;
    width:50%;
    height:55%;
    max-width:200px;
    -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
        -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
    -webkit-transform:skew(-8deg) rotate(-3deg);
        -moz-transform:skew(-8deg) rotate(-3deg);
        -ms-transform:skew(-8deg) rotate(-3deg);
            -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
} 
      
.curled:after { 
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
        -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
            -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
        
/* Perspective */

.perspective:before {
    left:80px;
    bottom:5px;
    width:50%;
    height:35%;
    max-width:200px;
    -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
        -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(50deg);
        -moz-transform:skew(50deg);
        -ms-transform:skew(50deg);
            -o-transform:skew(50deg);
            transform:skew(50deg);
    -webkit-transform-origin:0 100%;
        -moz-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
            -o-transform-origin:0 100%;
            transform-origin:0 100%;
}
        
.perspective:after {
    display:none;
}
        
/* Raised shadow - no pseudo-elements needed */
        
.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.raisedProductGrid {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.1) inset;
}

/* Curved shadows */

.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}
        
.curved-vt-2:before {
    right:0;
}
        
.curved-hz-1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.curved-hz-2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
        
/* Rotated box */
        
.rotated {
    -webkit-box-shadow:none;
        -moz-box-shadow:none;
            box-shadow:none;
    -webkit-transform:rotate(-3deg);    
        -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);
            -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
        
.rotated > :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
/* End CSS3 Drop-shadow */