@font-face {
    font-family: 'bakerSignet';
    src: url('./fonts/Baker_Signet_Regular.eot');
    src: url('./fonts/Baker_Signet_Regular.otf') format('opentype');
    src: url('./fonts/Baker_Signet_Regular.ttf') format('truetype');
}
 :focus {
    outline:none;
}
 input[type=range] {
  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  width: 100%; /* Specific width is required for Firefox. */
  background: transparent; /* Otherwise white in Chrome */
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;

  /* Hides the slider so custom styles can be added */
  background: transparent; 
  border-color: transparent;
  color: transparent;
}
   .videoWindow {
    position: absolute;
    display: inline-block;
    
    background: black;
    background-size: 130% 100% !important;

    box-sizing: border-box;

    box-shadow: inset 0px 0 0px 1.5px #f7d08f;  
    transition: all .3s ease;
}
.volumeMuted:after {
         content: "\\";
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform: translateX(-50%) translateY(-50%); */
    z-index: 9000;
    font-weight: bold;
    font-size: 2.0em;
    line-height: 1.408;
    transform: rotateZ(-20deg);
    position: absolute;
    top: -7;
    left: -3;
    width: 100%;
    height: 100%;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
input[type=range].vjs-volume-bar
{
   float:left;
   
   
   
}
/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid white;
  height: 13px;
  width: 13px;
  border-radius: 32px;
  background: #cccccc;
  cursor: pointer;
  margin-top:-4px;
}

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  
 border: 1px solid white;
  height: 13px;
  width: 13px;
  border-radius: 32px;
  background: #cccccc;
  cursor: pointer;
}

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
 
  border: 1px solid white;
  height: 13px;
  width: 13px;
  border-radius: 32px;
  background: #cccccc;
  cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;

        height: 0.3em;
    width: 100%;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQ…wcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
  border-radius: 1.3px;

}

input[type=range]:focus::-webkit-slider-runnable-track {
  
}

input[type=range]::-moz-range-track {
  width: 100%;

  cursor: pointer;

        height: 0.3em;
    width: 100%;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQ…wcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
  border-radius: 1.3px;
 
}

input[type=range]::-ms-track {
  width: 100%;
 
  cursor: pointer;
       height: 0.3em;
    width: 100%;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQ…wcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;

}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;

}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}
.tileFlipping
{
    
    animation-name: flipTile;
    animation-duration: .4s;
    animation-iteration-count: 1;
    
    
    
}
#largeVideoHolderWindow
{
   
       pointer-events: none;
    box-shadow: inset 0px 0 0px 1px #c87111;
    position: absolute;
    width: 834;
    height: 643.3333333333334;
    line-height: 535;
    top: 165.33333333333334;
    left: 543;
    z-index: 8000;
   
   
}
.tooltip-toggle {
 cursor: pointer;
}

    .smallHoverElement {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
        z-index: 7000;
    white-space: pre-wrap;
    text-align: justify;
    
}
  

.smallHoverElement:before {
       position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 200px;
    max-width: 560px;
    z-index: 10000;
}

 .smallHoverElement:after {
      position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
}
  

  .smallHoverElement:before,
  .smallHoverElement:after {
    color: #efefef;
    font-family: monospace;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
  }
  .largeHoverElement {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 9000;
    white-space: pre-wrap;
    text-align: justify;
}
  

.largeHoverElement:before {
       position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 500px;
    max-width: 760px;
    z-index: 10000;
}

 .largeHoverElement:after {
      position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
}
  

  .largeHoverElement:before,
  .largeHoverElement:after {
    color: #efefef;
    font-family: monospace;
    font-size: 16px;
    opacity: 0;
    pointer-events: none;
    text-align: justify;
  }
  

  .smallHoverElement:focus::before,
  .smallHoverElement:focus::after,
  .smallHoverElement:hover::before,
  .smallHoverElement:hover::after {
    opacity: 1;
    transition: all 0.75s ease;
  }
    .largeHoverElement:focus::before,
  .largeHoverElement:focus::after,
  .largeHoverElement:hover::before,
  .largeHoverElement:hover::after {
    opacity: 1;
    transition: all 0.75s ease;
  }

@keyframes flipTile
{
   0% {transform: scaleY(1); } 
   50% {transform: scaleY(0); } 
   100% {transform: scaleY(1); }  
    
}
@keyframes pulse {
    0% {opacity:.8;}
    50% {opacity:.4;}
    100% {opacity:.8}
    
}
div#allSeeingJoVideoHolder {
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.largeVideoWindow
{
        transition: all .3s ease;
    position:absolute;
    display:inline-block;
  

    background:url("./images/allseeingjologo.png");
        background-size: 90% 100%;
    background-position: 25 0;
    border-radius:7px;
  
   
  
}
        
  body {
    background: black;
        font-family: arial, serif;
}
.liveFeed
{
    position:absolute;
    right:5px;
    bottom:5px;
    opacity:.8;
    animation-name: pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    
}
   .liveFeed #liveText
{
  color:red;
  font-size:20px;
  font-family:"arial", arial, sans-serif;
  font-weight:bold;
  display:inline-block;
}
.liveFeed #liveCircle {
    border-radius: 30px;
    width: 16px;
    height: 16px;
    background: red;
    display: inline-block;
    margin-left: 5px;
}
.videoFeedFrame
{
    height:100%;
    width:100%;
    display:inline-block;
    
    
}
div#commentVideoWindow {
    background: white;
    /* width: 37.5%; */
    /* height: 16.666666666666668%; */
    /* top: 100%; */
    /* left: 25%; */
    position: absolute;
   overflow-y: scroll;
    
}

.displayVideo
{
    animation-name: zoomInAndOut;
    animation-duration: .4s;
    animation-iteration-count: 1;
    overflow:hidden;
   
   
}
@keyframes zoomInAndOut
{

   0% {height:0%; width:0%; } 
  
   100% {width: 44%;height: 49.2%;}  

   
   
}
video {
    width: 99.6%;
    margin-left: .2%;
    margin-top: 0.1%;
    line-height: 535.69px;
    height: 99.3%;
    display: inline-block;
        transform-origin: left top;
}
#videoPlayerDiv video
{
    transform-origin: center;
   
    position: absolute;
    top: 50%;
    left: 50%;
   
   
}
.enabledControlBar {
    display: none;
    transition:all .2s ease;
}
#videoPlayerDiv:hover + .enabledControlBar ,
.enabledControlBar:hover {
    display: block !important;
}
.video_next_button {
       float: left;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
        width: 3em;
    cursor: pointer;
    text-align: center;
}
.video_light_dark_mode
{
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   text-align: center;
}
.video_captions
{
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   
   text-align: center;
}
.video_settings
{
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   text-align: center;
   
}
.video_screenshot
{
   
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   text-align: center;
}
.video_cinema_mode
{
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   text-align: center;
}
.video_pop_out
{
    float: right;
    margin-top: 1px;
    font-size: 1.2em !important;
    line-height: 1.308 !important;
    height: 100%;
       width: 3em;
    cursor: pointer;
   text-align: center;
}
.video_bar_button:hover
{
 text-shadow: 0em 0em 1em #ffffff;
   
}
.video_bar_button
{
   position:relative;
   
   
}
#controlBarHolder
{
    position: absolute;
   top: 619px;
   left: 539px;
   width: 43.88%; 
    height: 1.7em;
    background-color: #07141e;
    background-color: rgba(7,20,30,.7);
    z-index: 8000;
   
   
}
.vjs-default-skin.vjs-control-bar
{
   
   position: absolute;
   top: 619px;
   left: 539px;
   width: 43.88%; 
    height: 1.7em;
    background-color: #07141e;
    background-color: rgba(7,20,30,.7);
    z-index: 8000;
    display:none;
   
}
.vjs-control-bar.fullScreenControls
{
   
    z-index: 2147483648;
  width: 100%;
 bottom:0;
 top: auto;
 left: 0;
   
   
}

.vjs-paused:before {
    content: "\e001" !important;


}
.vjs-playing:before {
    content: "\e002" !important;

    
}
.vjs-default-skin .vjs-volume-level {
    position: absolute;
    top: 0;
    left: 0;
    height: 0.3em;
    width: 100%;
    background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQ…wcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.videoButton:after {
    position: absolute;
    content: "";
    width: 94.9%;
    height: 50%;
    top: 1;
    left: 1;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    border-radius: 5px;
    opacity: .7;
     pointer-events:none;
}
.videoButton {
    
    position: absolute;
    border-radius: 5px;
    background: rgb(247,160,0);
    background: -moz-linear-gradient(top, rgba(247,160,0,1) 0%, rgba(178,99,24,1) 100%);
    background: -webkit-linear-gradient(top, rgba(247,160,0,1) 0%,rgba(178,99,24,1) 100%);
    background: linear-gradient(to bottom, rgba(247,160,0,1) 0%,rgb(130, 72, 18) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a000', endColorstr='#b26318',GradientType=0 );
    box-shadow: inset 0px -7px 8px rgba(0, 0, 0, 0.15), inset 0px -3px 2px rgba(255, 255, 255, 0.24), inset 0px -3px 3px rgba(0,0,0,.5);
}
.videoButtonLower:after {
    position: absolute;
    content: "";
    width: 94.9%;
    height: 50%;
    top: 1;
    left: 1;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    border-radius: 5px;
    opacity: 1;
     pointer-events:none;
}
.videoButtonLower {
    
    position: absolute;
    border-radius: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,afafaf+100 */
background: rgb(224,224,224); /* Old browsers */
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(175,175,175,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(175,175,175,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(175,175,175,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0px -7px 8px rgba(0, 0, 0, 0.15), inset 0px -3px 2px rgba(255, 255, 255, 0.24), inset 0px -3px 3px rgba(0,0,0,.5);
}
.videoButtonLower.videoButtonPressed:after {
    position: absolute;
    content: "";
    width: 94.9%;
    height: 50%;
    top: 22;
    left: 1px;
    border-radius: 5px;
    opacity: .3;
    pointer-events: none;
    background: white;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.videoButton.videoButtonPressed:after {
    position: absolute;
    content: "";
    width: 94.9%;
    height: 50%;
    top: 22;
    left: 1px;
    border-radius: 5px;
    opacity: .3;
    pointer-events: none;
    background: white;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.videoButton.videoButtonPressed {
    position: absolute;
    border-radius: 5px;
    background: rgb(130,72,18);
    background: -moz-linear-gradient(top, rgba(130,72,18,1) 0%, rgba(201,141,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(130,72,18,1) 0%,rgba(201,141,0,1) 100%);
    background: linear-gradient(to bottom, rgba(130,72,18,1) 0%,rgba(201,141,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824812', endColorstr='#c98d00',GradientType=0 );
    box-shadow: none;
    box-shadow: inset 0px 1px 1px #f7d08f, inset 0px 3px 4px 0px rgba(0, 0, 0, 0.53), inset 0px -1px 1px 0px #f7d08f, inset 1px 0px 1px #f7d08f, inset 0px 5px 7px 0px rgba(0, 0, 0, 0.28), inset 0px -5px 16px 0px rgba(0, 0, 0, 0.53), inset 3px 0px 17px 0px rgba(0, 0, 0, 0.53), inset -1px 0px 1px #f7d08f, -2px 0px 16px 0px rgba(0, 0, 0, 0.67);
}
.videoButtonLower.videoButtonPressed {
    position: absolute;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afafaf+0,e0e0e0+100 */
background: rgb(175,175,175); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,175,175,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,175,175,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,175,175,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
        box-shadow: inset 0px 1px 1px #ffffff, inset 0px 3px 4px 0px rgba(0, 0, 0, 0.53), inset 0px -1px 1px 0px #969696, inset 1px 0px 1px #a7a7a7, inset 0px 5px 7px 0px rgba(0, 0, 0, 0.28), inset 0px -5px 16px 0px rgba(0, 0, 0, 0.53), inset 3px 0px 17px 0px rgba(0, 0, 0, 0.53), inset -1px 0px 1px #ffffff, -2px 0px 16px 0px rgba(0, 0, 0, 0.67);}
/*.videoButton {
    border: 1px solid #905617; 
    position: absolute;
    border-radius: 5px;
    background: rgb(234, 166, 40);
    box-shadow: inset 0px 1px 1px rgb(99, 66, 11), inset 0px 1px 2px rgb(107, 72, 10), inset 0px 2px 3px rgb(123, 84, 11), inset 0px 3px 5px rgb(125, 86, 17);
}*/
.skepost-right {
    width: 47%;
    padding: 0 0 0 0;
    margin-top: 0px;z
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 1em;
    float: right;
      line-height: normal;
    text-align: justify;
}
.skepost-left {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 1em;
    margin-right: 0px;
    width: 47%;
    float: left;
    padding: 0 0 0 0;
    text-align: justify;
      line-height: normal;
}
.joheader strong {
    font-size: 24px;
    color: #000;
      line-height: normal;
}
.pagesymbol_left {
    float: left;
    margin-right: .5em;
    width: 9em;
}
p, dl, hr, h1, h2, h3, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
    line-height: 22px;
}
.pagesubaction {
    float: right;
    width: 122px;
    height: 44px;
    margin-top: -1em;
    margin-bottom: 1em;
    margin-left: 1em;
    padding-top: 3px;
    border-radius: 7px;
    border-width: 2px;
    border-style: solid;
    font-size: 17px;
    font-weight: bold;
    line-height: 21px;
    text-align: center;
}
.resourcejobutton {
    background-color: white;
    color: black;
    border-color: black;
    box-shadow: 0 0 0 2px #1A7ABA, 0 0 0 3px black;
}
.joheader {
    vertical-align: top;
    line-height: normal;
}
.nsjModalPopup input[type="submit"]{ margin-right: 8px;   box-sizing: border-box;  height: 30px; border-radius:5px; line-height: 28px; padding: 0 12px 2px; float: right;  background: #0085ba; border-color: #0073aa #006799 #006799; -webkit-box-shadow: 0 1px 0 #006799; box-shadow: 0 1px 0 #006799;color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; }  
.nsjModalPopup #titleDiv{ margin-bottom:0; } 
.nsjModalPopup .nsjModalPopupFormHolder {    margin-top: 20px; margin-left: 0; padding: 26px 24px 46px; background: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13); box-shadow: 0 1px 3px rgba(0,0,0,.13); } 
.nsjModalPopup p {    margin-top: 9px;} 
.nsjModalPopupFooterLinks{ margin-top:30px; } 
.nsjModalPopup .login-remember{    display: inline-block; float: left;} 
.nsjModalPopup .login-submit{   display: inline-block; float: right;} 
.nsjModalPopup label {display: block;
    text-align: left;
    color: #000000;
    font-size: 14px;
    text-shadow: -1px -1px white; } 
.nsjModalPopup{text-align:left;} 

.nsjModalPopup .forgetmenot{ display:inline-block; float:left; }
#user_pass, #user_login, #user_email, #user_login_register, #user_email_register, #pass1, #pass2 {width: 100%;
  width: 95%;
    text-align: left !important;
    font-size: 15px;
    display: inline-block;
    border-radius: 5px;
    background: rgb(130,72,18);
    background: -moz-linear-gradient(top, rgba(130,72,18,1) 0%, rgba(201,141,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(130,72,18,1) 0%,rgba(201,141,0,1) 100%);
    background: linear-gradient(to bottom, rgba(130,72,18,1) 0%,rgba(201,141,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824812', endColorstr='#c98d00',GradientType=0 );
    box-shadow: none;
    /* box-shadow: inset 0px 1px 1px #f7d08f, inset 0px 3px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -1px 1px 0px #f7d08f, inset 1px 0px 1px #f7d08f, inset 0px 5px 2px 0px rgba(0, 0, 0, 0.12), inset 0px -5px 0px 0px rgba(0, 0, 0, 0.53), inset 3px 0px 0px 0px rgba(0, 0, 0, 0.53), inset -1px 0px 1px #f7d08f, -2px 0px 0px 0px rgba(0, 0, 0, 0.67); */
    color: white;
    padding-left: 5px;
    text-shadow: 1px 1px black;
    outline: none;}
.nsjModalPopup p {
    margin-bottom: 0;
    width: 45%;
    margin-left: 4.75%;
        display: inline-block;
}
.nsjModalPopup #loginErrors, #passwordResetErrors
{
	    color: red;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;	
		
		
}
.formHolder {
    display: inline-block;
    width: 46%;
    /* border-left: 1px solid black; */
        padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
        font-family: 'Asap Condensed', sans-serif;
    font-size: 14px;
    height:100%;
}
div#loginFooterLinks {
    font-family: 'Asap Condensed', sans-serif;
    float: left;
    /* margin-left: 20px; */
    font-size: 11px;
    margin-left: 24px;
}
input::-webkit-input-placeholder {
   color:white;
   text-shadow:1px 1px black;
}
 
input:-moz-placeholder { /* Firefox 18- */
   color:white;
   text-shadow:1px 1px black; 
}
 
input::-moz-placeholder {  /* Firefox 19+ */
   color:white;
   text-shadow:1px 1px black;
}
 
input:-ms-input-placeholder {  
   color:white;
   text-shadow:1px 1px black; 
}
.videoWindowTabHolder {
    display: block;
    border-bottom: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.videoWindowTab {
    border: 1px solid black;
    border-bottom: none;
    display: inline-block;
    padding-left: 10px;
    background: gray;
    color: white;
    padding-right: 10px;
    border-radius: 5px 5px 0px 0px;
}

.videoWindowTab.tabActive {
    background: white;
    color: black;
}

div#videoCommentSection {
    width: 846px;
    top: 652.333px;
    left: 537px;
    box-shadow: inset 0px 2px 1px #f7d08f, inset 0px 2px 4px 0px rgba(0, 0, 0, 0), inset 0px -2px 1px 0px #f7d08f, inset 2px 0px 1px #f7d08f, inset 0px 5px 7px 0px rgba(0, 0, 0, 0), inset 0px -5px 16px 0px rgba(0, 0, 0, 0), inset 2px 0px 17px 0px rgba(0, 0, 0, 0), inset -2px 0px 1px #f7d08f, -2px 0px 16px 0px rgba(0, 0, 0, 0);
    background: white;
    position: absolute;
    overflow-y: scroll;
    height: 322;
    z-index: 9000;
}
.videoBlackoutBox {
    width: 954px;
    height: 156.333px;
    top: 815.667px;
    left: 483px;
    background: black;
    position: absolute;
}
textarea#submitCommentTextarea {
    width: 98%;
    height: 170px;
    display: block;
    margin-left: 9px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.submitCommentBox {
    width: 100%;
    display: inline-block;
    /* text-align: center; */
}

button#submitCommentButton {
    margin-left: 10px;
    float: right;
    margin-right: 10px;
}

.videoCommentList {
    border-top: 1px solid black;
    margin-top: 20px;
}
textarea#submitCommentTextarea {
    width: 98%;
    height: 50px;
    display: block;
    margin-left: 9px;
    margin-top: 1px;
    margin-bottom: 10px;
    border: 1px solid #6f6f6f;
}

.submitCommentBox {
    width: 100%;
    display: inline-block;
    /* text-align: center; */
}

button#submitCommentButton {
   margin-left: 10px;
    float: right;
    margin-right: 10px;
    background: rgb(247,160,0);
    background: -moz-linear-gradient(top, rgba(247,160,0,1) 0%, rgba(178,99,24,1) 100%);
    background: -webkit-linear-gradient(top, rgba(247,160,0,1) 0%,rgba(178,99,24,1) 100%);
    background: linear-gradient(to bottom, rgba(247,160,0,1) 0%,rgb(130, 72, 18) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a000', endColorstr='#b26318',GradientType=0 );
    color: white;
    border: 1px solid #985f00;
    text-shadow: -1px -1px #613e00;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
}

.videoCommentList {
    border-top: 1px solid #8a8a8a;
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.videoDescriptionBox {
   height: 38px;
    margin-left: 10px;
    margin-top: 5px;
    width: 80%;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    position: relative;
}

.videoTitle {
         display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: arial, serif;
}
.videoLikeDislikeHolder {
    width: 40%;
    /* border-left: 1px solid #777777; */
    display: inline-block;
    height: 40px;
    float: right;
    /* border-bottom: 1px solid #6d6d6d; */
    margin-top: 1px;
}
.videoComment {
    width: 97.9%;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.commentAuthorAndDate {
    display: inline-block;
    width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
   
    text-align:left;
}

.commentAuthor {
    display: inline-block;
    font-weight: bold;
}

.commentDate {
    display: inline-block;
    color: #424242;
    margin-left: 7px;
}

.commentText {
    text-align: left;
    margin-top: 5px;
}
.videoAuthor {
  width: 14%;
    display: inline-block;
    /* height: 40px; */
    font-size: 14px;
    /* border: 1px solid #714509; */
    text-align: center;
    position: relative;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 58px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.videoDate {
   
    display: inline-block;
    /* height: 40px; */
    vertical-align: top;
    font-size: 14px;
    font-style: italic;
    /* width: 22%; */
    display: inline-block;
    /* height: 40px; */
    font-size: 14px;
    /* border: 1px solid #714509; */
    text-align: center;
    position: relative;
    /* margin-left: 10px; */
    padding-top: 10px;
    padding-bottom: 10px;
    /* padding-left: 28px; */
    border-radius: 10px;
    font-size: 14px;
    /* font-weight: bold; */
    color: black;
}
.videoAuthor:after {
       content: "";
    width: 50px;
    height: 50px;
    background: transparent url(./images/face.jpg) no-repeat;
    background-size: 100% 100%;
    top: -8;
    left: 0;
    position: absolute;
    border-radius: 50px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.subscribeButton {
       background: red;
    /* height: 40px; */
    display: inline-block;
    /* width: 25%; */
    padding: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: white;
    box-shadow: 1px 1px 0px darkred, 2px 2px 0px darkred;
    text-shadow: -1px -1px #8c1d1d;
    vertical-align: top;
    float: right;
    margin-right: 10px;
}

#likeButton {
    width: 22px;
    display: inline-block;
    height: 22px;
    background-size: 100% 100%;
    background: url(./images/menuEditorIcons/thumbsup.png);
    background-size: 100% 100%;
        cursor: pointer;
}
div#likeCounter {
    display: inline-block;
    font-size: 13px;
    margin-left: 3px;
}
#dislikeButton {
    width: 22px;
    display: inline-block;
    height: 22px;
    background-size: 100% 100%;
    background: url(./images/menuEditorIcons/thumbsdown.png);
    background-size: 100% 100%;
    margin-left: 3px;
        cursor: pointer;
}
div#dislikeCounter {
    display: inline-block;
    font-size: 13px;
    margin-left: 45%;
}
.likeButtonAndCounterHolder {
    display: inline-block;
    width: 48.66%;
}
.likeDislikeBar {
    width: 50%;
    background: green;
    height: 20px;
    display: inline-block;
}
div#viewsHolder {
    display: inline-block;
    width: 17%;
    text-align: center;
}
.likeDislikeRatioBar {
    height: 5px;
    
    width: 100%;
}
.videoSocialToolsHolder {
    display: inline-block;
    width: 15.8%;
    height: 40px;
    text-align: right;
    margin-right: 20px;
}

.shareButtonText {
    display: inline-block;
    vertical-align: top;
    margin-top: 7px;
    font-weight: bold;
}

div#shareButton {
    height: 30px;
    display: inline-block;
}
.likeDislikeHolder {
    display: inline-block;
    width: 50%;
}
div#menuButton {
    display: inline-block;
    /* float: right; */
    /* vertical-align: top; */

}
.likeDislikeBox {
    width: 50%;
    display: inline-block;
}
div#likeButton:hover {
    background: url(./images/menuEditorIcons/thumbsup_hover.png);
    background-size: 100% 100%;
}
div#dislikeButton:hover {
    background: url(./images/menuEditorIcons/thumbsdown_hover.png);
    background-size: 100% 100%;
}
.logoTooltipText:hover {
    background: url(./images/allseeingjologo_textoverlay_hover.png);
    position: absolute;
    width: 232.646080760095;
    height: 69;
    top: 549;
    left: 843.5;
    background-size: 100% 100%;
}
.logoTooltipText {
    background: url(./images/allseeingjologo_textoverlay.png);
    position: absolute;
    width: 230.146080760095;
    height: 62;
    top: 550.4;
    left: 843.9;
    background-size: 100% 100%;
}
.eyeTooltipText {
    background: url(./images/allseeingjologo_eyeoverlay.png);
    position: absolute;
    width: 214;
    height: 189;
    top: 387; 
    left: 852;
    background-size: 100% 100%;
}

.annuitTooltipText {
    background: url(./images/allseeingjologo_textoverlay2.png);
    position: absolute;
    width: 251;
    height: 96;
    top: 353.6666666666667;
    left: 837;
    background-size: 100% 100%;
}
.largeVideoWindow {
    transition: all .3s ease;
    position: absolute;
    display: inline-block;
    background: url(./images/allseeingjologo.png);
    background-size: 100% 100%;
    /* background-position: 25 0; */
    border-radius: 7px;
}
#logoTooltip
{
        transform: rotateZ(35deg) translateX(35%) translateY(5%);
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 30%;
    height: 40%;
    z-index: 9000;
    
    
}
div#logoTooltip:after {
    position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
    transform: rotateZ(-40deg)  translateX(60px) translateY(15px);
}
div#topLogo:hover {
    transition: all .3s ease;
    position: absolute;
    display: inline-block;
    background: url(./images/omnesvidentesjn_hover.png) !important;
    background-size: 100% 100%;
    /* background-position: 25 0; */
    border-radius: 7px;
    left: 505 !important;
}
div#logoTooltip:before {
    position: absolute;
    bottom: 130%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 100px;
    max-width: 260px;
    z-index: 10000;
    transform: rotateZ(-40deg) translateX(-5%) translateY(-50%);
}
div#novaeOrdoCivis:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 100px;
    max-width: 260px;
    z-index: 10000;
    transform: rotateZ(0deg) translateX(-50%);
    transform: rotateZ(35deg) translateX(-76%) translateY(60%);
}

div#novaeOrdoCivis:after {
    position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
    transform: rotateZ(0deg) translateY(5px);
    transform: rotateZ(40deg) translateX(-60px) translateY(15px);
}
div#logoTooltip_novae:after {
    position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
    transform: rotateZ(-35deg)  translateX(60px) translateY(15px);
}

div#logoTooltip_novae:before {
    position: absolute;
    bottom: 130%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 100px;
    max-width: 260px;
    z-index: 10000;
    transform: rotateZ(-35deg) translateX(-5%) translateY(-40%);
}

div#logoTooltip_civis:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: #2B222A;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    content: attr(aria-label);
    text-transform: none;
    transform: translateX(-50%);
    transition: all 0.5s ease;
    min-width: 100px;
    max-width: 260px;
    z-index: 10000;
    transform: rotateZ(0deg) translateX(-50%);
    transform: rotateZ(38deg) translateX(-76%) translateY(72%);
}

div#logoTooltip_civis:after {
    position: absolute;
    bottom: 100%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #2B222A;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
    transform: rotateZ(0deg) translateY(5px);
    transform: rotateZ(38deg) translateX(-60px) translateY(15px);
}
div#bottomLogo {
    transition: all .3s ease;
    position: absolute;
    display: inline-block;
    background: url(./images/omnipraesens-omnipotens.png) !important;
    background-size: 100% 100%;
    /* background-position: 25 0; */
    /* border-radius: 7px; */
}
div#bottomLogo:hover {
    transition: all .3s ease;
    position: absolute;
    display: inline-block;
    background: url(./images/omnipraesens-omnipotens_hover.png) !important;
    background-size: 100% 100%;
    /* background-position: 25 0; */
    /* border-radius: 7px; */
    width: 800;
    height: 38;
    top: 705.6666666666667;
    left: 560 !important;
}
div#topLogo {
    transition: all .3s ease;
    position: absolute;
    display: inline-block;
    background: url(./images/omnesvidentesjn.png)  !important;
    background-size: 100% 100%;
    /* background-position: 25 0; */
    border-radius: 7px;
}
.annuitTooltipText:hover {
    background: url(./images/allseeingjologo_textoverlay2_hover.png);
    position: absolute;
    width: 251;
    height: 96;
    top: 353.6666666666667;
    left: 837;
    background-size: 100% 100%;
}
.commentSortIconAndText img {
    width: 22px;
    display: inline-block;
}

.sortText {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    position: relative;
}

.addPublicCompany {
    display: inline-block;
    width: 74%;
    text-align: center;
    /* vertical-align: top; */
}
.dropDownSortMenu {
    position: absolute;
    left: -20;
    top: 20px;
    background: white;
    border: 1px solid black;
    width: 100px;
    display: none;
    font-size: 14px;
}
.commentSortIconAndText {
    display: inline-block;
    /* float: right; */
    width: 11.5%;
    vertical-align: bottom;
        cursor: pointer;
}
.dropDownOption:hover {
    background: blue;
    color: white;
}
.sortText:hover .dropDownSortMenu {
    display: block;
}
.commentCount {
    display: inline-block;
    /* float: left; */
    margin-left: 8px;
    width: 12%;
}
div#addToListButton {
    display: inline-block;
      margin-right: 17px;
}

#addToListButton img {
    width: 24px;
    display: inline-block;
}
.videoCommentHolder {
    padding-top: 10px;
    margin-top: 6px;
    border-top: 1px solid black;
}
.videoCommentsActions {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: gray;
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
}

.commentThumbsButton {
    width: 14px;
    display: inline-block;
    height: 14px;
    background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    /* margin-top: 1px; */
}

.thumbsUp {
    background: url(./images/menuEditorIcons/thumbsup.png);
    background-size: 100% 100%;
}

.commentThumbsButton.thumbsDown {
    background: url(./images/menuEditorIcons/thumbsdown.png);
    background-size: 100% 100%;
}

.replyLink a {
    display: inline-block;
}

.replyLink a {
    display: inline-block;
    color: gray;
    text-decoration: none;
}

.replyLink {
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
}
.commentLikeCounter {
    display: inline-block;
    margin-right: 12px;
    vertical-align: top;
    font-weight: normal;
}

textarea.commentReplyTextArea {
    width: 98%;
    height: 50px;
    display: block;
    margin-left: 9px;
    margin-top: 1px;
    margin-bottom: 10px;
    border: 1px solid #6f6f6f;
}
.MMXXTooltipText {
    position: absolute;
    width: 76;
    height: 13;
    top: 573;
    background: url(./images/mmxx.png);
       left: 920.5;
    background-size: 100% 100%;
    /* background: url(./images/mmxx.png); */
}
.MMXXTooltipText:hover {
    position: absolute;
    width: 76;
    height: 13;
    top: 573;
    background: url(./images/mmxx-hover.png);
        left: 920.5;
    background-size: 100% 100%;
    /* background: url(./images/mmxx.png); */
}
video::-webkit-media-controls-enclosure {
  display:none !important;
}

.largePlayIcon
{
   width:100px;
   height:100px;
   left:50%;
   top:50%;
   transform:translateX(-50%) translateY(-50%);
   position:absolute;
   background:url("./images/largeplayicon.png");
   background-size:100% 100%;
   border-radius:20px;
   z-index:9000;
   opacity:.7;
    pointer-events:none;
}
.largePauseIcon
{
   width:100px;
   height:100px;
   left:50%;
   top:50%;
      transform:translateX(-50%) translateY(-50%);
   position:absolute;
   background:url("./images/largepauseicon.png");
   background-size:100% 100%;
   
    border-radius:20px;
    z-index:9000;
       opacity:.7;
       pointer-events:none;
}



[data-tooltip]:hover:before {
 position: absolute;
    max-width: 400px;
    left: 50%;
    bottom: 130%;
    transform: translateX(-50%);
    content: attr(data-tooltip);
    min-width: 200px;
    font-size: 14px;
    text-align: justify;
    padding: 10px;
    z-index: 8000;
    border-radius: 10px;
    background: #2B222A;
        text-shadow: none;
}

[data-tooltip]:hover:after {
       position: absolute;
    bottom: 50%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2B222A;;
    content: " ";
    font-size: 0;
    line-height: 0;

    width: 0;
    /* transform: translateY(5px); */
    transform: translateX(-60px);
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
}
.video_bar_button .fa {
    position: absolute;
    top: 42.5%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.videoControlButtonPopup {
      display: none;
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    /* max-width: 300px; */
    /* min-width: 200px; */
    width: max-content;
    background: black;
    color: white;
    font-size: 14px;
    padding: 5px;
    /* z-index: 100000000000; */
    border-radius:10px;
}
.videoSettingsOptionAndValue {
    width: 100%;
}

.videoSettingsOptionLabel {
    /* width: 30%; */
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-weight:bold;
}

.videoSettingsSelectedOption {
    /* width: 68%; */
    display: inline-block;
}

.videoControlButtonPopup:after {
    position: absolute;
    bottom: 50%;
    /* margin-top: 50px; */
    left: 50%;
    transform: translateY(5px);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000000;
    content: " ";
    font-size: 0;
    line-height: 0;
    /* margin-left: -5px; */
    width: 0;
    /* transform: translateY(5px); */
    transform: translateX(-60px);
    left: 50%;
    bottom: -10%;
    transform: translateX(-50%) translateY(20%);
    z-index: 9000;
}