/*
* Stylesheet for the homepage look & feel (grid, videolist, and video popup)
*/
.videolist li {
    color: #428bca;
    text-decoration: none;
    cursor: pointer;
}

.videolist li:hover {
    text-decoration: underline;
}
.videolist {
 /* Controls for list */
}


div.overlay {
  position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  text-align: center;
  margin: 0pt;

  
  
}
div.shadow {
  position: absolute;
  top: 0pt;
  left: 0pt;
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0pt;
  opacity: .5;
  background-color:#333;
  
  
}

p.videopopupclose {
  float:right;
  font-size:12pt;
  font-weight:bold;
  padding:.5em;
}
p.videopopupclose button {
   border-radius: 0px;
   box-shadow: none;
   background-color: #435363; /*#b3282d;*/
   color: white;
   border: 1px solid #435363; /*#b3282d;*/
   padding: .25em;
   margin: 0pt;
   font-size: 12pt;
   height: 24pt;
   width: 24pt;
   /* cursor: pointer; */
}

div#lightbox {
  box-shadow: .5em .5em 3pt #777;
  background-color: white;
  border: 1pt solid black;
  font-size: 18pt;
  width: 800px;
  /* height: 700px; */
  padding-bottom: 40px;
  margin: auto auto;
  margin-top:80px;
  opacity: 1;
  
}

/*
button#trainingclose {
   border-radius: 0px;
   box-shadow: none;
   background-color: #435363;
   color: white;
   border: 1px solid #435363;
   padding: .25em;
   margin: 0pt;
   font-size: 12pt;
   height: 24pt;
   width: 24pt;
}
*/

#trainingtitle {
 color: #3F5364;
 text-decoration: none;
 font-family: 'Ubuntu', sans-serif;
 font-size: 18pt;
 

}
#trainingiframe {
  width:700px;
  height:550px;
  border:1px solid #ccc;
  margin:1em 0px;
}