/* Standard overskrift med blå baggrund */
.ovr {
    background: url('/gfx/heading-bg.gif') repeat-x center;
    color: #000;
    font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 10px; }

/* Standard knap */
button.stdbtn {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    width: auto;
    overflow: visible; }

    button.stdbtn::-moz-focus-inner {
        border: 0;
        padding: 0; }

    button.stdbtn * {
        cursor: pointer;
        cursor: hand;
        float: left;
        white-space: nowrap; }

        button.stdbtn {
            display: block;
            overflow: visible;
            width: auto; }

            button.stdbtn span {
                background: url('/gfx/stdbtn-bg.gif') no-repeat 0% 0%;
                display: block;
                line-height: 37px;
                padding-left: 7px; }

            #logind button.stdbtn span, #password button.stdbtn span {
                background: url('/gfx/forside-stdbtn-bg.gif') no-repeat 0% 0%; }

                button.stdbtn span b {
                    background: url('/gfx/stdbtn-bg.gif') no-repeat 100% 0%;
                    color: #fff;
                    display: block;
                    font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-serif;
                    font-size: 12px;
                    font-weight: normal;
                    line-height: 37px;
                    padding-right: 7px;
                    text-transform: uppercase; }

                #logind button.stdbtn span b, #password button.stdbtn span b {
                    background: url('/gfx/forside-stdbtn-bg.gif') no-repeat 100% 0%; }

/* Logo blå */
.logoblaa {
    color: #009ee0; }

div.error,
div.success,
div.general {
    margin: 15px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-shadow: 1px 1px 2px #bababa;
    -moz-box-shadow: 1px 1px 2px #bababa;
    -ms-box-shadow: 1px 1px 2px #bababa;
    -o-box-shadow: 1px 1px 2px #bababa;
    box-shadow: 1px 1px 2px #bababa;
}

div.error {
    border: 1px solid #cc6666;
}

div.success {
    border: 1px solid #66cc66;
}

div.general {
    border: 1px solid #9999aa;
}

div.general ul {
    list-style: none;
}


body {
    background: #eaeaea;
    color: #000;
    font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, Sans-serif;
    font-size: 12px;
    text-align: center; }

    #page-wrapper {
        text-align: left; }

        #top-wrapper {}

            #logo-wrapper {
                color: #5f5f5f;
                font-size: 32px;
                text-transform: uppercase; }

    #logo-wrapper form#season-changer {
        display: inline;
        cursor: pointer;
    }

    #logo-wrapper form#season-changer .season-select {
        display: none; 
    }

    #logo-wrapper a {
        color: #5f5f5f;
        text-decoration: none;
    }

    #logo-wrapper a span, #logo-wrapper form span {
        color: #009ee0; 
    }

    #logo-wrapper form select {
        height: 40px; 
        font-size: 32px;
        border: 0px;
        background-color: #EAEAEA;
    }


    #user-info-wrapper {
        color: #000;
        font-size: 11px;
        text-transform: uppercase;
        right: 7px; }

    #user-menu-wrapper {
        color: #009ee0;
        font-size: 11px;
        text-transform: uppercase; 
    }

    #user-menu-wrapper ul,
    #user-menu-wrapper ul li {
        margin: 0;
        padding: 0;
        list-style: none; 
    }

    #user-menu-wrapper ul span {
        cursor: pointer;
    }

    #user-menu-wrapper ul form.lang-change {
        display:none;
    }
    #user-menu-wrapper ul form.lang-change select {
        border: none;
        text-transform: none; 
    }

    #user-menu-wrapper ul span img {
        margin-top: 3px;
    }

    #user-menu-wrapper ul {
        border-left: 1px solid #009ee0;
    }

    #user-menu-wrapper ul li {
        border-right: 1px solid #009ee0;
        float: left;
        padding: 0 7px; 
    }

    #user-menu-wrapper ul li.last {
        border: none;
    }

    #user-menu-wrapper ul li a {
        color: #009ee0; 
    }



        #nav-wrapper {
            background: url('/gfx/nav-bg.gif') no-repeat center;
            font-size: 10px;
            font-family: Verdana, Tahoma, Arial, Sans-serif;
            font-weight: bold;
            text-transform: uppercase;
        }

        #nav-wrapper ul,
        #nav-wrapper ul li {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        #nav-wrapper ul {
            width: 960px;
        }

        #nav-wrapper ul li {
            border-left: 0px solid #a8a8a8;
            border-right: 1px solid #8e8e8e;
            float: left;
        }

        #nav-wrapper ul li.last {
            border: 0px;
        }

        #nav-wrapper ul li a {
            color: #5f5f5f;
            display: block;
            float: left;
            height: 40px;
            position: relative;
            text-decoration: none;
            width: 82px;
        }

        #nav-wrapper ul li a span {
            cursor: pointer;
            cursor: hand;
            display: block;
            margin-top: -6px;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 82px;
        }

        .no #nav-wrapper .topledelsen span,
        .no #nav-wrapper .topledelsen a,
        .fi #nav-wrapper .tilfredshed span,
        .fi #nav-wrapper .tilfredshed a,
        .en #nav-wrapper .tilfredshed span,
        .en #nav-wrapper .tilfredshed a {
            width: 92px;
        }

        .c-fi #nav-wrapper .tilfredshed span,
        .c-fi #nav-wrapper .tilfredshed a {
            width: 88px;
        }

        .metasite_2 #nav-wrapper ul li a,
        .metasite_2 #nav-wrapper ul li a span {
            width: 93px;
        }

        .metasite_4 #nav-wrapper ul li a,
        .metasite_4 #nav-wrapper ul li a span {
            width: 90px;
        }

        #nav-wrapper ul li.active a,
        #nav-wrapper ul li.highlight a,
        #nav-wrapper ul li a:hover,
        #nav-wrapper ul li a:active {
            color: #ffffff; }

        /*#nav-wrapper ul li a:active {
            background: url('/gfx/nav-item-active-bg.gif') repeat-x; }*/

        #nav-wrapper ul li.active a,
        #nav-wrapper ul li.active a:active {
            background: url('/gfx/nav-item-hover-bg.gif') repeat-x; }

        /* Fane: aalund */

        .metasite_1 #nav-wrapper ul li.aalund {
            border-left: none;
            background: url('/gfx/aalund-small.png') no-repeat center; }

        .metasite_2 #nav-wrapper ul li.aalund {
            border-left: none;
            background: url('/gfx/consultic-small.png') no-repeat center; }

        .metasite_3 #nav-wrapper ul li.aalund {
            border-left: none;
            background: url('/gfx/pbs-small.png') no-repeat center; }

        .metasite_4 #nav-wrapper ul li.aalund {
            border-left: none;
            background: url('/gfx/kynetecb2-small.png') no-repeat center; }

        .c-fi.metasite_1 #nav-wrapper ul li.aalund {
            width: 200px;
            background: url('/gfx/taloustutkimus-logo.png') no-repeat center;
        }

        body.cido #nav-wrapper ul li.aalund,
        .c-uk.metasite_1 #nav-wrapper ul li.aalund {
            background: url('/gfx/cido-logo-small.png') no-repeat center;
        }

        .c-fi.metasite_1 #nav-wrapper ul li.aalund a {
            width: 200px;
        }

        .metasite_1 #nav-wrapper ul li.aalund a {
            display: block;
            width: 120px; }

        .metasite_2 #nav-wrapper ul li.aalund a {
            display: block;
            width: 110px; }

        .metasite_3 #nav-wrapper ul li.aalund a {
            display: block;
            width: 100px; }

        .metasite_4 #nav-wrapper ul li.aalund a {
            display: block;
            width: 136px; }

        #nav-wrapper ul li.aalund a:hover,
        #nav-wrapper ul li.aalund a:active {
                background: none; }

            #nav-wrapper ul li.aalund a span {
                display: none; }

        /* Fane: Emotionel holdning */
        /* Fane: Special moduler */
        #nav-wrapper ul li.emotionel a span,
        #nav-wrapper ul li.special a span,
        #nav-wrapper ul li.generisk a span,
        body.en #nav-wrapper ul li.topledelsen a span,
        body.de #nav-wrapper ul li.topledelsen a span,
        body.da #nav-wrapper ul li.politisk_ledelse a span,
        body.no #nav-wrapper ul li.sportsledelsen a span,
        body.no #nav-wrapper ul li.sportspractitioners a span {
            margin-top: -12px; }

        body.se #nav-wrapper ul li.special a span {
            margin-top: -6px;
        }

        #nav-wrapper ul li.special_generic a span {
            margin-top: -18px;
            font-size: 0.9em;
        }

        .metasite_4 #nav-wrapper ul li.topledelsen a span {
            margin-top: -12px;
            font-size: 0.9em;
        }

        body.se #nav-wrapper ul li.special_generic a span {
            font-size: 1em;
        }

        body.se #nav-wrapper ul li.special_generic a span {
            margin-top: -6px;
        }

        body.pl #nav-wrapper ul li.topledelsen a span {
            margin-top: -12px;
        }

        /* Fane: X-files */
        #nav-wrapper ul li.x-files {
            border-right: none; }


        #sub-nav-wrapper {
            font-family: Verdana, Tahoma, Arial, Sans-serif;
            font-size: 11px; 
            z-index: 1;
        }

        #sub-nav-wrapper ul,
        #sub-nav-wrapper ul li {
            padding: 0;
            list-style: none; }

        #sub-nav-wrapper ul {
            float: left;
            margin: 14px 0 0 0;
        }

        #sub-nav-wrapper ul li {
            position: relative;
            margin: 0 17px;
            float: left;
        }

        #sub-nav-wrapper ul li a {
            color: #000;
            display: block;
            text-align: center;
            text-decoration: none;
        }


    #sub-nav-wrapper ul li a:hover {
        text-decoration: underline; }

    #sub-nav-wrapper ul li.active a,
    #sub-nav-wrapper ul li.highlight a,
    #sub-nav-wrapper ul li a:active {
        color: #009ee0;
        font-weight: bold; 
        }

    #sub-nav-wrapper ul li ul {
        background: #eaeaea;
        display: none;
        margin: 0;
        padding: 10px 0 0 0;
        position: absolute;
        width: auto; }

    #sub-nav-wrapper ul li:hover ul,
    #sub-nav-wrapper ul li.hover ul {
        display: block;
    }

    #sub-nav-wrapper ul li ul li {
        border-top: 1px solid #d0d0d0;
        float: none;
        margin: 0px;
        text-align: left;
        width: auto;}

        #sub-nav-wrapper ul li ul li a {
            padding: 2px;
            text-align: left;
            white-space: nowrap;}

            #sub-nav-wrapper ul li ul li a:hover {
                background: #d0d0d0;
                text-decoration: none;
            }

        #sub-nav-wrapper form {
            margin-top: 16px;
            float: right;
        }

        #sub-nav-spacer {
            height: 14px;
        }

        #content-wrapper {
            background: #fff url('/gfx/content-bg-top.gif') no-repeat center top;
        }

            #content-inner-wrapper {
                background: #fff url('/gfx/content-bg-bottom.gif') no-repeat center bottom; }

                #note-print-gem-wrapper {
                    position: absolute;
                    z-index: 1;
                    right: 10px;
                    top: 5px; }

                #note-print-gem-wrapper ul,
                #note-print-gem-wrapper ul li {
                    margin: 0;
                    padding: 0;
                    list-style: none; }

                    #note-print-gem-wrapper ul li {
                        float: left;
                        padding: 0 4px; }

                        #note-print-gem-wrapper ul li.note a,
                        #note-print-gem-wrapper ul li.print a,
                        #note-print-gem-wrapper ul li.gem a {
                            display: block;
                            width: 37px;
                            height: 37px; }

                        #note-print-gem-wrapper ul li.note img,
                        #note-print-gem-wrapper ul li.print img,
                        #note-print-gem-wrapper ul li.gem img {
                            display: none; }

                            #note-print-gem-wrapper ul li.note a {
                                background: url('/gfx/icons/note.jpg') no-repeat center; }

                            #note-print-gem-wrapper ul li.note.plus a {
                                background: url('/gfx/icons/noteplus.jpg') no-repeat center; }

                            #note-print-gem-wrapper ul li.print a {
                                background: url('/gfx/icons/print.jpg') no-repeat center; }

                            #note-print-gem-wrapper ul li.gem a {
                                background: url('/gfx/icons/gem.jpg') no-repeat center; }

                .content-title {
                    border-bottom: 1px solid #d0d0d0; }

                    .content-title h1 {
                        font-family: Verdana, Tahoma, Arial, Sans-serif;
                        font-size: 11px;
                        font-weight: bold;
                        margin: 10px 0 22px 0; }

        #login-wrapper {
            background: url('/gfx/login-bg.jpg') no-repeat center;
            margin-top: 14px; }

        .toplevel #login-wrapper {
            background: url('/gfx/login-screen.jpg') no-repeat center;
            margin-top: 14px; }

            #login-wrapper #login-form {
                position: absolute;
                top: 205px;
                left: 444px; }

            #login-wrapper #login-form td.label {
                width: 70px;;
                text-align: right;
            }

            #login-wrapper #login-form td.login-button {
                width: 70px;
            }


/* kunde styles */
#kunde .username,
#kunde .startdate,
#kunde .enddate,
#kunde .login_as,
#kunde .status-switch,
#kunde .delete-user,
#kunde #create-user,
#kunde .password {
    width: 140px;
}

#kunde .invoice label {
    display: block;
    font-weight: bold;
}

#kunde .invoice table {
    width: 100%;
}

#kunde .invoice table td {
    padding: 0 5px;
}

#kunde .invoice table td textarea {
    width: 95%;
    height: 60px;
}

.invoice.has-changes,
.benchmarks.has-changes,
.seasons .has-changes {
    background-color: #fff888;
}

.invoice.has-changes legend img,
.benchmarks.has-changes legend img {
    margin-left: 15px;
    cursor: pointer;
}

#kunde .invoice-dialog table td {
    text-align: left;
}

.seasons table td {
    padding: 0 0 0 10px;
}

.seasons .has-changes img,
.logins.has-changes img {
    margin-left: 15px;
    cursor: pointer;
}

tr.approve-reject {
    background-color: #fff888;
}

tr.approve-reject td {
    padding: 10px;
}

form.login-admin-template {
    text-align: left;
}

form.login-admin-template thead tr {
    background-color: #ccc;
}

form.login-admin-template td,
form.login-admin-template th {
    padding: 0 5px;
    border: 0;
}

form.login-admin-template td.approve-action,
form.login-admin-template td.reject-action {
    text-align: center;
}

/* chart styles */


div.chart-container {
    position: relative;
    padding-top: 10px;
}

div.chart-main {
    margin: 0px;
    padding: 0px;
    margin-top: 45px;
}

div#chart-div {
    float: right;
    padding: 0px 5px;
    position: relative;
}

div#chart-statements {
    padding: 5px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 10px;
}

div#chart-statements #hide-chart {
    margin-right: 10px;
}

div#chart-statements h3 {
    margin-top: 0px;
    float:left;
}

div#chart-statements h4 {
    margin-top: 0px;
    cursor: pointer;
    float:right;
    font-style: italic;
}

div#chart-statements h4:hover {
    text-decoration: underline;
}

div#chart-statements ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div#chart-statements ul li {
    background: transparent url('/gfx/list-item-bullet.gif') 0 .5em no-repeat;
    padding-left: 1em;
    margin-left: 15px;
}

div#chart-statements ul li.heading {
    background: inherit;
    margin-left: 0px;
}

div#chart-statements ul li.none-selected {
    font-style: italic;
    color: #808080;
}

div#chart-overlay-base {
    position: absolute;
    display: none;
    z-index: 200;
}

div#observations {
    float: right;
    width: 50%;
}

div#observations div {
    float: right;
    width: 70%;
    border: 1px solid #009ee0;
    padding: 10px; 
    margin-top: 40px;
    margin-right: 30px;
}

div#observations div ul {
    list-style: none;
    padding-left: 0px;
}

div#comments {
    margin-top: 40px;
    width: 50%;
}


/* nda {{{ */
body#acceptnda div#nda-form {
    margin: 0 auto;
    width: 482px;
    height: 365px;
    background: transparent url('/gfx/accept-box.png') top left no-repeat;
    color: #ffffff;
    position: relative;
}

body#acceptnda div#nda-form p {
    padding: 15px 0px 0px 20px;
}

body#acceptnda div#nda-form ol {
    padding: 0px 50px;
}

body#acceptnda div#nda-form ol li {
    padding-top: 5px;
}

body#acceptnda div#nda-form a {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

body#acceptnda div#nda-form a img {
    border: none;
}
/* end nda }}} /*

/* chart labels {{{ */
div.chart-labels {
    float: left;
    width: 420px;
    padding: 7px 0px 0px 0px;
    position: relative;
}

body.site_1 div.chart-labels span.label {
    width: 320px;
}

div.chart-labels span.label {
    float: right;
    text-align: right;
}

div.chart-labels div.chart-label-container.cat_border {
    border-top: 1px solid #c0c0c0;
}

div.chart-labels span.category {
    font-weight: bold;
    display: inline;
    position: absolute;
}

body.site_1 div.chart-labels span.label.bubble-label {
    width: auto;
}

/* chart labels end }}} */

/* chart bottom boxes {{{ */
div#chart-bottomboxes {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

div#chart-bottomboxes div.chart-boxcontainer {
    padding: 0px;
    margin: 0px 0px 0px 390px;
    width: 410px;
    text-align: center;
}

div#chart-bottomboxes div.chart-boxcontainer .bottombox{
    text-align: center;
    width: 80px;
}

/* chart bottom boxes end }}} */

/* chart top boxes {{{ */
div#chart-topboxes {
    position: absolute;
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 45px;
}

div#chart-topboxes div.chart-boxcontainer-left {
    position: absolute;
    padding: 0px;
    left: 0px;
    top: 0px;
    width: 432px;
}

div#chart-topboxes div.chart-boxcontainer-left div#topbox-profile-performance {
    position: absolute;
    right: 13px;
    line-height: 40px;
}

div#chart-topboxes div.chart-boxcontainer-right {
    position: absolute;
    padding: 0px;
    left: 432px;
    top: 0px;
    width: 340px;
}

div#chart-topboxes div.chart-boxcontainer-right div {
    position: absolute;
    height: 38px;
    text-align: center;
}

div#chart-topboxes div.chart-boxcontainer-right div#topbox-left-profile {
    background-color: #ffb9b9;
}

div#chart-topboxes div.chart-boxcontainer-right div#topbox-middle-profile {
    background-color: #ffcc66;
}

div#chart-topboxes div.chart-boxcontainer-right div#topbox-right-profile {
    background-color: #daebc7;
}


div#chart-topboxes div.chart-boxcontainer-right div {
    padding-top: 2px;
}

/* chart top boxes end }}} */

/* chart legend {{{ */
div#chart-legend {
    float:right;
    width: 160px;
    position: relative;
}


#chart-legend > p {
    position: absolute;
    top: 70%;
}

div#chart-legend ul {
    margin: 0px;
    width: 100%;
    list-style: none;
    padding: 0px;
}

div#chart-legend ul.main-markers {
    margin-bottom: 135px;
}

div#chart-legend ul#importance-legend {
    position: absolute;
    margin: 0px;
    width: 160px;
    list-style: none;
    padding: 0px;
    bottom: 5px;
}

div#chart-legend ul#importance-legend li.inactive span.meaning {
    display: none;
}

div#chart-legend ul li {
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    position: relative;
}

div#chart-legend ul li.legend-marker-noninteractive {
    cursor: default;
}

div#chart-legend ul li.legend-marker img, div#chart-legend ul li.legend-marker-noninteractive img {
    position: absolute;
    top: 1px;
    left: 0;
}

div#chart-legend ul li.legend-marker span, div#chart-legend ul li.legend-marker-noninteractive span {
    padding-left: 18px;
    display: block;
}

div#chart-legend ul li img.legend-marker-active, div#chart-legend ul li img.legend-marker-inactive {
    float: left;
    margin-right: 3px;
}

div#chart-legend ul li.legend-marker-all.active img.legend-marker-inactive, div#chart-legend ul li img.legend-marker-inactive {
    display: none;
}

div#chart-legend ul li.legend-marker-all img.legend-marker-active, div#chart-legend ul li.inactive img.legend-marker-active {
    display: none;
}
div#chart-legend ul li.legend-marker-all.active img.legend-marker-active {
    display: inline;
}

div#chart-legend ul li.legend-marker-all img.legend-marker-inactive, div#chart-legend ul li.inactive img.legend-marker-inactive {
    display: inline;
}
/* }}} chart legend end */

div.graph-selector {
    position: relative;
    z-index: 5;
}

div.graph-selector form, div.graph-selector span {
    position: absolute;
    margin-top: 10px;
    font-weight: bold;
}

/* statement pages {{{ */
div.statement_menu {
    width: 25%;
    float: left;
}

div.statement_menu h2.stmt_header {
    cursor: pointer;
}

div.statement_menu h2.stmt_header.teaser a {
    color: #7f7f7f;
}

div.statement_display_contents {
    display: none;
}

div.statement_display {
    width: 74%;
    float: right;
}

div.statement_display .pages {
    min-height: 420px;
}

div.statement_display .page ul.list a, div.statement_display .page ul.list a:visited {
    color: #009EE0;
}

div.statement_display li.no-bullets {
    background: none;
    padding-left: 0;
}

div.statement_display div.StmtList, div.statement_display ul.list, #secret ul.list {
    float: left;
    width: 48%;
}

ul.list li.no-bullets {
    margin-top: 10px;
}

div.statement_display div.StmtList.fullwidth, div.statement_display.fullwidth ul {
    width: auto;
}

div.statement_display.fullwidth ul {
    float: none;
}

div.statement_display ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

div.StmtBlock.show_top div.StmtCat h2, h2.subheader.ovr {
    background: inherit;
    background-image: none;
}

div.statement_display ul li {
    background: transparent url('/gfx/list-item-bullet.gif') 0 .5em no-repeat;
    padding-left: 1em;
    margin-left: 15px;
}


div.statement_menu, div.statement_display {
    margin-top: 45px;
}

div.statement_menu h2 {
    padding: 7px 10px;
}

div.statement_menu ul {
    list-style: none;
    padding: 0px;
    padding-left: 11px;
    margin: 0px;
}

div.statement_menu a {
    text-decoration: none;
    color: #009EE0;
    cursor: pointer;
}

div.statement_menu a:hover, div.statement_menu a:active {
    color: #79C9FF;
    text-decoration: underline;
}

div.page-actions {
    margin-top: 10px;
    display: none;
    text-align: center;
}

div.page-actions a {
    border: 0;
}

div.page-actions a img {
    border: 0;
}

/* end statement pages }}} */

/* black box {{{ */
table.blackbox-table {
    width: 100%;
    /*margin-top: 40px;*/
}

div.blackbox-spacer {
    height: 40px;
    width: 100%;
    position: relative;
}

table.blackbox-table td {
    width: 25%;
}

div.blackbox {
    height: 400px;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.blackbox-dynamic {
    min-height: 350px;
    height: auto;
}

.reports-3 div.blackbox {
    width: 286px;
}

div.blackbox a.icon {
    position: absolute;
    top: 76px;
    left: 70px;
    width: 79px;
    height: 79px;
    display: block;
}

.reports-3 div.blackbox a.icon {
    top: 48px;
    left: 102px;
    width: 82px;
    height: 82px;
}

div.blackbox ul {
    text-align: left;
    top: 165px;
    color: #ffffff;
    font-size: 1.1em;
    left: 45px;
    width: 140px;
    list-style: none;
    padding-left: 0;
    position: absolute;
}

.blackbox .expansion-filler {
    height: 150px;
    width: 2px;
}

.blackbox .dynamic-expansion {
    width: 220px;
    padding: 0;
    margin: 0;
    z-index: 1;
    min-height: 175px;
    background: transparent url('/gfx/blackbox-middle-thin.png') repeat 0 0;
}

.blackbox .dynamic-bottom {
    width: 220px;
    height: 15px;
    background: transparent url('/gfx/blackbox-bottom-thin.png') no-repeat 0 0;
}

.reports-3 div.blackbox .dynamic-expansion {
    width: 286px;
    background: transparent url('/gfx/blackbox-middle-wide.png') repeat-y 0 0;
}

.reports-3 div.blackbox .dynamic-bottom {
    width: 286px;
    height: 19px;
    background: transparent url('/gfx/blackbox-bottom-wide.png') repeat-y 0 0;
}

.blackbox .dynamic-expansion ul {
    position: static;
    width: auto;
    margin-left: 45px;
}
.reports-3 .blackbox .dynamic-expansion ul {
    margin-left: 35px;
}

.site_3 div.blackbox ul {
    left: 20px;
    width: 175px;
}

.reports-3 div.blackbox ul {
    left: 35px;
    width: 220px;
}

div.blackbox ul li.company {
    color: #009ee0;
}

div.blackbox div.status {
    top: 210px;
    margin-left: 50px;
    width: 110px;
    height: 50px;
    position: absolute;
}

.reports-3 div.blackbox div.status {
    margin-left: 84px;
    width: 110px;
    height: 50px;
    position: absolute;
}

div.blackbox div.status ul {
    text-align: left;
    color: #ffffff;
    font-size: 1.1em;
    width: 80px;
    margin: 0;
    text-align: center;
    padding: 0;
    list-style: none;
    float:left;
    top: 0;
    left: 0;
}

div.blackbox div.status ul li img {
    float: right;
    padding-top: 3px;
}

div.blackbox ul li {
    line-height: 1.6em;
}

#overblik div.blackbox ul li {
    line-height: 1.8em;
}

div.blackbox p {
    padding: 0px;
    font-size: 1.3em;
    width: 99%;
    top: 290px;
    margin-left: 4px;
    position: absolute;
}

div.blackbox p a {
    color: #ffffff;
    text-decoration: none;
}

div.blackbox p a:active, div.blackbox p a:hover {
    text-decoration: underline;
}

div.blackbox h3 {
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    padding-top: 20px;
}

div.blackbox.TILF_PROFIL {
    background: transparent url('/gfx/blackbox-tilfredshed.png') top left no-repeat;
}

.reports-3 div.blackbox.TILF_PROFIL {
    background: transparent url('/gfx/blackbox-tilfredshed_wide.png') top left no-repeat;
}

div.blackbox.IMG_PROFIL {
    background: transparent url('/gfx/blackbox-image.png') top left no-repeat;
}

.reports-3 div.blackbox.IMG_PROFIL {
    background: transparent url('/gfx/blackbox-image_wide.png') top left no-repeat;
}

div.blackbox.TOP_PROFIL {
    background: transparent url('/gfx/blackbox-topledelse.png') top left no-repeat;
}

.reports-3 div.blackbox.TOP_PROFIL {
    background: transparent url('/gfx/blackbox-topledelse_wide.png') top left no-repeat;
}

div.blackbox.POL_PROFIL {
    background: transparent url('/gfx/blackbox-polledelse.png') top left no-repeat;
}

.reports-3 div.blackbox.POL_PROFIL {
    background: transparent url('/gfx/blackbox-polledelse_wide.png') top left no-repeat;
}

div.blackbox.EMO_HOLDNING {
    background: transparent url('/gfx/blackbox-emotionel.png') top left no-repeat;
}

/* black box end }}} */

div#company-switcher {
    cursor: pointer;
    position: absolute;
    right: 26px;
    top: 10px;
    z-index: 2;
}

div#company-switcher img {
    position: absolute;
    left: 0px;
    top: 1px;
}

div#company-switcher img.legend-marker-active {
    display: none;
}

div#company-switcher img.legend-marker-inactive {
    display: inline;
}

div#company-switcher.active img.legend-marker-active {
    display: inline;
}

div#company-switcher.active img.legend-marker-inactive {
    display: none;
}

div#company-switcher span {
    display: block;
    padding-left: 18px;
}

div.mail-client {
    float: left;
    border: 1px solid #888888;
    padding: 3px;
    margin-right: 3px;
}

#dataoverblik div#main-content table input {
    width: 140px;
}

table.company-overview td.move-data-action {
    text-align: right;
}

table.company-overview {
    width: 100%;
}

table.company-overview tr.alternate, table#translation-table tr.alternate, #unknowns tr.alternate, tr.alternate {
    background-color: #cccccc;
}

table#translation-table th {
    border-bottom: 1px solid black;
}

table#translation-table tr td {
    cursor: pointer;
}

div.translate-dialog textarea {
    width: 90%;
    margin: 5%;
    height: 200px;
}

tr.question-used td {
    background-color: #aaaaaa;
}

img.traffic-light-arrow {
    float: right;
    margin-top: 6px;
}

body.iframe {
    background-color: #ffffff;
}

#graph-selector-box {
    margin-top: 40px;
}

#statements .ui-dialog-titlebar {
    background: #009EE0;
    border: 0;
}


#company-choice-box {
    background-color: #cccccc;
    padding: 150px 0;
}

#company-choice-box-inner {
    background-color: #ffffff;
    border: 2px solid #7f7f7f;
    width: 520px;
    margin: 0 auto;
    padding: 50px 0;
    font-size: 10pt;
    font-weight: bold;
}

#company-choice-box-inner ul {
    list-style: none;
    margin-left: 150px;
}

#company-choice-box-inner ul li {
    margin-top: 10px;
}

#company-choice-box-inner ul li a, #company-choice-box-inner ul li a:visited {
    color: #000000;
    text-decoration: none;
}

#company-choice-box-inner ul li a:hover, #company-choice-box-inner ul li a:active {
    color: rgb(121, 201, 255);
}

.company-change {
    cursor: pointer;
}

/* note stuff */
div#saveNote {
    position:absolute;
    top:30px;
    background:transparent;
}

div#saveNote #mytextarea {
    border:0px;
    background-color: transparent;
    font-family: Verdana,Tahoma,Arial,Sans-serif;
    font-size:11px;
    overflow: auto;
    width: 280px;
    height: 190px;
    resize: none;
}

div#help {
    position:absolute;
    top:30px;
    background:transparent;
    margin-right:10px; 
}

div#noteblock {
    width: 300px;
    background:#fff url("/gfx/icons/nt_bg.jpg") repeat-x;
    border: 1px solid #B5E3F6;
    position: absolute;
    top: 205px;
    margin-left: 520px;
    height: 250px;
    z-index: 100;
}


.saved-note {
    padding-top: 5px;
    cursor: pointer;
}

.saved-note img {
    margin-right: 10px;
}

.saved-note h4 {
    margin-top: 0;
}

#questions-table thead tr {
    color: #fff;
    background-color: #888;
}

#questions-table tbody tr td {
    background-color: #aaa;
}

#questions-table tr.question-used td {
    background-color: #fff;
}


#questions-table.actorgroups tbody tr.question-used td, #questions-table.regions tbody tr.question-used td, #questions-table.actorgroups tbody tr td, #questions-table.regions tbody tr td {
    background-color: transparent;
}

#questions-table.actorgroups tbody tr.question-used, #questions-table.regions tbody tr.question-used {
    background-color: #fff;
}

#questions-table.actorgroups tbody tr, #questions-table.regions tbody tr {
    background-color: #aaa;
}

#questions-table tbody td {
    cursor: pointer;
}

div.questions-dialog {
    text-align: left;
}

div.questions-dialog table {
    width: 96%;
    margin-bottom: 20px;
}

div.questions-dialog textarea {
    width: 100%;
    height: 100px;
}
div.questions-dialog td {
    padding: 0 5px;
}

body#tidsudvikling #chart-legend {
    margin-top: 10px;
}

#notes-left {
    width: 49%;
}

#notes-right {
    width: 50%;
}

#notes-right textarea {
    width: 100%;
    height: 300px;
}

#nda-edit-wrapper textarea {
    width: 500px;
    height: 200px;
    display: block;
}

#presentation-name {
    width: 200px;
    margin: 20px 0 0;
    display: block;
}

.presentation-link {
    border:0px;
    color:#009EE0;
}

.delete-presentation-link {
    border: none;
}

.presentation-page:hover {
    cursor: pointer;
}

.print-dialog button {
    margin-right: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    background: #009EE0;
    border: 0;
}

.exception-msg {
    margin-top: 60px;
}

.generate-new ul {
    list-style: none;
}

.generate-new .report-title {
    width: 500px;
}

.edit-existing .report-list li {
    text-decoration: underline;
    cursor: pointer;
    color: #009ee0;
}

.added-questions-container {
    margin-left: 50px;
}

.questions select {
    width: 300px;
    height: 400px;
}

.note-texts {
    margin-left: 50px;
}

.note-texts textarea {
    width: 300px;
    height: 150px;
}

#dataoverblik div#main-content table .numeric {
    width: 50px;
}

#cross-table {
    margin-top: 50px;
}

/* admin stuff */
.data-export-form td {
    padding: 3px 10px;
}

.special-sample th, .special-sample td {
    padding: 5px 30px;
    text-align: center;
}

.special-sample th:first-child, .special-sample td:first-child {
    text-align: left;
    padding: 5px;
}

.special-sample caption {
    font-weight: bold;
    font-size: 14pt;
    text-decoration: underline;
}

.data-import-form {
    float: left;
    width: 20%;
    padding-left: 10%;
    margin-top: 20px;
}

.heading3 {
    font-size: 1.2em;
    font-weight: bold;
}

#kunde fieldset {
    margin-top: 10px;
}

div.limits-container {
    padding: 4px;
    background-color: #f8f8f8;
}

table.limits thead td {
    border-bottom: 1px solid #000;
}

table.limits tfoot td {
    border-top: 1px solid #000;
}

table.limits input {
    text-align: right;
}

/* my pages styles */
.waiting-requests,
.approved-requests {
    font-style: italic;
    color: #009ee0;
    float: left;
    margin: 10px 0;
}

.approved-requests {
    color: #008000;
}

.journalists .active {
    background-color: #79C9FF;
}

.journalists .accepted {
    background-color: #90EE90;
}

.journalists td {
    padding: 0.2em;
}

.journalists {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

/* priorities and goals */
.option-values td {
    text-align: right;
}

.option-values td input {
    width: 50px;
    text-align: right;
}

/* invoice */
.crm-form label,
.sample-form label {
    display: block;
    margin-left: 8px;
    font-weight: bold;
}

#data-entry-flow .float-right label,
#minesider-benchmarks .float-right label,
#mypages-specialsample .float-right label {
    display: inline;
}

#data-entry-flow .float-right .waiting-requests,
#data-entry-flow .float-right .approved-requests,
#minesider-benchmarks .float-right .waiting-requests,
#minesider-benchmarks .float-right .approved-requests,
#mypages-specialsample .float-right .waiting-requests,
#mypages-specialsample .float-right .approved-requests {
    float: none;
}

.crm-form input,
.crm-form textarea,
.crm-form select,
.sample-form input {
    padding: 7px;
    border: 1px solid #bbb;
    margin: 0;
}

form.crm-form .active {
    background-color: #79C9FF;
}

form.crm-form .accepted {
    background-color: #90EE90;
}

.crm-form .pencil,
.sample-form .pencil {
    background: #fff url('/gfx/20Pencil.gif') 98% 50% no-repeat;
}


.crm-form .w50,
.sample-form .w50 {
    margin-bottom: 20px;
    width: 450px;
}

.crm-form .w50 input {
    width: 434px;
}

.crm-form .postalcode, .crm-form .mrk {
    width: 106px;
}

.crm-form .postalcode input, .crm-form .mrk input {
    width: 90px;
}

.crm-form .city, .crm-form .mrk {
    margin-left: 10px;
}

.crm-form .city {
    width: 218px;
}

.crm-form .city input {
    width: 202px;
}

.crm-form .comment textarea {
    width: 916px;
    height: 75px;
}

.crm-form select {
    height: 33px;
    background: transparent;
}

.crm-form hr,
.sample-form hr
{
    border: 0;
    border-bottom: 1px solid #bbb;
    margin: 15px 0 25px;
}

.crm-form .choose-benchmarks, .crm-form .chosen-benchmarks {
    padding: 7px;
    border: 1px solid #bbb;
    margin: 0 0 10px 0;
}

.crm-form .existing-benchmarks,
.crm-form .new-benchmarks,
.sample-form .add-existing-media,
.sample-form .new-panel
{
    height: 350px;
    overflow-y: scroll;
}

.crm-form .existing-benchmarks ul,
.crm-form .new-benchmarks ul,
.sample-form .add-existing-media ul
{
    list-style: none;
    padding-left: 8px;
    margin: 0;
}

.crm-form .existing-benchmarks ul li img,
.crm-form .new-benchmarks ul li img,
.sample-form .add-existing-media ul li img
{
    float: left;
    margin-top: -3px;
    margin-right: 10px;
    cursor: pointer;
}

.crm-form .existing-benchmarks ul li {
    padding-top: 3px;
    margin-bottom: 10px;
}

.crm-form .new-benchmarks ul li {
    margin: 0;
    padding: 0.6em;
}

.crm-form .choose-benchmarks .add-new-benchmark,
.sample-form .add-new-media
{
    padding: 7px;
    border: 1px solid #bbb;
    margin-bottom: 5px;
}

.crm-form .choose-benchmarks .add-new-benchmark img,
.sample-form .add-new-media img {
    float: left;
    cursor: pointer;
}

.crm-form .choose-benchmarks .add-new-benchmark input,
.sample-form .add-new-media input {
    width: 88%;
    border: 0;
    padding: 0;
    margin-left: 5px;
}

.crm-form .new-benchmark {
    background: transparent;
}

.crm-form .invoice-email {
    background-color: #ddd;
    padding: 5px 20px;
}

.crm-form .invoice-email input,
.crm-form .invoice-email textarea {
    width: 434px;
    margin-bottom: 10px;
}

.crm-form .main-section {
    margin-bottom: 20px;
}

.crm-form .main-section button {
    margin-top: 20px;
}

/* mine sider - special sample */
div.secret-status-choice {
    background-color: #f0f0f0;
    padding: 3px 7px;
    width: 436px;
    margin-bottom: 5px;
}

div.secret-status-choice p {
    margin: 0;
    padding: 0;
}

div.secret-status-choice input {
    display: block;
    float: left;
    clear: left;
}

div.secret-status-choice label {
    display: block;
    float: left;
}

div.secret-status-choice button {
    float: right;
    display: none;
}

.sample-form  input.add-new-media-text {
    width: 90px;
}

.sample-form .add-existing-media ul li {
    padding-top: 3px;
    margin: 0;
    clear: left;
}

.sample-form  input.add-new-media-comment {
    margin-top: 5px;
    width: 422px;
    background-color: #ddd;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder {
    color: #000;
}

.sample-form  input.add-new-media-text.last {
    margin: 0;
    width: 92px;
}

.sample-form .add-new-media input.new-benchmark {
    width: 400px;
    border: 0;
}

.sample-form .add-new-media {
    border: 1px solid #bbb;
    padding-left: 5px;
    margin-bottom: 5px;
}

.sample-form .w50 > div {
    border: 1px solid #bbb;
    padding: 5px;
    margin-bottom: 15px;
}

.sample-form .expandable {
    cursor: pointer;
    display: inline-block;
    width: 165px;
    margin: 0 0 0 30px;
    padding: 3px;
}

.sample-form .expandable > img {
    margin-left: -30px;
}

.sample-form .expandable.expanded img.expandable-image {
    display: none;
}

.sample-form .expandable img.expanded-image {
    display: none;
}


.sample-form .expandable.expanded img.expanded-image {
    display: inline;
}

.sample-form .expandable.expanded {
    background-color: #ddd;
}

.sample-form .panel-members {
    display: none;
    width: 200px;
    float: right;
}

.sample-form ul.panel-members > li {
    margin-bottom: 10px;
}

.sample-form ul.panel-members li.chosen img {
    visibility: hidden;
}

.sample-form li.chosen {
    font-style: italic;
}

.sample-form li.previous {
    font-weight: bold;
}

.sample-form .clear-all {
    line-height: 0;
}

.sample-form .journalists .remove-journalist {
    width: 20px;
}

.sample-form .journalists .media-name,
.sample-form .journalists .journalist-name {
    width: 130px;
}

.sample-form .journalists .journalist-relationship {
    width: 100px;
}

.relationship-type label {
    clear: left;
}

#data-entry-flow .relationship-type label,
#data-entry-flow input.choice {
    clear: none;
}

#data-entry-flow .secret-status-choice label {
    margin-right: 1em;
}


.relationship-type {
    margin-bottom: 1em;
}

.switch-relationship-type {
    position: fixed;
    top: 200px;
    left: 50%;
    z-index: 2;
    padding: 18px;
    width: 500px;
    margin-left: -271px;
    background-color: #000;
    border-radius: 10px;
    border: 3px solid #7f7f7f;
}

.switch-relationship-type.has-table {
    width: 600px;
    margin-left: -321px;
}

.switch-relationship-type > img {
    cursor: pointer;
}

.switch-relationship-type table {
    width: 100%;
}

.switch-type-inner {
    color: #fff;
}

.switch-type-inner td:nth-child(3) {
    width: 45%;
}

.switch-relationship-type .cancel {
    display: inline-block;
    margin-left: 3em;
    color: #b00;
    text-decoration: underline;
    cursor: pointer;
}

.switch-type-inner .content {
    max-height: 400px;
    margin-bottom: 1em;
}

.has-table .content {
    overflow-y: scroll;
}

.switch-type-inner p {
    margin: 0;
    padding: 0 0 15px 0;
}

.ssample-bbox,
.blackbox-note {
    width: 297px;
    position: absolute;
    z-index: 101;
    color: #fff;
    text-align: left;
    margin: 0;
}

.ssample-bbox {
    margin: -150px 0 0 -149px;
    left: 50%;
    top: 50%;
    position: fixed;
}

.ssample-bbox p,
.blackbox-note p {
    margin: 0;
    padding: 0 0 15px 0;
    width: 230px;
}

.ssample-bbox-content {
    padding-bottom: 0;
}

.popupcontainer {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000000;
    z-index: 100;
    top: 0;
    left: 0;
}

.ssample-bbox-top,
.blackbox-note-top {
    width: 100%;
    background: transparent url('/gfx/ssample-blackbox-popup-top.gif') 0 0 no-repeat;
    height: 16px;
}

.ssample-bbox-mid,
.blackbox-note-mid {
    background: transparent url('/gfx/ssample-blackbox-popup-mid.gif') 0 0 repeat;
    padding: 0 15px;
}

.ssample-bbox-mid .popup-close,
.blackbox-note-mid .popup-close {
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 15px;
    z-index: 102;
}

.ssample-bbox-bottom,
.blackbox-note-bottom {
    width: 100%;
    background: transparent url('/gfx/ssample-blackbox-popup-bottom.gif') 0 0 no-repeat;
}

.ssample-bbox .sample-relations {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.ssample-bbox textarea {
    width: 98%;
}

.ssample-bbox .add-journalist {
    float: right;
}

.ssample-bbox .sample-relations li {
    margin-top: 10px;
}

/* mypages modules */
div.report-container {
    border: 1px solid #ccc;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

div.report-container ol {
    padding: 0 0 0 20px;
    margin: 0;
}

div.report-container h3 {
    margin-bottom: 0;
}

div.report-container button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

div.report-container li button.order-question {
    position: static;
    float: right;
    clear: right;
    bottom: 0;
    right: 0;
}

div.report-container ol li {
    clear: both;
}

div.disabled {
    color: #fff;
    font-size: 14pt;
    position: absolute;
    background-color: #000;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

/* tab stuff for backend */
#main-content .tab-container ul {
    background: inherit;
    border: 0;
}

#main-content .tab-container ul li.ui-state-default {
    background: #ddd;
}

#main-content .tab-container ul li.ui-state-default a {
    color: #333;
}

#main-content .tab-container ul li.ui-tabs-selected a,
#main-content .tab-container ul li.ui-state-hover a,
#main-content .tab-container ul li.ui-state-active a {
    font-weight: bold;
}

#main-content .tab-container ul li.ui-tabs-selected a,
#main-content .tab-container ul li.ui-state-active a {
    color: #009EE0;
}

#main-content .tab-container ul li.ui-tabs-selected,
#main-content .tab-container ul li.ui-state-active {
    background: inherit;
    border: 1px solid #ccc;
}

#main-content .tab-container ul li.ui-state-hover {
    border: 1px solid #ccc;
    background: inherit;
}

/* communication styles */
.module-container {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.module-container label,
.settings-container label {
    display: block;
    font-weight: bold;
}

.module-container textarea,
.module-container input {
    width: 80%;
}

.module-creation-template {
    display: none;
}

td.editable {
    background-color: inherit;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

td.editable:hover {
    background-color: #ff8;
    cursor: pointer;
}

/* report access styles */
.special-sample.has-changes,
.module.has-changes {
    background-color: #ff8;
}

.special-sample.has-changes img {
    cursor: pointer;
    float: left;
    margin-right: 10px;
}

.special-sample-dialog,
.module-dialog {
    text-align: left;
}

.special-sample-dialog td,
.module-dialog td {
    padding: 0 10px;
}

.special-sample-dialog th,
.module-dialog th {
    text-align: center;
}

.special-sample-dialog table,
.module-dialog table {
    margin-bottom: 20px;
}

.module-dialog button {
    margin-left: 30px;
}

.benchmark-dialog {
    text-align: left;
}

.benchmark-dialog input {
    width: 100%;
}

span.fieldset-toggle {
    margin-left: 10px;
    cursor: pointer;
}

/* firmaer styles */
#firmaer a {
    color: #000;
}

input.search-journalists {
    padding: 2px 7px;
    margin-bottom: 5px;
    width: 40%;
    background: transparent url('/gfx/cf/lup-grey-15px.png') 98% 50% no-repeat;
}

button.alphabetize-list,
button.previous-selection {
    float: right;
    background-color: #efefef;
}

button.alphabetize-list.active,
button.previous-selection.active {
    background-color: #bfbfbf;
}

span.alphabetized-medianame {
    display: none;
}

ul.alphabetized span.alphabetized-medianame {
    display: inline;
    font-style: italic;
}

button.add-benchmark {
    float: right;
   margin-top: -0.5em;
}

#new h3 {
    cursor: pointer;
}

p.statement-image {
    margin: -25px 0 0 -15px;
}

#statistics {
    width: 100%;
}

#statistics td {
    padding: .3em;
}

#statistics th {
    background-color: #7f7f7f;
    color: #fff;
    text-align: center;
    padding: .3em;
}

#statistics td.year {
    background-color: #bfbfbf;
    text-align: right;
}

#statistics td.month {
    background-color: #eaeaea;
    text-align: right;
}

#statistics td.numbers {
    text-align: right;
}

#statistics td.page.alternate,
#statistics td.numbers.alternate {
    background-color: #f0f0f0;
}

#statistics td.page.total,
#statistics td.numbers.total {
    background-color: #c0c0c0;
}

div.trafficlight {
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

div.trafficlight.current-year span.previous,
div.trafficlight.current-year img.previous,
div.trafficlight.current-year div.trafficlight-season-heading {
    display: none;
}

div.trafficlight.previous-year span.current,
div.trafficlight.previous-year img.current,
div.trafficlight.previous-year div.trafficlight-season-heading {
    display: none;
}

div.trafficlight .seasons {
    height: 3em;
    padding-top: 1em;
}

.trafficlight .traffic-light-arrow {
    display: none;
    margin: 0 2% 0 0;
    padding: 0;
}

.trafficlight.multi-year .traffic-light-arrow {
    display: block;
}

div.trafficlight.multi-year img.current {
    margin-left: 20%;
    float: left;
}

div.trafficlight.multi-year span.previous
div.trafficlight.multi-year img.previous {
    margin-right: 7%;
    float: right;
    margin-top: 2px;
}

div.trafficlight.multi-year .trafficlight-topscore img.previous {
    margin-top: 4px;
}

.trafficlight-score .placeholder {
    height: 25px;
    width: 25px;
    display: block;
    margin: 0;
    padding: 0;
    clear: none;
}

div.trafficlight-row {
    clear: both;
}

div.trafficlight-row.cap {
    height: 10px; 
}

div.trafficlight-label.own-score {
    font-weight: bold;
    padding-top: 2em;
}

div.trafficlight-label {
    width: 144px;
    margin-right: 5px;
    float: left;
    text-align: right;
}


.trafficlight-season-heading,
div.trafficlight-heading {
    text-align: center;
    float: left;
    width: 145px;
    margin: 5px;
}

div.trafficlight-heading {
    font-weight: bold;
}

div.trafficlight-score,
div.trafficlight-topscore {
    background-color: #000;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    width: 139px;
    float: left;
    margin: 0 5px;
    text-align: center;
}

div.trafficlight-score {
    padding: 10px 0;
}

div.trafficlight-topcap {
    background-color: #000;
    border-top: 3px solid #808080;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 139px;
    float: left;
    margin: 0 5px;
}

div.trafficlight-bottomcap {
    background-color: #000;
    border-bottom: 3px solid #808080;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 139px;
    float: left;
    margin: 0 5px;
}

div.trafficlight-topscore {
    border-radius: 10px;
    border: 3px solid #808080;
    padding: 10px 0;
}


div.trafficlight-row.body-score div.trafficlight-label {
    padding-top: 1.3em;
}

.trafficlight-season-heading .current {
    float: left;
    margin-left: 21%;
}

.trafficlight-season-heading .previous {
    float: right;
    margin-right: 22%;
}

.trafficlight #chart-legend {
    position: absolute;
    right: 0;
    width: 119px;
    top: 4em;
}

div.trafficlight {
    margin: 0 auto;
    margin-top: 30px;
    position: relative;
}

.benchmark-container {
    max-height: 0;
    overflow: hidden;
}

.trafficlight-row.seasons .trafficlight-label {
    text-decoration: underline;
    cursor: pointer;
}

.trafficlight-row.seasons .trafficlight-label:hover {
    color: #009ee0;
}

div.trafficlight.current-year span.previous,
div.trafficlight.current-year img.previous,
div.trafficlight.current-year div.trafficlight-season-heading {
    display: none;
}

div.trafficlight.previous-year span.current,
div.trafficlight.previous-year img.current,
div.trafficlight.previous-year div.trafficlight-season-heading {
    display: none;
}

div.trafficlight .seasons {
    height: 3em;
    padding-top: 1em;
}

.trafficlight .traffic-light-arrow {
    display: none;
    margin: 0 2% 0 0;
    padding: 0;
}

.trafficlight.multi-year .traffic-light-arrow {
    display: block;
}

div.trafficlight.multi-year img.current {
    margin-left: 20%;
    float: left;
}

div.trafficlight.multi-year span.previous
div.trafficlight.multi-year img.previous {
    margin-right: 7%;
    float: right;
    margin-top: 2px;
}

div.trafficlight.multi-year .trafficlight-topscore img.previous {
    margin-top: 4px;
}

.trafficlight-score .placeholder {
    height: 25px;
    width: 25px;
    display: block;
    margin: 0;
    padding: 0;
    clear: none;
}

div.trafficlight-row {
    clear: both;
}

div.trafficlight-row.cap {
    height: 10px; 
}

div.trafficlight-label.own-score {
    font-weight: bold;
    padding-top: 2em;
}

div.trafficlight-label {
    width: 144px;
    margin-right: 5px;
    float: left;
    text-align: right;
}


.trafficlight-season-heading,
div.trafficlight-heading {
    text-align: center;
    float: left;
    width: 145px;
    margin: 5px;
}

div.trafficlight-heading {
    font-weight: bold;
}

div.trafficlight-score,
div.trafficlight-topscore {
    background-color: #000;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    width: 139px;
    float: left;
    margin: 0 5px;
    text-align: center;
}

div.trafficlight-score {
    padding: 10px 0;
}

div.trafficlight-topcap {
    background-color: #000;
    border-top: 3px solid #808080;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 139px;
    float: left;
    margin: 0 5px;
}

div.trafficlight-bottomcap {
    background-color: #000;
    border-bottom: 3px solid #808080;
    border-left: 3px solid #808080;
    border-right: 3px solid #808080;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 139px;
    float: left;
    margin: 0 5px;
}

div.trafficlight-topscore {
    border-radius: 10px;
    border: 3px solid #808080;
    padding: 10px 0;
}


div.trafficlight-row.body-score div.trafficlight-label {
    padding-top: 1.3em;
    height: 1px;
}

.trafficlight-season-heading .current {
    float: left;
    margin-left: 21%;
}

.trafficlight-season-heading .previous {
    float: right;
    margin-right: 22%;
}

.trafficlight #chart-legend {
    position: absolute;
    right: 0;
    width: 119px;
    top: 4em;
}

/* data entry flow */
#data-entry-flow .aa-accordion-header {
    margin: 0;
    border-bottom: 1px solid #bfbfbf;
}

#data-entry-flow .aa-accordion-panel {
    overflow: hidden;
    position: relative;
}

#data-entry-flow .navigate {
    position: absolute;
    bottom: 0.66em;
}

#data-entry-flow .forward {
    right: 1em;
}

#data-entry-flow .backward {
    left: 1em;
}

#data-entry-flow .panel-closed {
    height: 0;
}

#data-entry-flow .panel-inactive {
    opacity: 0.5;
}

#data-entry-flow input:invalid {
    box-shadow: 0 0 5px rgba(200, 0, 0, 1);
}

.navigation {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    height: 3em;
    position: absolute;
    width: 100%;
}

#data-entry-flow button.finalize {
    visibility: hidden;
}

.block-label {
    display: inline-block;
    min-width: 7em;
}

.numeric-input {
    text-align: right;
    width: 10em;
}