/* 
Document   : site
Created on : January 15, 2008, 11:57 AM
Author     : sjurl
Description:
Purpose of the stylesheet follows.
*/
root { 
    display: block;
}
body {
    background: url(../images/background_body.jpg) repeat-x ;
}
#pageheading{

}
.header{
    border-bottom-color:#58b4ca;
    border-bottom-width:thick;
    border-bottom-style:solid;
    z-index: 200;
}
#footer{
    margin-top: 30px;
    text-align: center;
    /*  font-size: 0.9em;*/
}
#content{

    background-color:#FFFFFF;
    padding: 10px;
}
h1{
    color:#336699;
    margin: 5px 0;
    /*  font-size:1.7em;
    font-family:georgia;
    font-weight:normal;*/
}
#main{
    width : 1090px;
    margin-left: auto;
    margin-right: auto;
}
/* Inline liste som viser de forskjellige grafvalgene */
.gvTable{
    /* ul som inneholder alle valgene med heading
    */
    list-style-type : none;
    margin : 0px;
    padding : 0px;
}
.gvMainHeading{
    /* Hoved heading, annen bakgrunn og farge på denne
    */
    text-align : center;
    /*    background : #ccc;*/
    background:#d8ebf2;
    padding : 3px;
    /*   font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;*/
}
.gvTable li.gvitem{
    /*  List item som inneholder et valg.
    */
    display : inline;
    border-right : 1px solid;
    padding : 2px;
}
.gvHeading{
    /* Heading på valgene
    */
    padding : 3px;
    /*    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;*/
}
/* Slutt på grafvalg liste */
#filetypechoises{
    width : 235px;
}
#headerchoises{
    width : 235px;
}
#toktfileVersion{
    width : 235px;
}
/* CSS style for headingen på siden*/
.inlineListleft{
    /* Denne setter utgangspunktet, lag en div med id="inlineList" */
    /*    background-color : #EEEEEE;*/
    float: left;
    background-color:#edf7fb;
    /*  font-family: Verdana, sans-serif;*/
    height : 110px;
}
.inlineListleft ul {
    /*  En uordnet liste (uten noen form for style). Disse vil "flyte" ved siden
    *  av hverandre for å danne menyen
    */
    float : left;
    list-style-type : none;
    margin : 0px;
    padding : 0px;
}
.inlineListleft ul.rightborder{
    /*  Denne brukes for å få den vertikale streken som er brukt for å dele
    *  venstre søkeparametere med fil parametere
    */
    border-right : solid;
}
.inlineListleft ul li.heading{
    /*  List item som blir headingen, Annen bakgrunn en på resten og teksten er
    *  plassert i midten
    */
    text-align : center;
    /*    background : #ccc;*/
    background:#d8ebf2;
    padding : 3px;
    /*   font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;*/
}
.inlineListleft ul li{
    /*  Vanlig listitem i menyen
    */
    padding : 3px;
    /*    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;*/
}
.inlineListleft ul li ul{
    /*  Underliste for å kunne legge inn flere undervalg under hver heading
    */
    list-style-position : outside;
    list-style-type : none;
}
.inlineListright{
    /* Denne setter utgangspunktet, lag en div med id="inlineList" */
    /*    background-color : #EEEEEE;*/
    float: right;
    background-color:#edf7fb;
    /*   font-family: Verdana, sans-serif;*/
    height : 110px;
}
.inlineListright ul {
    /*  En uordnet liste (uten noen form for style). Disse vil "flyte" ved siden
    *  av hverandre for å danne menyen
    */
    float : left;
    list-style-type : none;
    margin : 0px;
    padding : 0px;
}
.inlineListright ul.rightborder{
    /*  Denne brukes for å få den vertikale streken som er brukt for å dele
    *  venstre søkeparametere med fil parametere
    */
    border-right : solid;
}
.inlineListright ul li.heading{
    /*  List item som blir headingen, Annen bakgrunn en på resten og teksten er
    *  plassert i midten
    */
    text-align : center;
    /*    background : #ccc;*/
    background:#d8ebf2;
    padding : 3px;
    /*   font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;*/
}
.inlineListright ul li{
    /*  Vanlig listitem i menyen
    */
    padding : 3px;
    /*  font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;*/
}
.inlineListright ul li ul{
    /*  Underliste for å kunne legge inn flere undervalg under hver heading
    */
    list-style-position : outside;
    list-style-type : none;
}

.dato{
    /* Vidden på datofeltet
    */
    width : 80px;
}
/* Slutt på CSS for heading */

/* Div som setter området rundt hver av grafene som vises */
.graphImg{
    border-style : solid;
    border-width : thin;
    border-color : #E1E1E1;
    float : left;
    padding : 2px;
    margin : 2px;
}
/* Tooltip rammen, ikke i bruk for øyeblikket
* TODO: Finne ut hvordan denne skal videreføres i det nye designet
*/
#tooltip{
    padding : 3px;
    height : 10cm;
    width : 6cm;
    margin-right : 5px;
    background-color : #FFFFCC;
    border-style : solid;
    border-width : thin;
    float : right;
}

/* Map div, denne inneholder hoved kartet */
#map{
    position:relative;
    width : 100%;
    height : 512px;
    border-style : solid;
    border-width : thin;
    border-color : #E1E1E1;
    margin-top : 4px;
    margin-bottom : 4px;
}
/* End Map */

/* Div som inneholder grafene og grafvalgene */
#graphs{
    width : 630px;
    border-style : solid;
    border-width : thin;
    border-color : #E1E1E1;
    clear: left;
}

/* Heading for graf bildene */
.headingImg{
    /*    background-color : #E1E1E1;*/
    background:#d8ebf2;
    padding : 2px;
    /*    font-family: verdana,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;*/
}
/* End heading for grafene */

/* end Graphs */

/* Div som inneholder Antall stasjoner tabellen */
#antStationsResultDiv{
    float : right;
}
/* End antall stasjoner */

/* Klasse som setter border rundt et element (brukes for antstationsdiv i alle fall */
.normalTable{
    border-style : solid;
    border-width : thin;
    border-color : #E1E1E1;
}
/* End normal table */

/* Dropdown der man kan velge hvilke headerverdier som skal vere med i en flat fil man tar ut */
#actualcoises{
    position: absolute;
    width: 150px;
    border: thin solid #E1E1E1;
    padding: 2px;
    background-color: #EEEEEE;
    z-index: 10000;
    display : none;
    /*   font-family: Georgia,'Times New Roman',times,serif;*/
}
/* End dropdown */
/* Map popup*/
/* Selve rammen, posisjonert absolutt over kartet */
#popup{
    display : none;
    position : absolute;
    background-color : rgb(255,255,255);
    width : 250px;
    height : 140px;
    border : solid thin #E1E1E1;
   /* top : 615px;*/
   bottom: 10px;
    /*    left : 10px;*/
    z-index : 1000;
    padding : 3px;
    /*   font-family: Georgia,'Times New Roman',times,serif;
    font-size: 0.7em;*/
}
/* Heading i popup (båtnavn) */
.popupheading{
    /*    font-family: Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;*/
    padding : 2px;
    background:#d8ebf2;
    /*    background-color : #E1E1E1;*/
}
/* Blå tekst nederst i popup */
.popupinfo{
    color : rgb(0,0,255);
}
/* END mappopup*/
#loading{
    /*    float : left;*/
    position : absolute;
    /* top : 256px;
    left : 535px;*/
    width : 1070px;
    height : 512px;
    /*    display : none;*/

    /*  background-image: url(trans.png);*/
    z-index : 0;
}
#innerload{
    position : absolute;
    top : 230px;
    left : 450px;
    /*  width : 100px;*/
    /*    padding-left : 30px;*/
    /*    padding : 15px;*/
    /*    border : solid thin #E1E1E1;*/
    background-color : #FFFFFF;
}

.olControlLoadingPanel {
    background-image:url(img/loader.gif);
    background-position:center;
    background-repeat:no-repeat;
}
.ui-datepicker{
    z-index : 10000;
}

#timelinecontainer{
    /*    background-color:#d8ebf2;*/
    width:96.8%;
    float: left;
    /*   height:20px;*/
}
.odd{
    background-color:#EDF7FB;
}
#timelinetable{
    width: 100%;
    height: 100%;
}
#timelinehover{
    position: absolute;
    overflow:hidden;
    top:-35px;
    padding:8px 0 0 0;
    text-align:center;
    color:#202020;
    z-index: 1000;
    display: none;
    width: 120px;
    height: 20px;
    background-color:#d8ebf2;
}
#stationhover{
    position: absolute;
    overflow:hidden;
    top:-35px;
    padding:8px 0 0 0;
    text-align:center;
    color:#202020;
    z-index: 1000;
    display: none;
    width: 120px;
    height: 20px;
    background-color:#d8ebf2;
}

#sliderhandle{
    height:12px;
    width:13px;
    overflow:hidden;
    /*  position:absolute;*/
    z-index:1;
}
#graphslider{
    width: 96.8%;
    float: left;
}
#previous{
    float: left;
}
#next{
    float: right;
}
#tlprevious{
    float: left;
}
#tlnext{
    float: right;
}
.ui-slider .ui-slider-handle{
    height: 0.7em;
    width: 1em;
}
.ui-slider-horizontal .ui-slider-handle{
    margin-left: 0em;
    top: 0em;
}
#tlouterContainer{
    height: 1em;
}
#graphslidercontainer{
    height: 1em;
}
input{
    font-size:0.8em;
}
select{
    font-size:0.8em;

}