/* style definitions for video play pages */

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

.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;
}

.radio-toolbar label {
    display: block;
    width: 100%;
}

.wrapper {
  display:block;
  width: 100%;
  height: auto;
  box-shadow: 5px 5px 2px #888888;
}

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

table.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; */
     box-shadow: 5px 5px 2px #888888;
}

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;}