
    



    /* regular content */

    h1 {
      font-size: 30px;
      margin-top: 10px;
      line-height: 100%;
    }

    .page-title {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        16px;
      font-weight:      bold;
      color:            #000000;
    }
    .page-subtitle {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
    }
    .title, .search-help-title {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        20px;
      font-weight:      bold;
      color:            #000000;
      line-height:      130%;
    }
    .subtitle {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      font-weight:      bold;
      color:            #000000;
    }
    .body, p, td {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
      line-height:      130%;
    }
    .body, p {
      margin-top:       0px;
      margin-bottom:    10px;
    }
    .caption {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        10px;
      color:            #444444;
    }
    .info {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        10px;
      color:            #999999;
    }
    ul, ol {
      margin-top:       0px;
    }
    ul li {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
      line-height:      130%;
      margin-bottom:    5px;
      list-style-image: URL(/roxen-files/cms-images/bullet.gif);
    }
    ol li {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
      line-height:      130%;
      margin-bottom:    5px;
    }
    
    /* forum */
    .forum-nav {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
    }
    .forum-body {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
      line-height:      130%;
    }
    .forum-header {
      font-family:      Arial, Helvetica, Verdana;
      font-size:        12px;
      color:            #000000;
    }

    td.search-results {
      background-color: lightgrey;
    }

    .search-help-title {
      font-size: 12px;
    }
    
       li.nav-link-top,
       li.nav-link-top-sel {
         display: inline;
       }

       li.nav-link-top a,
       li.nav-link-top-sel a {
         text-decoration: none;
         font-size: 12px;
         color: black;
       }

       li.nav-link-left a {
         color: black;
       }

       li.nav-link-left-sel a {
         color: #d90a38;
       }

       li.nav-link-left-sub a {
         color: black;
       }

       .nav-link-left-sel-sub a {
         color: red;
       }

       td#left-navigation {
         width: 150px; 
         vertical-align: top; 
         padding-top: 10px; 
         padding-left: 5px; 
         padding-right: 10px; 
         padding-bottom: 0px; 
         margin-bottom: 0;
       }

       td#left-navigation ul li {
         list-style: none;
         list-style-type: none;
         list-style-image: none;
       }

       td#left-navigation ul li a {
         text-decoration: none;
         font-size: 12px; 
       }

       td#left-navigation ul {
         margin-left: 10px;
         margin-top: 5px;
         padding-left: 0px;
       }

       td#content-left {
         vertical-align: top; 
         padding-top: 10px; 
         padding-bottom: 0; 
         margin-bottom: 0;
       }

       td#content-right {
         vertical-align: top;
         padding-top: 10px;
       }

       div#top-logo {
         top: 0; 
         left: 0; 
         width: 968px; 
         height: 110px;
       }

       div#top-nav ul {
         margin-left: 10px;
         padding-left: 5px;
       }

       div#top-nav ul li {
         margin-right: 15px;
       }

       div#top-nav a {
         font-weight: bold;
       }

       img#link-images {
         border-style: none;
       }

       p#column-news-header {
         font-size: 20px;
         font-weight: bold;
       }

       ul#column-news {
         padding-left: 0;
         margin-left: 0;
       }

       li#column-news {
         list-style-image: none; 
	 list-style-type: none; 
	 list-style: none;
       }

       div#top-nav {
         white-space: nowrap;
       }
   
       /*
       Ledningssystem:
       */

       div.item {
       background-color: #ff3300;
       height: 30px;
       border-style: solid;
       border-width: 1px;
       border-color: black;
       overflow: hidden;
       }
       
       div.float {
       float: left;
       display: inline;
       }

       div.item td {
       height: 100%;
       width: 100%;
       text-align: center;
       vertical-align: middle;
       color: white;
       font-weight: bold;
       font-size: 11px;
       }
       
       div.item table {
       height: 100%;
       width: 100%;
       }
       
       div.item a:link,
       div.item a:visited,
       div.item a:hover {
       color: white;
       text-decoration: none;
       }
       
       div.header {
       font-weight: bold;
       margin-left: 14px;
       }

       /*
       Fordonsforteckning/diesel:
       */

       div#vehicles table.vehicles,
       div#vehicles table.vehicles td,
       div#vehicles table.vehicles th,
       div#consumption table.diesel,
       div#consumption table.diesel td,
       div#consumption table.diesel th  {
       border-style: solid;
       border-width: 1px;
       border-color: darkgrey;
       border-collapse: collapse;
       }
       
       div#vehicles table.vehicles td,
       div#vehicles table.vehicles th {
       vertical-align: top;
        padding: 2px 2px 2px 2px;
       }
       
       div#vehicles table.vehicles td,
       div#vehicles table.vehicles th,
       div#vehicles table.vehicles a {
       font-size: 13px;       
       }

       div#vehicles table.vehicles th {
       text-align: left;
       background-color: #eeeeee;
       }

       div#vehicles table.vehicles th a {
       color: black;
       }
       
       div#vehicles a,
       div#vehicles select,
       div#vehicles input,
       div#consumption a,
       div#consumption select,
       div#consumption input {
       font-size: 11px;
       }
       
       div#vehicles a,
       div#consumption a {
       color: blue;
       }
       
       div#vehicles a:visited,
       div#consumption a:visited {
       blue;
       }
       
       div#vehicles table td,
       div#vehicles table th {
       vertical-align: top;
       }
       
       div#vehicles table th,
       div#consumption table.diesel th {
       text-align: left;
       }
       
       div.vehicles-new-vehicle,
       div.diesel-new-consumption {
       margin-bottom: 5px;
       background-color: lightgrey;
       padding: 5px;
       }
       
       tr.highlight {
       background-color: lightblue;
       }

       div.vehicles-filter,
       div.diesel-filter {
       background-color: lightgrey; 
       padding: 5px;
       margin-bottom: 5px;
       }

       div.vehicles-filter select {
       width: 150px;
       margin: 2px;
       }

       div#consumption table.diesel {
       margin-top: 10px;
       }

       div#consumption table.diesel td,
       div#consumption table.diesel th {
       vertical-align: top;
       padding: 3px;
       }

       /*
       Diagram/reinvestering:
       */

       table.diagrams-data {
       margin-top: 20px;
       }

       table.diagrams-data th {
       background-color: lightgrey;
       }

       table.diagrams-data td {
       text-align: center;
       border-style: solid;
       border-width: 1px;
       border-color: lightgrey;
       }

       table.diagrams-data td.index {
       text-align: left;
       }

       div#diagrams div.diagram-options,
       div#diagrams div.reinvestment-options,
       div#diagrams div.diagram-env-and-year-options {
       float: left;
       margin-right: 20px;
       }

       div#diagrams select {
       font-size: 11px;
       }

       div#diagrams div.diagram-options th,
       div#diagrams div.reinvestment-options th,
       div#diagrams div.diagram-env-and-year-options th {
       text-align: left;
       padding: 2px;
       background-color: lightgrey;
       }

       div#diagrams td.show-diagram select {
       margin-right: 5px;
       }

       div#diagrams div.diagram-options td,
       div#diagrams div.reinvestment-options td,
       div#diagrams div.diagram-env-and-year-options td {
       padding: 4px;
       }

       div#diagrams div.diagram-options table,
       div#diagrams div.reinvestment-options table,
       div#diagrams div.diagram-env-and-year-options table {
       border-style: solid;
       border-width: 1px;
       border-color: darkgrey;
       }

       div#diagrams div.content {
       clear: both;
       }

       div#diagrams div.error {
       color: red;
       font-size: 15px;
       font-style: italic;
       position: relative;
       top: 10px;
       }

       div#diagrams div.reinvestment {
       position: relative;
       top: 10px;
       font-size: 15px;
       margin-left: 270px;
       }

  


    .roxen-edit-box-off { }
    .roxen-edit-box-on {
      outline:          1px dotted #f8bb7b;
      /*background:       #f2f1eb;*/
      background:       #faf9f3;
      -moz-outline:     1px dotted #f8bb7b;     /*  FIXME: invalid CSS  */
    }
    .roxen-edit-marker-off {
      visibility:       hidden;
      display:          block;
      position:         absolute;
    }
    .roxen-edit-marker-on {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-images/button_edit_comp.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
    div.roxen-linkbrowser-anchor a {
      visibility:       visible;
      display:          block;
      position:         absolute;
      background:       URL(/roxen-files/cms-images/button_link_browser.gif)
                        top left no-repeat;
      width:            28px;
      height:           13px;
      z-index:          1;
    }
  
