@import url('/templates/default/inc-files/css/table-bootstrap.css');

@media screen
{
    /* END balansekonomi.se styles */
    body{ }
    a{ color:#70ab4c;text-decoration: none;}
    a:hover{color:#427921; }
    .green{ color:#70ab4c;text-decoration: none;}
    .green:hover{color:#427921; }
    .black{ color:#272727;text-decoration: none;}
    .black:hover{color:#C0C0C0; }
    .orange{ color:#f27200;text-decoration: none;}
    .orange:hover{color:#d27200; }

    h1,h2,h3,p,td,li{color:#272727;}

    h1{font-family:garamond;font-style:italic;font-size:34px;}
    h2{font-family:garamond;font-size:22px;}
    h3{font-family:garamond;font-size:18px;}

    #pageWrapper{ width:998px;margin:auto; }

    #topMenu ul{list-style:none;margin:0;padding:0;}
    #topMenu ul li{display:inline;margin-right:20px;font-family:garamond,arial;color:#909090;font-size:13px;;}
    #topMenu ul li a{color:#909090;text-transform:uppercase}
    #topMenu ul li a:hover{color:#000000;}
    #topMenu ul li a.selected{font-weight:900;color:#000000;}

    #selectedSubMenu ul{list-style:none;margin:0;padding:0;}
    #selectedSubMenu ul li{display:inline;margin-right:20px;font-family:garamond,arial;font-size:12px;text-transform:uppercase;color:#909090}
    #selectedSubMenu ul li a{color:#909090;font-size:12px;text-transform:uppercase;}
    #selectedSubMenu ul li a:hover{color:#000000;}
    #selectedSubMenu ul li a.selected{font-weight:900;color:black;}


    .bredbalk_top{width:965px;background:url("https://s3-eu-west-1.amazonaws.com/balansbladet-cdn/templates/default/images/bredbalk-top.png") no-repeat top left;height:10px;}
    .bredbalk_middle{;width:965px;background:url("https://s3-eu-west-1.amazonaws.com/balansbladet-cdn/templates/default/images/bredbalk-middle.png");}
    .bredbalk_content{ padding:20px 50px 60px 50px;}
    .bredbalk_bottom{width:965px;background:url("https://s3-eu-west-1.amazonaws.com/balansbladet-cdn/templates/default/images/bredbalk-bottom.png") no-repeat bottom left;height:10px;}

    .bredbalk_content p , .bredbalk_content blockquote { max-width:600px;}
    .bredbalk_content li { max-width:600px;margin-bottom:10px;}

    .flik{height:70px;width:245px;background:url('https://s3-eu-west-1.amazonaws.com/balansbladet-cdn/templates/default/images/flik.png');padding:30px 30px 30px 40px;text-align:center;}
    .flik a{font-family: arial;font-size:28px;line-height:30px;}

    /* END balansekonomi.se styles */


    td.submit{text-align:right;}
    td.lbl{border:0;font-weight:900;}
    td.field{border:0;}
    table td{ padding:2px;position: relative;}
    table.border td{border:1px solid black;}

    .form_section{margin-bottom:15px;}

    /* Form elements */
    select, input{padding:2px;}
    input[type=text]{width:80%;font-size:15px;padding:3px;}
    input[type=password]{width:80%;font-size:15px;padding:3px;}
    input.submit_element{padding:3px 9px 3px 9px;}
    select{width:81%;}
    textarea{width:80%;font-size:100%;font-family:arial;}

    .content{padding-bottom:50px;}
    .content ul{margin-left:25px;}

    .right_menu{float:right;background:white;width:252px;margin-top:1px;padding:10px;}
    .right_menu ul{list-style:square;margin-left:20px;}
    .right_menu h3{margin-top:15px;}

    .reportTable td{padding:0px;}
    .tdright{text-align:right!important;}
    .sumborder{border-top:1px solid gray;border-bottom:2px solid gray;padding:0; }
    .border-left{border-left: 1px solid gray;}
    .dashedborder{border-top:1px dashed gray;border-bottom:1px dashed gray;padding:0; }
    .bordertop{border-top:1px solid gray;}
    .borderbottom{border-bottom:1px solid gray;}
    .bordertb{border-top:1px solid gray;border-bottom:1px solid gray;}

    div.hr{width:100%;border-top:1px dashed gray;margin:20px 0px 20px 0px;;padding:0;display:block;clear:both;}

    h1 span{font-weight:100;font-size:50%;letter-spacing:normal;}

    h2{font-size:24px;border-bottom:1px solid #e8e8e8;margin-top:25px;margin-bottom:20px;}
    h2 span{font-weight:100;font-size:70%;}

    h3{margin-top:20px;margin-bottom:5px;}
    h3 span{font-weight:100;font-size:90%;}

    p, li{ line-height:20px; }
    .right_menu h2{margin-top:0;}

    .expense{color:#ff7f7f;}
    .tr_hover_on{background:#f5ffef;}
    .tr_hover_off{background:white;}

    .tabWrapper{ height:18px;padding-bottom:4px;border-bottom:1px solid black; }
    .tabWrapper ul{ list-style:none;margin:0px;padding:0px 10px 0px 5px;}
    .tabWrapper ul li{display:inline;position:relative;top:2px;margin:0px;padding:0;}
    .tabWrapper ul li a{ font-size:12px;font-weight:100;padding:2px 10px 2px 10px;background:#f2f2f2;border: 1px solid #000;color:#6E6E6E; text-decoration:none;}
    .tabWrapper ul li a.selected{background:#FFFFFF;border-bottom-color:#FFFFFF;font-weight:900;color:#000000;}
    .tabWrapper ul li a.selected:hover{color:#000000;}
    .tabWrapper ul li a:hover{color:#000000;}

    .date-picker-button {
        background: transparent url(images/date_picker_button.png) no-repeat;
        text-indent: -9999px;
        height: 24px;
        width: 24px;
        margin: 0px;
        padding: 0px;
        border: 0;
        }



    .rowColor0{background:#ffffff;}
    .rowColor1{background:#fafdf8;}
    .rowColorSelected{background:#ffe4bd;}

    .success a{ color:#0000bb; }
    .success a:hover{ color:#C0C0C0; }
    .notice a{ color:#003399; }
    .notice a:hover{ color:#000000; }
    .error a{ color:#70ab4c; }
    .error a:hover{ color:#000000; }

    .qf_error{color:#b10004;}
    input.qf_element_error , select.qf_element_error, textarea.qf_element_error{ background:#ffeded;border:1px solid #b10004;}

    .arrow_list{list-style:none!important;}
    .arrow_list li{background: url("/templates/default/images/li_bullet.gif") 0 0 no-repeat !important; line-height: normal; padding: 0 0 5px 16px !important;}

    .onlyinprint{display:none;}
    .negative{color:red;}
    .aright{text-align:right;}

    .loginFormInput{font-size:80%!important;width:140px!important;border: 1px solid #aaaacc!important;padding:0!important;margin:0!important;}

    ul, ol {
        margin: 0px 0px 10px 30px;
        padding-top:0px;
    }

    li ul, li ol, ul ul, ol ol, dl dd {
        margin-bottom: 0px;
        margin-left: 0px;
        margin-top: 0px;
    }

    optgroup{font-weight:900;}

    .cupid-green {
      background-color: #7fbf4d;
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
      background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
      background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
      background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
      background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
      background-image: linear-gradient(top, #7fbf4d, #63a62f);
      border: 1px solid #63a62f;
      border-bottom: 1px solid #5b992b;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
      box-shadow: inset 0 1px 0 0 #96ca6d;
      color: #fff;
      font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
      padding: 7px 14px 8px 14px;
      text-align: center;
      text-shadow: 0 -1px 0 #4c9021; }
      .cupid-green:hover {
        background-color: #76b347;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
        background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
        background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
        background-image: linear-gradient(top, #76b347, #5e9e2e);
        -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
        box-shadow: inset 0 1px 0 0 #8dbf67;
        cursor: pointer; }
        .cupid-green:active {
        border: 1px solid #5b992b;
        border-bottom: 1px solid #538c27;
        -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
        box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }

      /**********************************************************
    * Messages
    */

    /**
     * Messages
     */
    .message {
        -o-border-radius: 2px;
        -ms-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -o-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        -ms-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
        box-shadow:inset 0 1 0 rgba(255,255,255,0.5);
        margin-bottom: 10px;
        padding: 10px 20px;
        position:relative;
        zoom: 1;
        width:80%;
        }
        .message h3 {
            margin-top: 0;
            font-size: 24px;
            font-weight: bold;
            margin-bottom:10px;
            padding-bottom:0;
            }
        .message p {
            margin-bottom: 10px;
            margin-top:0;
            padding-top:0;
            }
        .message a {
            color: #ff4200;
            }

    .message.info {
        border: 1px solid #cadcea;
        background-color: #cdf;
        background-image: -o-linear-gradient(top,  #eef,  #cdf);
        background-image: -ms-linear-gradient(top,  #eef,  #cdf);
        background-image: -moz-linear-gradient(top,  #eef,  #cdf);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#eef), to(#cdf));
        background-image: -webkit-linear-gradient(top,  #eef,  #cdf);
        background-image: linear-gradient(top,  #eef,  #cdf);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEFF', endColorstr='#CCDDFF');
        color: #225b86;
        text-shadow: 0 1px 1px #fff;
        }

    .message.error {
        border: 1px solid #eeb7ba;
        background-color: #fae2e2;
        background-image: -o-linear-gradient(top,  #fae2e2,  #f2cacb);
        background-image: -ms-linear-gradient(top,  #fae2e2,  #f2cacb);
        background-image: -moz-linear-gradient(top,  #fae2e2,  #f2cacb);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fae2e2), to(#f2cacb));
        background-image: -webkit-linear-gradient(top,  #fae2e2,  #f2cacb);
        background-image: linear-gradient(top,  #fae2e2,  #f2cacb);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae2e2', endColorstr='#f2cacb');
        color: #be4741;
        text-shadow: 0 1px 1px #fff;
        }

    .message.error h3{font-size:160%;color:maroon;}

    .message.success {
        border: 1px solid #b8c97b;
        background-color: #e5edc4;
        background-image: -o-linear-gradient(top,  #e5edc4,  #d9e4ac);
        background-image: -ms-linear-gradient(top,  #e5edc4,  #d9e4ac);
        background-image: -moz-linear-gradient(top,  #e5edc4,  #d9e4ac);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e5edc4), to(#d9e4ac));
        background-image: -webkit-linear-gradient(top,  #e5edc4,  #d9e4ac);
        background-image: linear-gradient(top,  #e5edc4,  #d9e4ac);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5edc4', endColorstr='#d9e4ac');
        color: #3f7227;
        text-shadow: 0 1px 1px #fff;
        }
    .message.success h3{font-size:160%;color:#4C5E0A;}
    .message.success a{color:#0026BD;}
    .message.success a:hover{text-decoration: underline;}

    .message.warning {
        border: 1px solid #e5dbaa;
        background-color: #ffffc0;
        background-image: -o-linear-gradient(top,  #ffffc0,  #f9ee9c);
        background-image: -ms-linear-gradient(top,  #ffffc0,  #f9ee9c);
        background-image: -moz-linear-gradient(top,  #ffffc0,  #f9ee9c);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffc0), to(#f9ee9c));
        background-image: -webkit-linear-gradient(top,  #ffffc0,  #f9ee9c);
        background-image: linear-gradient(top,  #ffffc0,  #f9ee9c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffc0', endColorstr='#f9ee9c');
        color: #6d7829;
        text-shadow: 0 1px 1px #fff;
        }

        .message .message-close {
            cursor:pointer;
            display:block;
            width:30px;
            height:30px;
            position:absolute;
            top:-10px;
            right:-10px;
            zoom:1;
            }

        .message:hover .message-close {
            background:transparent url("/templates/default/inc-files/images/close-icon.png") no-repeat 0 0;
            }



.cupid-red {
  background-color: #ee432e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee432e), color-stop(50%, #c63929), color-stop(50%, #b51700), color-stop(100%, #891100));
  background-image: -webkit-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -moz-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -ms-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: -o-linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  background-image: linear-gradient(top, #ee432e 0%, #c63929 50%, #b51700 50%, #891100 100%);
  border: 1px solid #951100;
  border-radius: 5px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: bold 20px/1 "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 14px 8px 14px;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
   }
  .cupid-red:hover {
    background-color: #f37873;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f37873), color-stop(50%, #db504d), color-stop(50%, #cb0500), color-stop(100%, #a20601));
    background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -moz-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -ms-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: -o-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
    cursor: pointer; }
  .cupid-red:active {
    background-color: #d43c28;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d43c28), color-stop(50%, #ad3224), color-stop(50%, #9c1500), color-stop(100%, #700d00));
    background-image: -webkit-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -ms-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: -o-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    background-image: linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); }

.cupid-gray {
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 8px 0;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  padding: 7px 14px 8px 14px;
  }
  .cupid-gray:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
  .cupid-gray:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

  .form input[type=number],
    .form input[type=text],
    .form input[type=password],
    .form .selector,
    .form textarea,
    .form select{
        padding:8px;width:500px;
        margin-top:3px;
        margin-bottom:5px;
    }
    .form p{margin-bottom:0px;padding-bottom:0px;margin-top:8px;}

    .frozen_html{border-left:5px solid #C0C0C0;padding-left:5px;margin-top:10px;margin-bottom:10px;font-style:italic;width:500px;font-size:120%;}

    .deal_grid{ width:40px!important;display:inline;font-size:11px!important;text-align:right;}
    .deal-grid-year{vertical-align:middle!important;font-weight:900; }
    .text-right{ text-align:right;}
    thead th{background: white; }
    .table{}
    .sumborder2{border-top:1px solid black!important;border-bottom:2px solid gray;padding:0; }
}

@media print{
    h1{font-size:16pt;border-bottom:1px solid gray;margin:25px 0px 20px 0px;}
    h2{font-size:14pt;border-bottom:1px solid gray;margin:20px 0px 10px 0px;}
    h3{font-size:12pt;;margin:10px 0px 5px 0px}

    table{border-collapse:collapse;}
    td{font-size:10px;}
    td.tdright{text-align:right;}
    .sumborder{border-top:1px solid gray;border-bottom:2px solid gray;padding:0; }
    .bordertop{border-top:1px solid gray;}
    .bordertb{border-top:1px solid gray;border-bottom:1px solid gray;}
    .flik{display:none;}
    .noprint{ display:none;}
    a{color:black;text-decoration:none;}
}