/* ==== GENERAL ==== */


body {
    margin: 0px 0px 0px 6px;
    background: #FFFFFF url(/Images/bg_noise.gif) repeat;
    font-family: Verdana, Arial, sans-serif;
    font-size: 70%;
    font-weight: normal;
    color: #000000;
    position: relative;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

select {
    width: 15em;
    text-decoration: none;
}

.col2 select {
    width: 149px;
    text-decoration: none;
}

.clear {
    clear: both;
}

#Form table {
    border: 0;
    margin: 10px 0 10px 0 !important;
    padding: 0 !important;
}

    #Form table td {
        padding: 4px 0 0 5px !important;
        margin: 0 !important;
        vertical-align: top !important;
    }

#PageContiner {
    margin: 0px 0px 0px 6px;
}

.showHostTriangleText {
    background-color: rgba(0,0,0, 0.4);
    font-size: 12px;
    position: absolute;
    top: -18px;
    left: -77px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 143px; /* base width -> (100^2 + 100^2)^1/2 */
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.showHostLocation {
    border-style: solid;
    border-width: 70px;
    width: 0px; /* real width is 100px; */
    height: 0px; /* same as width */
    line-height: 0px;
    position: fixed;
    left: -12px;
}

#MainContainer {
    width: 928px;
    margin: 0 auto; /* Tillfälliga ändringar tills vi får ny bakgrundsbild(?) */
    background-color: #ffffff;
    padding: 0 5px;
    border-right: 1px solid #DEDCDD;
    border-left: 1px solid #DEDCDD;
    box-shadow: 0 0 3px 3px #CCCCCC;
    /*overflow: hidden;*/
}

#TopArea {
    margin-top: 0;
}

#TopLogo, #TopLinks, #TopSearch {
    height: 5.5em;
}

    #TopSearch .SearchField {
        border: none;
        margin: 0;
        color: #666;
        font-size: 1.2em;
        line-height: normal;
        padding: 0 0 0 3px;
        position: relative;
        top: -10px;
        width: 190px;
        height: 27px;
    }

.TopSearchForm {
    /*border: 1px solid #666;*/
    white-space: nowrap;
    line-height: normal;
    vertical-align: top;
    height: 27px;
    overflow: hidden;
}

    .TopSearchForm button {
        border: none;
        padding: 0;
        margin: 0;
        /*border-left: 1px solid #666;*/
        line-height: normal;
        cursor: pointer;
    }

        .TopSearchForm button ins {
            margin-top: 2px;
        }

#TopLogo {
    float: left;
    padding-top: 10px;
}


#TopLinks {
    float: right;
    margin-right: 1.5em;
}

#TopSearch {
    margin-top: 6px;
    float: right;
}

#TopShadowLine {
    width: 100%;
    height: 11px;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF url(/Images/ShadowLine.gif) repeat-x scroll bottom left;
}

#LeftMain, #LeftMainRight, #TopMainContent {
    height: auto;
    width: 100%;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}

#MainRight, #Main {
    height: auto;
    width: 100%;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}

#TopMainContent {
    margin: 1em;
    padding: 0;
    width: 98.7%;
}

#LeftMain #LeftContent, #LeftMainRight #LeftContent {
    width: 24%;
    height: auto;
    float: left;
    clear: left;
    margin: 0.5em 0 0 0.5em;
    padding: 0;
}

#LeftMain #MainContent, #LeftMainRight #MainContent, #Main #MainContent, #MainRight #MainContent {
    height: auto;
    clear: none;
    float: left;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.5em 1em 0 0;
}

.MainTopMargin {
    margin-top: 0.5em;
    padding-top: 1em;
}

#LeftMain #MainContent {
    padding-right: 0;
    width: 74%;
    border-right: none;
}

#MainRight #RightContent.ssdpuffar {
    margin: 19.5em 0 !important;
    float: right;
}

#MainRight #RightContent {
    padding: 0 !important;
    margin: 0 !important;
    float: right;
}


#LeftMainRight #MainContent {
    width: 49.2%;
}

#LeftMainRight #RightContent, #MainRight #RightContent {
    width: 23%;
}

#LeftMainRight #RightContent {
    /*border-left:1px solid #DFDFDF;*/
    clear: none;
    display: block;
    float: left;
    position: relative;
    height: auto;
    margin: 0.5em 0;
    padding: 0;
}

#Main #MainContent {
    margin: 1em;
    border: none;
}

#MainRight #MainContent {
    width: 74%;
    padding: 0 1.2em 0 0 !important;
    border-right: solid 1px #DFDFDF;
}

#MainRight #MainContentStart {
    padding: 0 10px 0 0;
    margin: 0;
    width: 75.5%;
    border-right: 1px solid #DFDFDF;
    float: left;
}

#FooterArea {
    height: 84px;
    clear: both;
    color: #494A4A;
    margin: 0px;
    padding: 1em 0 0 1em;
    background: #FFFFFF url(/Images/FooterBg.gif) repeat-x scroll 0px 0px;
}

    #FooterArea span {
        padding-left: 1em;
    }

.infoGray {
    padding-left: 20px;
    background-image: url('/Images/info_grey_16px.gif');
    background-repeat: no-repeat;
    line-height: 16px;
}

/* ==== No border for liked images ==== */

a img {
    border: 0;
}

a:focus img {
    border: 1px dotted #333333;
    text-decoration: none;
    background-color: transparent;
}

.ReadableParagraph, p.ReadableParagrap p {
    width: 38em !important;
    margin-bottom: 3px;
}

.donotshow {
    display: none;
    visibility: hidden;
}

.borderless {
    border: none;
}

.nowrap {
    white-space: nowrap;
}

.fullwidth {
    width: 100%;
    min-width: 100%;
}

    .fullwidth table {
        width: 100%;
        min-width: 100%;
    }

#nowrap {
    white-space: nowrap;
}

/* ==== Search ==== */
.searchpuffheading {
    color: Black !important;
    width: 85%;
    border-bottom: solid 1px #949694;
}

.leftsearchresults {
    clear: left;
    float: left;
    width: 70%;
}

    .leftsearchresults strong {
        font-weight: bold;
    }

    .leftsearchresults img.foldButton {
        cursor: pointer;
        cursor: hand;
    }

    .leftsearchresults div.show {
        display: inherit;
    }

    .leftsearchresults div.hide {
        display: none;
    }


.middlesearchfilter {
    float: left;
    width: 30%;
}

.middlesearchfilterpuffbasic {
    background-color: #E9E9E9;
    width: 100%;
    float: right;
    margin-bottom: 1em;
}

/* ==== Paging ===== */
.pagingcontainer {
    margin: 2em 0 3em 0;
    padding: 1em 1em 1em 1em;
    width: 100%;
}

.pagingactive {
    padding: 4px 6px 4px 6px;
    border: solid 1px #949694;
}

.paginginactive {
    padding: 4px 6px 4px 6px;
    border: solid 1px #949694;
    color: #949694 !important;
}

div.pagingcontainer a.pagingactiveleft, input.pagingactiveleft {
    padding: 4px 6px 4px 15px;
    font-family: Georgia;
    font-weight: bold;
    background: url(/Images/grey_arrow_left.gif) no-repeat left center;
    color: #666666;
}

    div.pagingcontainer a.pagingactiveleft:hover, input.pagingactiveleft:hover {
        background: url(/Images/blue_arrow_blue.gif) no-repeat left center;
        color: #0493ac;
    }

div.pagingcontainer a.paginginactiveleft, input.paginginactiveleft {
    padding: 4px 6px 4px 15px;
    font-family: Georgia;
    font-weight: bold;
    color: #bdbdbd;
    background: url(/Images/light_arrow_left.gif) no-repeat left center;
}

div.pagingcontainer a.pagingactiveright, input.pagingactiveright {
    padding: 4px 15px 4px 6px;
    font-family: Georgia;
    font-weight: bold;
    color: #666666;
    background: url(/Images/grey_arrow_right.gif) no-repeat right center;
}

    div.pagingcontainer a.pagingactiveright:hover, input.pagingactiveright:hover {
        background: url(/Images/blue_arrow_right.gif) no-repeat right center;
        color: #0493ac;
    }

div.pagingcontainer a.paginginactiveright, input.paginginactiveright {
    padding: 4px 15px 4px 15px;
    font-family: Georgia;
    font-weight: bold;
    color: #bdbdbd;
    background: url(/Images/light_arrow_right.gif) no-repeat right center;
}

.pagingcurrent {
    padding: 4px 6px 4px 6px;
    background-color: #0493ac; /* #026d9a = snyggt; #0299B0 = puffärg;*/
    border: solid 1px #949694;
    color: #ffffff;
    font-weight: bold;
}

div.pagingcontainer a.pagingpage, a.pagingpageselected, span.pagingpagese, span.pagingpageselected, input.pagingpage {
    padding: 4px 6px 4px 6px;
    font-family: Georgia;
    font-weight: bold;
    color: #0493ac;
}

div.pagingcontainer input {
    border: none;
    background-color: #ffffff;
    cursor: pointer;
}

    div.pagingcontainer input.pagingactiveright:hover, input.pagingactiveleft:hover {
        text-decoration: underline;
    }


div.pagingcontainer a.pagingpageselected, span.pagingpageselected {
    border: solid 1px #0493ac;
    border-left-width: 15px;
    border-right-width: 15px;
    background-color: #0493ac;
    color: #ffffff;
}

.pagingpageselected a {
    color: #ffffff;
}

/* ==== Puffar ==== */

div.puffbasic, div.pufflinks, div.puffimage {
    width: 97%;
    float: right;
    margin-bottom: 1em; /*background-color: #E9E9E9;	*/
}

div.puffheading {
    margin-bottom: 5px;
}

div.puffcontentnested {
    width: 97%;
    float: right;
}

div.puffcontent {
    text-align: left;
    word-break: break-word;
}

    div.puffcontent .bigNumber {
        display: block;
        font-size: 1.8em;
        color: #0493ac;
        padding: 3px 0;
        font-weight: 600;
    }

    div.puffcontent.quickfigures li {
        background: none;
        padding-left: 0;
    }

        div.puffcontent.quickfigures li a {
            font-weight: bold;
            color: #000000;
        }

    div.puffcontent.popularstatistics li a {
        background: none;
        padding-left: 0;
        font-weight: bold;
    }

    div.puffcontent ul.boxed {
        margin-top: 10px;
    }

        div.puffcontent ul.boxed li {
            border: 1px dotted #a6a6a6;
            padding: 5px;
            margin-top: 3px;
            overflow: hidden;
            background: none;
        }

        div.puffcontent ul.boxed div {
            display: block;
            float: left;
        }

        div.puffcontent ul.boxed a {
            display: block;
            color: #03649c;
        }

        div.puffcontent ul.boxed .boxText {
            width: 130px;
            margin-left: 10px;
            font-size: 0.95em;
            color: #333333;
        }

div.coursespuff li {
    background: none;
    padding-left: 0;
}

    div.coursespuff li a {
        font-size: 0.95em;
        color: #03649c;
    }

.puffbottom {
    margin: 0 !important;
    padding: 0 0 0 0 !important;
    height: 0.5em;
}

.pufforange {
    border-bottom: 4px solid #faa50f;
}

.puffblue {
    border-bottom: 4px solid #0493ac;
}

.puffgreen {
    border-bottom: 4px solid #9ab23b;
}

.puffgray {
    border-bottom: 4px solid #949494;
}

.puffpurple {
    border-bottom: 4px solid #71277a;
}

.pufflinks h2.iconHeading {
    padding-left: 20px;
}

.pufficon {
    width: 20px;
    height: 20px;
    float: left;
}

.flag {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px 2px;
}

.star {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -18px;
}

.bubble {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -38px;
}

.target {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -180px;
}

.person {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -100px;
}

.eye {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -258px;
}

.onoff {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -298px;
}

.page {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -238px;
}

.quote {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -278px;
}

.noicon {
    width: 0;
    height: 0;
}

.list {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -200px;
}

    .list.active {
        background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat -20px -200px;
    }

.thumbnails {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -220px;
}

    .thumbnails.active {
        background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat -20px -220px;
    }

.people {
    background: url("/Images/Sprites/scb_sprites_46px.png") no-repeat 0px 0px;
    width: 46px;
    height: 46px;
    float: left;
}

.piechart {
    background: url("/Images/Sprites/scb_sprites_46px.png") no-repeat 0px -46px;
    width: 46px;
    height: 46px;
}

.graph {
    background: url("/Images/Sprites/scb_sprites_46px.png") no-repeat 0px -92px;
    width: 46px;
    height: 46px;
}

.ssdIcon {
    background: url("/Images/Icons/ssd.png") no-repeat;
    width: 46px;
    height: 46px;
    margin-left: 10px;
    margin-top: 10px;
}
/*==== Tjänstepuffar ===*/
hr.puffservicedivider {
    border: 2px solid #0595ab;
    background-color: #0595ab;
}

.puffservicewrapper {
    width: 100%;
}

.puffserviceitem {
    width: 224px;
}

    .puffserviceitem .left {
        float: left;
    }

    .puffserviceitem .right {
        float: right;
    }

.puffservice {
}

a:hover .puffservice {
    text-decoration: none;
}

.puffservice img {
    margin-bottom: 1em;
}

/*==== Textpuffar ===*/

.puffbasic h2, .pufflinks h2, .puffservice h2 {
    font-family: Georgia;
    font-size: 1.5em;
    margin: 0 0 2px 0;
    color: #333333;
    font-weight: normal;
    top: 0;
    left: 0;
}

.puffbasic a[href^="mailto"] {
    background: url("/Images/Icons/epost.gif") no-repeat;
    padding-left: 20px;
    display: inline-block;
    line-height: 16px;
}

/* === Bildpuffar ===*/
.puffimage img {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px; /*width:100%;	*/
}

/*=== Länkpuffar ===*/

.pufflinks div ul li {
    border-bottom: 1px dotted #a6a6a6;
}

.pufflinks .readmore {
    padding: 0 0 0 0.7em;
    margin: 1em 0 1em 1em;
    background-image: url('/Images/Arrow_Right_Blue.gif');
    background-position: 0em 0.3em;
    background-repeat: no-repeat;
    display: block;
}

.pufflinks div.marginbottom .clear {
    margin: 0;
    padding: 0;
    height: 0.3em;
}

/* ==== BACKGROUND BOXES ==== */

.GrayBox {
    width: 90%;
    background-color: #F2F2F2;
    padding: 15px 15px 15px 15px;
}

/* ==== Vänsterpuffar ==== */
div.puffleftcontainer {
    margin-bottom: 1em;
}

div.puffleftheading {
    padding: 0px 5px 0px 5px;
    border-bottom: 4px solid #A3B439;
    border-bottom-color: #A3B439;
}

.puffleftheading h2 {
    font-family: Verdana;
    font-weight: normal;
    font-size: 120%;
}

.puffleftcontainer h3 {
    font-family: Georgia;
    font-weight: bold;
    font-size: 100%;
}

div.puffleftcontent {
    background-color: #F7F7F7;
    border: 1px solid #dedede;
    padding: 2px 5px 0px 5px;
}

div.puffleftcontenttop {
    padding: 8px 5px 0px 5px;
}

div.puffleftdivider {
    border-bottom: 1px dashed grey;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.puffleftcontainer img {
    float: left;
    margin-right: 5px;
    width: 35%;
}

p.puffleftdescription {
    width: 100%;
}

div.puffleftend {
    clear: both;
}



/* ==== Tablestyles ====================================================== */
/*Defaultlayout för alla tabeller*/
table {
    border-bottom: 2px solid #cacaca;
    border-top: 2px solid #cacaca;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
    max-width: 95%;
    border-collapse: collapse;
    background-color: #ffffff;
}

td, th {
    line-height: 135%;
    text-align: left;
    padding: 4px;
    vertical-align: top;
}

    th a {
        font-weight: bold;
        color: Red;
    }

thead td, thead th, .tabsiff th {
    font-weight: bold;
}

/*Defaultlayout för tabell med data*/
table.defaulttable tbody tr:nth-child(odd) td, table.defaulttable tbody tr:nth-child(odd) th,
/*table.tabsiff tr:nth-child(even) td*/ .tabcell1, .indrag1_tabcell1, .indrag2_tabcell1 {
    background: #EEEEEE;
    border-right: 2px solid #ffffff;
}

table.defaulttable tbody tr:nth-child(even) td, table.defaulttable tbody tr:nth-child(even) th,
/*table.tabsiff tr:nth-child(odd) td*/ .tabcell2, .indrag1_tabcell2, .indrag2_tabcell2 {
    background: #FFFFFF;
}

table.defaulttable td, table.defaulttable th,
table.tabsiff td, table.tabsiff th {
    text-align: right;
}

table.defaulttable thead td {
    text-align: left;
}

table.defaulttable tr td:first-child, table.defaulttable tr th:first-child,
table.tabsiff tr th:first-child, table.tabsiff tr td:first-child {
    text-align: left;
}

table.tabsiff tr:hover td, table.defaulttable tr:hover td:nth-child(even), table.defaulttable tr:hover td:nth-child(odd) {
    background: #D6D6D6;
}

/* Tabtotal*/
td.tabtotal, th.tabtotal, tfoot tr td, tr.tabtotal td, tfoot tr th,
table.tabsiff tr td.tabtotal, table.tabsiff tr:nth-child(even) td.tabtotal, table.tabsiff tr:nth-child(odd) td.tabtotal table.defaulttable tbody tr:nth-child(odd) td.tabtotal, table.defaulttable tbody tr:nth-child(odd) th.tabtotal,
table.defaulttable tbody tr:nth-child(odd).tabtotal td, table.defaulttable tbody tr:nth-child(odd).tabtotal th,
table.defaulttable tbody tr:nth-child(even).tabtotal td, table.defaulttable tbody tr:nth-child(even).tabtotal th,
table.defaulttable tbody tr:nth-child(even) td.tabtotal, table.defaulttable tbody tr:nth-child(even) th.tabtotal,
table.defaulttable tbody tr:nth-child(odd) td.boldtabtotal, table.defaulttable tbody tr:nth-child(odd) th.boldtabtotal,
table.defaulttable tbody tr:nth-child(odd).boldtabtotal td, table.defaulttable tbody tr:nth-child(odd).boldtabtotal th,
table.defaulttable tbody tr:nth-child(even).boldtabtotal td, table.defaulttable tbody tr:nth-child(even).boldtabtotal th,
table.defaulttable tbody tr:nth-child(even) td.boldtabtotal, table.defaulttable tbody tr:nth-child(even) th.boldtabtotal {
    background: #a3b439;
    color: White;
    font-weight: bold;
    border-right: none;
    white-space: nowrap;
}

/*Ren tabell*/
table.clean, table.clean th, table.clean thead tr {
    border: 0;
}

    table.clean tbody tr:nth-child(even) td, table.clean tbody tr:nth-child(odd) td, table.clean tfoot tr {
        background: none;
    }

/*Vänsterställning*/
td.left, tr.left td,
table.tabsiff td.left, table.tabsiff th.left, table.tabsiff tr.left td, table.tabsiff tr.left th,
table.tabsiff tr td:first-child.left, table.tabsiff tr.left td:first-child,
table.defaulttable td.left, table.defaulttable th.left, table.defaulttable tr.left td,
table.defaulttable tr.left th, table.defaulttable tr td:first-child.left, table.defaulttable tr.left td:first-child, table.tabsiff tr td:first-child p.left, table.tabsiff tr.left td:first-child p,
table.tabsiff tr td:first-child.left p, table.tabsiff tr td:first-child.left div, table.tabsiff td.left > div, table.tabsiff th.left p {
    text-align: left;
    float: none;
}

/*Högerställning*/
td.right, tr.right td,
table.defaulttable td.right, table.defaulttable th.right, table.defaulttable tr.right td,
table.defaulttable tr.right th, table.defaulttable tr td:first-child.right, table.defaulttable tr.right td:first-child,
table.tabsiff td.right, table.tabsiff th.right, table.tabsiff tr.right th, table.tabsiff tr.right td,
table.tabsiff tr td:first-child.right, table.tabsiff tr.right td:first-child,
table.tabsiff tr td:first-child p.right, table.tabsiff tr.right td:first-child p,
table.tabsiff tr td:first-child.right p, table.tabsiff tr td:first-child.right div, table.tabsiff td.right > div, table.tabsiff th.right p {
    text-align: right;
    float: none;
}

/*Centrering*/
td.center, tr.center td,
table.defaulttable td.center, table.defaulttable th.center, table.defaulttable tr.center td,
table.defaulttable tr.center th, table.defaulttable tr td:first-child.center, table.defaulttable tr.center td:first-child,
table.tabsiff td.center, table.tabsiff th.center, table.tabsiff tr.center td, table.tabsiff tr.center th,
table.tabsiff tr td:first-child.center, table.tabsiff tr.center td:first-child, table.tabsiff tr td:first-child p.center,
table.tabsiff tr.center td:first-child p, table.tabsiff tr td:first-child.center p, table.tabsiff tr td:first-child.center div, table.tabsiff th.center p {
    text-align: center;
}

/*Indrag*/
td.indrag1, tr.indrag1 td, th.indrag1, tr.indrag1 th, .indrag1_tabcell1, .indrag1_tabcell2 {
    padding-left: 20px;
}

td.indrag2, tr.indrag2 td, th.indrag2, tr.indrag2 th, .indrag2_tabcell1, .indrag2_tabcell2 {
    padding-left: 40px;
}

td.indrag3, tr.indrag3 td, th.indrag3, tr.indrag3 th, .indrag3_tabcell1, .indrag3_tabcell2 {
    padding-left: 60px;
}

table.radiobuttonlist {
    border: 0;
    margin: 0;
}

    table.radiobuttonlist th {
        border: 0;
    }

/* Fix för radbrytningar */
.tabcell1 > div, .tabcell2 > div {
    white-space: normal;
}

.tabcell1 > .bold, .tabcell2 > .bold {
    white-space: nowrap;
}

.tabcell1, .tabcell2, table.defaulttable tr td {
    white-space: nowrap;
}

table.defaulttable .boldtabtotal.forspalt, table.defaulttable .tabtotal.forspalt {
    text-align: left;
}

/*Ligger något skräp någonstans och sabbar med float... Quickfix*/
tr.right {
    float: none;
}

tr.left {
    float: none;
}
/*---------------------*/


/* ==== Tablestyles v207 ==== */

table.defaulttable td.forspalt {
    text-align: left;
    white-space: normal;
}

table.defaulttable td.right {
    text-align: right;
}

table.defaulttable tbody tr th.tabtotal, table.defaulttable tbody tr td.tabtotal {
    background: #a3b439;
    color: White;
    font-weight: bold;
    border-right: none;
    white-space: nowrap;
}

table.defaulttable th.forspalt, table.defaulttable tbody tr:nth-child(odd) th.forspalt, table.defaulttable tbody tr:nth-child(even) th.forspalt {
    white-space: pre-wrap;
}

/* ==== Tablestyles v207 ==== */

.nowrap {
    white-space: nowrap;
}

.AttifemProcentBred {
    width: 85%;
}

.attiprocentbred {
    width: 80%;
}

.sjuttiprocentbred {
    width: 70%;
}

.sextiprocentbred {
    width: 60%;
}

.femtiprocentbred {
    width: 50%;
}

.femtonprocentbred {
    width: 15%;
}

/* === Artiklar  ===*/
.tagglistetikettheading {
    border: solid 1px #0493ac;
    background-color: #0493ac;
    color: White;
    padding: 2px 4px 2px 4px;
    float: left;
    vertical-align: baseline;
    line-height: 135%;
    margin: 0;
    outline: 0 none;
}

.tagglistetikettheadingend {
    background-image: url(/Images/etiketterend.gif);
    background-position: right center;
    background-repeat: no-repeat;
    width: 7px;
    height: 21px;
    float: left;
    margin-right: 4px;
}

.tagglistitem {
    font-size: 11px;
    border: solid 1px #999999;
    padding: 2px 4px 2px 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    line-height: 135%;
    float: left;
}

div.tagglistitemend {
    clear: both;
}

.tagglistitem a, .tagglistitem a:link, .tagglistitem a:visited {
    text-decoration: none;
    color: #555555;
    width: 100%;
}

.tagglistitem:hover {
    background-color: #0493ac;
    cursor: pointer;
    display: block;
}

    .tagglistitem:hover a {
        color: #fff;
        cursor: pointer;
        display: block;
    }

/* ---- Artiklar källpuffar ---- */
div.puffsources ul li {
    padding-top: 0.4em;
    padding-left: 1.9em;
    padding-bottom: 0.5em;
    line-height: 150%;
    background-position: 0em 0.4em;
    background-repeat: no-repeat;
}

    div.puffsources ul li.table {
        background-image: url(/Images/Icons/Tabell.gif);
    }

    div.puffsources ul li.graph {
        background-image: url(/Images/Icons/graph.gif);
        height: inherit;
        width: inherit;
    }

    div.puffsources ul li.map {
        background-image: url(/Images/Icons/map.gif);
    }

    div.puffsources ul li.subjectarea {
        background-image: url(/Images/Icons/produkt.gif);
    }

    div.puffsources ul li.publication {
        background-image: url(/Images/Icons/publikation.gif);
    }

/* Nyheter och Press */
.newsAndPressListLinks, .newsAndPressListLinks:hover, .newsAndPressListLinks:visited, .newsAndPressListLinks:active {
    text-decoration: none;
}

.newsAndPressList ul li {
    padding: 0;
    margin: 15px 0;
    list-style-image: none;
    background-image: none;
}

.xhtmlSpanIngress {
    line-height: 135%;
    margin-bottom: 8px;
    display: block;
}

.newsAndPressListContent {
    overflow: hidden;
}

.newsAndPressListContentImg {
    float: left;
    max-width: 100px;
    max-height: 80px;
}

    .newsAndPressListContentImg img {
        width: 90%;
    }

.newsAndPressListContentIntro {
    width: 100%;
}

.newsAndPressDate {
    color: #333;
}

.newsAndPressList ul li {
    border-bottom: 1px dotted #0493ac;
    margin-bottom: 10px;
}

.newsAndPressContacts {
    clear: both;
    margin: 10px 0;
}

.newsAndPressPagnation {
    clear: both;
    height: 30px;
    display: block;
    margin-top: 20px;
}

.newsAndPressRadioList table tr {
    float: left;
}

.newsAndPressRadioList table {
    width: 100% !important;
    border: 0;
    margin: 10px 0;
}

.newsAndPressRadioList input[type="radio"] {
    display: none;
}

    .newsAndPressRadioList input[type="radio"] + label {
        display: inline-block;
        padding: 5px 12px;
        vertical-align: middle;
        background: #0493ac;
        border: 1px solid #333;
        cursor: pointer;
        color: #fff;
    }

    .newsAndPressRadioList input[type="radio"]:checked + label {
        background: #cde9ee;
        color: #333;
        cursor: default;
    }
/* Kontaktpuffar på nyheter och press */
.contactPuffMail {
    background: url("/Images/Icons/epost.gif") no-repeat left;
    padding-left: 20px;
}

.contactPuffImageandText img {
    float: left;
    width: 60px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.contactPuffTele {
    background: url("/Images/Sprites/scb_sprites_16px[4px_space].png") no-repeat 0px -140px;
    padding-left: 20px;
    height: 20px;
}

.contactPuffImageandText {
    overflow: hidden;
}

.newsandpressContactWrapper > div > div {
    padding: 5px 0;
}

    .newsandpressContactWrapper > div > div:first-child {
        padding: 5px 0 10px 0;
    }

.newsandpressContactWrapper h3 {
    margin-top: 0;
}

.newsAndPressPuffs h2 {
    margin-top: 0;
    font-family: Georgia;
    font-size: 1.5em;
    margin: 0 0 2px 0;
    color: #333333;
    font-weight: normal;
    top: 0;
    left: 0;
    padding-left: 20px;
}

.newsandpressContactWrapper p {
    margin-bottom: 3px;
}

.newsandpressContactWrapper > div > div:last-child {
    border-bottom: 0;
}

.newsandpressContactWrapper {
    margin-bottom: 15px;
}
/* Nyheter och Press */

/* ----- Lista med artiklar ---*/
div.articlelist, .newsAndPressList {
    border-bottom: 1px solid #dfdfdf;
}

.newsAndPressListLinks, .newsAndPressListLinks:hover, .newsAndPressListLinks:visited, .newsAndPressListLinks:active {
    text-decoration: none;
}

div.articlelist ul li, .newsAndPressList ul li {
    padding: 0;
    list-style-image: none;
    background-image: none;
}

div.articlelist li.cleared H3 {
    font-family: Georgia;
    border-bottom: 4px solid #0493ac;
    margin-top: 10px;
}

div.articlelist li.cleared H2, .newsAndPressList li h2 {
    font-family: Georgia;
    border-bottom: 4px solid #0493ac;
    margin-top: 5px;
}


.newsAndPressList img[src=""] {
    display: none;
}

div.articlelist li.cleared div.articlepublishdate {
    margin-top: 1em;
}

div.articlelist li.cleared img {
    width: 80px;
    height: 80px;
    float: left;
    margin: 3px 0.5em 10px 0;
}

div.articlelistintroWrapper {
    float: left;
    width: 80%;
    margin-bottom: 10px;
}

div.articlelistintro {
    width: 100%;
    margin-top: 3px;
    margin-bottom: 4px;
}

div.articlelistbottom {
    clear: both;
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px dotted #0493ac;
}

/* ==== PublishingCalendar ==== */
div.floatcontainer {
    width: 80%;
}

div.cleared {
    clear: both;
    padding: 8px 0px 0px 0px;
}

div.floatleft {
    float: left;
    width: 30%;
    font-weight: bold;
    line-height: 1.5em;
}

div.floatright {
    float: right;
    width: 65%;
    line-height: 1.5em;
}

div.floatleftfifty {
    float: left;
    width: 48%;
}

div.floatrightfifty {
    float: right;
    width: 48%;
}

div.floatleftimage {
    float: left;
    padding-left: 4px;
}

div.floatrightwide {
    float: left;
    width: 70%;
}

.field {
    margin-bottom: 0.5em;
}

    .field div {
        margin-bottom: 0.2em;
    }

.folder {
    cursor: pointer;
}

/* ==== Publishing calendar ==== */

.publishingcalendarcol1 {
    width: 25em;
}

.publishingcalendarcol2 {
    width: 10em;
}

.publishingcalendarcol3 {
    width: 10em;
}

.publishingcalendarcol4 {
    width: 10em;
}

.icon {
    padding: 0.15em 0.2em 0.2em 1.5em;
}

    .icon.exclamation {
        background: url('/Images/info_12px.gif') no-repeat left center;
    }

.icon-big {
    padding: 1em 0.2em 1em 3.4em;
}

    .icon-big.exclamation {
        background: url('/Images/info_stor.gif') no-repeat left center;
    }

.correctionNotes {
    margin-top: 1em;
}

/* === Publikationer på produktsidan ====*/
.publicationscol1 {
    width: 45em;
}

.publicationscol2 {
    width: 5em;
    text-align: left;
}

.publicationscol3 {
    width: 10em;
}


/* ==== QuickFigures table ==== */
.odd {
    background-color: #eee;
}

.zebra th {
    border: none;
    vertical-align: bottom;
    text-align: center;
}

.quickfigurescol1 {
    width: 25em;
}

.quickfigurescol2 {
    width: 13em;
}

.quickfigurescol3 {
    width: 12em;
}

.quickfigurescol4 {
    width: 16em;
}

.quickfigurescol5 {
    width: 10em;
}

.quickfigurescol6 {
    width: 10em;
}

.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
}

ul.pressrelaselinklist {
    padding: 0;
    margin: 0;
}

    ul.pressrelaselinklist li {
        padding: 0.5em 0 0.5em 0;
        background-image: none;
    }

ul.quickfigureslinklist {
    padding: 0;
    margin: 0;
}

    ul.quickfigureslinklist li {
        padding: 0.5em 0 0.5em 0;
        background-image: none;
    }

    ul.quickfigureslinklist a {
        font-weight: bold;
    }

ul.linklist li {
    padding: 6px 0 5px 15px;
    background-image: url('/Images/bullet_10px.gif');
}

/* ==== AlphaIndex table  ==== */
.alphaindexbookmarks {
    font-size: 20px; /* 16×1.25=20px */
    font-family: Verdana,Arial,sans-serif;
    color: #999999;
    letter-spacing: 2px;
    line-height: 1.5em; /* 16×1.5=24px */
    text-decoration: none;
}

    .alphaindexbookmarks a, .alphaindexbookmarks a:hover, .alphaindexbookmarks a:link, .alphaindexbookmarks a:visited {
        color: #026D9A;
    }

.alphaindexletter, .alphaindexletter a:hover {
    color: #333333;
    font-size: 28px;
    font-family: Verdana, Arial, Sans-Serif;
    height: 28px;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 2px solid #CACACA;
    margin-bottom: 18px;
}

li.letterlist {
    list-style: none;
    display: inline-block;
}


ul.alphaindex {
    border-bottom: 1px solid #999;
}

    ul.alphaindex li {
        list-style: none;
        display: inline-block;
        width: 49%;
        vertical-align: text-top;
        background-image: none;
        padding: 0;
        margin-bottom: 1em;
        font-size: 1.2em;
    }

.alphaindex-toplink {
    font-size: 1.2em;
}

.alphasection {
    margin-bottom: 1.5em;
}

ul.alphaindexlist, li.alphaindexlist {
    list-style-type: none;
    background-image: none;
    background-position: left;
    padding: 0 0 0 0;
    margin-top: 20px;
}

.alphaindextable {
    margin-top: 2em;
    margin-bottom: 2em;
}

.alphaindextable {
    margin-top: 0.5em;
}

    .alphaindextable caption {
        margin: 0;
        padding: 0;
        text-align: left;
        line-height: 1.5em;
        margin-top: 0.5em;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0.5em;
    }


    .alphaindextable th, .alphaindextable td {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        vertical-align: top;
    }

        .alphaindextable th.left, .alphaindextable td.left {
            width: 25em;
        }

.subjectareatable {
    border-top: 1px solid #cacaca;
    border-bottom: none;
    width: 100%;
    margin-top: 0;
    border-collapse: collapse;
}

    .subjectareatable tr {
        border-bottom: 1px dotted #a6a6a6;
    }

    .subjectareatable td {
        border-bottom: 1px dotted #a6a6a6;
    }

        .subjectareatable td.product {
            width: 70%;
        }

        .subjectareatable td.sam {
            width: 25%;
            text-align: right;
        }


/* ============ Formulär ============ */
.xform {
    border: none;
    width: auto;
    clear: both;
    margin: 0;
    padding: 0;
}

    .xform .xformrow {
        clear: both;
    }

    .xform .xformcell {
        margin-left: 0;
        padding-left: 0;
        padding-right: 1em;
        float: left;
    }

        .xform .xformcell label {
            display: block;
            margin-bottom: 0.5em;
        }

    .xform .forminput, .xform .formselect, .xform .formselect1, .xform .formtextarea {
        width: 250px;
        background: #FEFEFE url(/Images/input-bg.gif) no-repeat scroll 0 0;
        border: 1px solid #a0a0a0;
        margin-bottom: 6px;
        padding: 4px 4px 4px 6px;
    }

    .xform .formtextarea {
        height: 5em;
        font-family: Verdana, sans-serif;
        overflow: visible;
        font-size: 110%;
        width: 90%;
        line-height: 135%;
    }

    .xform .formselect, .xform .formselect1 {
        width: 255px;
    }

/* ========== Sitemap ============= */
.sitemap {
}

    .sitemap ul {
        margin-bottom: 0.3em;
    }

    .sitemap li a {
        font: normal normal bold 1.19em/1.5em Georgia, "Times New Roman", Times, serif;
    }

    .sitemap li li a {
        font: normal 11px/1.25em Verdana;
    }

.sitemapitem {
    margin-left: 20px;
}

/* ====== Tabs ================*/

ul.tabs {
    margin: 0;
    clear: both;
    display: table;
    height: 52px;
    width: 100%;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    box-sizing: border-box;
}

ul li.tab-big {
    padding: 0;
    margin: 0;
    width: 50%;
    background: none;
    display: block;
    float: left;
    border-top: 1px solid #9f9f9f;
}

li.tab-big {
    border-bottom: 1px solid #9f9f9f;
}

    li.tab-big.active {
        border-top: 2px solid #faa50f;
        border-bottom: none;
    }

ul li.tab-big div {
    padding: 15px 0 0 12px;
    height: 52px;
}

ul li.tab-big:first-child div {
    border-right: 1px solid #9f9f9f;
}

li.tab-big a {
    font-size: 1.5em;
    font-weight: bold;
    display: block;
    float: left;
    text-decoration: none;
}

    li.tab-big a span {
        display: block;
        font-size: 0.8em;
        font-weight: normal;
        margin-top: 0.5em;
    }


span.icon-big {
    height: 40px;
    width: 38px;
    background: url('../Images/Sprites/scb_sprites_38px.png') no-repeat;
    padding: 0;
    display: inline-block;
    float: left;
    margin: 0 10px 0 0px;
}

    span.icon-big.list {
        background-position: 0 0;
    }

    span.icon-big.flag {
        background-position: 0 -42px;
    }

    span.icon-big.questionmark {
        background-position: 0 -84px;
    }


.tab-content {
    margin: 0;
    width: 100%;
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    box-sizing: border-box;
}

.tab-pane-section {
    border-bottom: 1px solid #9f9f9f;
    margin: 0;
    padding: 1em;
}

    .tab-pane-section.noline {
        border-bottom: none;
    }


/* ====== Produktöversikt ==============*/

#productintro {
    border-bottom: 1px solid #DFDFDF;
}

#productlatestpressrelease {
    margin-top: 1.5em;
}

#pressarchive {
    border-bottom: 1px solid #DFDFDF;
}

#productlatestpressrelease .readmore {
    background-image: url('/Images/Arrow_Right_Blue.gif');
    background-position: 0em 0.55em;
    background-repeat: no-repeat;
    padding-left: 0.8em;
    display: block;
    width: auto;
    margin-bottom: 1.5em;
}

#productquickfigures {
    margin-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #DFDFDF;
}

    #productquickfigures table {
        border: none;
        padding: 0;
        margin: 0.5em 0;
    }

#productlastpublished {
    margin-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #DFDFDF;
}

    #productlastpublished table {
        border: none;
        padding: 0;
        margin: 0.5em 0;
    }

        #productlastpublished table td {
            margin: 0;
            padding: 0 1em 0.5em 0;
            border: none;
            line-height: 135%;
        }

.nounderline {
    text-decoration: none;
    border: 0;
}

.largedate {
    font-size: 150%;
    font-family: Georgia, serif;
}

#productkeywords {
    margin-top: 1.5em;
    border: 1px solid #DFDFDF;
    background-color: #EFEFEF;
    padding: 0.8em;
}

    #productkeywords strong {
        font-weight: bold;
    }

/* ====== Puffar ==============*/


.subjectareatable td.product span {
    color: #9a9a9a;
    display: block;
    padding-left: 0.7em;
    margin-right: 1.5em;
    line-height: 135%;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.italicbold {
    font-weight: bold;
    font-style: italic;
}

.inline, ul.inline li, .inline li {
    display: inline;
    margin-left: 2px;
}

.biglineheight {
    line-height: 20px;
}

.notopmargin {
    margin-top: 0 !important;
    width: inherit;
}

.topmargin {
    margin-top: 2em;
}

.hand, .faqhand {
    cursor: pointer;
}

/* ==== Produktsida Tabelllistning ===== */

.tablelistcontainer {
    width: 100%;
    overflow: hidden;
}

.tableLinks {
    float: left;
    width: 60%;
}

.tableLinks100 {
    float: left;
    width: 100%;
}

.tableMeta {
    float: right;
    width: 8em;
}

/* ==== Produktsida Översikt ===== */
.QuickFiguresContainer {
    width: 100%;
    overflow: auto;
}

.QuickFiguresTitle {
    float: left;
    width: 30%;
    font-weight: bold;
}

.QuickFiguresMeta {
    float: left;
    width: 20%;
    text-align: center;
}

.QuickFiguresMetaLong {
    float: left;
    width: 30%;
    text-align: center;
}

.PlanedPublishingContainer {
    width: 80%;
    overflow: auto;
}

.PlanedPublishingDate {
    float: left;
    width: 8em;
}

.PlanedPublishingLink {
    float: left;
    width: 65%;
}

.PlanedPublishingSAM {
    float: right;
}

.Footnote {
    vertical-align: top;
    color: #026d9a;
    cursor: help;
    display: inline;
}
/*==== Pongöversikt =========*/
.VersionTab {
    background-color: #cacaca !important;
    padding: 0px !important;
    margin: 0px !important;
    border: solid 0px #000000 !important;
}

.PongStatusIcon {
    width: 20px;
    vertical-align: middle;
}

.TableLink {
    width: 550px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.ToolLinks {
    width: 110px;
    text-align: right;
}

.red {
    color: Red;
    font-weight: bold;
}

.SubMenu {
    background-color: #cacaca;
}

.MainMenu {
    background-color: #d7e0b1;
}
/* == Avisering == */



.announcesubscribeform .leftfloat {
    width: 48%;
}

.announcesubscribeform .rightfloat {
    width: 45%;
    padding: 1em;
}

.annouceregisterform {
    width: 50%;
}

    .annouceregisterform .leftfloat {
        height: 3em;
        margin-bottom: 0.5em;
        width: 15em;
    }

    .annouceregisterform .rightfloat {
        text-align: left;
        height: 3em;
        margin-bottom: 0.5em;
        width: 20em;
    }

    .annouceregisterform .nofloat {
        float: none;
        clear: both;
    }

    .annouceregisterform input {
        width: 15em;
    }

    .annouceregisterform select {
        width: 15.3em;
    }

.announceregisteruserinfo {
    width: 45%;
    margin-top: 1em;
}

.announcetreeparent, .announcetreechild {
    margin-bottom: 0;
}

.announcecurrentsubscriptions {
    margin-bottom: 3em;
}

.currentsubscriptionstable div {
    background-color: #949494;
}

.currentsubscriptionstable caption {
    display: none;
}

.announcepersonalinfoform {
    margin-top: 1em;
    overflow: hidden;
}

    .announcepersonalinfoform .col1 {
        text-align: left;
    }

.announcecontent {
    width: 60%;
    margin-left: 1em;
    margin-top: 1em;
}

.announceitem {
    margin-bottom: 2em;
}

.announceregainuserinfo {
    position: absolute;
    top: 300px;
    border: solid 2px #000000;
    background-color: #dedede;
    padding: 1em;
    width: 300px;
}


.smallbutton {
    padding: 0;
    height: 90%;
    font-size: 90%;
    float: left;
    margin-right: 0.2em;
    display: inline;
}
/*== När smallbutton är disabled*/
.aspNetDisabled {
    padding: 0;
    height: 90%;
    font-size: 90%;
    float: left;
    margin-right: 0.2em;
    display: inline;
}

/*==  Image aligns == */
img.floatright {
    float: right;
    margin: 4px 20px 4px 4px;
}

img.floatleft {
    margin: 4px 4px 4px 0px;
    float: left;
}

/* == Lämna uppgifter == */
.DatacollectionPuffarea {
    width: 32%;
    float: right;
    margin-top: 1em;
    border-left: solid 1px #DFDFDF;
}

.DatacollectionContentarea {
    width: 90%;
    margin-top: 1em;
    padding-bottom: 2em;
    float: left;
}

/* Google search results style */
h2.r {
    font-size: 120%;
    font-weight: bold !important;
}

    h2.r a, h2.r a:active, h2.r a:visited {
        font-family: Verdana, Arial, sans-serif;
        font-weight: normal;
    }

div.std {
    line-height: 135%;
}

.cse-results table {
    border: none;
    margin-top: 0.3em;
    margin-bottom: 0.7em;
}

a.choosensorttype:link, a.choosensorttype:visited, a.choosensorttype:hover {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

a.unchoosentype:link, a.unchoosentype:visited, a.unchoosentype:hover {
    font-weight: normal;
    text-decoration: none;
    color: #026d9a;
}
/*sorterbar lista */
.datepicker {
    min-width: 50%;
    font-size: 85%;
}
/*quiz*/
.navigate {
    font-size: large;
    border: solid 1 gray;
    color: White;
    width: 80px;
    height: 40px;
    padding: 10px 10px 10px 10px;
}

#whitebox {
    width: 550px;
    height: 350px;
    border-style: outset;
    border-width: thin;
    border-color: #ebebeb;
    padding: 20px 20px 20px 20px;
    z-index: 10;
}

#whiteboxtext {
    padding: 15px 15px 30px 15px;
}
/*Social media classes*/


#shareWithFriend a {
    color: #026d9a;
    outline-style: none;
    outline-color: invert;
}

.newline {
    margin-top: 7px;
    padding-bottom: 7px;
}

.socialerror {
    background-color: #faa50f;
    height: 20px;
    width: 150px;
    text-align: center;
    margin-top: 10px;
    padding-top: 5px;
    margin-left: 20px;
}

.sharewithfriendexpanded {
    background-image: url(/Images/SocialMedia/pil_upp.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-color: White;
    color: Black !important;
    padding-top: 17px;
    padding-bottom: 13px;
    padding-left: 10px;
    padding-right: 20px;
    border-top: solid 2px #9a9a9a;
    margin-left: 10px;
}

.sharewithfriendnotexpanded {
    background-image: url(/Images/SocialMedia/pil_ner.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-left: 15px;
    padding-right: 20px;
}

.sociallist {
    line-height: 25px;
    padding-left: 10px;
    float: left;
    z-index: 4;
}

.socialicons {
    margin-right: 10px;
    padding-left: 15px;
    padding-top: 3px;
    float: right;
}

#shareWithFriend {
    width: 300px;
    height: 20px;
    padding-bottom: 2px;
    background-color: #ebebeb;
    border-top: solid 2px #d7d7d7;
    border-bottom: solid 2px #d7d7d7;
    float: left;
}

.tipafriend {
    /*background-color: #ebebeb;*/
    padding-left: 25px;
    padding-top: 10px;
    float: left;
    width: 92%;
}

.mailbuttons {
    float: right;
    height: 80%;
    width: 80%;
}
/* Main area puff boxes */
.mainareapuffboxcontainer {
    width: 100%;
    padding: 0 !important;
    margin-bottom: 1em;
}

.mainareapuffboxcontentwhitefifty {
    width: 100%;
    padding: 0em;
    border: solid 1px #E9E9E9;
    height: 11em;
}

.mainareapuffboxcontentgreyfifty {
    background-color: #E9E9E9;
    width: 100%;
    padding: 0em;
    height: 11em;
}

.mainareapuffboxcontentwhite {
    width: 100%;
    padding: 0em;
    border: solid 1px #E9E9E9;
    height: 9em;
}

.mainareapuffboxcontentgrey {
    background-color: #E9E9E9;
    width: 100%;
    padding: 0em;
    height: 9em;
}

.mainareapuffboxbottom {
    background: #FFF url(/Images/ShadowLine.gif) repeat-x scroll bottom left;
    margin: 0 !important;
    padding: 0 !important;
    height: 5px;
    width: 100%;
}

.mainareapuffboxfifty {
    float: left;
    width: 48%;
    margin: 0;
    padding: 0;
    height: 11em;
}

.mainareapuffdivider {
    float: left;
    width: 4%;
    height: 11em;
}

.mainareapuffboxcontainer p {
    padding: 0.2em 0em 0em 0.8em;
}

.mainareapuffboxcontainer h2 {
    font-family: Verdana, Arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    margin: 0;
    padding: 0.8em 0em 0em 0.8em;
}

.mainareapuffboximage {
    float: right;
    width: 40%;
    margin: 0.4em 0.4em 0em 0.8em; /*border: solid 1px #E9E9E9;*/
}

.mainareapuffboxfiftyimage {
    width: 96%;
    margin: 0.4em 0.4em 0.4em 0.4em; /*border: solid 1px #E9E9E9;*/
}

.clearboth {
    float: left;
    width: 100%;
    clear: both;
}

.inline {
    display: inline;
}

.redstar {
    color: Red;
}

.scriptbox {
    border: solid 1px #b8b8b8;
    width: 420px;
    padding: 10px;
}
/*--------nyhetsarkivet-------------*/
.newsletter {
    font-family: Verdana, Arial, sans-serif;
    color: #026d9a;
    text-decoration: none;
}

a:link.ReadableParagraph, .ReadableParagraph a {
    font-family: Verdana, Arial, sans-serif;
    color: #026d9a;
    text-decoration: none;
}
/*------------------Visletmall--------------*/

.visletcontent {
    padding-left: 150px;
    padding-right: 150px;
}

.visletmap {
    margin-left: 100px;
    width: 720px;
}

.visletfootnote {
    margin-left: 100px;
    margin-right: 150px;
}

/*==  Besluts- och rättsfallssamling == */
.caseinlawwarning {
    color: red;
}

ul.rattsfraga li, ul.sakordochlagrum li, ul.instans li, ul.berordmyndighet li {
    background-image: none;
    line-height: 135%;
    padding: 0;
}

ul.sakordochlagrum li {
    margin-left: 13px;
}

ul.rattsfraga li.level1 {
    font-weight: bold;
}

ul.rattsfraga li.level2 {
    padding-left: 10px;
}

ul.rattsfraga li.level3 {
    padding-left: 20px;
}

ul.sakordochlagrum {
    list-style-type: square;
}

ul.instans li.level1 {
    font-weight: bold;
}

#caseinlawlist dt {
    font-weight: bold;
}

/*#caseInLawTable
{
    table-layout: fixed;
}*/


/*------ senast uppdaterade tabeller i ssd-----------------*/

span.latesttableheader, .latesttableheader {
    font-weight: bold;
    padding-top: 10px;
}

.latesttablestatictis, .ssdlink {
    float: left; /*margin-right: 245px;*/
    width: 50%;
}

.productssdlink {
    width: 50%;
}

.latesttablesubjectarea, span.latesttablesubjectarea {
    float: left;
    width: 30% /*236px*/;
}
/*.latesttablepublication
{
    float: right;
    width: 120px;
    margin-right: 30px;
}*/
.latesttablepublication {
    float: left;
    width: 20%;
}
/*.ssdlink
{
    float:left;
    width: 300px;
    display:block;
}*/
.tablelink {
    text-decoration: none;
    padding: 10px 0px 10px 0px;
}

.topspace {
    padding-top: 15px;
}

.linkwitharrow {
    padding-top: 0.3em;
    padding-left: 0.7em;
    padding-bottom: 0.3em;
    line-height: 135%;
    background-image: url('/Images/Arrow_Right_Blue.gif');
    background-position: 0em 0.75em;
    background-repeat: no-repeat;
}

.itemcolor, .alternatingcolor {
    float: left;
    padding: 7px 0 6px 0;
    width: 100%;
}

.itemcolor {
    background-color: #ebebeb;
}
/*--------------SSD ----------------------*/
.navigationssd {
    padding-top: 1px;
    padding-bottom: 27px;
}

.contact {
    float: left;
}

.abouttablessd {
    margin-top: 40px;
}

.marginssd {
    margin-left: 140px;
}

.firstrow, .secondrow, .lastrow {
    float: left;
    text-decoration: none;
    font-size: 90%;
    padding: 5px;
    width: 500px;
    color: #707173 !important;
}

.yellowarrow1, .yellowarrow2, .yellowarrow3 {
    color: #707173 !important;
    margin-left: 0px !important;
}

.orangearrow1, .orangearrow2, .orangearrow3 {
    color: Black !important;
}

.yellowarrow1, .yellowarrow2, .yellowarrow3, .orangearrow1, .orangearrow2, .orangearrow3, .greyarrow1, .greyarrow2, .greyarrow3 {
    float: left;
}

.yellowarrow1, .orangearrow1, .greyarrow1 {
    width: 115px;
}

.yellowarrow2, .orangearrow2, .greyarrow2 {
    width: 105px;
}

.firstrow {
    background-image: url('/../../Pages/SSD/Resources/images/Pilrad_1.gif');
    background-repeat: no-repeat;
}

.secondrow {
    background-image: url('/../../Pages/SSD/Resources/images/Pilrad_2.gif');
    background-repeat: no-repeat;
    margin-left: 0px;
}

.lastrow {
    background-image: url('../../Pages/SSD/Resources/images/Pilrad_3.gif');
    background-repeat: no-repeat;
}

#loadingSSD {
    padding: 150px;
    position: absolute;
    top: 241px;
    left: 326px;
    background-color: transparent;
    background-image: url('/../../Pages/SSD/Resources/images/ajax_loader_gray_256.gif');
    background-repeat: no-repeat;
    visibility: hidden;
}

#clearpage {
    height: 30px;
    margin-top: 5px;
    background-image: url('/../../Pages/SSD/Resources/images/Refresh.gif');
    background-repeat: no-repeat;
}

    #clearpage a {
        padding-left: 22px;
    }

/* Social media bar */


#social_ajax_float {
    display: none;
    background: none repeat scroll 0 0 #FFFFFF;
    top: 73px;
    float: right;
    position: fixed;
    z-index: 998;
    right: 0;
    border: 1px solid #BBBBBB;
    width: 80;
}

#social_switch {
    background: none repeat scroll 0 0 #7E7E7E;
    top: 347px;
    float: right;
    z-index: 999;
    right: 0;
    position: fixed;
}

.social_button_v {
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 5px;
}

.social_bubble_v {
    width: 50px;
    height: 35px;
    background: url("../../../Images/SocialMedia/counter.png") no-repeat 0 50%;
    text-align: center;
    color: #666666;
    font-family: arial,sans-serif;
    line-height: 2;
    font-size: 15px;
    margin-bottom: 5px;
}

.social_header_custom {
    margin-top: 5px;
    margin-left: 3px;
    text-align: center;
    font-family: Verdana;
    font-size: 10pt;
    color: #FFFFFF;
}

.social_horizontal_dotted_line {
    margin-top: 5px;
    border-bottom: 1px dotted #BBBBBB;
    width: 56px;
}

.social_ajax_float a {
    text-decoration: none;
}

.social_slidebutton {
    margin-left: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-family: Verdana;
    font-size: 11pt;
    color: #FFFFFF;
    text-decoration: none;
    height: 15px;
}

.gc-bubbleDefault, .pls-container {
    /*display: none !important;*/
}

/* Startpage Article cycle */
.startpagearticlecycle_nav {
    position: absolute;
    top: 170px;
    left: 40px;
}

#startpagearticlecycle_nav a {
    background: transparent url(../../../Images/StartPageArticleCycle/inactive_marker.png) repeat-x scroll 0px 0px;
    text-decoration: none;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    float: left;
}

    #startpagearticlecycle_nav a.activeSlide {
        background: transparent url(../../../Images/StartPageArticleCycle/active_marker.png) repeat-x scroll 0px 0px;
    }

    #startpagearticlecycle_nav a:focus {
        outline: none;
    }

#startpagearticlecycle_slideshow {
    position: absolute;
    left: 30px;
    height: 200px;
    width: 450px;
}

.startpagearticlecycle_container {
    position: relative;
    width: 700px;
    height: 200px;
    border: 1px solid #a6a6a6;
}

.startpagearticlecycle_left_arrow {
    position: absolute;
    left: 0px;
    background: transparent url(../../../Images/StartPageArticleCycle/inactive_left_arrow.png) no-repeat center;
    height: 200px;
    width: 30px;
}

    .startpagearticlecycle_left_arrow:hover {
        background: transparent url(../../../Images/StartPageArticleCycle/active_left_arrow.png) no-repeat center;
    }

.startpagearticlecycle_right_cut {
    position: absolute;
    left: 460px;
    background: url(../../../Images/StartPageArticleCycle/giant_arrow.png) no-repeat center;
    height: 200px;
    width: 20px;
    z-index: 999;
}

.startpagearticlecycle_content {
    background: #fff;
    position: absolute;
    left: 480px;
    width: 190px;
    height: 200px;
}

.startpagearticlecycle_right_arrow {
    position: absolute;
    left: 670px;
    background: transparent url(../../../Images/StartPageArticleCycle/inactive_right_arrow.png) no-repeat center;
    height: 200px;
    width: 30px;
}

    .startpagearticlecycle_right_arrow:hover {
        background: transparent url(../../../Images/StartPageArticleCycle/active_right_arrow.png) no-repeat center;
    }

.startpagearticlecycle_image_container {
    position: absolute;
    width: 450px;
    height: 200px;
}

.startpagearticlecycle_display_none {
    display: none;
}

a.startpagearticlecycle_titlelink, a.startpagearticlecycle_titlelink:visited, a.startpagearticlecycle_titlelink:link {
    font-family: Georgia;
    font-size: 14pt;
    color: #333333;
}

a.startpagearticlecycle_textlink, a.startpagearticlecycle_textlink:visited, a.startpagearticlecycle_textlink:link {
    font-family: Verdana;
    font-size: 9pt;
    color: #333333;
    line-height: 16px;
}

.startpagearticlecycle_title, .startpagearticlecycle_text {
    margin-left: 10px;
    margin-top: 10px;
}

a.startpagearticlecycle_titlelink:hover, a.startpagearticlecycle_textlink:hover {
    color: #026D9A;
    text-decoration: none;
}

.startpagearticlecycle_footer {
    background: url(../../../Images/carousel_shadow.png) no-repeat center top;
    height: 10px;
}


/* CaseInLaw */
#caseinlawintrotext {
    margin: 0 134px 0 9px;
}

#caseInLawTable th a {
    text-decoration: underline;
    color: #000000;
}

#caseInLawTableItem {
    border-collapse: collapse;
}

    #caseInLawTableItem, #caseInLawTableItem th, #caseInLawTableItem td {
        border: 1px solid #cacaca;
    }

        #caseInLawTableItem th {
            white-space: nowrap;
        }

/* ==== Sök historisk statistik ==== */
.searchFormUnit {
    float: left;
    padding: 0 20px 10px 0;
}

    .searchFormUnit input[type=submit] {
        margin-top: 20px;
    }

    .searchFormUnit select {
        display: block;
        width: 250px;
    }

    .searchFormUnit.timePeriod select {
        display: inline-block;
        width: 80px;
    }

    .searchFormUnit.series select {
        width: 550px;
    }

.timePeriod .formCaption {
    display: inline-block;
}

.searchFormUnit .expanded {
    background: url('/Images/Collapse.gif') left no-repeat;
    padding-left: 15px;
    display: block;
    margin-top: 25px;
}

.searchFormUnit .collapsed {
    background: url('/Images/Expand.gif') left no-repeat;
    padding-left: 15px;
    display: block;
    margin-top: 25px;
}

.numberOfHits {
    float: left;
    padding-top: 10px;
}

    .numberOfHits select {
        width: 50px;
    }

#divToggleLink {
    display: none;
}

#lnkToggleAdvanced {
    display: inline-block;
}

#advancedSearch {
    float: left;
    width: 100%;
    margin: 15px 0 5px 0;
}

.formCaption {
    font-weight: bold;
    padding: 5px 0 5px 0;
    display: inline-block;
}

.searchResultArea {
    float: left;
}

    .searchResultArea th input {
        border: none;
        color: #026D9A;
        font-weight: bold;
        font-family: Verdana, Arial, sans-serif;
        font-size: 100%;
        cursor: pointer;
        background-color: #ffffff;
        padding-left: 0;
        left: 0px;
        /*** IE7 fix ***/
        text-align: left;
        width: auto;
        overflow: visible;
        /**************/
    }

        .searchResultArea th input:hover {
            text-decoration: underline;
        }

    .searchResultArea .timePeriodColumn {
        text-align: right;
        padding-right: 20px;
    }


.confirmationArea {
    width: 100%;
    display: block;
    float: left;
}

.confirmationBox {
    border: solid 1px #DFDFDF;
    border-top: solid 2px #faa50f;
    width: 100%;
    display: block;
    float: left;
}

    .confirmationBox p {
        padding: 5px 5px 0 5px;
        line-height: 16px;
    }


.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #faa50f;
    float: left;
    display: block;
    margin: 10px 0 0 50%;
}

.searchFormUnit .ui-slider {
    margin-top: 5px;
}

.timePeriod {
    width: 270px;
}

.info {
    background: url('/Images/orange_info_10px.gif') no-repeat;
    padding-bottom: 15px;
    margin-left: 3px;
    display: inline-block;
    width: 20px;
}

.headingUnsorted {
    background: url(/Images/Sprites/scb_sprites_sorting_arrows.gif) no-repeat right -20px;
    padding-right: 25px;
}

.headingSortedDesc {
    background: url(/Images/Sprites/scb_sprites_sorting_arrows.gif) no-repeat right 5px;
    padding-right: 25px;
}

.headingSortedAsc {
    background: url(/Images/Sprites/scb_sprites_sorting_arrows.gif) no-repeat right -7px;
    padding-right: 25px;
}

.block {
    display: block;
}

#TopSearch .icon14 {
    height: 25px;
    background: url('../Images/Sprites/scb_sprites_14px.png') -1px -32px no-repeat;
}

.icon14 {
    background: url('../Images/Sprites/scb_sprites_14px.png') no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
}

    .icon14.home {
        background-position: 0 0;
    }

    .icon14.up {
        background-position: 0 -18px;
    }

    .icon14.search {
        background-position: 0 -36px;
    }

a .icon14 {
    position: relative;
    top: 3px;
    margin-right: 3px;
}

.icon-thumbnails {
    background: url('../Images/Sprites/scb_sprites_16px[4px_space].png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.link-button {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-top;
}

.link-button-block {
    margin: 10px 0 20px 0;
}

    .link-button-block span {
        margin: 0 6px 0 0;
    }

.top-button {
    background: #0493AC url('/resources/images/HittbarhetImages/search_16px.svg') center no-repeat;
    border: 0; /* 1px solid #666; */
    margin: 0;
    padding: 0;
    width: 20px;
}

/* ======= carousel ========== */

.carousel {
}

.carousel-header {
    background-color: #c8d187;
    padding: 0 3px;
}

    .carousel-header h2 {
        font: bold 1.2em/1.2em Verdana, Arial, sans-serif;
        padding: 2px 0;
        color: #333;
    }

.carousel-body {
    border: 1px dotted #999898;
    padding: 2px;
    height: 75px;
}

    .carousel-body .keyfigure {
        font: normal 1.1em/1.2em Verdana, Arial, sans-serif;
    }

    .carousel-body .period, .carousel-body .unit {
        color: #999898;
        display: block;
    }

    .carousel-body .period {
        position: absolute;
        bottom: 3px;
    }

    .carousel-body .unit {
        margin: 5px 0 0 0;
    }

    .carousel-body .change {
        height: 20px;
        width: 50px;
        background: url('../Images/Sprites/scb_sprites_20px.png') no-repeat 50% -24px;
        display: block;
        text-align: center;
        overflow: visible;
    }

        .carousel-body .change.negative {
            background-position: 50% 0;
        }

        .carousel-body .change.positive {
            background-position: 50% -48px;
        }

        .carousel-body .change span {
            position: relative;
            top: 25px;
            color: #999898;
        }

    .carousel-body .value {
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }

.carousel-nav {
    height: 48px;
    width: 18px;
    background: url('../Images/Sprites/scb_sprites_arrows.png') no-repeat;
    display: block;
    float: left;
    margin-top: 12px;
}

    .carousel-nav.previous {
        background-position: 0 -52px;
    }

        .carousel-nav.previous:hover {
            background-position: -20px -52px;
        }

    .carousel-nav.next {
        background-position: 0 0;
        float: right;
    }

        .carousel-nav.next:hover {
            background-position: -20px 0;
        }

.carousel-content {
    position: relative;
}

.figure-descr, .figure-value, .figure-change {
    position: absolute;
}

.figure-descr {
    width: 170px;
    left: 25px;
    height: 75px;
}

.figure-value {
    width: 125px;
    left: 205px;
    top: 16px;
    text-align: center;
}

.figure-change {
    width: 55px;
    right: 30px;
    top: 16px;
    text-align: center;
}

.carousel-footer {
    clear: both;
    text-align: right;
    margin: 3px 0 0 0;
}

    .carousel-footer a {
        height: 20px;
        width: 20px;
        background: url('../Images/StartPageArticleCycle/inactive_marker.png') no-repeat;
        display: inline-block;
        margin-left: 6px;
        margin-bottom: 6px;
    }

        .carousel-footer a.active {
            background: url('../Images/StartPageArticleCycle/active_marker.png') no-repeat;
        }

/* ========================== */

.calendarList h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
    color: #000000;
}


/* ==== Datumlistor ==== */
.calendarDateContainer {
    display: table-cell;
    vertical-align: top;
}

.calendarDate {
    border: 1px solid #0493ac;
    text-align: center;
    width: 40px;
    font-family: Verdana;
}

.calendarDateLight {
    border: 1px solid #68becd;
}

.calendarDate .calendarDay {
    background: #0493AC url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNDkzQUMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2OEJFQ0QiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c4OCkiIC8+Cjwvc3ZnPg==);
    color: #ffffff;
    text-shadow: 0px 0px 2px #000000;
    padding: 10px 0;
    font-size: 2.2em;
    font-weight: 600;
}

.calendarDateLight .calendarDay {
    background: #cde9ee url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1MCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM2OEJFQ0QiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDREU5RUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1MCkiIC8+Cjwvc3ZnPg==);
    color: #0493ac;
    text-shadow: none;
}

.calendarDate .calendarMonth {
    font-size: 1em;
    background-color: #9BD4DE;
    color: #333333;
}

.calendarDateLight .calendarMonth {
    background-color: #ffffff;
}

.calendarInfo {
    padding: 0 0 0 10px;
    display: table-cell;
    vertical-align: top;
}

.calendarTable .calendarInfo {
    width: 410px;
}

.calendarList {
    padding: 10px;
    width: 97.1%;
    clear: left;
    color: #333333;
}

#MainContent .calendarList {
    border: none;
}

.calendarList li {
    border-bottom: 1px dotted #a6a6a6;
    overflow: auto;
    margin-bottom: 5px;
}

.calendarList h1 {
    font-family: Georgia;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0px 0px 3px 0px;
}

.calendarList a:hover {
    text-decoration: none;
}

.calendarList h1:hover {
    color: #03649c;
}

.calendarList .calendarTable {
    display: table;
}

.calendarList .calendarRow {
    display: table-row;
}

.calendarList .removeLastLine:last-child {
    border-bottom: none;
}

.errorMessage {
    clear: both;
    text-align: center;
}

/* ==== Toggleknappar ==== */
.toggleButton {
    float: left;
    width: 49.9%;
}

    .toggleButton a, .toggleButton a:link {
        padding: 15px 0 15px 60px;
        font-family: verdana;
        font-size: 1.6em;
        cursor: pointer;
        display: block;
        font-weight: bold;
    }

        .toggleButton a:hover {
            text-decoration: none;
        }


        .toggleButton a, .toggleButton a:hover, .toggleButton a:visited {
            color: #03649c;
            border-bottom: 1px solid #a6a6a6;
            border-top: 1px solid #a6a6a6;
        }

    .toggleButton:first-child {
        border-right: 1px solid #a6a6a6;
    }

#divPressReleaseBtnContainer a {
    background: url("/resources/images/StartPageIcons/clock.svg") 15px no-repeat;
}

#divPubCalendarBtnContainer a {
    background: url("/resources/images/StartPageIcons/calendar.svg") 15px no-repeat;
}

.toggleButton a.active {
    border-bottom: 0px;
    border-top: 2px solid orange;
}

.toggleButton a > p {
    float: none;
    font-size: 0.6em;
    margin-bottom: 0;
    margin-top: 2px;
    font-weight: normal;
}

.nodisplay {
    display: none;
}

.display {
    display: block;
}



/* ==== Termer & definitioner ==== */
.termsHeading {
    width: 100%;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

    .termsHeading h2 {
        float: left;
        width: 95%;
        margin-top: 0;
        display: block;
    }

.icon12 {
    background: url('../Images/Sprites/scb_sprites_12px.png') no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    float: left;
}

    .icon12.plus {
        background-position: 0 0;
    }

    .icon12.minus {
        background-position: 0 -16px;
    }

#azkey {
    border-bottom: 1px solid #9F9F9F;
    margin-bottom: 10px;
}

    #azkey li {
        list-style-type: none;
        width: 47%;
        float: left;
        padding-bottom: 16px;
        margin-right: 10px;
        line-height: 1.3em;
        font-size: 12px;
    }

.alphaindexfooter {
    border-top: 1px solid #9F9F9F;
    margin: 10px 0 20px 0;
    padding-top: 10px;
    font-size: 12px;
}


.TermsContent a {
    text-decoration: none;
    color: #000;
}

    .TermsContent a:hover {
        text-decoration: none;
        color: #000;
    }

.TermsContent p a:visited {
    text-decoration: none;
}

.TermsContent p a:link {
    text-decoration: none;
}


a.TermsLink:link, a.TermsLink, a.TermsLinkDialog {
    border-bottom: 1px dotted #299ebd;
    color: #333;
    padding: 0px 1px 0px 1px;
    text-decoration: none;
}

    a.TermsLink .active, a.TermsLinkDialog .active {
        border-bottom: 1px dotted #299ebd;
        color: #333;
        padding: 0px 1px 0px 1px;
        text-decoration: none;
    }

a:hover.TermsLink, a:hover.TermsLinkDialog {
    background-color: #000000;
    color: #ffffff;
    padding: 0px 1px 0px 1px;
    border-bottom: 1px dotted #ffffff;
}

a:active.TermsLink, a:active.TermsLinkDialog {
    background-color: #000000;
    color: #ffffff;
    padding: 0px 1px 0px 1px;
    border-bottom: 1px dotted #ffffff;
}

a:visited.TermsLink, a:visited.TermsLinkDialog {
    border-bottom: 1px dotted #299ebd;
    color: #333;
    padding: 0px 1px 0px 1px;
}

.dialog a.TermsLink, .dialog a.TermsLinkDialog {
    border-bottom: 1px dotted #299ebd;
    color: #000000;
    text-decoration: none;
}

.dialog a:hover.TermsLink, .dialog a:hover.TermsLinkDialog {
    text-decoration: none;
    color: #ffffff;
    text-decoration: none;
}

.dialog {
    padding: 0px;
    width: 424px;
    line-height: 130%;
    text-decoration: none;
    z-index: 1000;
    /*
    border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0 0 5px 5px #888;
    -webkit-box-shadow: 0 0 5px 5px#888;
    box-shadow: 0 0 10px 5px #999;
    */
}

.dialogtop {
    width: 424px;
    height: 15px;
    background: url('/Images/DialogBoxTop.png') no-repeat;
    margin: 0px;
    padding: 0px;
}

.dialogbg {
    width: 424px;
    background: url('/Images/DialogBoxBg.png');
    margin: 0px;
}

.dialogbottom {
    width: 424px;
    height: 14px;
    background: url('/Images/DialogBoxBottom.png') no-repeat;
}

.dialogcontent {
    margin-left: 17px;
    width: 390px;
}

.dialoglink {
    height: 16px;
    margin-top: 5px;
}

.dialogtext {
    border: solid 1px #d9d9d9;
    padding: 0 5px 5px 5px;
}

/*********************************
* SSD - Breadcrumb 
*********************************/

.navigationssd {
    height: 36px;
    width: 664px;
    *margin-top: -20px;
}

.dottedline {
    border-top: 1px dotted #a6a6a6;
    position: relative;
}

.fullscreen {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 6px;
    *margin-bottom: 0px;
    *margin-top: 30px;
}

.col1, .col2, .col3 {
    float: left;
    width: 110px;
    margin-right: 59px;
    text-align: center;
}

.text {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.4em;
    font-weight: bold;
    padding-bottom: 2px;
}

.number {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;
    width: 32px;
    height: 32px;
}

.active {
    color: #faa50f;
}

    .active .number {
        background: url('/Images/bullet_active_32px.gif') no-repeat;
    }

.passive {
    color: #fcc96f;
}

    .passive .number {
        background: url('/Images/bullet_passive_32px.gif') no-repeat;
    }

.future {
    color: #c2c2c2;
}

    .future .number {
        background: url('/Images/bullet_future_32px.gif') no-repeat;
    }


/*********************************
* Våra tjänster - cycle 
*********************************/
.cycle_container {
    position: relative;
    width: 458px;
    height: 190px;
    border: 1px solid #a6a6a6;
}

.cycle_footer {
    background: url(../../../Images/cycle_shadow.png) no-repeat center top;
    height: 10px;
}

.cycle_display_none {
    display: none;
}

#cycle_slideshow {
    position: absolute;
    left: 0px;
    height: 190px;
    width: 458px;
}

.cycle_content {
    position: absolute;
    left: 0px;
    top: 158px;
    height: 32px;
    width: 458px;
    z-index: 1000;
    overflow: hidden;
    background-color: #d6d6d6;
    opacity: .90;
    -moz-opacity: .90;
    filter: alpha(opacity=90);
}

.CycleImage {
    z-index: 0;
}

.cycle_title {
    padding-top: 5px;
    padding-left: 10px;
    width: 350px;
    height: 40px;
    line-height: 21px;
    display: table-cell;
    vertical-align: top;
}

    .cycle_title a, .cycle_title a:hover {
        font-family: Georgia;
        font-size: 16pt;
        color: #000;
        text-decoration: none;
    }

.cycle_text {
    margin-left: 10px;
    margin-top: 10px;
    height: 42px;
    overflow: hidden;
    font-family: Verdana;
    font-size: 8pt;
    color: #333333;
    line-height: 135%;
    text-decoration: none;
}

a.cycle_readmorelink {
    text-decoration: none;
}

.cycle_readmore {
    text-align: right;
    color: #000;
    margin-top: 10px;
}

.cycle_nav {
    position: absolute;
    top: 7px;
    left: 365px;
}

#cycle_nav a {
    background: transparent url(../../../Images/StartPageArticleCycle/inactive_marker.png) repeat-x scroll 0px 0px;
    text-decoration: none;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    float: left;
}

    #cycle_nav a.activeSlide {
        background: transparent url(../../../Images/StartPageArticleCycle/active_marker.png) repeat-x scroll 0px 0px;
    }

    #cycle_nav a:focus {
        outline: none;
    }

.puffservicewrapper.competence {
}

    .puffservicewrapper.competence .puffservice {
    }

    .puffservicewrapper.competence img {
        float: left;
    }

    .puffservicewrapper.competence .puffheader {
        color: #289EB1;
        font-family: inherit;
        line-height: 135%;
        font-size: 0.95em;
        font-weight: bold;
    }

    .puffservicewrapper.competence a:hover .puffheader {
        text-decoration: underline;
        color: #289eb1;
    }

    .puffservicewrapper.competence .pufftext {
        float: right;
        width: 150px;
    }

    .puffservicewrapper.competence .puffbottom {
        clear: both;
    }

.puffservicewrapper.puffonpage a:hover .puffheader {
    text-decoration: underline;
    color: #000000;
}

.puffonpage h2, .puffservicewrapper.competence h2 {
    padding-left: 0px;
}


/* Styling för att inte globala li-stylings skall störa episerver "go to edit-box" */

.epi-quickNavigator-dropdown, .epi-quickNavigator-editLink, #epi-quickNavigator-menu > li {
    background: none;
    padding: 0;
}

/*********************************************************
* SiteSeeker Styling på söksidan och lite i quickSearchen
*********************************************************/

.ess-searchResult {
    padding-right: 22px;
}

    .ess-searchResult ol, .ess-searchResult ul {
        list-style-type: none !important;
    }

.article .footer {
    color: #999;
    border-top: 1px solid #DEDEDE;
}

.ess-searchResult .footer ul ul, .footer .datetime {
    float: left;
    padding-right: 5px;
}

.ess-searchResult .footer .datetime {
    padding-right: 10px;
}

.ess-searchResult .footer dt, .footer dd {
    float: left;
    margin-left: 5px;
}

.ess-searchResult .footer dt {
    font-weight: bold;
}

.ess-searchResult dd ul, .ess-searchResult dd li {
    margin: 0;
    padding: 0 0 0 2px;
}

.ess-searchResult li {
    margin: 0;
    padding-left: 0;
    background: none;
}

.ess-searchResult .article {
    margin-bottom: 10px;
    overflow: hidden;
}

/*Sorting*/
.ess-searchResult .menu, .scbresulttitle {
    font-weight: bold;
}

    .ess-searchResult .menu ul li {
        float: left;
        padding-right: 5px;
    }

.ess-sortOrder { /*selected sort order date or relevance*/
    background: none;
    margin: 0;
}

    .ess-sortOrder a {
        color: #000 !important;
    }

.ess-searchResult ol {
    clear: both;
}

/*Facets*/
.ess-facetsListHeader {
    display: none;
}

.ess-facetHeader {
    font-family: Georgia;
    font-size: 1.5em;
    margin: 0 0 2px 0;
    color: #333333;
    font-weight: normal;
    top: 0;
    left: 0;
    border-bottom: solid 1px #949694;
}

.ess-facet ul > li > a > span {
    margin-left: 10px;
    background: #0493AC;
    padding: 2px 6px;
    color: white;
}

/*Paging*/
.ess-searchResult .pagination {
    /*margin: 2em 0 3em;*/
    padding: 1em;
    width: 100%;
}

    .ess-searchResult .pagination a, a.siteSSDPagnumbers {
        color: #0493AC;
        font-family: Georgia;
        font-weight: bold;
        padding: 4px 6px;
    }

    .ess-searchResult .pagination .prev, .siteSSDPrev {
        border: 1px solid #949694;
        color: #949694 !important;
        padding: 4px 6px;
    }

    .ess-searchResult .pagination .active, span.siteSSDPageNumberActive {
        background-color: #0493AC;
        border-color: #0493AC;
        border-image: none;
        border-style: solid;
        border-width: 5px 22px;
        color: #FFFFFF;
    }

    .ess-searchResult .pagination ul li {
        float: left;
        margin-left: 5px;
    }

.ess-markedUrl {
    float: left;
}

#TopMainContent .ess-searchbox {
    width: 92%;
    height: 50px;
    font-size: 2em;
    padding-left: 10px;
    box-sizing: border-box;
}

#TopMainContent .ess-searchbutton {
    height: 50px;
    width: 7.5%;
    background: #0493ac;
    border: 0;
    color: white;
    cursor: pointer;
    font-size: 1.8em;
    line-height: 1.8em;
}

.ess-searchResultHeaderHeading {
    margin-bottom: 20px;
    font-weight: normal;
}

.ac_results {
    padding: 2px;
    border: 1px solid #999;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0 0.4em 1em;
    -moz-box-shadow: rgba(0,0,0,0.5) 0 0.4em 1em;
}

    .ac_results > ul > li {
        background-image: none;
        padding: 4px 5px;
    }

        .ac_results > ul > li > span {
            display: none;
        }

    .ac_results > ul {
        margin-bottom: 0;
    }

    .ac_results .ac_over {
        background: #ddd;
    }

.ess-active > a > span {
    background: url('/resources/images/UnSelect.gif') !important;
    float: right;
    height: 15px;
    width: 7px;
    margin: 4px;
}

.ess-active {
    background: #eee;
    height: 25px;
    padding: 0 0 0 15px;
    line-height: 23px;
}

.ess-bestBet a:hover, .ess-bestBet a:visited, .ess-bestBet a:hover {
    text-decoration: none;
}

.ess-bestBet h5 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.ess-bestBet {
    background: #eee;
    padding: 10px;
    clear: both;
    margin-bottom: 10px;
    margin-right: 10px;
}

a.ess-removeSelection, .ess-removeSelection:visited {
    padding: 5px;
    display: block;
    background: #767B9B;
    color: white;
    display: none;
}
/* Slut SiteSeeker Styling */

/* ========= AIdoa ====== */
.ssdTableLevel2 {
    background: url(/images/Arrow_Right_Blue.gif) 0px 4px no-repeat;
    padding-left: 10px;
    clear: both;
    overflow: hidden;
}

    .ssdTableLevel2 a, .ssdTableLevel2 a:visited, .ssdTableLevel2 a:hover {
        float: left;
    }

.ssdTableLevel2Date {
    font-size: 1em;
    color: #b1b1b1;
    padding-left: 5px;
}

.ssdOl > li {
    list-style: none;
    padding: 2px 0;
}

.ssdOl {
    padding-right: 5px;
}

.ssdTableLevel1 {
    clear: both;
}

span.search-icon.scb {
    background-image: url('/Images/Icons/search_webb.png');
}

span.search-icon.pxweb {
    background-image: url('/Images/Icons/search_px.png');
}

ul.searchTabs {
    height: 67px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    ul.searchTabs li a {
        padding: 15px;
        font-size: 1em;
        width: 93.6%;
        font-weight: normal;
        position: relative;
    }

        ul.searchTabs li a h3 {
            margin-top: -5px;
            margin-bottom: 0px;
            font-size: 1.5em;
        }

#siteSSDSearchWrapper {
    border-left: 1px solid #9f9f9f;
    border-right: 1px solid #9f9f9f;
    border-bottom: 1px solid #9f9f9f;
    overflow: hidden;
}

.siteSSDResultWrapper {
    overflow: hidden;
    padding: 20px;
    width: 95%;
}

    .siteSSDResultWrapper ul li {
        background: none;
    }

.SSDResults {
    padding: 5px 0;
}

    .SSDResults a {
        font-weight: bold;
    }

.searchTabs li {
    width: 50%;
    float: left;
}

.searchTabs a {
    width: 100%;
    overflow: hidden;
}

.siteSSDResultWrapper ul li p {
    color: #999;
    border-top: 1px solid #DEDEDE;
    margin-bottom: 0px;
    margin-top: 4px;
}

#siteSSDSearchWrapper .searchTabs li {
    width: 50%;
    float: left;
}

    #siteSSDSearchWrapper .searchTabs li:first-child a {
        border-right: 1px solid #9f9f9f;
    }

#siteSSDSearchWrapper .searchTabs .active {
    color: #03649c;
}

span.search-icon {
    height: 32px;
    width: 32px;
    float: left;
    margin: 0 20px 0 0px;
}

.scbresulttitle a, .scbresulttitle a.active, .scbresulttitle a:hover {
    color: #333333;
}

.scbresulttitle {
    margin-bottom: 10px;
}

.siteSSDPagnumbers, a.siteSSDNext {
    margin-left: 5px;
    font-weight: bold;
}

.siteSSDPrev {
    margin-right: 5px;
    font-weight: bold;
}

a.siteSSDPagnumbers, a.siteSSDPagnumbers:visited, .siteSSDNext:visited {
    color: #0493AC;
}

.searchResultHits {
    background: #0493AC;
    padding: 1px 8px;
    border-radius: 12px;
    color: white;
    font-weight: normal;
    font-size: 1em;
    font-family: Verdana;
    margin: 5px 20px 0 0;
    position: absolute;
    right: 20px;
    top: 18px;
}
/* ========= AIdoa ====== */