.mirosubs-widgetContainer {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  }

.mirosubs-modal-widget, .mirosubs-modal-widget:active, .mirosubs-modal-widget:hover, a, a:hover, a:active{
  
  outline: none !important;
  
  }



.mirosubs-widget {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #000 !important;
  line-height: 16px !important;
  position: relative;
  text-align: left;
  top: 0;
  }


.mirosubs-modal-widget {
  width: 842px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #000 !important;
  line-height: 16px !important;
  -moz-box-shadow: 0px 3px 10px rgba(0,0,0,9) !important;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,01) !important;
  padding: px !important;
  background: #fff !important;
  position: absolute !important;
  top: 0px !important;
  border: 1px solid #000;
  border-top: 0;
  z-index: 2147483639;
  }

.mirosubs-modal-widget-content {
  border: 1px solid #000;
  border-top: none;
  border-right: none !important;
  background: #000;
  min-height: 500px;
  position: relative;
  overflow: hidden;
  }


.mirosubs-right div a{
  color: #fff;
  }


.mirosubs-modal-widget-content h1{
  color: #fff !important;
  text-align: center !important;
  padding: 25px !important;
  }

.mirosubs-moreHelp{
  width: 400px !important;
  margin: 80px auto 0 !important;
  }


.mirosubs-showTimeline{
  position: absolute !important;
  left: -10px !important;
  background: #fff !important;
  top: -70px !important;
  border: 1px solid #333 !important;
  padding: 4px 6px !important;
  line-height: 1em !important;
  text-decoration: none !important;
  font-weight: bold !important;
  z-index: 5667666666666 !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  }


.mirosubs-moreHelp p a{
  color: #fff !important;
  text-align: center !important;
  }

.mirosubs-moreHelp p{
  color: #fff !important;
  text-align: center !important;
  }





.mirosubs-BANG {
text-shadow: 
0px 0px 25px red,
0px 0px 35px red,
0px 0px 35px red,
0px 2px 0px red,
-1px 3px 0px red,
-2px 2px 0px red,
-2px 1px 0px red,
-2px 0px 0px red,
2px 2px 0px red,
1px 2px 0px red,
0px -2px 0px red,
2px -2px 0px red,
-2px -1px 0px red !important;
}

.mirosubs-modal-login-title-close, .mirosubs-modal-widget-title-close, .mirosubs-modal-lang-title-close {
  background: url("../images/sprite.png") 0 -256px no-repeat !important;
  position: absolute !important;
  top: 9px !important;
  right: -31px !important;
  height: 0px !important; 
  width: 30px !important;
  overflow: hidden !important;
  padding-top: 30px !important;
  cursor: pointer !important;
  cursor: hand !important;
  z-index: 4567890;
  }

.mirosubs-langDrop {
  background: #999 !important;
  padding: 15px 0 !important;
  text-align: center !important;
  border-bottom: 1px solid #333 !important;
  border-top: 1px solid #333 !important;
  }

.mirosubs-langDrop select{
  background: #fff !important;
  line-height: 2em !important;
  border: 1px solid !important;
  font-size: 15px !important;
  }



.mirosubs-langDrop option{

}


.mirosubs-left{
	width: 400px !important;
	float: left !important;
	}


.mirosubs-modal-widget-transcribe .mirosubs-right{
  width: 440px !important;
  padding: 0px 0px !important;
  float: left !important;
  height: 664px;
  color: #fff;
  background: url("../images/widget_right_bg.gif") 0 0 repeat-y !important;
  border: 0;	
  }


.mirosubs-modal-widget-translate .mirosubs-right{
  width: 440px !important;
  padding: 0px 0px !important;
  float: left !important;
  height: 717px;
  color: #fff;
  background: url("../images/widget_right_bg.gif") 0 0 repeat-y !important;
  border: 0;	
  }


.mirosubs-modal-widget-translate .mirosubs-right{
  width: 440px !important;
  padding: 0px 0px !important;
  float: left !important;
  height: 717px;
  color: #fff;
  background: url("../images/widget_right_bg.gif") 0 0 repeat-y !important;
  border: 0;	
  }
  


.mirosubs-modal-widget-translate .mirosubs-right .mirosubs-done{
  margin-top: 75px;	
  }



.mirosubs-modal-widget-finished .mirosubs-right .mirosubs-share{
  width: 350px !important;	
  margin-left: 26px;
  }





.mirosubs-modal-widget-finished .mirosubs-right .mirosubs-share h2,
.mirosubs-modal-widget-finished .mirosubs-right .mirosubs-share h3{
  color: #333;
  width: 340px;
  margin-bottom: 10px !important;
  }
  



.mirosubs-modal-widget-finished .mirosubs-right .mirosubs-share p{
  width: 340px;
  padding: 0;
  margin: 0px 0 10px;
  color: #333;
  text-shadow: none;
  }


.mirosubs-modal-widget-finished .mirosubs-right{
  width: 440px !important;
  padding: 30px 0px !important;
  float: left !important;
  height: 404px;
  color: #fff;
  background: url("../images/widget_right_bg.gif") 0 0 repeat-y !important;
  border: 0;	
  }

.mirosubs-modal-widget-edittranslation .mirosubs-right{
  height: 611px;
  }





@media screen and (-webkit-min-device-pixel-ratio:0) {

.mirosubs-modal-widget-transcribe .mirosubs-right{
height: 713px;
}

}



.mirosubs-right{
  width: 440px !important;
  padding: 0px 0px !important;
  float: left !important;
  height: 745px;
  color: #fff;
  background: url("../images/widget_right_bg.gif") 0 0 repeat-y !important;
  border: 0;	
  }


.mirosubs-help-heading{
  padding-top: 16px;
  height: 32px;
  margin: 0 -1px 20px 0px;
  padding-left: 20px;
  background: #eee url("../images/gradient_light.png") 0px 20px repeat-x;
  }


.mirosubs-right h2{
  color: #333 !important;
  margin: 0px 0 0 !important;
  font-size: 15px !important;
  float: left;
  }



.mirosubs-right p{
  font-size: 13px !important;
  line-height: 1.6em !important;
  margin: 0 21px 10px;
  text-shadow: #000 1px 1px 0px;
  }



.mirosubs-help-heading ul{
  padding: 0px;
  margin: -4px 5px 0 0;
  float: right;
  }

.mirosubs-help-heading ul span{
  float: left;
  margin-right: 20px;
  padding-top: 4px;
  color: #999;
  }


.mirosubs-help-heading ul li{
  list-style: none;
  float: left;
  margin-right: 10px;
  }
  

.mirosubs-help-heading ul li a{
  text-decoration: none;
  color: #aaa;
  font-size: 11px;
  background: #eee url("../images/gradient_light.png") 8px -113px repeat-x;
  padding: 3px 8px 2px 8px;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #eee;
  }




.mirosubs-help-heading ul li a.mirosubs-activestep{
  text-decoration: none;
  color: #333;
  background: #fff;
  border: 1px solid #ddd;
  }


.mirosubs-modal-widget-content.finished {
  height: 670px !important;
  }
  



.mirosubs-modal-widget-content.finished .mirosubs-right{
  width: 360px !important;
  padding: 0px 30px 0 0 !important;
  float: right !important;
  }


.mirosubs-modal-widget-content.finished .mirosubs-right{
  width: 360px !important;
  padding: 0px 30px 0 0 !important;
  float: right !important;
  }
  



.mirosubs-modal-widget-content.finished .mirosubs-videoDiv{
  margin-left: 0px !important;
}
  


.mirosubs-help{
  color: #fff !important;
  margin: 10px 0 !important;
  
  }
  





.mirosubs-steps{
  position:absolute !important;
  bottom: 30px !important;
  width: 420px !important;
  height: 112px;
  margin-left: 2px;
  }



@media screen and (-webkit-min-device-pixel-ratio:0) {



.mirosubs-steps{
bottom: 47px !important;
}


}



.mirosubs-restart{
  padding-left: 33px !important;
  margin: 10px 0 30px 0px !important;
  font-size: 11px !important;
  float: right !important;
  text-decoration: none !important;
  line-height: 2em !important;
  background: #333 url("../images/sprite.png") 8px -146px no-repeat !important;
  color: #777 !important;
  padding: 4px 20px 2px;
  border: 1px solid #333;
  border-top: 1px solid #666;
  border-bottom: 1px solid #444;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  }

  
.mirosubs-extra{
  border: 1px solid #4f4f4f;
  background: #454545;
  
  margin: 20px;
  padding: 15px 20px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: relative;
  
  }


.mirosubs-extra p{
  margin: 0px 0 5px;
  color: #fff;
  padding: 0;
  text-shadow: 0px 1px 1px #000;
  font-weight: bold;
  line-height: 1.4em !important;
  font-size: 12px !important;
  }


.mirosubs-extra a{
  margin: 0px 0 5px;
  color: #fff;
  padding: 0;
  text-shadow: 0px 1px 1px #000;
  font-weight: bold;
  line-height: 1.4em !important;
  font-size: 12px !important;
  }


.mirosubs-extra h3{
  margin: 0px 0 5px;
  color: #fff !important;
  text-shadow: 0px 1px 1px #000;
  font-weight: bold;
  line-height: 1.4em !important;
  font-size: 15px !important;
  }





.mirosubs-extra ul{
  margin: 0px 0 5px;
  color: #fff;
  padding: 0 0 0 15px;
  text-shadow: 0px 1px 1px #000;
  font-weight: bold;
  line-height: 1.4em !important;
  font-size: 12px !important;
  }




.mirosubs-extra .mirosubs-spanarrow{
  display: block;
  bottom: -12px;
  width: 17px;
  height: 12px;
  position: absolute;
  background: url("../images/pointing.png") 0 0 no-repeat !important;
  }

.mirosubs-extra.mirosubs-extra-left .mirosubs-spanarrow{
  display: block;
  top: 14px;
  left: -8px;
  width: 17px;
  height: 16px;
  position: absolute;
  background: url("../images/pointing.png") 0 -13px no-repeat !important;
  }



.mirosubs-backTo{
  padding-left: 29px !important;
  margin: 10px 0 30px 20px !important;
  font-size: 11px !important;
  text-decoration: none !important;
  float: left !important;
  line-height: 2em !important;
  background: #333 url("../images/sprite.png") 10px -206px no-repeat !important;
  color: #777 !important;
  padding: 4px 20px 2px;
  border: 1px solid #333;
  border-top: 1px solid #666;
  border-bottom: 1px solid #444;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  }

.mirosubs-backTo:hover{
  background: #666 url("../images/sprite.png") 10px -206px no-repeat !important;
  border: 1px solid #777;
  border-top: 1px solid #999;
  color: #fff !important;
  border-bottom: 1px solid #777;
  }



.mirosubs-restart:hover{
  background: #666 url("../images/sprite.png") 8px -145px no-repeat !important;
  border: 1px solid #777;
  border-top: 1px solid #999;
  color: #fff !important;
  border-bottom: 1px solid #777;
  }


.mirosubs-loggedIn{
  color: #fff !important;
  text-align: center !important;
  }

.mirosubs-done {
  color: #333;
  font-size: 16px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 15px 3px 13px 8px;
  clear: both;
  margin: 15px 20px 20px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-shadow: #ddd 1px 1px 0px;
  display: block;
  width: 388px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #999;
  border-top: 1px solid #fff;
  background: #fff url("../images/gradient.png") right -2px repeat-x;
  }

.mirosubs-done img {
   border: 0;
   position: absolute;
   left: 30px;
}

.mirosubs-done span {
   text-decoration: none !important;
   color: #333 !important;
   padding-right: 40px;
   background: url("../images/sprite.png") right -236px no-repeat;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.mirosubs-done span {
   background: url("../images/sprite.png") right -235px no-repeat;
}
}


.mirosubs-done.left span {
   padding-left: 19px;
   background: url("../images/sprite.png") left -214px no-repeat;
}

.mirosubs-done:hover {
   background: #fff url("../images/gradient.png") right 132px repeat-x;
   text-shadow: none;
}

.mirosubs-done:active {
   background: #fff url("../images/gradient.png") right -82px repeat-x;
   border-color: #000;
}

.mirosubs-translateField{
  padding: 3px !important;
  width: 350px !important;
  margin-top: 3px !important;
  height: 34px !important;
  }

.mirosubs-whats{
  display: block !important;
  font-size: 11px !important;
  color: #999 !important;
  margin-left: 40px !important;
  }

.mirosubs-needLogin{
  color: #fff !important;
  font-size: 15px !important;
  padding-left: 35px !important;
  background: url("../images/sprite.png") 10px -119px no-repeat !important;
  line-height: 2em !important;
  text-align: center !important;
  position: absolute;
  top: -50px;
  left: 34px
  }


.mirosubs-needLogin a{
  color: #fff !important;
  
  }


.mirosubs-legend{

}



.mirosubs-speedmode{
  margin-left: 20px;
  clear: both;
  }


.mirosubs-speedmode h4{
  float: left;
  margin: 21px 20px 0 0;
  
  }

.mirosubs-speedmode select{
  float: left;
  margin-top: 20px;
  
  }

.mirosubs-speedmode select option{

}



.mirosubs-play:hover,
.mirosubs-skip:hover,
.mirosubs-begin:hover{
   cursor: pointer;
  }

.mirosubs-play{
  text-shadow: 1px 1px 0px #68b553;
  background: url("../images/new_buttons.png") 0px -73px no-repeat !important;
  font-size: 11px;
  float: left;
  color: #000;
  padding-left: 60px;
  width: 128px;
  line-height: 1.3em;
  font-weight: bold;
  margin-left: 20px;
  height: 40px;
  padding-top: 20px;
  }


.mirosubs-play-beginner{
  padding-top: 12px;
  padding-bottom: 2px;
  }


.mirosubs-play-beginner span.mirosubs-tab{
  padding-top: 10px !important;
  
  }




.mirosubs-play:hover{
  background: url("../images/new_buttons.png") 0px -214px no-repeat !important;
  text-shadow: 1px 1px 0px #a7d29c;
  }

.mirosubs-play:active, .mirosubs-play-down {
  background: url("../images/new_buttons.png") 0px -356px no-repeat !important;
  text-shadow: none;
  }

.mirosubs-begin{
  text-shadow: 1px 1px 0px #b662ad;
  background: url("../images/new_buttons.png") 0px -0px no-repeat !important;
  font-size: 12px;
  float: left;
  color: #000;
  padding-left: 60px;
  width: 408px;
  line-height: 1.3em;
  font-weight: bold;
  margin-left: 20px;
  height: 35px;
  margin-bottom: 15px;
  padding-top: 18px;
  margin-top: 5px;
  }


.mirosubs-begin:hover {
   background: url("../images/new_buttons.png") 0px -141px no-repeat !important;
   text-shadow: 1px 1px 0px #e48fd8;
}

.mirosubs-begin:active, .mirosubs-begin-down {
   background: url("../images/new_buttons.png") 0px -283px no-repeat !important;
   text-shadow: none;
}


.mirosubs-skip{
  text-shadow: 1px 1px 0px #6db8ca;
  background: url("../images/new_buttons.png") right -73px no-repeat !important;
  font-size: 11px;
  float: left;
  color: #000;
  padding-left: 60px;
  width: 128px;
  line-height: 1.3em;
  font-weight: bold;
  margin-left: 24px;
  height: 41px;
  padding-top: 12px;
  }

/* FIXME: pretty bad duplication */

.mirosubs-green-button {
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius:3px;
   text-decoration: none !important;
   font-weight: bold;
   text-transform: uppercase;
   float: left;
}


.mirosubs-green-button.mirosubs-big {
   font-size: 14px;
   padding: 8px 16px;
}


/*---- Green Button ----*/

.mirosubs-green-button {
   color: #485a0c !important;
   
   text-shadow: 0 1px 0px #aed011;
   
   border: 1px solid #728e00;
   border-top: 1px solid #95ac00;
   border-bottom: 1px solid #546e00;
   
   -moz-box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #d1dd6f;
   -webkit-box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #d1dd6f;
   box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #d1dd6f;
   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2c800', endColorstr='#85ac00'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#b2c800), to(#85ac00)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #b2c800,  #85ac00); /* for firefox 3.6+ */
}


.mirosubs-green-button:hover{
   color: #485a0c !important;
   
   text-shadow: 0 1px 0px #ebff6b;
   
   -moz-box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #daea62;
   -webkit-box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #daea62;
   box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #daea62;
   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8f136', endColorstr='#99cc00'); /* for IE */
   background: -webkit-gradient(linear, left top, left bottom, from(#d8f136), to(#99cc00)); /* for webkit browsers */
   background: -moz-linear-gradient(top,  #d8f136,  #99cc00); /* for firefox 3.6+ */
}

  

.mirosubs-skip:hover{
  background: url("../images/new_buttons.png") right -214px no-repeat !important;
  text-shadow: 1px 1px 0px #86bfcc;
  }


.mirosubs-skip:active, .mirosubs-skip-down {
  background: url("../images/new_buttons.png") right -356px no-repeat !important;
  text-shadow: none;
  }


.mirosubs-skip .mirosubs-control{
  font-size: 20px !important;
  color: #333 !important;
  font-size: 10px !important;
  height: 22px !important;
  padding: 4px 22px 0 10px !important;
  display: block !important;
  width: 17px !important;
  text-shadow: 1px 1px 1px #fff !important;
  float: right !important;
  text-align: center !important;
  line-height: .7em !important;
  margin: 0 0px 0px !important;
  }


.mirosubs-play .mirosubs-tab, 
.mirosubs-begin .mirosubs-down{
  font-size: 20px !important;
  color: #333 !important;
  font-size: 10px !important;
  height: 22px !important;
  padding: 2px 0 0 10px !important;
  display: block !important;
  width: 36px !important;
  text-shadow: 1px 1px 1px #fff !important;
  float: right !important;
  line-height: 1em !important;
  margin: 0 0px 0px !important;
  }


.mirosubs-begin .mirosubs-spacebar,
.mirosubs-play .mirosubs-spacebar{
  font-size: 20px !important;
  color: #333 !important;
  font-size: 11px !important;
  height: 22px !important;
  padding: 14px 0 4px 0px !important;
  display: block !important;
  background: url("../images/spacebar.png") 0 0px no-repeat !important;
  width: 110px !important;
  float: left !important;
  text-align: center !important;
  line-height: 1em !important;
  text-shadow: 1px 1px 1px #fff !important;
  margin: 0 10px 10px 0 !important;
  }


.mirosubs-auto{
  float: left !important;
  line-height: 1.7em !important;
  margin: 0px 30px 0 40px !important;
  }

.mirosubs-auto .mirosubs-enable{
  padding-left: 40px !important;
  float: left !important;
  line-height: 1.7em !important;
  background: url("../images/sprite.png") 0 -183px no-repeat !important;
  margin: 20px 0 0 0px !important;
  }


.mirosubs-auto a{
    color: #fff !important;
}


.mirosubs-hide{
  float: right !important;
  color: #555 !important;
  padding-left: 15px !important;
  background: url("../images/sprite.png") 0 -214px no-repeat !important;
  text-decoration: none !important;
  }

.mirosubs-clear{
  clear:both !important;
  height: 0 !important;
  }

.mirosubs-watch {
  color: #fff !important;
  margin: 20px 0 !important;
  display: block !important;
  padding-left: 30px !important;
  background: url("../images/sprite.png") 0px -328px no-repeat !important;
  }

.mirosubs-watch span {

}

.mirosubs-videoDiv {

}

.mirosubs-left .mirosubs-videoDiv {
  width: 400px;
  height: 300px;
  
  }

.mirosubs-left .mirosubs-videoDiv video,
.mirosubs-left .mirosubs-videoDiv object{
  width: 400px;
  height: 300px;
  }


.mirosubs-videoDiv video,
.mirosubs-videoDiv video *,
.mirosubs-videoDiv object{
  width: 440px ;
  display: block;
  
  }


.mirosubs-captioningArea {
  position: relative !important;
  background: #fff url("../images/big_grad.png") 0 bottom repeat-x !important;
  }

ul.mirosubs-titlesList {
  margin: 0 !important;
  padding: 0;
  overflow: auto !important;
  position: relative !important;
  height: 336px !important;
  }

ul.mirosubs-titlesList li {
  font-weight: bold !important;
  border-bottom: 1px solid #ccc !important;
  margin: 0 !important;
  position: relative !important;
  min-height: 23px !important;
  padding: 10px !important;
  list-style: none !important;
  }

.mirosubs-sub-delete, .mirosubs-sub-insert {
  position: absolute;
  top: 0px;
  cursor: pointer;
  cursor: hand;
  
  }

.mirosubs-sub-delete {
  right: 3px;
  width: 18px;
  top: 3px;
  height: 18px;
  background: url("../images/remove-title.png") 0 0 no-repeat;
  }

.mirosubs-sub-delete:hover {
   background: url("../images/remove-title.png") 0 -21px no-repeat;
}


.mirosubs-sub-delete:active {
   background: url("../images/remove-title.png") 0 -41px no-repeat;
}

.mirosubs-sub-insert {
   left: 180px;
   width: 30px;
   top: -5px;
   height: 28px;
   background: url("../images/add-title.png") 0 0 no-repeat;
}

.mirosubs-sub-insert:hover {
   background: url("../images/add-title.png") 0 -29px no-repeat;
}

.mirosubs-sub-insert:active {
   background: url("../images/add-title.png") 0 0 no-repeat;
}

li.mirosubs-append-sub-button {
   height: 150px;
}

.mirosubs-modal-widget-transcribe .mirosubs-append-sub-link {
   display: none;
}

ul.mirosubs-titlesList.taller {
    height: 210px !important;
}

ul.mirosubs-titlesList.sync {
    margin: 0 !important;
    padding: 0 !important;
    height: 200px !important;
    border-bottom: 1px solid #ccc !important;
    overflow: auto !important;
}


.mirosubs-widget a:active,
.mirosubs-widget a:focus,
.mirosubs-widget a:hover {
    outline: none !important;
}

.mirosubs-widget li.selected{
    background: #0090cb !important;
}

.mirosubs-modal-dialog-bg {
  position: absolute !important;
  background-color: #666 !important;
  top: 0 !important;
  left: 0 !important;
}

.mirosubs-modal-widget-bg {
  z-index: 2147483638;
  position: absolute !important;
  background: #000 !important;
  top: 0 !important;
  left: 0 !important;
}

.mirosubs-modal-dialog {
  position: absolute !important;
  padding: 5px !important;
  background-color: #bcf !important;
  border: 1px solid #000 !important;
  font-family: arial, sans-serif !important;
  width: 475px !important;
  color: #000 !important;
  outline: none !important;
}

.mirosubs-modal-dialog a,
.mirosubs-modal-dialog a:link,
.mirosubs-modal-dialog a:visited  {
  color: #0066cc !important;
  cursor: pointer !important;
}

.mirosubs-modal-dialog-title {
  position: relative !important;
  background-color: #ebeff9 !important;
  color: #000000 !important;
  padding: 10px 15px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  cursor: hand !important;
}

.mirosubs-modal-dialog-title-close {
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    width: 15px !important;
    height: 16px !important;
    background: url("../images/dialog_close_box.gif") no-repeat center !important;
    cursor: default !important;
}

.mirosubs-modal-dialog-content {
    padding: 15px !important;
    font-size: 90% !important;
    background-color: #fff !important;
}

.mirosubs-modal-dialog-buttons {
    padding: 0 15px 15px !important;
    background-color: #fff !important;
}

.goog-buttonset-default {
    font-weight: bold !important;
}

.mirosubs-label-input-label {
    color: #666 !important;
}

.mirosubs-activecaption-input-label {
    background-color: #fbb !important;
}

.mirosubs-captionDiv {
   position: absolute !important;
   letter-spacing: .06em !important;
   line-height: 1.4em;
   text-shadow:
      0px 2px 1px #000,
      -1px 3px 1px #000,
      -2px 2px 1px #000,
      -2px 1px 1px #000,
      -2px 0px 1px #000,
      2px 2px 1px #000,
      1px 2px 1px #000,
      0px -2px 1px #000,
      2px -2px 1px #000,
      -2px -1px 1px #000,
      -1px -3px 1px #000,
      -3px -2px 1px #000 !important;
   font-size: 14px !important;
   text-align: center !important;
   color: white !important;
   font-weight: normal !important;
   margin: 0 40px;
    background: url("../images/caption_bg.png") !important;
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
   padding: 10px 3px !important;
}

iframe.mirosubs-captionDivBg { 
    position: absolute !important; 
    border: none !important; 
    top: 220px !important;
} 


/*--- "Finished Page" version ---*/

ul.mirosubs-titlesList.finished {
    margin: 0 !important;
    padding: 0 !important;
    height: 206px !important;
    border-bottom: 1px solid #ccc !important;
    overflow: auto !important;
}



ul.mirosubs-titlesList.mirosubs-beginTab {
overflow: hidden !important;
margin-bottom: 0px !important;
background: url("../images/begin_tab.jpg") 0 -74px no-repeat !important;
    text-shadow: #333 1px 1px 1px !important;
border-bottom: none !important;
}


ul.mirosubs-titlesList.mirosubs-beginTab .mirosubs-beginTabLi {
height: 102px !important;
padding: 110px 0px !important;
text-align: center !important;
font-size: 20px !important;
line-height: 1.5em !important;
color: #fff !important;

}


ul.mirosubs-titlesList li:hover {
cursor: default !important;
}

ul.mirosubs-titlesList li.active {
    background: #caf3ff !important;
}

ul.mirosubs-titlesList li textarea {
    width: 350px !important;
    padding: 5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    border-top: 1px solid #999 !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #eee !important;
    border-left: 1px solid #ddd !important;
}


ul.mirosubs-titlesList li input.mirosubs-translateInput {
    width: 95% !important;
    padding: 5px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4em !important;
    border-top: 1px solid #999 !important;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #eee !important;
    border-left: 1px solid #ddd !important;
margin: 7px 0 0 0 !important;
}



ul.mirosubs-titlesList li:hover .mirosubs-timestamp {
border: 1px solid #ddd;
padding-top: 0px !important;
padding-right: 9px !important;
}



.mirosubs-timestamp {
    margin: 0 !important;
    right: 50px !important;
    font-size: 10px !important;
    position: absolute !important;
    line-height: 18px !important;
    top: -1px !important;
    .top: -4px !important;
    font-weight: normal !important;
    width: 60px !important;
    color: #aaa !important;
    height: 17px !important;
    padding: 1px 10px 0 5px !important;
}

.mirosubs-timestamp.none {
    color: #aaa !important;
}

.mirosubs-timestamp-time {
float: right !important;
}


.mirosubs-changeTime {
width: 31px !important;
margin: 0 !important;
position: absolute !important;
left: -1px !important;
height: 22px !important;
top: 0px !important;
}

.mirosubs-titlesList li:hover .mirosubs-changeTime a{
display: block !important;
}

.mirosubs-changeTime a{
width: 15px !important;
float: right !important;
display: none !important;
height: 0 !important;
padding-top: 18px !important;
overflow: hidden !important;
}

.mirosubs-changeTime a.mirosubs-up{
float: right !important;
height: 0 !important;
overflow: hidden !important;
border-left: 1px solid #aaa !important;
background: url("../images/time_arrows.png") right -1px no-repeat !important;
}



.mirosubs-changeTime a.mirosubs-down{
height: 0 !important;
float: left !important;
overflow: hidden !important;
background: url("../images/time_arrows.png") left -1px no-repeat !important;
}


.mirosubs-changeTime a.mirosubs-down:hover{
background: url("../images/time_arrows.png") left -20px no-repeat !important;
}



.mirosubs-changeTime a.mirosubs-down:active{
background: url("../images/time_arrows.png") left -39px no-repeat !important;
}


.mirosubs-changeTime a.mirosubs-up:hover{
background: url("../images/time_arrows.png") right -20px no-repeat !important;
}


.mirosubs-changeTime a.mirosubs-up:active{
background: url("../images/time_arrows.png") right -39px no-repeat !important;
}


.mirosubs-title {
    line-height: 1.4em !important;
    display: block !important;
    padding:10px !important;
cursor: pointer;
    .padding-top: 0px !important;

    margin-right: 65px !important;
}

li span.mirosubs-title textarea{
width: 334px !important;
  -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    background: #fcfcfc url("../images/gradient_light.png") 0 -135px repeat-x !important;

padding: 3px;
}


.mirosubs-title:hover {
}


.mirosubs-title-notime {
    padding-left: 0 !important;
}

.mirosubs-nextStep {
    padding: 10px 0 !important;
    text-align: right !important;
    float: left !important;
    width: 100% !important;
    background: #fcfcfc url("../images/gradient.png") 0 14px repeat-x !important;
}

.mirosubs-nextStep strong {
    padding-right: 17px !important;
    background: url("../images/right_arrow.png") right 3px no-repeat !important;
}

.mirosubs-nextStep span {
    padding-right: 15px !important;
}

.mirosubs-nextStep a {
    float: right !important;
    padding: 1px 10px 0 !important;
    line-height: 2em !important;
    background: url("next.gif") 0 -4px repeat-x !important;
    text-decoration: none !important;
    color: #fff !important;
    border: 1px solid #666 !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    margin-right: 10px !important;
}

.mirosubs-nextStep a:hover {
    border: 1px solid #333 !important;
}

.mirosubs-nextStep a.mirosubs-logoutLink {
    background: none !important;
    color: #aaa !important;
    text-decoration: underline !important;
    border: 0 !important;
    float: left !important;
    margin: 0 0 0 10px !important;
}


.mirosubs-nextStep a.mirosubs-logoutLink:hover {
    background: none !important;
    color: #666 !important;
    border: 0 !important;
}

.mirosubs-nextStep a.mirosubs-logoutLink:active {
    background: none !important;
    color: #666 !important;
    border: 0 !important;
}

.mirosubs-nav {
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    height: 2.5em !important;
}

.mirosubs-nav li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    min-width: 33% !important;
    float: left !important;
}

.mirosubs-nav li.active a {
    border-top: 1px solid #ededed !important;
    background: #efefef url("../images/gradient.png") 0 -39px repeat-x !important;
}

.mirosubs-nav a {
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none !important;
    width: 100% !important;
    font-weight: bold !important;
    color: #333 !important;
    padding: 0 !important;
    float: left !important;
    border-top: 1px solid #ddd !important;
    line-height: 2.5em !important;
    background: #efefef url("../images/gradient.png") 0 -9px repeat-x !important;
}

.mirosubs-navTranscribe a {
    -moz-border-radius-bottomleft: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
}

.mirosubs-navSync a {
    border-left: 1px solid #ccc !important;
}

.mirosubs-navReview {
    width: 34% !important;
}

.mirosubs-navReview a {
    -moz-border-radius-bottomright: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
}

.mirosubs-navSync a {
   border-right: 1px solid #ccc !important;
   width: 99% !important;
}

.mirosubs-nav a:hover {
    border-top: 1px solid #ededed !important;
    background: #efefef url("../images/gradient.png") 0 -39px repeat-x !important;
}

.mirosubs-transcribeControls {
    background: #ddd !important;
    border-bottom: 1px solid #999 !important;
    border-top: 1px solid #eee !important;
}

.mirosubs-transcribeControls input.trans {
    width: 91% !important;
    margin: 10px !important;
    padding: 5px !important;
    font-size: 13px !important;
}

.mirosubs-widget li.mirosubs-transcribeHelp {
    margin:0px !important;
    padding: 0px !important; 
    background: #eee !important;
    border-bottom: 1px solid #ddd !important;
}

.mirosubs-widget li.mirosubs-transcribeHelp:hover {
    background: #eee !important;
}

.mirosubs-widget li.mirosubs-transcribeHelp .mirosubs-helpInner {
    margin: 10px !important;
    padding: 0px !important; 
    border: 1px solid #333 !important;
    -moz-border-radius: 5px !important;
    background: url("../images/blue_grad.gif") 0 0 repeat-x !important;
    border-right: 1px solid #1d8bb0 !important;
    border-left: 1px solid #1d8bb0 !important;
    border-bottom: 1px solid #fff !important;
    -webkit-border-radius: 5px !important;
}

li.mirosubs-transcribeHelp p {
    color: #fff !important;
    font-weight: bold !important;
    padding: 0 25px 5px 15px !important;
    margin: 0px 0px 0 0 !important;
    font-size: 11px !important;
    text-shadow: #6374AB 1px 1px 1px !important;
}

li.mirosubs-transcribeHelp p.mirosubs-topP {
    padding-top: 10px !important;
}

.mirosubs-transcribeHelp,
.mirosubs-transcribeHelp li:hover {

}

.mirosubs-transcribeHelp .mirosubs-keys {
    width: 100% !important;
    height: 127px !important; 
    border: 1px solid #333 !important; 
    border-bottom: 0 !important; 
    margin-left: -223px !important; 
    position: fixed !important; 
    width: 200px !important; 
    margin-top: -10px !important; 
    padding: 15px 5px !important; 
    background: url("../images/keys.png") 0 0 repeat-x !important;
    -moz-border-radius-bottomleft: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    background: url("../images/blue_grad.gif") 0 0 repeat-x !important;
    -webkit-border-bottom-left-radius: 5px !important; 
    -webkit-border-top-left-radius: 5px !important; 
}

.mirosubs-transcribeHelp .mirosubs-keys h3{ 
    margin: 0 0 10px !important; 
    padding: 0 0 0 10px !important; 
    color: #fff !important; 
} 

.mirosubs-transcribeHelp .mirosubs-keys a { 
    margin: 0 !important; 
    padding: 0 0 0 10px !important; 
    color: #fff !important; 
    position: absolute !important; 
    bottom:10px !important; 
    right: 10px !important; 
} 

.mirosubs-transcribeHelp .mirosubs-keys span {
    float: left !important;
    font-weight: bold !important;
    font-size: 10px !important;
    text-shadow: #6374AB 1px 1px 1px !important;
    color: #fff !important;
    margin-bottom: 5px !important;
    padding: 5px 5px 5px 15px !important;
}

.mirosubs-transcribeHelp .mirosubs-keys span.mirosubs-tab{
    float: left !important;
    font-weight: bold !important;
    font-size: 10px !important;
    padding: 5px 5px 5px 50px !important;
    background: url("../images/keys_buttons.png") 10px -48px no-repeat !important;
}

.mirosubs-transcribeHelp .mirosubs-keys span.mirosubs-back{
    float: left !important;
    font-weight: bold !important;
    font-size: 10px !important;
    padding: 5px 5px 5px 50px !important;
    background: url("../images/keys_buttons.png") 10px -97px no-repeat !important;
}

li.mirosubs-transcribeHelp span.mirosubs-space_bar{
    background: url("../images/keys_buttons.png") 10px 1px no-repeat !important;
    padding: 6px 0 5px 100px !important;
}

.mirosubs-transcribeHelp ol {
    margin: 0 !important;
    background: none !important;
    padding: 0 !important;
}

li.mirosubs-transcribeHelp ol li {
    background: none !important;
    margin: 0 !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 1.4em !important;
    border: none !important;
    padding: 3px !important;
}

.mirosubs-tips p {
    padding: 0 0 4px !important;
    font-size: 11px !important;
    margin: 0 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mirosubs-navSync {
        border-left: 1px solid #ccc !important;
        border-right: 1px solid #ccc !important;

    }

    .mirosubs-navSync a{
        border-left: none !important;
        width: 100% !important;
    }

    .mirosubs-navReview a{
        border-left: none !important;
    }

    .mirosubs-navReview {
    }
}

.mirosubs-langmenu {
    background-color:#FFFFFF !important;
    border-color:#CCCCCC #666666 #666666 #CCCCCC !important;
    border-style:solid !important;
    border-width:1px !important;
    border-top: none !important;
    cursor:default !important;
    margin:0 !important;
    outline-color:-moz-use-text-color !important;
    outline-style:none !important;
    outline-width:medium !important;
    padding:px 0 !important;
    -moz-border-radius-bottomleft: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important; 
    -webkit-border-bottom-rught-radius: 5px !important; 
    position: absolute !important;
   z-index: 2147483639;
}

.mirosubs-langmenuitem {
    font-size:11px !important;
    margin:0 !important;
    padding:4px 7px !important;
}

.mirosubs-langmenuitem-highlight {
    background-color: #333 !important;
    cursor: pointer !important;
    color: white !important;
}

.mirosubs-langmenuitem-highlight .mirosubs-langmenuitem-content {

    color: white !important;
}

.mirosubs-langmenusep {
    border-top: 1px solid #666 !important;
    margin: 0px 0 !important;
    padding: 0 !important;
}


.mirosubs-embed{
position: relative !important;
}



embed#clippy{
position: absolute !important;
top: 5px !important;
left: 230px !important;
}


.mirosubs-embed input {
width: 205px !important;
overflow: hidden !important;
padding: 5px !important;
height: 11px !important;
font-size: 11px !important;
}


.mirosubs-share{
background: #e1eff4 !important;
padding: 20px 20px 30px !important;
position: relative !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}


.mirosubs-share h2{
margin: 0 !important;
}


.mirosubs-share h3{
margin: 15px 0 5px 0 !important;
}

.mirosubs-permalink{
color: #777 !important;
}


.mirosubs-blueTriangle{

position: absolute !important;
left: -8px !important;
top: 18px !important;
}


.mirosubs-share ul{
margin: 0 0 0 0px !important;
padding: 0 !important;
}


.mirosubs-share ul li{
list-style: none !important;
padding: 0 0 0 28px !important;
margin-bottom: 5px

}


.mirosubs-share ul li a{
list-style: none !important;
line-height: 1.8em !important;
padding: 0 !important;
margin-bottom: 5px
display: block !important;
color: #333 !important;
font-weight: bold !important;
}


.mirosubs-twitter{
    background: url("../images/share_icons.png") 0 -37px no-repeat !important;
text-decoration: underline;
}


.mirosubs-facebook{
    background: url("../images/share_icons.png") 0 0px no-repeat !important;
text-decoration: underline;
}


.mirosubs-friends{
    background: url("../images/share_icons.png") 0 -73px no-repeat !important;
text-decoration: underline;
}



.mirosubs-translating{
padding: 5px !important;
color: #fff !important;
background: #444 url("../images/big_grad.png") right bottom repeat-x !important;
-moz-border-radius: 4px !important;
-webkit-border-radius: 4px !important;
padding: 30px !important;
margin: 30px !important;
border-top: 1px solid #444 !important;
border-right: 1px solid #555 !important;
border-bottom: 1px solid #555 !important;
border-left: 1px solid #555 !important;
clear:both !important;
height: 110px !important;
width: 720px !important;
}

.mirosubs-translating .mirosubs-buttons .mirosubs-done{
width: 230px;
margin: 0 0 20px !important;
}




.mirosubs-translating p{
float: left !important;
width: 460px !important;
font-size: 13px !important;
margin: 3px 0 20px !important;
line-height: 1.6em !important;

}

.mirosubs-translating .mirosubs-buttons{
float: right !important;
width: 240px !important;
}

.mirosubs-translating .mirosubs-done{
margin: 0 0 35px !important;
}

.mirosubs-autopause {
    font-size: 16px !important;
    margin: 10px 0 0 95px !important;
    line-height: 16px !important;
}

.goog-checkbox {
  border: 1px solid #1C5180 !important;
  cursor: pointer !important;
  display: -moz-inline-box !important;
  display: inline-block !important;
  font-size: 1px !important;  /* Fixes the height in IE6 */
  height: 11px !important;
  margin: 0 4px 0 1px !important;
  vertical-align: text-bottom !important;
  width: 11px !important;
}

.goog-checkbox-checked {
  background: #fff url('../images/check-sprite.gif') no-repeat 2px center !important;
}

.goog-checkbox-undetermined {
  background: #bbb url('../images/check-sprite.gif') no-repeat 2px center !important;
}

.goog-checkbox-unchecked {
  background: #fff !important;
}

.goog-checkbox-disabled {
  border: 1px solid lightgray !important;
  cursor: default !important;
  background-position: -7px !important;
}


.mirosubs-videoHelp video{
width: 600px !important;
height: 300px !important;
margin: 30px 0 0 125px !important;
}


.mirosubs-langmenu{
width: 110px !important;
}

.mirosubs-langmenuitem-content, .mirosubs-langmenuitem-content a{
font-family: Arial, Helvetica, sans-serif !important;
color: #333 !important;
text-decoration: none !important;
}



/*///////////////////////////////////////////////

~ Video Controls

///////////////////////////////////////////////*/

.mirosubs-videoControls{
width: 100% !important;
border-bottom: 1px solid #000 !important;
width: 400px !important;
height: 30px !important;
background: #000 url("../images/gradient.png") 0 -20px repeat-x !important;
}



.mirosubs-timespan {
float: left !important;
font-size: 11px !important;
color: #fff !important;
padding: 7px 0 0 !important;
font-weight: bold !important;
}


.mirosubs-timespan .mirosubs-timeElapsed{
float: left !important; 
padding-right: 1px !important;
font-size: 11px !important;
}


.mirosubs-playPause {
float: left !important;
padding: 9px 10px 8px 11px !important;
margin-right: 8px !important;
}

.mirosubs-playPause:hover {
background: url("../images/gradient.png") 0 0px repeat-x !important;
cursor: pointer !important;
}


.mirosubs-playPause span{
   width: 10px !important;
   padding-top: 13px !important;
   overflow: hidden !important;
   float: left !important;
}

.mirosubs-playPause.play span {
   background: url("../images/play_pause.png") 0 0px no-repeat !important;
}

.mirosubs-playPause.pause span {
   background: url("../images/play_pause.png") 0 -32px no-repeat !important;
}

.mirosubs-volume {
   height: 30px;
   float: right !important;
   width: 31px !important;
   position: relative !important;
}


.mirosubs-volume span{
   height: 30px !important;
   float: right !important;
   width: 31px !important;
   background: url("../images/play_pause.png") 9px -55px no-repeat !important;
}

.mirosubs-volume:hover {
   background: url("../images/gradient.png") 0 0px repeat-x !important;
   cursor: pointer !important;
}

.mirosubs-volume .mirosubs-volume-container {
   overflow: hidden !important;
   height: 0;
   bottom: 29px !important;
   width: 31px !important;
   -moz-border-radius-topright: 3px !important;
   -moz-border-radius-topleft: 3px !important;
   -webkit-border-top-right-radius: 3px !important;
   -webkit-border-top-left-radius: 3px !important;
   position: absolute !important;
   background: #ededed url("../images/gradient.png") left 30px repeat-x !important;
}


.mirosubs-volume-slider {
   height: 75px !important;
   width: 10px !important; 
   border: 1px solid !important;
   outline: none !important;
   -moz-outline: none !important;
   top: 12px !important;
   left: 10px !important;
   position: absolute !important;
   background: #333 !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 0px !important;
}


.mirosubs-volume-scrobbler {
   height: 0px !important;
   width: 0px !important;
   border: 1px solid red !important;
   top: 0;
   outline: none !important;
   -moz-outline: none !important;
   border: 1px solid !important;
   left: -3px !important;
   position: absolute !important;
   padding: 7px !important;
   border-top: 1px solid #666 !important;
   border-right: 1px solid #333 !important;
   border-bottom: 1px solid #333 !important;
   border-left: 1px solid #333 !important;
   background: #fff url("../images/gradient.png") 0 1px repeat-x !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
}


.mirosubs-scrobbler {
   border: 1px solid !important;
   width: 4px;
   height: 20px;
   position: absolute !important;
   left: -10px;
   border-top: 1px solid #333 !important;
   outline: none !important;
   -moz-outline: none !important;
   border-right: 1px solid #222 !important;
   border-bottom: 1px solid #000 !important;
   border-left: 1px solid #222 !important;
   background: #fff url("../images/gradient.png") 0 -6px repeat-x !important;
   top: -6px !important;
   margin: 0 0 0 0 !important;
   -moz-border-radius: 10px !important;
   -webkit-border-radius: 10px !important;
}

.mirosubs-scrobbler span {
position: absolute;
top: -8px;
left: -8px;
width: 20px;
background: url("../images/scrob.png") 0 0px repeat-x !important;
height: 20px;
}



.mirosubs-scrobbler:hover{
background: #fff url("../images/gradient.png") 0 31px repeat-x !important;
border-top: 1px solid #666 !important;
border-right: 1px solid #333 !important;
border-bottom: 1px solid #000 !important;
border-left: 1px solid #333 !important;
}

.mirosubs-progress-slider {
position: absolute !important;
height: 10px !important;
outline: none !important;
-moz-outline: none !important;
width: 250px !important;
}


.mirosubs-progress{
height: 10px !important;
position: relative !important;
background: #fff url("../images/gradient.png") 0 -109px repeat-x !important;
float: left !important;
border: 1px solid #444 !important;
border-top: 1px solid #252525 !important;
outline: none !important;
-moz-outline: none !important;
border-bottom: 1px solid #555 !important;
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important; 
width: 250px !important;
margin: 9px !important;
}

.mirosubs-progress .mirosubs-buffered-container {
position: relative !important;
width: 250px !important;
height: 10px !important;
float: left !important;
outline: none !important;
-moz-outline: none !important;
}

.mirosubs-progress .mirosubs-buffered {
height: 10px !important;      
background: #222 url("../images/gradient.png") 0 40px !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
position: absolute !important;
outline: none !important;
-moz-outline: none !important;
}

.mirosubs-progress .mirosubs-played {
   width: 0;
left:-1px;
   height: 11px !important;
   position: absolute !important;
   -moz-border-radius-topleft: 10px !important;
   -moz-border-radius-bottomleft: 10px !important;
   -moz-outline: none !important;
   -webkit-border-radius-top-left: 10px !important; 
   -webkit-border-radius-bottom-left: 10px !important; 
   outline: none !important;

background: #a6dd13 url("../images/gradient.png") 0 0px repeat-x !important;
}

/* ////////////////////

~ Timeline

////////////////////// */

.mirosubs-timeline {
    margin: 0 !important;
    padding: 0 0 3px !important;
    width: 400px !important;
    height: 80px !important;
    overflow: hidden !important;
border-bottom: 1px solid #000 !important;
    position: relative !important;
    background: #000 url("../images/gradient.png") 0 -47px repeat-x !important;

}

.mirosubs-timeline .top {
    height: 22px !important;
    background: #000 !important;
}

.mirosubs-timeline-inner, .mirosubs-timeline-timerow, 
.mirosubs-timeline-time, .mirosubs-timeline-subs, 
.mirosubs-timeline-sub {
    position: absolute !important;
}

.mirosubs-timeline-inner {
    top: 0px !important;
}

.mirosubs-timeline-subs {
    top: 22px !important;
    height: 30px !important;
}

.mirosubs-timeline .mirosubs-subpanel div {
    position: absolute !important;
    top: 3px !important;
    height: 2px !important;
    background-color: #FFDDDD !important;
}

.mirosubs-timeline .marker {
    background: url("../images/marker.png") 0 0px no-repeat !important;
    position: absolute !important;
    top: 0px !important;
    left: 50% !important;
    height: 100px !important;
    width: 13px !important;
}

.mirosubs-timeline ul {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 16px !important;
}

.mirosubs-timeline ul.mirosubs-timeline-time {
}

.mirosubs-timeline ul.mirosubs-timeline-time li {
    margin: 0 !important;
    list-style: none !important;
    font-size: 10px !important;
    float: left !important;
    width: 65px !important;
color: #fff !important;
    padding: 3px 0px 3px 0px !important;
    background: url("../images/ticks.gif") 15px 8px no-repeat !important;
}

.mirosubs-timeline ul.mirosubs-timeline-time li span{
   display: block !important;
   width: 15px !important;
   text-align: center !important;
}

.mirosubs-timeline-sub {
   top: 7px !important;
   height: 46px !important;
cursor: default;
   -moz-border-radius: 3px !important;
   -webkit-border-radius: 3px !important;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,01) !important;
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,01) !important;
   background: #fefefe url("../images/gradient.png") 0 21px repeat-x !important;
}

.mirosubs-timeline-sub .mirosubs-subtext {
   margin: 17px 10px 0 10px !important;
   white-space: nowrap !important;
   overflow: hidden !important;
}

.mirosubs-timeline-sub-unsynced {
   background: #777 !important;
   color: #aaa !important;
}

.mirosubs-timeline-sub-selected{
   background: #46d8ff url("../images/gradient.png") 0 0px repeat-x !important;
}

.mirosubs-titlesList-sub-selected{
   background: #46d8ff url("../images/gradient.png") 0 0px repeat-x !important;
   border-bottom: 1px solid #333 !important;
}

.mirosubs-timeline-sub-rightbump{
   -moz-border-radius-topright: 0px !important;
   -moz-border-radius-bottomright: 0px !important;
   -webkit-border-radius-bottom-right: 0px !important;
   -webkit-border-radius-top-right: 0px !important;
}

.mirosubs-timeline-sub-leftbump{
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,01) !important;
    -webkit-border-radius-bottom-left: 0px !important;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,01) !important;
    -webkit-border-radius-top-left: 0px !important;
}


.mirosubs-timeline ul.mirosubs-timeline-titles li.selected a{
    color: #fff !important;
}

.mirosubs-timeline ul.mirosubs-timeline-titles li a{
    display: block !important;
    padding: 15px 20px 10px 20px !important;
    position: relative !important;
    text-decoration: none !important;
    color: #333 !important;
    cursor: default !important;
}

.mirosubs-timeline-sub .mirosubs-grabber {
    position: absolute !important;
    height: 30px !important;
    width: 13px !important;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,01) !important;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,01) !important;
    border: 1px solid #fff !important;
    background: #fefefe;
    top: 13px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    display: none !important;
}

.mirosubs-timeline-sub .mirosubs-grabber strong {
    position: absolute !important;
    height: 17px !important;
    width: 13px !important;
    background:  url("../images/arrows.gif") 2px 0px no-repeat !important;
    top: 12px !important;
    display: block !important;
}

.mirosubs-timeline-sub .mirosubs-grabber-over {
    background: #fefefe;
    display: block !important;
}



.mirosubs-timeline-sub span.mirosubs-grabber{
cursor: -moz-grab !important;
}

.mirosubs-timeline-sub span.mirosubs-grabber:active{
cursor: -moz-grabbing !important;
cursor: 
}


.mirosubs-timeline-sub span.mirosubs-leftGrabber {
    left: 0 !important;
    margin: -7px 0 0 -3px !important;
}

.mirosubs-timeline-sub span.mirosubs-rightGrabber {
    right: 0 !important;
    margin: -7px -3px 0 0 !important;
}

.mirosubs-modal-login, .mirosubs-modal-lang {
   border: 3px solid !important;
   position: absolute !important;
   z-index: 2147483641;
   font-family: Arial, hhelvetica, sans-serif;
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-box-shadow: 0px 5px 50px rgba(0,0,0,01) !important;
   -webkit-box-shadow: 0 3px 5px rgba(0,0,0,01) !important;
}

.mirosubs-modal-login {
   width: 650px !important;
   height: 200px !important;
   padding: 15px 0 !important;
   background: #fff url("../images/uni-logo.png") center 165px no-repeat !important;
}

.mirosubs-modal-login-bg {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2147483640;
}

.mirosubs-modal-lang {
   background-color: #fff;
}

.mirosubs-modal-lang h3 {
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:5px;
   background:url("../images/gradient.png") repeat-x scroll 0 0 #FFFFFF !important;
   font-size:14px;
   margin: 0;
   padding:15px;
   border-bottom: 1 px solid #FFF;
   padding-bottom: 20px;
   text-shadow: 1px 1px 1px #FFF;
   color: #777;
}

.mirosubs-modal-lang p {
   margin:0 !important;
   padding:12px;
   color: #666;
   font-size: 15px;
   line-height: 15px;
   min-width: 300px;
}

.mirosubs-modal-lang p div {
   margin-bottom: 8px;
}

.mirosubs-modal-lang .mirosubs-green-button {
   float: right;
   margin-right: 20px;
}

.mirosubs-modal-login-content h4 {
   text-align:center !important;
   font-size: 16px !important;
}

.mirosubs-modal-login-content .mirosubs-small {
   padding-top: 20px !important;
   clear: both !important;
}

.mirosubs-modal-login-content p {
   text-align:center !important;
   font-size: 12px !important;
   font-style: italic !important;
   clear: both !important;
}

.mirosubs-modal-login-content a {
   float: left !important;
   color: #333 !important;
   font-weight:bold !important;
   text-decoration: none !important;
}

.mirosubs-modal-login-content a.mirosubs-log:hover {
   background: #fff url("../images/gradient.png") right -101px repeat-x !important;
   -moz-box-shadow: 0px 0px 0px rgba(0,0,0,01) !important;
   border-top: 1px solid #666 !important;
   border-right: 1px solid #888 !important;
   border-left: 1px solid #888 !important;
   border-bottom: 1px solid #ddd !important;
}

.mirosubs-modal-login-content a span {
   display: block !important;
   float:left !important;
   padding: 10px 17px !important;
}

.mirosubs-modal-login-content a.mirosubs-log {
   margin: 0 10px 0 30px !important;
   border-top: 1px solid #ddd !important;
   border-right: 1px solid #bbb !important;
   border-left: 1px solid #bbb !important;
   border-bottom: 1px solid #888 !important;
   background: #fff url("../images/gradient.png") right 1px repeat-x !important;
   -moz-box-shadow: 0px 1px 0px rgba(0,0,0,01) !important;
   -webkit-box-shadow: 0 3px 3px rgba(0,0,0,01) !important;
   -moz-border-radius: 5px !important;
   -webkit-border-radius: 5px !important;
   text-shadow: #fff 1px 1px 1px !important;
}

a.mirosubs-twitter span{
   padding-left: 35px !important;
   background: url("../images/social_login.png") -120px 0px no-repeat !important;
}

a.mirosubs-openid span{
   margin-right: 0 !important;
}

.mirosubs-openid {
   height: 0 !important;
   padding-top: 34px !important;
   overflow: hidden !important;
   margin-left: 17px !important;
   width: 115px !important;
   margin-top: 4px !important;
   background: url("../images/social_login.png") 0 0px no-repeat !important;
}

.mirosubs-twitter{
   background: url("../images/social_login.png") -120px 0px no-repeat !important;
   margin-top: 4px !important;
   height: 0 !important;
   padding-top: 34px !important;
   overflow: hidden !important;
   width: 99px !important;
}

.mirosubs-google {
   height: 0 !important;
   padding-top: 34px !important;
   overflow: hidden !important;
   margin-left: 17px !important;
   width: 95px !important;
   margin-top: 4px !important;
   background: url("../images/social_login.png") -236px 0px no-repeat !important;
}

.big_spinner{
   margin: 20px auto 0 !important;
   width: 113px !important;
   display: block !important;
}

.mirosubs-warning {
   position: absolute;
   border: 5px solid red;
   padding: 15px;
   background-color: white;
   max-width: 350px;
   font-size: 1.2em;
   font-weight: bold;
   line-height: 150%;
   z-index: 2147483647;
}

.mirosubs-warning .mirosubs-label {
   margin-bottom: 15px;
}

.mirosubs-warning .mirosubs-link {
   margin-right: 10px;
}

.mirosubs-howtopanel {
   position: absolute;
   top: 0;
   left: 0;
   color: white;
   background-color: black;
   width: 835px;
   height: 800px;
}


.mirosubs-howtopanel,
.mirosubs-howtopanel h2,
.mirosubs-howtopanel .mirosubs-videoDiv{
   text-align: center;
}

.mirosubs-howtopanel .mirosubs-done {
   width: 180px;
   margin: 10px auto;
}

.mirosubs-howto-videocontainer {
   position: relative;
   margin: 36px auto 20px;
}

.mirosubs-howto-image {
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
   cursor: hand;
}

a.mirosubs-smallButton{
padding-right: 18px !important;
font-size: 12px;
text-decoration: none;
font-weight: bold;
float: left;
background: url(../images/small_buttons.png) right 0px no-repeat;
}

a.mirosubs-smallButton span{
padding: 8px 0 8px 20px;
float: left;
color: #485c14;
text-transform: uppercase;
text-shadow: 0px 1px 1px #abce1d;
background: url(../images/small_buttons.png) left 0px no-repeat;
}

a.mirosubs-smallButton:hover{
   background: url(../images/small_buttons.png) right -34px no-repeat;
}

a.mirosubs-smallButton:hover span{
   text-shadow: 0px 1px 1px #beec32 ;
   background: url(../images/small_buttons.png) left -34px no-repeat;
}

a.mirosubs-smallButton:active{
   background: url(../images/small_buttons.png) right -68px no-repeat;
}

a.mirosubs-smallButton:active span{
   background: url(../images/small_buttons.png) left -68px no-repeat;
}



.mirosubs-googleLogin{
background: url(../images/social_login.png) -222px 0px no-repeat;
display: block;
width: 113px;
float: left;
padding-top: 33px;
height: 0;
overflow: hidden;
}

.mirosubs-translationResources h3.mirosubs-resources {
    color: #fff;
}

.mirosubs-translationResources ul.mirosubs-resourceList {
    list-style: disc;
    color: #fff;
}

.mirosubs-translationResources a {
    text-decoration: none;
}

.mirosubs-translationResources a:visited {
    color: #fff;
}




.mirosubs-twitter-share{
    background: url("../images/share_icons.png") 0 -37px no-repeat !important;
}





/*///////////////////////////////////////////////

~ Widget Bar

///////////////////////////////////////////////*/


.mirosubs-videoTab-container {
   height: 32px;
}



.mirosubs-loginStatus {
    margin: 0 !important;
    padding: 5px 8px !important;
    list-style: none !important;
    float: left !important;
    display: none !important;
}

.mirosubs-loginStatus.notLogged {
    display: none !important;
}




.mirosubs-videoTab{
width: 100%;
}

.mirosubs-videoTab a {
font-size: 13px;
background: #333 url("../images/gradient_light.png") 0 0px repeat-x !important;
text-decoration: none;
display: block;
color: #fff !important;
float: left;

}


.mirosubs-videoTab a:hover {

background: #333;

}



.mirosubs-videoTab a.mirosubs-subtitleMeLink  {
    min-width: 200px !important;

}



.mirosubs-videoTab a.mirosubs-subtitleMeLink  .mirosubs-tabText{
margin-right: 10px;   

}



.mirosubs-videoTab a.mirosubs-subtitleMeLink img {
    float: left !important;
    border: none !important;
    height: 17px !important
    width: 17px !important;
    margin: 7px 7px 0 7px !important;
}



.mirosubs-widgetBar{
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   color: #000 !important;
   background: #ccc url("../images/gradient_light.png") 0 0px repeat-x !important;
   line-height: 16px !important;
margin: 0;
float: left;
min-width: 480px;

}

.mirosubs-widgetBar .mirosubs-languageTrigger,
.mirosubs-widgetBar .mirosubs-finishTranslation
{
float: left;
color: #fff;
width: 50%;
font-size: 13px;
background: #333 url("../images/gradient_light.png") 0 0px repeat-x !important;
text-decoration: none;
}

.mirosubs-videoTab a.mirosubs-subtitleMeLink{
float: left;
color: #fff;
width: 30%;
font-size: 13px;
background: #333 url("../images/gradient_light.png") 0 0px repeat-x !important;
text-decoration: none;
}


.mirosubs-tabTextchoose{
margin-right: 10px !important;
min-width: 160px;
}

.mirosubs-tabTextchoose,
.mirosubs-tabText,
.mirosubs-tabTextfinish{
display: block;
padding: 8px 12px 8px 5px;
background: url("../images/white_arrows.png") right -12px no-repeat;
}

.mirosubs-tabTextfinish {
padding-right: 25px;
padding-left: 14px;
margin-right: 10px;
border-left: 1px solid #666;
background-position: right 10px !important;
}




.mirosubs-languageTrigger:hover,
.mirosubs-finishTranslation:hover{
background: #666 url("../images/gradient_light.png") 0 0px repeat-x !important;
}





.mirosubs-dropdown {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
    position: absolute !important;
    z-index: 500;
   border: 1px solid #000;
   border-top: 0;
   width: 480px;
   min-width: 500px;
   background: #000;
  -moz-box-shadow: 0 3px 14px #333;
  -webkit-box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #d1dd6f;
  box-shadow: 0 1px 0px #a7c3c9, inset 0 1px 0px #d1dd6f;
}


.mirosubs-dropdown .mirosubs-languageList ul{
    padding: 0 !important;
    margin: 0 !important;
width: 290px;
background: #fff;
height: 290px;
float: left;
overflow-y: auto;
}

.mirosubs-dropdown .mirosubs-languageList ul li {
    list-style: none !important;
    border-bottom: 1px solid #ddd !important;
   margin: 0 !important;
}

.mirosubs-dropdown .mirosubs-languageList ul li:hover {
    list-style: none !important;
    border-bottom: 1px solid #aaa !important;
background: url("../images/gradient_light.png") 0 1px repeat-x !important;
}

.mirosubs-dropdown .mirosubs-languageList li.mirosubs-activeLanguage {
    list-style: none !important;
    border-bottom: 1px solid #aaa !important;
background: url("../images/gradient_light.png") 0 1px repeat-x !important;
}


.mirosubs-dropdown .mirosubs-languageList li.mirosubs-activeLanguage a {
    text-decoration: none !important;
font-weight: bold;
background: url("../images/dropdown_icons.png") 250px -231px no-repeat !important;
}




.mirosubs-dropdown .mirosubs-languageList ul li a {
    margin: 0 !important;
    font-size: 14px !important;
    display: block !important;
color: #333;
    text-decoration: none !important;
    padding: 10px 0 8px 10px !important;
}

.mirosubs-dropdown .mirosubs-languageList ul li a:hover {
    text-decoration: none !important;
}



.mirosubs-dropdown .mirosubs-languageList ul li span.mirosubs-languageStatus {
color: #999;
font-size: 11px;
line-height: 1em !important;
padding-left: 5px;
}


.mirosubs-dropdown .mirosubs-languageList ul li span.mirosubs-languageStatus-auto {

}


.mirosubs-asterisk{
color: red;
padding-left: 3px;
}


.mirosubs-dropdown .mirosubs-actions{
margin-left: 290px
}


.mirosubs-dropdown .mirosubs-actions ul{
margin: 0;
padding: 5px 0 5px;
}

.mirosubs-dropdown .mirosubs-actions ul li{
margin: 0;
padding: 0;
list-style: none;
}


.mirosubs-dropdown .mirosubs-actions ul a{
color: #fff;
text-decoration: none;
padding: 5px 4px 5px 40px !important;
display: block;
}




.mirosubs-dropdown .mirosubs-actions h5{
margin: 0;
padding: 0;
overflow: hidden;
padding-top: 35px;
height: 0;
color: #fff;
background: url("../images/tiny_logo.png") 18px 8px no-repeat !important;
}


.mirosubs-dropdown .mirosubs-actions h4{
margin: 0;
padding: 5px 4px 5px 20px;
background: #333;
color: #999;
font-size: 11px;
font-weight: normal;
letter-spacing: .04em;
}






.mirosubs-dropdown .mirosubs-addTranslation{
background: url("../images/dropdown_icons.png") 19px 7px no-repeat !important;
color: #a9c712;
}


.mirosubs-dropdown .mirosubs-improveSubtitles{
background: url("../images/dropdown_icons.png") 19px -29px no-repeat !important;
color: #42bce9;
}

.mirosubs-dropdown .mirosubs-improveSubtitles{
background: url("../images/dropdown_icons.png") 19px -29px no-repeat !important;
color: #42bce9;
}

.mirosubs-dropdown .mirosubs-addTranslation a{
color: #a9c712 !important;
}

.mirosubs-dropdown .mirosubs-improveSubtitles a{
color: #42bce9 !important;
}


.mirosubs-dropdown .mirosubs-subtitleHomepage{
background: url("../images/dropdown_icons.png") 19px -64px no-repeat !important;
}

.mirosubs-dropdown .mirosubs-downloadSubtitles{
background: url("../images/dropdown_icons.png") 19px -100px no-repeat !important;
}

.mirosubs-dropdown .mirosubs-createAccount{
background: url("../images/dropdown_icons.png") 19px -137px no-repeat !important;
}

.mirosubs-dropdown .mirosubs-languagePreferences{
background: url("../images/dropdown_icons.png") 19px -174px no-repeat !important;
}




.mirosubs-hintTranslate{
clear: both;
padding: 3px 3px 3px 6px;
font-size: 11px;
color: #999;
}




.mirosubs-modal-widget-content.mirosubs-modal-widget-finished .mirosubs-right{
background: none !important;
}



.mirosubs-otherClose {
color: #fff;
font-size: 20px;
text-decoration: none;
float: left;
line-height: 1.3em;
margin-left: 28px;
}


.mirosubs-otherClose span{
background: url("../images/sprite.png") -2px -258px no-repeat !important;
padding-top: 24px;
color: #fff;
height: 0px;
margin-right: 10px;
float: left;
width: 24px !important;
font-size: 20px;
text-decoration: none;

-moz-border-radius: 5px;
}



.mirosubs-goBack {
color: #fff;
font-size: 20px;
text-decoration: none;
float: right;
line-height: 1.3em;
margin-right: 28px;
}

.mirosubs-extension {
   position: fixed;
   right: 10px;
   bottom: 10px;
   z-index: 100;
   border: 1px solid #AAAAAA;
   padding: 10px;
   background-color: #FFFFFF;
}

.mirosubs-extension-enabled {
   background-color: #99FF99;
}