*
{
padding: 0px;
margin: 0px;
}
body
{
    /*background: #b9baba url('../images/bgBlack.jpg') repeat-x;*/ /*Kavan*/
    /*background: #fff url('../images/bg_pale_green.jpg') repeat-x;*/ /*EduSport*/
    /*background: #A4A8A4 url('../images/bgDarkBrown.jpg') repeat-x;*/  /*PrimeDesign*/
    /*background: #BAC8D3 url('../images/bgBlue.jpg') repeat-x;*/ /*NC blue background*/
    font-size: 9pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #737373;
    list-style-type:disc;
    list-style-position:inside;
}

.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. */
{
position: relative;
width: 1000px;
margin: 0 auto;
background: #268C91 url('../images/bgSidebarElevator.jpg') repeat-y;
/*background-color: #268C91;*/
}

/*Elevator*/
#logoPosition
{
    position: absolute;
    top: 150px;
    left: 22px;
    height: 226px;
    width: 56px;
    /*background: #268C91 url('../images/logoElevator.jpg') non-repeat;*/
}

/* #outer controls the entire content window. */
/* "body" controls the background of the whole window. */
#outer
{
    display: table;
    border-collapse: collapse;
    margin: auto;
    width: 800px;
    /*background-color: #535B55;*/ /*#2e3830; Dark brown*/ /*#7f817b; Dark grey*/
}

/*Used if MasterPageWide is used*/
#outerWide
{
    display: table;
    margin: auto;
    border-collapse: collapse;
    width: 1000px;
    /*background-color: #535B55;*/ /*#2e3830; Dark brown*/ /*#7f817b; Dark grey*/
}

/* #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;
    /*border-left: solid 1px #2e3830;
    border-right: solid 1px #2e3830;
    border-top: solid 1px #2e3830;
    border-bottom: solid 1px #2e3830;*/
    width: 800px;
    background-color: #fff;
    margin: 20px 0px 0px 0px;
}

#contentPageWide
{
    display: table;
    border-collapse: collapse;
    border-left: solid 1px #2e3830;
    border-right: solid 1px #2e3830;
    border-bottom: solid 1px #2e3830;
    width: 1000px;
    background-color: #fff;
    margin: 20px 0px 0px 0px;
}

/* #header controls the top banner. */
#header
{
    /*display: table;
    border-collapse: collapse;*/
    height: 82px;
    width: 800px;
    margin-bottom: 20px;
}

/*Trenger vi denne lenger?*/
/*
#headerWide
{
position: relative;
width: 1060px;
height: 105px;
background-color: Transparent;
}
*/

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

#menuBar  /* the menu */
{
display: table-cell;
border-collapse: collapse;
vertical-align: top;
width: 140px; /*The menu items are also 180px wide. Here we set it to 180px + padding left and right in sum to 40px, totalling 220px*/
padding: 0px 20px 20px 0px;
/*background-color: #2e3830;*/ /*#565a4c; Dark grey*/
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;
}

/* The image (or Flash) on top of the content. Used in PrimeDesign.no f.ex. */
#topContentImage
{
height: 150px;
border-top: solid 1px #2e3830;
border-bottom: solid 1px #2e3830;
margin: 0px -20px 10px -20px;
/*background: #2e3830 url('../images/clouds_rondane.jpg') no-repeat;*/
}

#primarycontent  /* the main content part of the page. Where the Heading, Ingress and Text goes. */
{
display: table-cell;
vertical-align: top;
border-collapse: collapse;
margin: 0px 20px 0px 20px;
padding: 0px 20px 0px 20px;
text-align: left;
background: #fff url('../images/left_column_630w2.gif') repeat-y; /*NC sites. Gives vertical bar.*/
}

/* Trenger vi denne lenger?*/
#primarycontentWide  /* the main content part of the page */
{
/*font-size: 9pt;*/
/*font-family: Arial, Verdana, Helvetica, sans-serif;*/
/*width: 800px;*/
/*float: left;*/
margin: 0px 20px 20px 20px;
padding: 0px 20px 20px 20px;
text-align: left;
/*background: #fff url('../images/left_column_630w2.gif') repeat-y;*/
}

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

#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: 598px; /* border is 2px, i.e., 600px - 2px*/
    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*/
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #808080;
    border-left: solid 1px #eaeaea;
    border-right: solid 1px #808080;
}

#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;
}

#footer  /* #footer controls the bottom bar */
{
display: table;
border-collapse: collapse;
width: 800px;
line-height: 25px;
margin-top: 20px;
}

#footer a
{
color: #8C8C73;
}

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

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

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

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

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

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

#visGrid h1 /*.gridHeader*/
{
    /*background-color:#B5C0C8; Brukt av Access.*/
    background: #fff url('../images/GreyShadeWhiteTop16h.gif') repeat-x top;
    height: 16px;
    color: #999999;
    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;
}

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

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

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

#forside a  /*Used by "log in" in meny column*/
{
    color: #737373;
    text-decoration: none;
    text-align: left;
    padding-left: 3px;
}

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

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: 600px;
    /*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: 600px;
    /*margin: 0px 0px 0px 0px;*/
}

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

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

#position .width
{
    width: 600px;
}

#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: 4px;
    /*top: 0px;*/
    /*margin-right: -5px;*/
    /*left: 120px;*/
    /*background: #fff url('../images/upbg860w.gif') no-repeat;*/
    /*margin-right: 15px;*/
    /*width: 25px;*/
    /*height: 25px;*/
}

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

#imageviewer
{
    padding: 10px 10px 10px 10px;
    background-color: #f9f9f9;
    width: 600px;
    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: 600px;
}

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

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

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

.horizontalRight
{
    float:right;
}

.horizontalLeft
{
    float: left;
}