/* right arrow placement */
.right-arrow {  
  position: absolute;
  right: 10%; 
  top: 40%; 
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px; 
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 50;
}

.right-arrow:hover {
  cursor: pointer;
  border-width: 0 8px 8px 0;
  padding: 8px;
}

/* left arrow placement */
.left-arrow {
  position: absolute;
  top: 40%; 
  left: 10%; 
  border: solid white;
  border-width: 0 5px 5px 0;
  display: inline-block;
  padding: 5px; 
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  z-index: 50;
}

.left-arrow:hover {
  cursor: pointer;
  border-width: 0 8px 8px 0;
  padding: 8px;
}



#dl {height: 5%; }    /* download icon id */
#banner {height: 5%; }    /* top banner id */

#content: (width: 90%; left: 5%; )      /* track info container */

#Tvid {position: relative; }       /* video id */



@media screen and (orientation: portrait) {  /* ADJUST FOR PORTRAIT ORIENTATION */
  #Tvid {    /* change video to 100% width on portrait orientation */
   width: 100%;
   height: auto;
 }
 
  #banner {   /* change banner to 7% height on portrait orientation */
    height: 7%; 
  }
  
}

@media screen and (orientation: landscape) {  /* ADJUST FOR LANDSCAPE ORIENTATION */
  #Tvid {    /* change video to 75% width on landscape orientation */
    width: auto;
    height: 75%;
  }
  
  #banner {   /* change banner to 6% height on landscape orientation */
    height: 6%; 
  }

}

/* -------------------------next and previous mouse over info boxes ---------------------------- */
#rightInfoBox {position: absolute; display: block; right: 12%; top: 37%; visibility: hidden; color: black; background-color: white; padding: 5px; }
#leftInfoBox {position: absolute; display: block; left: 12%; top: 37%; visibility: hidden; color: black; background-color: white; padding: 5px; }


/* UNUSED ???????? */
/* #cover2 {top: 10%; width: 70%; max-height: 20%; }
#player {top: 50%; } */