.dio-preview {
    z-index: 100;
    position: absolute;
    padding: 5px;
    -webkit-border-radius: 4px;
    border-radius:4px;
    background:#FFFFFF;
    color:#707070;
}
.drop-shadow {
    -webkit-box-shadow: 3px 1px 6px 0px #303030;
    box-shadow: 3px 1px 6px 0 #303030;
}
#imagePreviewDiv {
    margin-top: 20px;
    text-align: center;
    position: relative;
}
#imagePreviewDiv .asset-comp-wrapper {
    position: relative;
    line-height: 10px;
    vertical-align: top;
    display: inline-block;
    max-width: 100%;
}
#imagePreviewDiv .img-wrapper {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}
#imagePreviewDiv .img-wrapper:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:17px;
    background-color:white;
}
#imagePreviewDiv img, #imagePreviewDiv .zoom-wrapper {
    vertical-align: top;
    max-width: 100%;
    max-height: 750px;
}
#imagePreviewDiv .zoom-wrapper {
    margin-bottom: 28px;
    display: none;
}
#zoomOverlay .modal-body {
    padding: 10px 50px 50px 50px;
}

#zoomOverlay .zoom-header {
    width:100%;
    overflow:hidden;
    position:relative;
}
#zoomOverlay .center {
    width:50%;
    text-align: center;
    padding: 10px 0 15px 0;
    margin:0 auto;
}

#zoomOverlay .right {
    display:inline-block;
    padding:5px;
    position:absolute;
    right:0;
    top:0;
}
#zoomOverlay .right button {
    padding: 3px 12px;
}
.asset-keywords {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
}
#asset-info {
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 10px;
}
#asset-info p {
    line-height: 15px;
    margin-bottom: 15px;
}
#asset-info h1 {
    font-size: 18px;
    padding: 0 0;
    margin: 0 0;
}
#asset-info .divider {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    max-width: 250px;
}
#asset-info .licenceType {
    font-family: 'diomedia-font', arial, serif;
    display: inline-block;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: white;
    border-radius: 4px;
}
#asset-info .licenceRF {
    background-color: #333333;
}
#asset-info .licenceRM {
    background-color: #333333;
}
#asset-info .licDetails {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 7px;
    height: 50px;
}
#asset-info .licLong, #asset-info .imgCode {
    line-height: 14px;
}
#asset-info .btn-res {
    height: 23px;
    padding: 0 12px;
}
#assetButtons {
    padding: 0 0;
    margin-bottom: 15px;
}
#assetButtons span {
    font-size: 24px;
    width: 24px;
    height: 24px;
}
#assetProducts {
    padding: 20px 30px 0 20px;
}
#assetProducts .form-control {
    font-size: 13px;
}
#assetProducts .price-calc {
    float: right;
    max-width: 300px;
    padding-bottom: 30px;
}
.rf-formats table.table tbody tr:hover {
    cursor: pointer;
    background-color: #f7f7f7;
}
.rf-formats table.table tbody tr.selected {
    cursor: pointer;
    background-color: #d5e8de;
}
.rf-formats table.table tbody tr input[type="radio"] {
    width: 16px;
    height: 16px;
}
.searchLink {
    cursor: pointer;
}
.right-aligned-pills {
    text-align:right;
    padding: 0;
    height: 29px;
}
.right-aligned-pills ul.nav-pills {
    display:inline-block;
}
.right-aligned-pills li {
    margin: 0;
    color: #333333;
    background-color: white;
    display:inline;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
}
.right-aligned-pills li a {
    padding: 5px 0;
    text-align: center;
    width: 70px;
}
.right-aligned-pills ul.nav-pills > li + li {
    margin-left: 0;
}
.right-aligned-pills li.active a {
    color: white !important;
    background-color: #7b8486 !important;
    border-radius: 4px 4px 0 0;
}
.right-aligned-pills li.active a:hover {
    color: white !important;
    background-color: #7b8486 !important;
}
.right-aligned-pills a { float:left; }
* html .right-aligned-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .right-aligned-pills ul.nav-pills { display:inline; } /* IE7 */

.btn-facebook, .btn-google-plus, .btn-twitter, .btn-pinterest, .btn-tumblr, .btn-email {
    margin-right: 4px;
    width: 31px;
    height: 31px;
    font-size: 16px;
    line-height: 33px;
    padding: 0;
}
.btn-facebook.active,.btn-facebook:hover,.btn-facebook:focus {
    background: #3b5998 !important;
    border: 1px solid #3b5998;
}
.btn-google-plus.active,.btn-google-plus:hover,.btn-google-plus:focus {
    background: #dd4b39 !important;
    border: 1px solid #dd4b39;
}
.btn-twitter.active,.btn-twitter:hover,.btn-twitter:focus {
    background: #00aced !important;
    border: 1px solid #00aced;
}
.btn-pinterest.active,.btn-pinterest:hover,.btn-pinterest:focus {
    background-color: #cb2027 !important;
    border: 1px solid #cb2027;
}
.btn-email.active,.btn-email:hover,.btn-email:focus {
    background-color: #696969 !important;
    border: 1px solid #696969;
}
.btn-tumblr.active,.btn-tumblr:hover,.btn-tumblr:focus {
    background: #32506d !important;
    border: 1px solid #32506d;
}

#assetButtons .btn-preview {
    padding: 2px 20px 0 20px;
    font-size: 24px;
    color: white;
    background-color: #333333;
    height: 34px;
}
#assetButtons .btn-preview:hover, #assetButtons .btn-preview:active {
    color: white;
    background-color: #696969;
    outline: none;
}
#assetButtons .btn-preview:focus {
    color: white;
    outline: none;
}
#assetButtons .btn-lb i:before {
    content: '\e60a'
}
#assetButtons .btn-lb.active i:before {
    content: '\e617'
}
#assetButtons .btn-heart i:before {
    content: '\e619'
}
#assetButtons .btn-heart.active i:before {
    content: '\e61a'
}
#videoWrapperDiv {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    #zoomOverlay .modal-body {
        padding: 10px 10px 10px 10px;
    }
}
@media (max-width: 768px) {
    #assetProducts .price-calc {
        float: none;
        padding-left: 10px;
        max-width: 300px;
    }
    #zoomOverlay .modal-dialog {
        width: 100% !important;
        height: 100%;
        padding: 0;
        margin: 0
    }
    #zoomOverlay .modal-content {
        height: 100%;
        border-radius: 0 !important;
    }
    #zoomOverlay .modal-body {
        height: 100%;
    }
    #zoomWrapperDiv {
        width: 100% !important;
        height: calc(100% - 50px) !important;
    }
}

.go-to-next, .go-to-prev {
    position: absolute;
    top: 0;
    margin: 0;
    font-size: 18px;
    height: 100%;
    width: 75px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: #b2b2b2;
    background: transparent;
    opacity: 0.75;
    display: table;
    visibility: hidden;
    cursor: pointer;
}

.go-to-next {
    right: 0;
}

.go-to-prev {
    left: 0;
}

.go-to-next.mouse-over{
    -webkit-box-shadow: inset -75px 0px 75px -50px rgb(241, 241, 241);
    -moz-box-shadow: inset -75px 0px 75px -50px rgb(241, 241, 241);
    box-shadow: inset -75px 0px 75px -50px rgb(241, 241, 241);
    color: #333;
}

.go-to-prev.mouse-over{
    -webkit-box-shadow: inset 75px 0px 75px -50px rgb(241, 241, 241);
    -moz-box-shadow: inset 75px 0px 75px -50px rgb(241, 241, 241);
    box-shadow: inset 75px 0px 75px -50px rgb(241, 241, 241);
    color: #333;
}

.go-to-next .centered {
    display: table-cell !important;
    vertical-align: middle;
    padding-right: 15px;
    text-align: right;
}
.go-to-prev .centered {
    display: table-cell !important;
    vertical-align: middle;
    padding-left: 15px;
    text-align: left;
}