/*
    This is a css file
*/

body:not(.mobileview) #notification{
    position: absolute;
    /*top: 48px;*/
    top: 9px;
    /*right: 20px;*/
    right: 149px;
    z-index: 4;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
}

body:not(.mobileview) #notification_icon{
    /*width: 20px;*/
    /*height: 20px;*/
    width: 18px;
    height: 18px;
    right: 4px;
    top: 3px;
}

body:not(.mobileview) #notification.no_language {
    right: 115px;
}

body:not(.mobileview) #notification.no_language #notification_icon {
    right: 0;
}

/*body:not(.mobileview) #notification_icon.no_language{*/
    /*right: -34px;*/
/*}*/

body:not(.mobileview) #notification_icon.has_notifications{
    height: 24px;
    top: -3px;
    width: 20px;
    /*height: 20px;*/
    /*right: 0;*/
    /*top: 0;*/
}

.notification_stream_container{
    position: absolute;
    z-index: 5;
    max-height: 400px;
    overflow: hidden;
    width: 330px;
    background: white;
    border: 1px solid #ddd;
    display: inline-block;
}

.mobileview .notification_stream_container{
    left: 50%;
    margin-left: -165px;
    top: 45px;
}

#notifications_show_all{
    top: 7px;
    right: 9px;
    padding: 1px 6px;
}

.mobileview #notifications_show_all{display: none;}

.notification_stream_container > div.headline{height: 33px;}
.notification_stream_container > div.headline h3{
    font-size: 18px;
    padding: 4px 9px 0;
}

.mobileview .notification_stream_container > div.headline h3{
    line-height: 33px;
    padding: 0 10px;
    font-family: Inika, Arial, sans-serif;
    text-align: left;
}

.notification_stream_container .notification_stream{
    max-height: 367px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.notification_stream .notification_item time{
    display: block;
    font-size: 10px !important;
}

/*.mobileview .notification_stream .notification_item time{
    font-size: 14px !important;
    line-height: 14px;
    text-align: left;
}*/

.notification_stream .notification_item *:not(time){
    font-size: 11px !important;
}

/*.mobileview .notification_stream .notification_item *:not(time),*/
.mobileview .notification_stream .notification_item *{
    font-size: 14px !important;
    line-height: 14px;
    text-align: left;
}

.notification_stream .notification_item{
    background-color: #EEEEEE;
    padding: 0;
    border-bottom: 1px solid #E5E5E5;
}

.notification_stream .notification_item article{
    padding: 10px;
    border-bottom: 1px solid #FFFFFF;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.notification_stream .notification_user{width: 40px;}
.notification_stream .notification_text{margin-left: 50px;}

.mobileview .notification_stream .notification_text{
    line-height: 1.2em;
    color: #333;
}

.mobileview .notification_stream .notification_user{
    float: left;
}

.notification_stream_container .icon{
    position: absolute !important;
    right: 0;
    top: 0;
}

.notification_stream_container .loading,
.notification_stream_container .nodata{
    text-align: center;
    font-size: 10px;
    padding: 10px;
}

.notification_stream_container .nodata{font-size: 12px;}


/*** subpage ***/

/*#notifications_all.notification_stream .notification_item{*/
    /*border-right: 1px solid #FFFFFF;*/
/*}*/

#notifications_all .filters{
    padding: 8px 10px 1px;
}

#notifications_all .filters li{
    width: 340px;
    font-size: 12px;
    padding-bottom: 7px !important;
}

#notifications_all .filters ul:first-of-type{
    margin: 0 0 28px 0;
    padding-left: 0;
    padding-right: 0;
}

#notifications_all .filters ul:last-of-type li{width: 170px;}

#notifications_all .filters li label{
    cursor: pointer;
}

#notifications_all .filters li input{
    margin-left: 0;
    margin-right: 9px;
}

#notifications_all .filters h2{
    background: transparent url("/bundles/k3intranetboxbasic/images/h1_border.png") left top repeat-x;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 0 4px;
    margin-top: 7px;
}






/*** OSLO STYLE ***/

#notification_container .tile{
    border: 1px solid #aaa;
    margin: 0 20px 20px 0;
    width: 238px;
    background-color:#fff;
}


#notification_container .previewImg img {
    display: block;
    margin: 0 auto;
}

#notification_container .tile.detail{
    border: 1px solid #aaa;
    margin-bottom: 20px;
    width: 498px;
    float:left;
}


#notification_container .tile .previewImg{
    border-bottom:1px solid #aaa
}

#notification_container .tile .content{
    padding: 7px 10px 0;
    position: relative;
}

#notification_container .tile .showDetail {
    position: absolute;
    right: 0;
    top: 0;
    background: url("/extension/k3.intranetbox.layout/design/k3/images/icon_search_plus.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #aaa #aaa;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    height: 12px;
    padding: 0;
    width: 12px;
    display: block;
}


#notification_container .tile .showDetail.minus {
    background: url("/extension/k3.intranetbox.layout/design/k3/images/icon_search_minus.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#notification_container .tile .link{
    float:left;
}

#notification_container .leftCol {
    float: left;
    margin-right: 5px;
}

#notification_container .time {
    margin-left: 10px;
}

#notification_container .tile .link a{
    color:#066AA5;
    text-decoration: underline;
}

#notification_container .tile .relevance{
    float:right;
}

#notification_container .tile .author,
#notification_container .tile .tags{
    padding-bottom: 6px;
}

#notification_container .objectInfo.image.icon {
    padding-left: 25px;
}

#notification_container .main h2{
    font-size: 15px;
    max-height: 44px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification_stream .icon,
#notification_container .icon{
    height: 20px;
    width: 20px;
    display: inline-block;
}

#notification_container .objectInfo{
    padding-bottom: 8px;
}

#notification_container .objectInfo.message{
    padding-bottom: 26px;
}

#notification_container .objectInfo.message p{
    margin-top: 7px;
    margin-bottom: 0;
}

.right_col div#notification_container {
    width: 100% !important;
}

div#notification_container .objectInfo > span:not(.icon){
    display: inline-block;
    position: relative;
    top: -3px;
}


#notification_container .rightCol {
    position: relative;
    top: -4px;
    margin-left: 40px;
}

#notification_container .publishedDate {
    font-size: 12px;
}

#notification_container .objectDetail {
    padding-top: 8px;
}

#notification_container .loadMore{
    float: left;
    height: 30px;
    position: relative;
    text-align: center;
    width: 100%;
    padding:10px 0 20px;
}

#notification_container .loadMore button{
    background: none repeat scroll 0 0 #eeeeee;
    border: 1px solid #dddddd;
    cursor: pointer;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    width: 100%;
}


#notification_container .noMoreObjects{
    background-color: #eee;
    cursor: pointer;
    padding: 2px 0;
    float:left;
    width:100%;
    border: 1px solid #ddd;
    text-align: center;
}

#notification_container li .icon {
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 20px;
}

#notification_container li.author{
    margin-bottom:10px;
}

#notification_container li .link{
    margin-left: 7px;
    position: relative;
    top: -6px;
}

#notification_container .authorImg,
#notification_container .authorImg * {
    height: 30px;
    width: 30px;
}

#notification_container .authorImg a{
    display: inline-block;
}





@media(max-width: 345px){

    .mobileview .notification_stream_container {
        width: auto;
        left: -2.8125rem;
        right: -2.8125rem;
        margin-left: 0;
    }

}