﻿video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 40px);}
video{-webkit-transform-style:preserve-3d;}
div.mediaContainer{display:inline-block;margin:0px 20px 20px 0px;padding:0px;float:left;position:absolute;background:no-repeat 0px 0px;background-color:transparent;}
.modal-content.media{background-color:#000;border:solid 1px #333;border-radius:12px;-webkit-box-shadow:0 12px 9px rgba(0, 0, 0, 0.5);box-shadow:0 12px 9px rgba(0, 0, 0, 0.5);position:relative;}
.modal-body.media{display:block;padding:0px;overflow:hidden;}
.modal-media{display:block;margin:auto;height:inherit;}
.mediaContainer .loading-overlay{background-color:rgba(0, 0, 0, 0.8);}
#mediaBrand{width:326px;height:30px;position:relative;display:inline-block;padding:2px 30px 2px 0px;margin:30px;background-repeat:no-repeat;background-image:url('Images/mediaLogo.png');}
img.initPlay{position:absolute;background-color:transparent;cursor:pointer;}
img.initPopoutplay{position:absolute;background-color:transparent;cursor:pointer;}
.mediaOverlay{display:block;margin:0px;padding:0px;position:absolute;width:100%;height:70px;bottom:30px;color:#fff;background-color:rgba(0, 0, 0, 0.5);font-family:Arial;font-size:12px;behavior:url(PIE.htc);}
.no-cssgradients div.mediaOverlay{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f000000', endColorstr='#6f000000');}
div.mediaOverlay a{color:white;}
div.mediaControlSupplement{clear:both;display:inline;float:right;position:relative;margin:10px;background-color:rgba(0, 0, 0, 0.4);-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;color:#fff;font-size:.8em;}
div.mediaControlSupplementCentred{float:none;width:100%;height:50px;background-color:rgba(0, 0, 0, 0.4);-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;clear:both;color:#fff;font-size:.8em;}
.mediaCaption{display:inline-block;position:absolute;margin:10px 20px 10px 10px;max-width:50%;height:50px;color:#fff;text-overflow:ellipsis;overflow-y:auto;}
.mediaX{margin-left:0px;width:100%;background-color:rgba(255, 255, 255, 0.7);-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;overflow-y:auto;overflow-x:auto;}
li.mediaXItem{display:block;list-style:none;margin:12px;}
li.mediaXItem a{display:inline-block;position:relative;color:#333;cursor:pointer;}
li.mediaXItem a.current{color:#111;cursor:pointer;font-weight:bold;margin:auto 0px;}
.arrow{display:inline-block;width:17px;height:12px;background-image:url('images/arrow_icon.png');background-repeat:no-repeat;margin-right:5px;}
div.mediaControlSupplement{position:relative;display:inline;float:right;background-color:transparent;}
div.mediaControlButton{-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;background-color:rgba(0, 0, 0, 0.5);margin:0px 5px 0px 5px;cursor:pointer;position:relative;display:inline-block;min-width:46px;max-width:46px;min-height:46px;max-height:46px;line-height:50px;z-index:1;text-align:center;}
.no-cssgradients div.mediaControlButton{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bf000000', endColorstr='#bf000000');}
.mediaInputContainer{position:absolute;width:90%;height:60%;top:0px;padding:10px 8% 10px 8%;color:#000;margin-left:5%;background-color:rgba(0, 0, 0, 0.8);-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;font-family:Arial;font-size:12px;overflow:hidden;}
.no-cssgradients div.mediaInputContainer{background-color:transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bf000000', endColorstr='#bf000000');}
.mediaPlay{background-image:url(images/play_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaSocial{background-image:url(images/social_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaPoint{background-image:url(images/point_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaStats{background-image:url(images/stats_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaRate{background-image:url(images/rate_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaComment{background-image:url(images/comment_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaPop{background-image:url(images/pop_icon.png);background-repeat:no-repeat;background-size:contain;width:30px;height:30px;margin:8px;}
.mediaInputContainer .tab-pane{position:relative;}
.contentComponentComment, .contentComponentReport, .contentComponentPoint{height:80%;max-height:80%;min-height:120px;min-width:100%;}
.mediaInputContainer .tab-pane .footer{height:20%;max-height:20%;min-height:55px;min-width:100%;background-color:transparent;position:relative;}
.mediaInputContainer .tab-pane .footer .rating-container{background-color:transparent;margin-top:-5px!important;margin-left:15px!important;padding:0px;color:#fff;font-size:1.2em;display:inline-block;clear:both;}
.mediaInputContainer .tab-pane .footer .btn{margin:10px 0px 0px 0px !important;font-size:1.2em;display:inline-block;position:inherit;}
#mediaNext{background-image:url(images/playNext_icon.png);background-repeat:no-repeat;position:absolute;width:75px;height:80px;cursor:pointer;}
#mediaPrevious{background-image:url(images/playPrevious_icon.png);background-repeat:no-repeat;position:absolute;width:75px;height:80px;cursor:pointer;}
div.socialShare{color:#fff;font-family:Arial,Verdana;font-weight:500;font-size:1.0em;}
div.augmentationComments a{color:#fff;font-family:Arial,Verdana;font-weight:500;font-size:1.0em;}
div.augmentationPoints a{color:#fff;font-family:Arial,Verdana;font-weight:500;font-size:1.0em;}
.charCount{color:#fff;font-family:Arial,Verdana;font-weight:500;font-size:1.0em;float:right;margin-top:0px;position:relative;display:inline-block;}
.mediaInputContainer .nav-tabs a{color:#808080;}
@media screen and (max-width:1024px){div.mediaContainer{width:100%!important;min-width:100%!important;padding:0px;padding-bottom:56.25%;margin:0px;background-size:100%!important;max-width:100%!important;}
.mediaContainer .mediaCaption{display:none;}
.mediaContainer .mediaControlSupplement{float:right!important;}
div.mediaInputContainer{width:100%!important;min-width:100%!important;max-width:100%!important;height:100%;margin:auto;margin-bottom:35px;overflow-y:hidden;}
div.augmentationComments{padding-bottom:20%;}
div.augmentationPoints{padding-bottom:20%;}
video, div.mediaContainer video{width:100%!important;height:auto!important;min-width:100%!important;max-width:100%!important;margin:0px;padding:0px;border:none;}
.mediaOverlay{width:100%;max-width:100%;min-width:100%;}
.modal-content.media{background-color:#000;border:none;border-radius:0px;-webkit-box-shadow:none;box-shadow:none;position:absolute;left:0;right:0;top:0;bottom:0;min-height:100%!important;}
}
@media screen and (max-width:479px){.mediaContainer .mediaCaption, .mediaContainer #mediaComment, .mediaContainer #mediaPoint, .mediaContainer #mediaSocial{display:none;}
.mediaContainer .display-throttle{display:none!important;}
}