/* 
Document   : site.css
Created on : 22.08.07
Author     : sjurl
Description:
            This page contains the style elements common in all pages.
*/


/*
* Definerer hele området av sida
*/
body 
{
    color : black;
 /*   font-size : 12px;
    background : #FFFFFF;
    font-family : sans-serif;	*/
}

#hovedRamme{
    width : 100%;
    padding : 0px;
    text-align : left;
    border : 0;
    margin-left : auto;
    margin-right : auto;
    background : #FFFFFF;
}
/*
* Definerer området som menyen og overskrifta øvers på skjermen skal ha
*/

#overskrift{
    width : 1024px;
    background-color : #FFFFFF;
    border-style : solid;
    border-width : thin;
    border-color : #3499CC;
    padding-bottom : 5px;
    padding-top : 5px;
    clear : left;
}

/*
* definerer resten av menyen øverst på skjermen
*/
#osLeft{
    float : left;
    margin-right : 40px;
}

#osRight{
    margin-right : 4px;
}

#oskrift{
    margin-left : 150px;
    background-color : #3499CC;
/*    font-size : 18pt;
    font-family : Ariel;*/
    color : #EEEEEE;
    text-align : center;
}

/*
* Knappene øverst på siden
*/
#knappContainer{
    margin-top : 5px;
    margin-left : 150px;
    background-color : #FFFFFF;
}

div.smaaKnapper{
    display : inline;
    border-style : solid;
    border-width : thin;
    border-color : #3499CC;
    background-color : #DDDDDD;
 /*   font-size : 8pt;
    font-family : Arial;*/
    padding-left : 1em;
    padding-right : 1em;
    margin-right : 0.5em;
}
div.skHover{
    display : inline;
    border-style : solid;
    border-width : thin;
    border-color : #3499CC;
    cursor : pointer;
    background-color : #3499cc;
  /*  font-size : 8pt;
    font-family: Arial;*/
    padding-left : 1em;
    padding-right : 1em;
    margin-right : 0.5em;
}

/*
* Definerer resten av siden under menyen
*/
#innhold {
    position : relative;
    width : 1024px;        
    background : #FFFFFF;
   /* padding-bottom : 50px;*/
  /*  height : 40em;*/
}



div.index_overskrift{
    clear : both;
  /*  background-color : #EEEEEE; */
/*    text-align : center;*/
 /*   font : bold 9pt Verdana, Arial, sans-serif ;*/
    color : black;
    padding : 5px;
    margin-left: 2.1em;
    font-weight:bold;
    font-size:1em;
}
/*#innhold {
    position : relative;
    width : 1024px;        
    background : #FFFFFF;
    padding-bottom : 50px;
}
*/
/*
#venstreMeny {
    float : left;
    width : 100px;
    margin-top : 5px;
    margin-left : 5px;
    background : #FFFFFF;
}

div.menyElement{
    width : 100%;
    background-color : #DDDDDD;
    font-size : 8pt;
    font-family : Arial;
    text-align : right;
    margin-bottom : 2px;
}
div.menuHover{
    cursor : pointer;
    background-color : #3499cc;
    font-size : 8pt;
    font-family : Arial;
    text-align : right;
    margin-bottom : 2px;
}
*/
/*
div.index_text{
    margin-top : 10px;
    margin-bottom : 10px;
    color : black;
    font : 9pt Verdana, Arial, sans-serif; 
    letter-spacing : normal;
}
*/
/*#indexleft{
    float : left;
    position : relative;
    width : 512px;
    border-style : solid;
    border-width : thin;
    border-color : #DDDDDD;
    padding : 3px;
}

#indexright{
    float : right;
    position : relative; 
    width : 456px;
    border-style : solid;
    border-width : thin;
    border-color : #DDDDDD;
    padding : 3px;
}*/

#searchResult{
    border-style : solid;
    border-width : thin;
    border-color : #DDDDDD;
}
/*th{
width : 200px;
}
*/
tr.even{
    border-style : solid;
    border-width :thin;
    background-color : #eeeeee; 
}
tr.odd{
    border-style : solid;
    border-width :thin;
    background-color : #dddddd; 
}

.graphSelectionList{
    list-style-type: none;
    margin : 0px;
    padding : 0px;
}
.graphSelectionList li{
    position : relative;
    float : left;
}


#changeBoey{
    position : relative;
    float : left;
    left : 550px;
}
#graphSelection{
    position : relative;
    padding-bottom : 60px;
}
.inlineList{
    list-style-type: none;
    margin : 0px;
    padding : 0px;
    cursor : pointer;
}




.latestMeasureTable{
    position : relative;
    /*    width : 48%;*/
    border-style: solid;
    border-width: 1px;}
.latestMeasureTableRight{
    position : relative;
    /*width : 48%;*/
    float : left;
    margin-right : 10px;
    border-style: solid;
    border-width: 1px;
    margin-left: 2.1em;
}
.latestMeasureTable td{
    border-style : solid;
    border-width : 1px;
    text-align: center;
    width : 8em;
}
.latestMeasureTableRight td{
    border-style : solid;
    border-width : 1px;
    text-align: center;
    width : 8em;
}
.mainheadinglatest{
    background-color : #efefef;
    text-align : center;
}
.latestMeasureTable th{
    background-color : #E7FFBC;
    text-align : center;        
}
.latestMeasureTableRight th{
    background-color : #E7FFBC;
    text-align : center;
}

.infobardivHeading{
    clear : both;
    background-color : #EEEEEE;
/*    font : bold 9pt Verdana, Arial, sans-serif ;*/
    color : black;
    margin-top : 2px;
    margin-bottom : 2px;
    text-align : center;
}
.infobardiv{
    position : relative;
    width : 235px;
    border-style: solid;
    border-width: 2px;
    border-color: #333333;
    margin-bottom : 5px;
}
.infobardiv img{
    position : relative;
    float : left;
}


table{
    /* background-color :#FFFFFF;*/
}
th{
  /*  font : bold 8pt Verdana, Arial, sans-serif ;*/
}
td{
/*    font : 8pt Verdana, Arial, sans-serif ;*/
}
#createFilesDiv{
    position: absolute; 
    left:430px;
    top:110px;  
    border-style:solid; 
    border-width:thin; 
    border-color:#DDDDDD;
}