/*CSS for StarPlayer Skin UI*/
@charset "utf-8";

.starplayer_script_ui {
  text-decoration:none;
  text-align:center;
  font-family:굴림, Gulim, AppleGothic, sans-serif;
  font-size:12px; 
  color:#B2B2B2;
  display:block;
  /*width:720px;
  height:81px;*/
  background:url('../img_2/bg_main_bar.png') repeat-x 0 0;
  
}

.btn_common {
  display:block;
  cursor:pointer;
}

.top_area {
  position:relative;
  margin:0;
  padding:0;
  display:block;
  width:100%;
  height:19px;
}

.bottom_area {
  position:relative;
  margin:0;
  padding:0;
  display:block;
  width:100%;
  height:45px;
  top:10px;
}

.seekbar_start {
  position:absolute;
  display:block;
  left:37px;
  top:11px;
  right:365px;
  width:7px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_left_over.png') repeat-x 0px 0px;
}
.seekbar_end {
  position:absolute;
  display:block;
  float:right;
  right:658px;
  top:11px;
  right:364px;
  width:7px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_right.png') repeat-x 0px 0px;
}

.seekbar_l {
  position:absolute;
  display:block;
  left:44px;
  top:11px;
  right:365px;
  /*width:535px;*/
  height:12px;
  background:url('../img_2/control_bg_speed_normal_middle.png') repeat-x 0px 0px;
}

.seekbar_area, .volumebar_area {
  position:absolute;
  display:block;
  left:-7px;
  top:0px;
  right:7px;
  height:100%;
}

.seekbar_r {
  position:absolute;
  display:block;
  float:right;
  right:0px;
  width:175px;
  height:19px;
}

.control_l {
  position:relative;
  float:left;
  width:210px;
  height:62px;
}

.control_r {
  position:relative;
  top:-5px;
  float:right;
  height:30px;
}

.btn_seek, .btn_volume  {
  position:absolute;
  left:0px;
  top:0px;
  width:14px;
  height:12px;
  z-index:100;
  background:url('../img_2/res.png') no-repeat -103px -52px;
}

.btn_seek:hover, .btn_volume:hover, .btn_seek:active, .btn_volume:active  {
  position:absolute;
  left:0px;
  top:0px;
  width:14px;
  height:12px;
  z-index:100;
  background:url('../img_2/res.png') no-repeat -117px -52px;
}


.btn_repeatA, .btn_repeatB {
  position:absolute;
  left:0px;
  top:0px;
  width:14px;
  height:12px;
  z-index:90;
  background:url('../img_2/res.png') no-repeat -75px -52px;
}

.btn_repeatA:hover, .btn_repeatB:hover, .btn_repeatA:active, .btn_repeatB:active {
  position:absolute;
  left:0px;
  top:0px;
  width:14px;
  height:12px;
  z-index:90;
  background:url('../img_2/res.png') no-repeat -89px -52px;
}




.currentbar, .current_volumebar {
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  /*right:178px;*/
  /*width:535px;*/
  height:12px;
  background:url('../img_2/control_bg_speed_normal_middle_over.png') repeat-x 0px 0px;
}

.repeatbar {
  position:absolute;
  display:block;
  left:0px;
  top:0px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_middle_over.png') repeat-x 0px 0px;
}

.basic_controls {
  position:absolute;
  left:-19px;
  top:1px;
  display:block;
  width:214px;
  height:62px;
  background:url('') no-repeat 0 -30px;
}

.speed_controls {
  margin:15px 20px 0 0;
}

.speed_controls li {
  display:inline;
  list-style-type:none;
  float:left;
  margin:0;
  padding:0;
}

.control_text_status {
  position:absolute;
  display:block;
  top:11px;
  left:-180px;
  width:50px;
  height:17px;
}

.control_text_time {
  position:absolute;
  display:block;
  text-align:left;
  top:11px;
  left:-120px;
  width:115px;
  height:17px;
}

.btn_play {
  position:absolute;
  left:27px;
  top:0px;
  width:30px;
  height:30px;
  background:url('../img_2/res.png') no-repeat -161px 0;
}

.btn_play:hover{
  background:url('../img_2/res.png') no-repeat -161px -30px;
}

.btn_pause {
  position:absolute;
  left:27px;
  top:0px;
  width:30px;
  height:30px;
  background:url('../img_2/res.png') no-repeat -131px 0;
}

.btn_pause:hover{
  background:url('../img_2/res.png') no-repeat -131px -30px;
}

.btn_stop {
  position:absolute;
  left:59px;
  top:5px;
  width:25px;
  height:25px;
  background:url('../img_2/res.png') no-repeat -56px 1px;
} 

.btn_stop:hover{
  background:url('../img_2/res.png') no-repeat -56px -24px;
}

.skiptime {
    position:absolute;
    display:block;
    background-color: #191919;
    border:0;
    width:18px;
    top:9px;
    left:128px;
    height:17px;
    text-decoration:none;
    text-align:center;
    font-family:굴림, Gulim, AppleGothic, sans-serif;
    font-size:11px; 
    font-weight: bold; 
    color:#B2B2B2;    
}

input {
  color:#000000;
  border:none;
  border-right:0px;
  border-top:0px;
}

.btn_backward {
  position:absolute;
  left:100px;
  top:10px;
  width:17px;
  height:17px;
  background:url('../img_2/res.png') no-repeat -38px -50px;
}

.btn_backward:hover{
  background:url('../img_2/res.png') no-repeat -56px -50px;
}

.btn_forward{
  position:absolute;
  left:160px;
  top:10px;
  width:17px;
  height:17px;
  background:url('../img_2/res.png') no-repeat -2px -50px;
}

.btn_forward:hover{
  background:url('../img_2/res.png') no-repeat -20px -50px;
}

.btn_repeat {
  position:absolute;
  left:9px;
  top:5px;
  width:25px;
  height:24px;
  background:url('../img_2/res.png') no-repeat -31px 0;
}

.btn_repeat:hover, .btn_repeat.active{
  background:url('../img_2/res.png') no-repeat -31px -25px;
}

.btn_fullscreen {
  position:absolute;
  left:0px;
  top:6px;
  width:25px;
  height:24px;
  background:url('../img_2/res.png') no-repeat -6px 0;
}

.btn_fullscreen:hover{
  background:url('../img_2/res.png') no-repeat -6px -25px;
}

.btn_mute {
  position:absolute;
  left:26px;
  top:6px;
  width:25px;
  height:24px;
  background:url('../img_2/res.png') no-repeat -81px 0px;
}

.btn_mute:hover{
  background:url('../img_2/res.png') no-repeat -81px -25px;
}

.btn_mute.active {
  background:url('../img_2/res.png') no-repeat -106px 0;
}


.volumebar_start {
  position:absolute;
  display:block;
  left:57px;
  top:11px;
  right:365px;
  width:7px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_left_over.png') repeat-x 0px 0px;
}
.volumebar_end {
  position:absolute;
  display:block;
  left:143px;
  top:11px;
  right:365px;
  width:7px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_right.png') repeat-x 0px 0px;
}


.volumebar {
  position:absolute;
  left:64px;
  top:11px;
  width:80px;
  height:12px;
  background:url('../img_2/control_bg_speed_normal_middle.png') repeat-x left top;
}


.control_speed {
  position:relative;
  float:right;
  right:20px;
  top:-42px;
}

.btn_speed06{
  float:left;
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -6px -69px;
}

.btn_speed06:hover, .btn_speed06.active {
  background:url('../img_2/res.png') no-repeat -29px -69px;
}

.btn_speed08{
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -52px -69px;
}

.btn_speed08:hover, .btn_speed08.active {
  background:url('../img_2/res.png') no-repeat -75px -69px;
}

.btn_speed10{
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -98px -69px;
}

.btn_speed10:hover, .btn_speed10.active {
  background:url('../img_2/res.png') no-repeat -121px -69px;
}

.btn_speed12{
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -144px -69px;
}

.btn_speed12:hover, .btn_speed12.active {
  background:url('../img_2/res.png') no-repeat -167px -69px;
}

.btn_speed14{
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -6px -92px;
}

.btn_speed14:hover, .btn_speed14.active {
  background:transparent url('../img_2/res.png') no-repeat -29px -92px;
}

.btn_speed16{
  width:22px;
  height:22px;
  background:transparent url('../img_2/res.png') no-repeat -52px -92px;
}

.btn_speed16:hover, .btn_speed16.active {
  background:url('../img_2/res.png') no-repeat -75px -92px;
}

.btn_speed18{
  width:22px;
  height:22px;
  background:url('../img_2/res.png') no-repeat -98px -92px;
}

.btn_speed18:hover, .btn_speed18.active {
  background:url('../img_2/res.png') no-repeat -121px -92px;
}

.btn_speed20{
  width:22px;
  height:22px;
  background:url('../img_2/res.png') no-repeat -144px -92px;
}

.btn_speed20:hover, .btn_speed20.active {
  background:url('../img_2/res.png') no-repeat -167px -92px;
}

.fullscreen_controller{
        opacity : 0.7;
        filter: alpha(opacity=70);
        -moz-opacity:0.7;
        -khtml-opacity: 0.7;
}

#video-container {
  position:relative;
  margin:0;
  padding:0;
  display:block;
  width:100%;
  height:100%;
}

#watermark {
  position:absolute;
  left:0px;
  top:0px;
  float:left;
  margin:0;
  padding:0;
  height:40px;
/*  text-align: left;*/
  text-transform: uppercase;
  font-weight: bold;
  font-size: 150%;
  color: #ffffff;
  opacity : 0.4;
  filter: alpha(opacity=40);
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
}