body{
    margin: 0;
    padding: 0;
}

.flowplayer { 
    margin: 0;
    max-width: 1170px;
 }

.fp-embed{
    display: none !important;
}

.fp-ui{
    font-family: 'Arial';
}

.flowplayer.is-mouseout .fp-timeline{
    height: 0;
    border: 0;
}

.flowplayer.no-scrubber .fp-controls{
    display: none;
}

.flowplayer.no-scrubber .fp-elapsed{
    display: none;
}

.flowplayer.no-scrubber .fp-duration{
    display: none;
}

.flowplayer.no-scrubber .fp-fullscreen{
    display: none;
}

/*only want these rules if video width greater than some threshold*/
.flowplayer.custom-ui .fp-timeline{
    margin-left: 30px !important;
    margin-right: 250px !important;
}

.flowplayer.custom-ui .fp-volume{
    margin-right: 35px !important;
}

.flowplayer.custom-ui .fp-duration{
    right: 160px !important;
}

.flowplayer.custom-ui .fp-elapsed{
    left: auto !important;
    right: 195px !important;
    margin-right: 1em; 
}

.flowplayer.custom-ui .fp-ui .fp-fullscreen{
    bottom: 0 !important;
    top: auto !important;
    z-index: 10000 !important;
}

/** flowplayer 5 video modal **/
#video-modal{
    margin-left: -400px; 
    width:800px;
}

#video-modal .modal-body{
    padding-top: 0; 
    padding-bottom: 0; 
    margin-top: 0; 
    margin-bottom:0;
    height: 452px; 
    max-height: 462px !important;
}

#modal-body-video{
    padding-top: 0; 
    padding-bottom: 0; 
    margin-top: 0; 
    margin-bottom:0;
    height: 432px;
}

#video-modal .modal-footer{ margin: 0; }

.flowplayer.is-poster .fp-ui{
    background-image: none !important;
}