@import url("base_dk.css?ver=2.1.8");
@import url("base_se.css?ver=2.1.8");
@import url("base_no.css?ver=2.1.8");
@import url("base_fi.css?ver=2.1.8");

html
{
    height:100%;
    overflow:auto;
}

body
{
    background-color: #ffffff;
    height:100%;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
}

.redversion
{
    color : #EE0000;
}

.redversion a:link
{
    color : #EE0000;
}
.redversionDeleted,
.redversionDeleted a:link
{
    color: white;
    background-color:#5c0000;
}
.redversionDeleted:hover
{
    color: white;
    background-color:#ad0202;
}

p
{
    margin:5px 0px 5px 0px;
}


h1
{
    color: #606060;
    font-size:26px;
    font-weight:bold;
}

h2
{
    color: #606060;
    font-size:24px;
    font-weight:bold;
}
h3
{
    color: #606060;
    font-size:20px;
    font-weight:bold;
}
h4
{
    color: #606060;
    font-size:16px;
    font-weight:bold;
    margin-bottom: 5px;
}
h5
{
    font-size:15px;
    font-weight:bold;
    margin-bottom: 5px;

}

hr.major
{
    margin: 12px 0px 12px 0px;
}

hr.minor
{
    margin: 7px 0px 7px 0px;
}

.ErrorMessage
{
    color:#ff0000;
    font-weight:bolder;
}

.BigHeadline
{
    font-size:26px;
    font-weight:bold;
}

.MediumHeadline
{
    font-size:14px;
    font-weight:bold;
}


.SmallHeadline
{
    color:#666666;
    font-weight:bold;
    font-size:11px;
}

.SmallText
{
    font-size:10px;
}

.comboBox
{
  border: 1px solid #cccccc;
  background-color: white;
}

.comboBoxHover
{
  border: 1px solid #cccccc;
  background-color: white;
}

.comboDropDown
{
  border: 1px solid #cccccc;
  background-color: white;
  padding: 1px;
  padding-right: 0px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.comboItemHover
{
  background-color: #d0e0ff;
}
.comboItemSelected
{
  background-color: #dddddd;
}

.comboItem
{
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
    color:Black;
}

.comboItem a
{
    text-decoration: none;
    color:Black;
}

Input[type="text"].InputFieldError, select.InputFieldError
{
    border:2px solid red;
}
.InputFieldError
{
    border:2px solid red;
}

Input[type="text"]
{
    border:1px solid #cccccc;
}

Input[type="password"]
{
    border:1px solid #cccccc;
}

Input[type="email"]
{
    border:1px solid #cccccc;
}

label
{
    margin-left:3px;
}

.watermarkedInput
{
    color:#999999;
}

fieldset
{
    border:1px solid #cccccc;
    padding:2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

legend
{
    font-size:15px;
    font-weight:bold;
}

TextArea
{
    border:1px solid #cccccc;
    resize:none;
}

div.clr
{
    clear:both;
}


div.BinderRegisterEntry
{
    font-size:16px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    width:90%;

    /*line-height:18px;*/
    padding-bottom: 5px;
    padding-top: 5px;
}

div.BinderRegisterEntryHover
{
    cursor:pointer;
    background-color:#d0e0ff;
}

div.BinderRegisterEntryNoData
{
    color:#aaaaaa;
}

div.BinderRegisterEntryNoData:hover
{
    background-color:#d0e0ff;
}

div.BinderRegisterCheckbox
{
    float:left;
    width:25px;
    height:30px;
    padding:8px 0px 0px 4px;
}


div.Tab
{
    position:relative;
    background-color:#ffffff;
    width:100%;
    /*min-height:30px;*/
    padding:0px 0px 11px 0px;
    border-left:solid 1px #ffffff;
    text-align: center;


    cursor:pointer;
    color:#000000;
    text-decoration:none;
    font-weight:normal;
    font-family: Arial Narrow, Helvetica;
    font-size: 13px;

   background-image:url("../Img/Tabs/itab_bkg.png");

    background-position:bottom right;
}

@media handheld and (max-height:710px)
{
    div.bookshelfViewport
    {
        height:613px;
        z-index: 1;
        overflow-y:hidden;
        overflow-x:auto;
    }
}
@media handheld and (min-height:711px)
{
    div.bookshelfViewport
    {
        height:643px;
        z-index: 1;
        overflow-y:hidden;
        overflow-x:auto;
    }
}
@media not handheld
{
    div.bookshelfViewport
    {
        height:643px;
        z-index: 1;
        overflow-y:hidden;
        overflow-x:auto;
    }
}

div.pageheader
{
    width: 95%;
    padding-top: 3px;
    border-top: 1px solid #D0D0D7;
    border-left: 1px solid #D0D0D7;
    border-right: 1px solid #D0D0D7;
}

div.pageheader td
{
    padding-left:5px;
}
div.centermetest
{
    width:100px;
    height:24px;
     word-wrap: break-word;
       display:table-cell;
    vertical-align:middle;
}

div.TabFirst
{
    padding-top:5px;
}

div.TabLast
{
    background-image:url("../Img/Tabs/itab_lastbkg.png");
    background-position:bottom right;
}

div#BinderTabs a
{
    text-decoration:none;
}

div.Tab:hover
{
    background-color:#D0E0FF;
}

div.TabBeforeActive
{
    background-image:url("../Img/Tabs/itab_beforeactivebkg.png");
    border-left:solid 1px #ffffff;
}

div.TabBeforeActive:hover
{
    background-color:#ffffff;
}
div.TabActive
{
    background-image:url("../Img/Tabs/itab_activebkg.png");
    border-left:solid 1px #ffffff;
}

div.TabActive:hover
{
    background-color:#ffffff;
}
div.TabActiveLast
{
    background-image:url("../Img/Tabs/itab_activelastbkg.png");
    border-left:solid 1px #ffffff;
}

div.TabActiveLast:hover
{
    background-color:#ffffff;
}

.NoData
{
    color: #bbbbbb;
}

div.alert
{
    color: #ff0000;
}
.alert
{
    color: #ff0000;
}

div.warning
{
    color: #ddbb00;
}
.warning
{
    color: #ddbb00;
}
.external
{
    color: #A1C2F0;
}

div.Tab.NoData
{
    color: #999999;
}

.BinderBackContainer
{
    height:574px;
    float:left;
    margin:5px 0px 25px 0px;
    border: none;
    position:relative;
}

.BinderBack
{
    height:574px;
    position:relative;
}

.BinderBackHover
{
    cursor:pointer;
}

.BinderBackContainerDrag
{
    cursor:pointer;
    opacity:0.6;
    filter:alpha(opacity=60);

}

.BinderBackCheckboxContainer
{
    position:absolute;
    height:20px;
    top:300px;
    left:0;
    right:0;
    text-align:center;
}


.BinderBackLogoContainer
{
    position:absolute;
    left:3px;
    width:95%;
    text-align:center;
    overflow:hidden;
    max-height:150px;
}


.BinderLabel
{
    /* background-color:#ffffff; */

    /*position:relative;*/
    font-size: 13px;
    line-height:13px;
    font-family: Arial Narrow, Futura-CondensedMedium, Helvetica;
    word-wrap: hyphenate;
    width:80%;
    left:0px;
    /* margin-right:0px;*/
    text-align:center;
    overflow:hidden;
}




.BinderTopOpen
{
    position:absolute;
    height:33px;
    width:auto;
    top:0px;
    left:3px;
    overflow:hidden;
}
.BinderBackHighlightDisabled
{
    display:none;
    position:absolute;
}
.BinderBackHighlight
{
    position:absolute;
    background-color: #FFFFFF;
    opacity:0.2;
    filter:alpha(opacity=20);
    height:560px;
    width:89%;
    top:6px;
    left:5%;
    overflow:hidden;
    z-index: 1;
}
.HL90
{
    width:93%;
}
.HL45
{ width:95%;}






.BinderTypeLabel
{
    width:auto;
    left:3px;
    font-size: 13px;
    font-family: Arial Narrow, Futura-CondensedMedium, helvetica;
    font-weight: normal;
    /*margin-right:5px;*/
    height:20px;
    /*position:relative;*/

    text-align:center;
}


div.CommandButton
{
    padding:5px 0px 5px 0px;
}

div.HoverPanel
{
    cursor:pointer;
    font-size:16px;
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    width:95%;
    height:30px;
    line-height:30px;
}

div.HoverPanel:hover
{
    background-color:#d0e0ff;
}

.disabledField
{
    color:#606060;
    background-color:#f0f0f0;
}

.disabledImageButton
{
    opacity:0.3;
    filter:alpha(opacity=30);
    cursor:default;
}

.BreadcrumbLink
{
    color:#3546c5;
    text-decoration:none;
}

.BreadcrumbLink:hover
{
    color:#973108;
    text-decoration:underline;
}

.BreadcrumbNolink
{
    color:#777777;
}

/* Search box */
div.searchBox
{
    display:inline-block;
    width:200px;
}
div.searchBoxLeft
{
    height:23px;
    float:left;
    text-align: right;
    width:20px;
    background: url('../Img/Boxes/searchbox_left.gif') no-repeat;
}
div.searchBoxMid
{
    height:23px;
    background: url('../Img/Boxes/searchBoxSprite.png') -22px 0px no-repeat;
    overflow:hidden;
}
div.searchBoxRight
{
    height:23px;
    float:right;
    width:23px;
    background: url('../Img/Boxes/searchbox_right.gif') -4px 0px no-repeat;
}
div.searchBoxMid input
{
    margin-top:4px;
    border:none;
    width:155px;
}
div.searchBoxRight input
{
    margin-top:4px;
    border:none;

}
div.searchBoxLeft input
{
    margin-top:4px;
    border:none;

}
div.searchBoxMid input:focus
{
    outline:none;
}

img.hiddenPic { display:none; }

.cbPressDown
{
    padding : 0px 2px 2px 0px;
}
.cbPressDown:hover
{
    padding : 2px 0px 0px 2px;
}
.cdNoPressDown
{
    padding : 0px 2px 2px 0px;
}

div#UploadQueue
{
    font-weight: bold;
}

.HiddenUploadCancelButton
 {
  display:none!important;
 }

table.normaltable th td
{
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

table.normaltable tr td
{
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
}

td.smallpadding
{
    padding-top:7px;
}
.dialogCss
{
    background-color: transparent;

}
.dialogHeaderCss
{
}
.dtm
{
    position:relative;
    height: 39px;
    background: black url("../Img/Dialog/DialogHeader.png") repeat-x;
    text-align: center;
    line-height: 39px;
    font-size: 18px;
    font-weight: bolder;
    color: White;
    overflow:hidden;
    white-space:nowrap;
    padding-right:24px;
    padding-left:24px;
    text-overflow:ellipsis;
   /* margin-left: 9px;
    margin-right: 9px;*/
    cursor:move;

}
/*Close button*/
.dtm span
{
    position:relative;

}
.dtm a
{
    position:absolute;
    right: 1px;
    top: 0px;

    background: url("../Img/Dialog/close.png");
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 1px;
    line-height: 24px;
    text-decoration: none;
}
.dtm a:hover
{
    background: url("../Img/Dialog/close_hover.png");
}

.dialogContentCss
{
    border-width: 0 5px;
    border-style: solid;
    border-color: #0B2246;
    padding: 10px;
    background: #FFF url("../Img/Dialog/DialogContent.png") repeat-x;
    min-height: 160px;
    font-size: 14px;
    font-weight: bold;
    overflow:auto;


}
.yubico
{
    min-height: 45px;
}

.dtl
{
    width: 9px;
    height:39px;
    background:transparent url("../Img/Dialog/dtl.png");
    float: left;

}
.dtr
{
     width: 9px;
    height:39px;
    background:transparent url("../Img/Dialog/dtr.png");
    float: right;
}
.buttonDiv
{
    position: absolute;
    top: 45px;
    right: 12px;
    /*height: 152px;*/

}


.dialogFooterCss
{
    /*border-bottom: 5px solid #0B2246;*/

}

.dfl
{
    width:9px;
    height: 9px;
    float: left;
    background-image: url("../Img/Dialog/dfl.png");
}
.dfr
{
    width:9px;
    height: 9px;
    float: right;
    background: url("../Img/Dialog/dfr.png");
}
.dfm
{
    height: 9px;
    margin-right: 9px;
    margin-left: 9px;
    background: url("../Img/Dialog/dfm.png") repeat-x;
}
#loginBox
{
    font-size: 13px;
    color: black;
    font-family: 'Arial';
}
#divSavedLogin
{
    font-size: 13px;
}

img.loginControlFlag
{
    margin-left: 3px;
    margin-right: 17px;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}
input.loginControlRB
{
    vertical-align:middle;
}
.StartPageScrollBar
{
  background-image: url(../Img/scroller/scroller_bg.gif);
}

.StartPageScrollGrip
{
  background-image: url(../Img/scroller/scroll_gripBg.gif);
}

.StartPageScrollPopup
{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  height: 23px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.pointer:hover
{
    cursor:pointer;
}
.taskItem
{

    line-height:25px;
    color: #202020;

}

.taskItemDisabled
{
    color:#aaaaaa;

}

.TaskNameHeader
{
    width: 300px;
}
#lblTaskName
{
    float:left; width:260px; overflow:hidden;
}
.DropTarget
{
    border: 3px dashed #0B85A1;
    /* border :2px dashed #0B85A1; */
    /* background-color: #A4E6F5; */
    /* overflow:hidden; */
}

.cleanUp
{
    position:absolute;
    right: 0px;
    top: 0px;

    background: url("../Img/Dialog/close.png");
    width: 24px;
    height: 24px;
    margin-top: 8px;
    margin-right: 1px;
    line-height: 24px;
    text-decoration: none;
}
.cleanUp:hover
{
    background: url("../Img/Dialog/close_hover.png");
}
.BinderLocked
{
    background: url("../Img/Lock.png");
    background-size: 30px;
    background-repeat: no-repeat;
    height: 46px;
    width: 34px;
    position: relative;
    text-align: center;

    bottom: 60px;
}

/*Döljer mötes textboxes*/
#hideMeet {
    display: none;
}

.addthisevent {
    display: none;
}
*.DescriptionDiv {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
}
.LabelDropbackground {
    background-image: url("../Img/Binder/LabelBackground.png");
    background-repeat: repeat-y;

  background-position-x: -1px;
  border: solid 1px #d0d0d0;
  background-size:118px;
  /* Här behöver jag snygga till popouten något.*/
  /*margin:0px 5px 0px 5px;
  padding:0px;*/
}


.SmallDesc
{
    height: 70px;
    -webkit-line-clamp: 5;

}
.LargeDesc
{
    height: 141px;
    -webkit-line-clamp: 10;
}
.Extrainformation {

    height:27px;
    -webkit-line-clamp:2;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow:ellipsis;
    -o-text-overflow:ellipsis;

    padding-bottom:5px; position:relative; top:-5px;
}

/******/
 .collapsed
{
    /*max-height:115px;*/
}
.collabsable {
    width: 100px;
    -webkit-transition: max-height 0.3s ease;
    -moz-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    background: #ccc;
    overflow: hidden;

}
.PullupDiv {
    position: relative;
    z-index:14;
    background-position: -5px 0px;
    overflow: hidden;
    width:95%;
}


.PullupDiv * {
    box-sizing: border-box;

}

#fpc_content {

}
#fpc_up
{
    height:15px;

    background-image: url("navigate_open.png");
    background-size: 10px;
    background-repeat:no-repeat;
    background-position: center;

}

 .VerticalText
{
    position:absolute;
    border-style: none;
    font-size: 16px;

    font-family:Arial;
    height:30px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.featureToggle {
    display: none;
}