/* style definitions for iresizeable dual mode video play pages */

.radio-toolbar input[type="radio"] {
    display:none;
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ddd;
    text-align:center;
    font-family:Arial;
    font-size:16px;
}

.radio-toolbar label:hover {
         background: #dd8;
    }

.radio-toolbar input[type="radio"]:checked + label {
    background-color:#bfb;
}

label {
    display: block;
    width: 100%;
}

.radio-toolbar {
    width: 100%;
    border-spacing: 10px;
    border-collapse: separate;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px !important;
}

.radio-toolbar td {
     width: 20%;
     background: #999;
     padding: 0px 5px 5px 0;
  }

figure figcaption { text-align:center; font-weight:bold; }

/* initial size of videos */
.vidHolder {display:block; width: 49%; height: auto; }

#videoBox1 { float: left; }
#videoBox2 { float: right; }

.wrapper {
  display:block;
  width: 100%;
  height: auto;
}

video {
    display: block;
    width: 100%;
}

#slider {
  margin-left:10px;
  background-color: white;
  width: 100%;
}

.sliderHolder {width: 90%;}
.sliderValue {font-weight:bold;text-align: center;}

#slide {
  width: 90%;
/*  background-color: white; */
}

/*this is only for webkit, not opera*/
input[type='range'] {  
-webkit-appearance: none;
padding-left:2px; padding-right:2px;
-webkit-border-radius: 5px;  
background-color: #0055BB;
background-image: -webkit-linear-gradient(top, #112244, #22AAEE, #112244);
}  

table.bottom-bar {
    width: 90%;
    border-spacing: 10px;
    border-collapse: separate;
}

.bottom-bar td {
     margin: auto;
     text-align: center;
/*     padding: 0px 5px 5px 0; */
}

table.day-buttons { width: 100%; }

.day-buttons td {
   margin: auto;
   text-align: center;
}

/* buttons */
a.btn {
  display:block;
  width: 100%;
  font: 10pt Arial, Helvetica, sans-serif;
  padding: 0 1px 0 1px;
  border: 2px #000 solid;
  text-decoration: none;
}

a.btn span {
  border-right: 1px solid #000;
  margin: 0 0.1em 0 0;
 padding: 0 0.5em;
}

a.ylw:link, a.ylw:visited {color: #000; background: #fec;}
a.ylw:hover, a.ylw:active {background: #fc6;}
a.ylw span {background: #fff; color: #06c;}
a.grn:link, a.grn:visited {color: #000; background: #bed;}
a.grn:hover, a.grn:active {background: #fc6;}
a.grn span {background: #093; color: #fff;}
a.gry:link, a.gry:visited {color: #000; background: #ccc;}
a.gry:hover, a.gry:active {background: #bed;}
a.gry span {background: #093; color: #fff;}