﻿
/* Latest Trends & Futures */


.latestTrendsAndFutures .listImageItem {
    width: inherit!important;
    height: 180px;
    padding-right: 20px;
}

.latestTrendsAndFutures .listDescription {
    max-width: 300px;
}

.latestTrendsAndFutures span {
    font-size: 12px;
}

    .latestTrendsAndFutures span.param {
        font-size: 12px;
        font-weight: bold;
        display: inline-block!important;
        width: 90px;
    }

.latestTrendsAndFutures {
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #00a7a7;
}

/* All Trends & Futures */

.pageListItem {
    float: left;
    /*height: 370px!important;*/
}

    .listitem.pageListItem span {
        display:inline
    }

.pageListDescr {
    width: 170px;
    height: auto;
}

.pageListItem h4 {
    padding-bottom: 10px!important;
}

.tfButton {
    margin-top: 10px;
}

/**/

.latestTrendsAndFutures .socialmedia .addthis_toolbox {
    float: right;
    clear: both;
}

.latestTrendsAndFutures .socialmedia .at16nc,
.latestTrendsAndFutures .socialmedia .at300bs,
.latestTrendsAndFutures .socialmedia .at15nc, trendsAndFuturesPagination .latestTrendsAndFutures .socialmedia .at15t_facebook,
.latestTrendsAndFutures .socialmedia .at16t_facebook {
    height: 7px;
}

/* Pagination */
/*div.trendsAndFuturesPagination a.navLeft,
div.trendsAndFuturesPagination a.navRight
{
    display: inline-block;
    vertical-align: top;
}*/

.allTrendsAndFutures {
    position: relative;
}


    .allTrendsAndFutures #TrendsAndFuturesRepeater {
        padding-top: 0px;
        width: 510px !important;
        height: 740px!important;
    }

#mainContainer .allTrendsAndFutures #TrendsAndFuturesPaginationContainer,
#mainContainer .allTrendsAndFutures #TrendsAndFuturesPaginationContainerBottom{
    background-color: #DAF2F2;
    height: 40px;
    width: 495px;
    margin-left: 0px;
    top: 0px;
    position: relative;
    text-align: right;
    padding-right: 15px;
    line-height: 30px;
    margin-bottom: 30px;
}


#mainContainer .allTrendsAndFutures #TrendsAndFuturesPaginationContainerBottom {
    display: inline-block;
}

    #mainContainer .allTrendsAndFutures #TrendsAndFuturesPaginationContainer ol.pagination,
    #mainContainer .allTrendsAndFutures #TrendsAndFuturesPaginationContainerBottom ol.pagination
     {
        display: inline-block;
    }

#mainContainer .allTrendsAndFutures ol.pagination li.next {
    /*background: none;*/
    background: url(images/next-arrow.png) no-repeat center right;
    position: initial;
    text-indent: -8888px;
}

#mainContainer .allTrendsAndFutures ol.pagination li.prev {
    /*background: none;*/
    background: url(images/previous-arrow.png) no-repeat center left;
    position: initial;
    text-indent: -8888px;
}


#mainContainer .allTrendsAndFutures ol.pagination li {
    background-image: none;
    text-indent: 0px;
    color: #00A7A7;
    height: 30px;
    margin-top: 6px;
    float: left;
}

    #mainContainer .allTrendsAndFutures ol.pagination li.current {
        background-image: none;
        text-indent: 0px;
        color: #00A7A7;
        font-weight: bold;
    }


#mainContainer li#paginationDescription {
    margin-right: 20px;
    text-align: right;
    width: 70px;
    cursor: auto;
    color: #757575;
}

/*.pagination {
    height: 1px!important;
}*/

/*ol.pagination li.next,
ol#pagination li.next
{
   top: -30px!important;
}*/

/*ol.pagination li.prev,
ol#pagination li.prev 
{
    left: 425px!important;
    top: -35px!important;
}*/

/*ol.pagination li,
ol.pagination li.current {
    background:none;
}*/

.imageLatestTrendFutures img,
.mediumImg,
.listImageTrendsFutures img {
    width: 150px!important;
    height: 112px!important;
    margin-bottom: 30px;
}

.listImageTrendsFutures {
    width: 150px!important;
    margin-bottom: 20px!important;
    height:400px;
    overflow:hidden;
}


.descrTrAndFtr div {
    margin-bottom: 5px;
}

    .descrTrAndFtr div span {
        display: inline;
    }

.text input {
    width: auto!important;
}

.buttonAlign span {
    display: inline;
}

.allTrendsAndFutures {
    padding-top: 30px;
}

.allTrendsAndFuturesDescr span {
    line-height: 20px;
}

    .allTrendsAndFuturesDescr span.param {
        font-size: 11px;
        font-weight: bold;
    }

 /*.allTrendsAndFuturesDescr span.value {
  
    position: relative;
    width: 70px;
    left: 70px;
}*/

.keywordLabel {
    position:initial;
}
/*.breadcrumb {
    position:absolute;
    top:300px;
}

 .bottomRightContent h1 {
    margin-top:25px;
}*/

/*  Check all class name for all image - publication page is wrong */

.noBorder {
    margin-bottom: 0px!important;
    border-bottom: none!important;
}

.keyword {
    position: absolute;
}

.keywords {
    position: relative;
    left: 90px;
    word-wrap: break-word;
    width: 200px!important;
    display: inline-block!important;
}

.btnIpsosItem {
    font-family: 'AvantGardeGothicITCW01B 731063','Arial Bold';
    font-size: 10px;
    padding-top: 7px;
    padding-bottom:7px;
    color: #ffffff;
    background: url('') no-repeat 86% 50% #00a7a7;
    border: 1px solid #028484;
    margin-top: 0px;
    font-weight: normal;
    width:73px;
    text-align:center;
}

.title {
    margin-top: 10px!important;
    margin-bottom:5px;
    color: grey;
    padding-bottom: 5px;
}

    .title:hover {
        text-decoration: none;
    }

.keywordsList {
    display: inline-block;
    width: 200px;
    position: relative;
    left: 90px;
}


.visualisationThumbnail {
    margin: 20px 20px 20px 20px;
    width: 173px;
}

.colorGray {
    color: gray;
}

 .latestTrendsAndFutures .listDescription a:hover {
        text-decoration: none;
    }

.listImageTrendsFutures a:hover {
    text-decoration:none;
}

.marginRight {
    margin-right: 30px;
}

.thumbImageTrFt {
    width:50px;
    height:112px;
}

.floatright {
    float:right;
}