/* For HTML Editor 
Created by Rajani Vepa May 2019 */

.flexviewerMainDiv {
    font-size: 1.0em;
    padding: 0px;
    float: left;
    height: 550px;
    background-color: white !important;
    display: inline;
    width: 33.3%;
}

.flexviewerMainDivDL {
    display: inline;
    background-color: white;
}

.flexviewerMainDivDT {
    margin: 15px;
    height: 500px;
    background-color: #f5f5f5;
}

.flexviewerMainDivDT:hover {
    background-color: #ebebeb;
    border: 2px solid #ebebeb;
}

.flexviewerMainDiv-publications {
    font-size: 1.0em;
    padding: 0px;
    float: left;
    height: 550px;
    background-color: white !important;
    display: inline;
    width: 33.3%;
}

.flexviewerMainDivDL-publications {
    display: inline;
    background-color: white;
}

.flexviewerMainDivDT-publications {
    margin: 15px;
    height: 500px;
    background-color: #f5f5f5;
}

.flexviewerMainDivDT-publications:hover {
    background-color: #ebebeb;
    border: 2px solid #ebebeb;
}

.flexviewerMainDiv-Backgrounder {
    font-size: 1.0em;
    padding: 0px;
    float: left;
    height: 350px;
    background-color: white !important;
    display: inline;
    width: 33.3%;
}

.flexviewerMainDivDL-Backgrounder {
    display: inline;
    background-color: white;
}

.flexviewerMainDivDT-Backgrounder {
    margin: 15px;
    height: 300px;
    background-color: #f5f5f5;
}

.flexviewerMainDivDT-Backgrounder:hover {
    background-color: #ebebeb;
    border: 2px solid #C0C0C0;
}

.flexviewerMainDiv-newsviews {
    font-size: 1.0em;
    padding: 0px;
    float: left;
    height: 250px;
    background-color: #ffffff !important;
    display: inline;
    width: 33.3%;
}

.flexviewerMainDivDL-newsviews {
    display: inline;
    background-color: #ffffff;
}

.flexviewerMainDivDT-newsviews {
    margin: 15px;
    height: 220px;
    background-color: #ffffff;
}


/*.flexviewerMainDivDT-newsviews :hover{  background-color: #f5f5f5; border:1px solid #f5f5f5;} */

.flexviewerMainDivDT-image-newsviews {
    width: 100%;
    float: left;
}

.flexviewerMainDivDT-image-newsviews:hover {
    border: 2px solid #ffffff;
}

.flexviewerMainDivDT-textarea-newsviews {
    padding: 0px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.flexviewerMainDiv-indepth {
    font-size: 1.0em;
    padding: 0px;
    float: left;
    height: 300px;
    background-color: #ffffff !important;
    display: inline;
    width: 33.3%;
}

.flexviewerMainDivDL-indepth {
    display: inline;
    background-color: #ffffff;
}

.flexviewerMainDivDT-indepth {
    margin: 15px;
    height: 280px;
    background-color: #ffffff;
}


/*.flexviewerMainDivDT-indepth :hover{  background-color: #f5f5f5; border:1px solid #f5f5f5;} */

.flexviewerMainDivDT-image-indepth {
    width: 100%;
    float: left;
}

.flexviewerMainDivDT-image-indepth:hover {
    border: 2px solid #ffffff;
}

.flexviewerMainDivDT-textarea-indepth {
    padding: 0px;
    margin-bottom: 5px;
    float: left;
    width: 100%;
}


/*.flexviewerMainDivDT:hover{    transition:all .5s cubic-bezier(.55, .04, .41, .92)}*/


/*
.flexviewerMainDiv-mediacentre-backgrounder {
    font-size: 1.4em;
    padding: 0px;
    float: left;
    display: inline;
    width: 33.3%;
    height: auto;
    position: relative;
    text-align: center;
}

.flexviewerMainDiv-mediacentre-backgrounder img {
    width: 300px;
    height: 217px;
    opacity: 0.7;
    border-radius: 2px;
}

.flexviewerMainDiv-mediacentre-backgrounder img:hover {
    opacity: 1;
}

.flexviewerMainDiv-mediacentre-backgrounder-linktext {
    position: absolute;
    top: 84%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #3789bd;
    padding: 1px 4px;
    color: #fff;
    border-radius: 2px;
    opacity: 0.9;
    width: 90%;
}

.flexviewerMainDiv-mediacentre-backgrounder-type {
    position: absolute;
    top: 10%;
    right: 10%;
    transform: translate(-50%, -50%);
    background-color: grey;
    padding: 1px 4px;
    color: #fff;
    border-radius: 2px;
    opacity: 0.9;
}
*/

.flexviewerMainDiv-mediacentre-backgrounder {
    font-size: 1.4em;
    padding: 0px;
    float: left;
    display: inline;
    width: 25%;
    height: auto;
    position: relative;
    text-align: center;
}

.flexviewerMainDiv-mediacentre-backgrounder img {
    width: 225px;
    height: 141px;
    opacity: 0.7;
    border-radius: 2px;
}

.flexviewerMainDiv-mediacentre-backgrounder img:hover {
    opacity: 1;
}

.flexviewerMainDiv-mediacentre-backgrounder-linktext {
    font-size: 0.9em;
    position: absolute;
    top: 71%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #3789bd;
    padding: 1px 4px;
    color: #fff;
    border-radius: 2px;
    opacity: 0.9;
    width: 90%;
}