﻿html {
    background: #f8f8f2;
}
body {
    /*background: #f4f6e4;*/
    background: #dddab9;
    margin: 6px;
    width: 95%;
}

.pageHead {
    background: url('../picture/Ides_hemsidesbild_630_B.jpg') no-repeat;
}

.pageHeadText {
    /*background: url("images/bg_grayline.gif") repeat;
    background: #eeeeee;
    
    border-top: black 1px solid;
    border-bottom: black 1px solid;
                
    color: Black;
    height: 20px;
    padding: 2px;*/
}

.contentBox {
    background: White;
    margin: 0.5em;
    border: solid 1px #999999;
}
img {/*
    background: white;
    padding: 2px;
    border: 1px solid #b4b28e;*/
}
.contentBoxHeader {
    font-family: Arial;
    font-size: 110%;
    font-weight: bold;
    color: black;
    text-align: middle;
   
    padding: 1px;
    height: auto;
   
    /*background: #f9f9f9 url("images/bg_grayline.gif") repeat;*/
    background: #9b9b75;
    color: white;

    /*background: #f9f9f9;*/
    /*background: #f9f9f9 url("images/bg_grayline.gif") repeat;*/

    width: 100%;
    overflow: hidden;
}
.contentBoxHeaderImage {
    float: left;
    width: 50px;
    text-align: center;
}
.contentBoxHeaderText {
    padding: 5px;
    padding-left: 10px;
    float: left;
    font-size: 130%;
}
.contentBoxBody {
    margin: 0.5em;
    padding-top: 0;
    /*border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;*/
}

.itemDate {
    font-size: 90%;
}
.itemName {
    margin-bottom: 1em;
}

ul {
    margin-left: 20px;
    margin-top: 0 px;
    padding-top: 0px;
}

li.support {
    list-style-image: url("images/support_16.gif");
}

li.solved {
    list-style-image: url("images/solved_16.gif");
}

li.download {
    list-style-image: url("images/download_16.gif");
}

li.info {
    list-style-image: url("images/information_16.gif");
}

.headerImage {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.icon {
    float: left; 
    margin-right: 1em;
}

a {
    text-decoration: none;
    color: blue;
}

.menuItem {
    float: left; width: 100px;
    text-align: center;
}
.menuItemLink {
    color: Black;
    font-weight: bold;
}

img {
    border: none;        
}

.detailsSection {
    clear: both;
    width: 100%;
    margin-bottom: 1em;
}
.detailsBox {
    float: left;
}
.detailsHeading {
    color: #999999; 
    font-size: 90%;
}

.detailsIndent {
    padding-left: 3em;
}

.brightLink 
{
    color: White;
}

.caseControl 
{
    clear: both;
    border-top: 1px solid gray;
    padding-bottom: 2px;
    height: auto;
}

.caseControlSelected 
{
    background-color: #e7f2f9;
    margin-bottom: 1em;
}

.caseControlHeader 
{
    width: 97%; 
    padding: 0.5em; 
    margin: 0px; 
    border: none; 
    text-align: left;
}

.caseControlHeaderSelected 
{
    background-color: #cde5f5;
}

.caseControlBody
{
    padding-left: 6em;
    padding-right: 3em;
    height: auto;
}

.bigButton 
{
    width: 150px;
    height: 50px;
}

.warningMessage 
{
    color: Red;
}

.infoMessage 
{
    color: Blue;
}

.popupInfoBox 
{
    background: white;
    border: dotted black 1px;
    position: absolute;
    width: 300px;
    display: none;
    padding: 2em;
}

.popupInfoBoxHeader 
{
    font-size: small;
    font-weight: bold;
    margin-bottom: 0.5em;
}