.backgroundOnly {
   background-color:#f45;
   color: #ff0000;
}
.ui-btn.my-tooltip-btn, .ui-btn.my-tooltip-btn:hover, .ui-btn.my-tooltip-btn:active {
   background: none;
   border: 0;
}
.bsWidget {
   max-width: 99%;
   width:99%;
   font-size: 15px;
   margin: auto;
   overflow: auto;
   font-weight: normal;
   background-color: #444;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
}
#_BSPopup-popup {
   width: 80%;
   left: 10%;
   right: 10%;
   height: 630px;
}
#_BSPopupAudio-popup {
   width: 60%;
   left: 20%;
   right: 20%;
   height: 230px;
}
#audioSpeaker {
   overflow-y: auto;
   overflow-x: hidden;
   max-height:65px;
   height: 60px;
   background: #000;
   color: #eef;
   padding: 10px;
}
.caps {
   text-transform: uppercase;
   font-style:normal;
   font-weight:normal;
   font-size:12px;
}
.noCaps {
   font-style:italic;
   font-weight:normal;
   font-size:12px;
}
p.popupHeader {
   font-size:13px;
   font-weight:bold;
   color:#ff0;
   text-align:center;
}
p.mocAlert {
   color: #e1f5fe;
   font-weight:bold;
   font-size:11px;
   text-align:center;
}
.normText {
   color: #444;
   font-weight:normal;
   font-style:italic;
   font-size:13px;
   text-align:center;
}
.text {
   color: #444;
   font-weight:normal;
   font-style:italic;
   font-size:13px;
}

     /***** START OF INDEX EMBED VIDEO STYLES *****/
#BSIframeWidget {
   //height: 600px;
}
.playerWrapper {
   width:60%;
   padding:5px;
   background-color:#222;
   margin: auto;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
}
.container {
   position: relative;
   width: 100%;
   overflow: hidden;
   padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   border: none;
}

/***** START OF MEDIA QUERIES *****/

/***** Desktops / Laptops *****/
@media all and (min-width:1025px) and (max-width:1600px) {
   .playerWrapper {
      width:60%;
      padding:5px;
      background-color:#222;
      margin: auto;
   }
   #BSIframeWidget {
      //height: 600px;
   }
   #_BSPopup-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 630px;
   }
   #_BSPopupAudio-popup {
      width: 60%;
      left: 20%;
      right: 20%;
      height: 230px;
   }
}

/***** iPad [portrait + landscape] *****/
@media all and (min-width:769px) and (max-width:1024px) {
   .playerWrapper {
      width:80%;
      padding:5px;
      background-color:#222;
      margin: auto;
   }
   #BSIframeWidget {
      //height: 500px;
   }
   #_BSPopup-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 530px;
   }
   #_BSPopupAudio-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 230px;
   }
   .container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 66.66%; /* 3:2 Aspect Ratio */
   }       
}

/***** TABLETS *****/
@media all and (min-width:481px) and (max-width:768px) {
   .playerWrapper {
      width:99%;
      padding:5px;
      background-color:#222;
      margin: auto;
   }
   #BSIframeWidget {
      //height: 400px;
   }
   #_BSPopup-popup {
      width: 90%;
      left: 5%;
      right: 5%;
      height: 430px;
   }
   #_BSPopupAudio-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 230px;
   }
   .container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 66.66%; /* 3:2 Aspect Ratio */
   }      
}

/***** iPhone LANDSCAPE MODE *****/
@media all and (max-width: 480px) {
   .playerWrapper {
      width:98%;
      padding:5px;
      background-color:#222;
      margin: auto;
   }
   #BSIframeWidget {
      //height: 300px;
   }
   #_BSPopup-popup {
      width: 90%;
      left: 5%;
      right: 5%;
      height: 330px;
   }
   #_BSPopupAudio-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 230px;
   }
   .container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 75%; /* 4:3 Aspect Ratio */
   }   
}

/***** iPhone PORTRAIT MODE *****/
@media all and (max-width: 320px) {
   .playerWrapper {
      width:98%;
      padding:5px;
      background-color:#222;
      margin: auto;
   }
   #BSIframeWidget {
      //height: 300px;
   }
   #_BSPopup-popup {
      width: 90%;
      left: 5%;
      right: 5%;
      height: 330px;
   }
   #_BSPopupAudio-popup {
      width: 80%;
      left: 10%;
      right: 10%;
      height: 230px;
   }
   .container {
      position: relative;
      width: 100%;
      overflow: hidden;
      padding-top: 75%; /* 4:3 Aspect Ratio */
   }   
}
/***** END OF MEDIA QUERIES *****