@media screen {
    body {
        text-align: center;
        margin: 0 auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: black;
    }

    .subform {
        padding: 1.5em 1.5em 1.5em 1.5em;
        border: thin solid #CCCCCC;
    }

    .ok-box {
        background-color: rgba(62, 204, 57, 0.66);
        border: solid 1px green;
        padding: 1em 1em 1em 1em;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    .error-box {
        background-color: rgba(255, 68, 63, 0.56);
        border: solid 1px #9e0000;
        padding: 1em 1em 1em 1em;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    #hovedmenu {

    }

    img {
        border: 0;
    }

    #quicksearch {
        height: 28px;
        margin: 1px;
        padding: 0;
        position: absolute;
        left: 250px;
    }

    #content {
        text-align: left;
        background-color: white;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: black;
    }

    #top-logo {
        height: 28px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }

    #top-logo-right {
        /*position: absolute;*/
        /*right: 10px;*/
        /*top: 0px;*/
    }

    #top-separator {
        color: #000000;
        background-color: #000000;
        height: 1px;
        width: 100%;
    }

    .breadcrumb {
        color: #990000;
        padding-top: 16px;
        padding-bottom: 3px;
    }

    .sysadmmsg {
        color: #aa0000;
    }

    /*
    #breadcrumb a:link, #breadcrumb a:link {
       color:inherit;
    }
    */
    #userinfo {
        text-align: right;
        color: #990000;
        float: right;
    }

    #signout {
        color: #000;
    }

    #systemid {
        text-align: right;
        color: #990000;
        float: right;
        padding-right: 20px;
    }

    #content H1 {
        font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
        font-size: 20px;
        color: #666666;
        margin-bottom: 4px;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #CCCCCC;
        padding-bottom: 3px;
        font-weight: normal;
        margin-top: 5px;
        padding-top: 10px;
    }

    #content H2 {
        font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #666666;
        margin-bottom: 4px;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        padding-bottom: 3px;
        font-weight: normal;
        margin-top: 5px;
        padding-top: 14px;
    }

    #content H3 {
        font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
        font-size: 12px;
        color: #666666;
        margin-bottom: 4px;
        width: 100%;
        border-bottom-width: 1px;
        border-bottom-style: inset;
        border-bottom-color: #CCCCCC;
        padding-bottom: 3px;
        font-weight: normal;
        margin-top: 0;
        padding-top: 12px;
    }

    .command {
        color: #990000;
        font-size: 12px;
        cursor: pointer;
    }

    ul.command {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        padding-top: 6px;
        padding-bottom: 5px;
    }

    ul.command li {
        display: inline;
    }

    ul.command a {
        margin-left: 0;
        border: 1px solid #D9D9D9;
        border-left: 4px solid #335B8A;
        padding: 1px 5px 1px 5px;
        margin-right: 5px;
        background-color: #C7DDF2;
        color: #335B8A
    }

    .indented {
        width: 100%;
        margin-left: 20px;
    }

    a:link, a:visited {
        text-decoration: none;
        color: inherit;
    }

    a.substitutionLink, a.substitutionLink:visited {
        text-decoration: underline;
        color: inherit;
    }

    a:hover {
        text-decoration: underline;
        /*
        color: #666666;
        background-color:#CCFF00;
        */
    }

    ul.menu li {
        padding-bottom: 5px;
    }

    ul.templateeditor li {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    td {
        vertical-align: top;
    }

    div.error {
        color: #ff0000;
    }

    div.equal {
        color: #007700;
    }

    div.notequal {
        color: #770000;
    }

    table.majotesi-form {
        margin-top: 10px;
        border-collapse: collapse;
    }

    table.majotesi-form tr {
        /*
        border-top: 1px solid;
        border-bottom: 1px solid;
        */
    }

    table.majotesi-form td {
        /* border-left: 1px solid;
     border-right: 1px solid; */
        padding-left: 2px;
        padding-right: 2px;
    }

    #orderlines table {
        margin-top: 15px;
        border-collapse: collapse;
        width: 100%;
    }

    #orderlines tr.edit-order-before-orderline {
        border-top: 1px solid #cecece;
    }

    #orderlines tr.edit-order-before-orderline td {
        border-top: 1px solid #cecece;
    }

    #orderlines tr.edit-order-totalline {
        border-top: 1px solid #cecece;
        border-bottom: 3px double;
    }

    #orderlines tr.edit-order-totalline th, #orderlines tr.edit-order-totalline td {
        border-top: 1px solid #cecece;
        border-bottom: 3px double;
    }

    #orderlines td {
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #searchResult {
        margin-top: 10px;
        border-collapse: collapse;
        width: 100%;
    }

    #searchResult thead tr {
        border-bottom: 1px solid black;
    }

    #searchResult tbody tr {
        cursor: pointer;
    }

    #searchResult th, #searchResult td {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #newOrderLineLinks {
        margin-top: 10px;
        border-collapse: collapse;
        width: 100%;
        margin-bottom: 5px;
    }

    #newOrderLineLinks td {
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .hilite {
        color: blue;
    }

    .pricegroup {
        border: 1px solid black;
        background-color: gainsboro;
        width: 100%;
    }

    .pricegroupSeparator {
        width: 110px;
    }

    /* Side by side table */
    table.side-by-side {
        border: 1px solid #666666;
    }

    table.side-by-side thead tr th {
        font-family: "lucida grande", verdana, sans-serif;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
        text-align: center;
    }

    table.side-by-side tbody tr td {
        font-family: "lucida grande", verdana, sans-serif;
        font-size: 8pt;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
    }

    tr.even td {
        background-color: #ffffff;
    }

    tr.odd td {
        background-color: #edf3fe;
    }

    .thtab {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: black;
        background-color: #edf3fe;
        padding: 5px 5px 2px 5px;

    }

    .thtabselected {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: black;
        background-color: #bdc3ce;
        font-weight: bold;
        padding: 5px 5px 2px 5px;
    }

    .topHeaderPanel {

        background: #143c8a !important;
        padding: 0px !important;
        border: none !important;
        color: #143c8a;
    }

    .topHeaderPanel div {
        height: 40px;
        color: ghostwhite !important;
        line-height: 1.3 !important;

        font-weight: bolder;
        vertical-align: middle;
        font-family: sans-serif /*{global-font-family}*/ !important;
        font-size: 16px !important;
        padding: 0px !important;
    }
    #headerLogo {
        float: left;
        border-right: 2px solid white !important;
        /*padding-right: 3px;*/

        /*color: #002E83;*/

    }
    #header ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #header li {
        float: left;
        border: 1px solid #bbb;
        border-bottom-width: 0;
        margin: 0;
        white-space: nowrap;
    }

    #header a {
        text-decoration: none;
        display: block;
        background: #eee;
        padding: 1em 1em 1em 1em;
        color: #00c;
        text-align: center;
        white-space: nowrap;
    }

    #header a:hover {
        background: #ddf;
    }

    #header #selected {
        border-color: black;
    }

    #header #selected a {
        position: relative;
        top: 1px;
        background: white;
        color: black;
        font-weight: bold;
        white-space: nowrap;
    }

    #collectorcontent {
        border: 1px solid black;
        clear: both;
        padding: 0 1em;
    }

    .jhproperties_th {
        font-family: "lucida grande", verdana, sans-serif;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
        text-align: center;
        border-bottom: 1px solid black;
    }

    .jhproperties_td_even {
        font-family: "lucida grande", verdana, sans-serif;
        font-size: 8pt;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
        background-color: #ffffff;
        color: black;
        vertical-align: top;
    }

    .jhproperties_td_odd {
        font-family: "lucida grande", verdana, sans-serif;
        font-size: 8pt;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
        background-color: #edf3fe;
        color: black;
        vertical-align: top;
    }

    div.textpre {
        border: 1px solid #666666;
        margin: 0;
        padding: 0;
        font-family: verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
    }

    /*
    input[readonly] {
       border: 1px solid #7f9db9;
       background-color: #ebebe4 ;
    }
    */
    /** Hack for msie */
    .majotesireadonly {
        border: 1px solid #7f9db9;
        background-color: #ebebe4;
    }

    .out-of-date {
        background-color: yellow;
    }

    tr.even td.not-equal {
        background-color: #ffe0e0;
    }

    tr.odd td.not-equal {
        background-color: #ffc0c0;
    }

    .modified-value {
        background-color: yellow;
    }

    table.statuscodes {
        border: 1px solid #666666;
        border-collapse: collapse;
    }

    table.statuscodes td {
        text-align: center;
        font-family: "lucida grande", verdana, sans-serif;
        font-size: 8pt;
        padding: 2px 5px;
        border-left: 1px solid #D9D9D9;
    }

    /* Majotesi tables*/
    table.majotesi-table {
        border: 1px solid #666666;
    }

    table.majotesi-table thead tr th {
        font-family: "lucida grande", verdana, sans-serif;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
        text-align: center;
    }

    table.majotesi-table tbody tr td {
        font-family: "lucida grande", verdana, sans-serif;
        font-size: 8pt;
        padding: 3px 8px;
        border-left: 1px solid #D9D9D9;
    }

    tr.majotesi-even td {
        background-color: #ffffff;
    }

    tr.majotesi-odd td {
        background-color: #edf3fe;
    }

    table.majotesi-table thead tr th input.majotesi-dosearch {
        width: 30px;
    }

    table.majotesi-table thead tr th img {
        vertical-align: middle;
    }

    table.majotesi-table thead tr th.majotesi-stat {
        text-align: right;
    }

    table.majotesi-table thead tr th input {
        background: #edf3fe;
        border: 1px solid #666666;
        margin: 1px;
    }

    table.majotesi-table thead tr th select {
        background: #edf3fe;
        border: 1px solid #666666;
        margin: 1px;
    }

    input.majotesi-table-filter {
        width: 100%;
    }

    .majotesi-list-button {
        background-color: #edf3fe;
        border: 1px solid #666666;
    }

    .majotesi-superscript {

    }

    .majotesi-multiselect {
        float: left;
    }

    .majotesi-multiselect-list {
        float: left;
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

    /* jQuery.ui.datepicker */
    .embed + img {
        position: relative;
        left: -21px;
        top: -1px;
    }

    /* Collector stuff */
    #content .collector-section h3 {
        color: #666666;
        width: 100%;
        font-weight: bold;

        margin-top: 10px;
        border-top-width: 1px;
        border-top-style: dotted;
        border-top-color: #CCCCCC;
        padding-top: 3px;

        padding-bottom: 3px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #CCCCCC;
        margin-bottom: 4px;

    }

    .help {
        padding: 5px 5px 5px 5px;
        border: solid black 1px;
        background-color: #edf3fe;
    }

    .noBorderPanel tr, .noBorderPanel td {
        border: none !important;
        border-collapse: inherit !important;
    }

    .archivedEmailTable{
        cursor: pointer;
    }
    .section{
        padding: 10px;
    }
    .attachElement{
        border-bottom: 1px solid #888888;
    }


    .formLabel {
        font-weight: bold;
    }
    .attachList .ui-datalist-content{
        border:none !important;
    }

    .centered{
        margin:auto !important;
    }
    /*
    JSF no border styles.
     */
    .noBorder tr.ui-widget-content,
    .noBorder tr.ui-panelgrid-even,
    .noBorder tr.ui-panelgrid-odd {
        border: none !important;
    }

    .noBorder tr td.ui-panelgrid-cell {
        border: none;
        border-width: 0 !important;
        vertical-align: top;
    }
    .noBorder{
        border: none !important;
    }

    .noBorder tr {
        border: none !important;
    }

    .noBorder tr td {
        border: none !important;
        vertical-align: top;
    }

    /* End JSF no border styles.*/

    /*The login form START*/
    .loginFormCenterPoint {
        top: 50%;
        left: 50%;
        position: absolute;
    }
    .loginForm{
        position: relative;
        width: 360px;
    /*    margin-left: -215px;*/
        height: 220px;
        border: 1px solid #A0A0A0;
        -moz-box-shadow: 0 1px 20px 5px #808080;
        -webkit-box-shadow: 0 1px 20px 5px #808080;
        box-shadow: 0 1px 20px 5px #808080;
        margin: auto auto;
        margin-top: 105px;
    }
    .loginForm table{
        margin: 15px auto auto;
    }
    /* The login form END */


    /* Catalog summary table */
    .catalogSummaryTable{
        margin: auto;
        width: 450px;
    }
    .catalogSummaryTable .flagColumn{
        width: 24px;
    }

    .catalogSummaryTable .currencyColumn{
        width: 70px;
    }
    .catalogSummaryTable .timestampColumn{
        width: 130px;
    }
    /* Catalog summary table END*/

    /* Menu bar*/
    .menuBar{
        padding: 0;
    }
    /* Menu bar END*/


    /*
        Catalog search
     */

    .ui-selectlistbox-item{
        border: 1px solid transparent !important;
    }
    /* Catalog Search END*/


    /* Article shop view*/
    .singleproduct-container{
        padding: 5px;
        /*   width: 140px;
         /* height: 255px;
            margin-left: 20px;
            margin-bottom: 15px;*/
        background-color: #E9EFF7;
        margin:auto;
        display: block;
    }

    .singleproduct-container > .article-thumbnail{
        border: 1px solid rgb(51, 91, 138);
        margin: auto auto 15px;
    }
    .singleproduct-container > .singleproduct-section{
        display: block;
        margin-top: 5px;
    }
    .singleproduct-container > .sap-title{
        display: block;
        margin-top: 5px;
        height: 50px;
    }
    .singleproduct-container > form.singleproduct-thumpNail-form{
        text-align: center;
    }
    .singleproduct-container > .article-id{
        font-weight: bold;
        padding-top: 5px;
    }

    .singleproduct-container span{
        padding-top: 5px;
    }
    .singleproduct-container > .singleproduct-price{
        background-color: #BEDDF4;
        color: #335B8A;
        padding: 3px;
    }
    .singleproduct-container > .singleproduct-orderstatus{
        font-weight: bold;
        text-align: center;
    }
    .singleproduct-orderstatus {
        font-weight: bold;
        text-align: center;
    }
    .basket-quantity-input{
      width: 3em;
    }
    .basket-cart-image{
        margin-left: 5px;
        height: 20px;
        width: 20px;
        vertical-align: middle;
    }
    .basket-remove-line-image{
        vertical-align: middle;
        margin-left: 5px;
    }
    .uploadbasket-status-image{
        width: 20px;
        vertical-align: middle;
        margin-left: 5px;
    }
/* END article shop view */

    /* basket summary in header */
    .basketSummaryContainer{
        float:right;
        color: white;
    }
    .header-cart-image{
        float:right;
        margin-left: 15px;
    }

    .basketSummaryContainer form{
        padding-right: 20px;

    }

    .basketSummaryContainer{
        text-align: left;
    }
    .basketSummaryContainer form a {
        color: white;
        font-size: small ;
    }
    .header-catalog-name{
        color: white;
        font-size: small;
    }

    /* basket summary in header END */


    /* basket view start */
    .basketViewWrapper{
        margin: auto;

    }

    .basket-view-page-feature-form{
        margin-bottom: 15px !important;
    }
    .basket-view-page-feature-form > div{
        min-width: 760px;
        min-height:310px;
    }
    .center-text{
        text-align: center;
    }

    .right-text{
        text-align: right;
    }

    /* basket view END */


    .ui-tabmenu .ui-tabmenu-nav{
        padding: 0 !important;
    }
    .price-change-message{
        font-weight: bold;
    }

    div.articleDisplayContentRight{
        width: 75%;
    }

    div.articleDisplayContentLeft{
        width: 25%;
    }

    h2{
        font-size: 1.2em;
        color: #335B8A;
    }

    /*Template list START*/
    .template-list-button-row button{
        margin-right: 8px !important;
    }
    /*Template list END*/

    .thumbnail-image{
        height: 50px;
        width: 50px;
    }
    .data-table-row, .data-table-row td{
        vertical-align: middle;
    }
    .articlefieldheader {
        font-weight: bold;
        color: #4d4d4d;
        padding-left: 38px;
    }

    .not-for-sale,
    .not-for-sale .articlefieldheader {
        color: red;
    }

    div.ui-tabmenu > ul.ui-widget-header{
        border: none;
    }
    div.ui-tabmenu > ul.ui-widget-header{
        line-height: 0.8;
    }

    div.article-product-detail-list{
        line-height: 1.5em;
    }

    .salesOrderList-item-column{
        width: 45px;
        text-align: right;
    }

    .salesOrderList-articleNo-column{
        width: 50px;
        text-align: right;
    }

    .salesOrderList-description-column{
        width: auto;
    }

    .salesOrderList-reqQuantity-column{
        width: 80px;
        text-align: right;
    }

    .salesOrderList-dlvQuantity-column{
        width: 80px;
        text-align: right;
    }

    .salesOrderList-netPrice-column{
        width: 55px;
        text-align: right;
    }

    .salesOrderList-totalPrice-column{
        width: 55px;
        text-align: right;
    }

    .salesOrderList-totalWeight-column{
        width: 80px;
        text-align: right;
    }

    .salesOrderList-totalVolume-column{
        width: 80px;
        text-align: right;
    }

    .salesOrderList-currency-column{
        width: 50px;
        text-align: left;
    }

    .salesOrderList-unit-column{
        width: 50px;
        text-align: left;
    }

    .salesOrderList-plant-column{
        width: 40px;
        text-align: left;
    }

    .salesOrderList-status-column{
        width: 110px;
        text-align: left;
    }

    .salesOrderList-pickUp-column{
        width: 155px;
        text-align: left;
    }

    div.contentDiv{
        margin: auto;
        width: 1100px;
    }

    .bottomed{
        vertical-align: bottom;
    }


    /*WALL MESSAGE START*/
    .wall-message-container{
        width: 600px;
        text-align: center;
        margin: auto auto 10px;
        font-size: large;
        font-weight: bold;
        border: solid 2px darkgrey;
        padding: 15px;
    }
    /*WALL MESSAGE END*/


    /* templateListView START */
    .templateListView-totalVolumen-column{
        width: 75px;
        text-align: right;
    }

    .templateListView-totalPrice-column{
        width: 95px;
        text-align: right;
    }

    .templateListView-linesCount-column{
        width: 40px;
        text-align: right;
    }

    .templateListView-id-column{
        width: 35px;
        text-align: right;
    }

    .templateListView-createdTime-column{
        width: 100px;
        text-align: center;
    }

    .templateListView-buttons-column{
        width: 335px;
    }
    /* templateListView END */


    /* templateView START */
    .templateView-active-column{
        width: 35px;
        text-align: center;
    }

    .templateView-quantity-column{
        width: 60px;
        text-align: right;
    }

    .templateView-image-column{
        width: 100px;
        text-align: center;
    }

    .templateView-colli-column{
        width: 40px;
        text-align: right;
    }

    .templateView-article-column{
        width: 50px;
        text-align: center;
    }
    /* templateView END */


    /* basketView START */
    .basketView-quantity-column{
        width: 130px;
        text-align: left;
    }

    .basketView-image-column{
        width: 100px;
        text-align: center;
    }

    .basketView-colli-column{
        width: 60px;
        text-align: center;
    }

    .basketView-rounding-column{
        width: 100px;
        text-align: center;
    }

    .basketView-article-column{
        width: 60px;
        text-align: center;
    }

    .basketView-origin-column{
        width: 50px;
        text-align: center;
    }

    .basketView-weight-column{
        width: 80px;
        text-align: right;
    }

    .basketView-volumen-column{
        width: 80px;
        text-align: right;
    }

    .basketView-unitPrice-column{
        width: 80px;
        text-align: right;
    }

    .basketView-totalWeight-column{
        width: 80px;
        text-align: right;
    }

    .basketView-totalVolume-column{
        width: 80px;
        text-align: right;
    }

    .basketView-totalPrice-column{
        width: 80px;
        text-align: right;
    }

    /* basketView END */

    .basket-view-info-box-wrapper{
        margin-bottom: 25px;
        min-width: 560px;
        min-height:350px;
    }

    .basketUpdateListener{
        margin-bottom: 25px;
    }

    .ui-datatable-odd {
        background: #ffffff;
    }

    .ui-datatable-even {
        background: #ffffff;
    }
    
    td.efu1column{
        width: 25% !important;
    }

    td.efu2column{
        width: 75% !important;
    }

    .groupTreeColumn{
        width: 275px;
    }

    .contentColumn{
    }

    form.shopTree > .ui-widget{
        font-size: 1.4em;
    }

    form.shopTree > span.ui-icon-triangle-1-e{
        width: 18px;
        height:18px;
    }
    .progressBarIndeterminate .ui-progressbar-value{
        background: transparent !important;
        background-image: url('/static/images/progress-bar-anim.gif') !important;
    }

    .ui-widget-content.highlighted-table-row{
        background-color: #fced78;
    }

    .ui-widget-content.credit-blocked-table-row {
        background-color: #d86765;
        color: ghostwhite;
    }

    a.ui-lightbox-nav-left, a.ui-lightbox-nav-right{
        display: none !important;
    }

    .ui-breadcrumb {
        background: none !important;
        border: none !important;
        padding-top: 0 !important;
        padding-bottom: 15px !important;
        font-size: 13px !important;
    }

    .ui-messages-error-icon {
        background-position: -100px -100px;
        width: 0 !important;
    }

    .ui-messages-error ul {
        margin-left: 5px;
    }

    .ui-selectonemenu-panel {
        text-align: left;
    }

    div.salesOrganisations table.ui-selectlistbox-list tr td:first-child {
        width: 25px;
    }
    div.salesOrganisations table.ui-selectlistbox-list tr td:last-child {
        padding-top: 4px;
    }
}