/*----------------------------------------------------------------------*/
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
}
ul.newsticker span {
}

/*----------------------------------------------------------------------*/
/*
  jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
  Copyright (c) 2009 Niall Doherty
  This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

  /* body { padding: 20px } */
  /* .panel h2.title { margin-bottom: 10px } */
  noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

  /* .coda-slider-wrapper { padding: 20px 0 } */
  .coda-slider-wrapper { padding: 0px 0 }
  .coda-slider { background: #ebebeb }

  /* Use this to keep the slider content contained in a box even when JavaScript is disabled */
  .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

  /* Change the width of the entire slider (without dynamic arrows) */
  /* .coda-slider, .coda-slider .panel { width: 600px }*/
  .coda-slider, .coda-slider .panel { width: 777px }

  /* Change margin and width of the slider (with dynamic arrows) */
  /* .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px } */
  /* .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } */
  .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 777px }
  .coda-slider-wrapper.arrows .coda-slider {  }

  /* Arrow styling */
  .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }

  /* Tab nav */
  .coda-nav ul li a.current { background: #39c }

  /* Panel padding */
  /* .coda-slider .panel-wrapper { padding: 20px } */
  .coda-slider .panel-wrapper { padding: 0px }

  /* Preloader */
  /* .coda-slider p.loading { padding: 20px; text-align: center } */
  .coda-slider p.loading { padding: 0px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

  /* Tabbed nav */
  .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
  .coda-nav ul li { display: inline }
  .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }

  /* Miscellaneous */
  .coda-slider-wrapper { clear: both; overflow: auto }
  .coda-slider { float: left; overflow: hidden; position: relative }
  .coda-slider .panel { display: block; float: left }
  .coda-slider .panel-container { position: relative }
  .coda-nav-left, .coda-nav-right { float: left }
  .coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/* movieicon */
.left_icon{
	width: 17px;
	height: 29px;
	display: block;
	position: absolute;
	top: 253px;
	left: 0;
	z-index: 50;
}
.right_icon{
	width: 17px;
	height: 29px;
	display: block;
	position: absolute;
	top: 253px;
	right: 0;
	z-index: 50;
}
.movie_icon{
	width: 28px;
	height: 29px;
	display: none;
	position: absolute;
	top: 253px;
	right: 17px;
	z-index: 50;
}
.left_icon a:hover,
.right_icon a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.movie_icon a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
table.main .window_bar{
	background: url("../img/movie_icon/bar_bg.gif") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 22px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 7px;
    text-align: left;
    width: 770px;
}

.bar_btn .play a,
.bar_btn .play a:hover {
    background: transparent url("../img/movie_icon/bar_btn.gif") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -5000px;
    width: 75px;
}
.bar_btn .stop a,
.bar_btn .stop a:hover {
    background: transparent url("../img/movie_icon/icon_stop.gif") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -5000px;
    width: 75px;
}
.window_bar .bar_btn .fullscreen a,
.window_bar .bar_btn .fullscreen a:hover {
    background: transparent url("../img/movie_icon/bar_btn.gif") no-repeat scroll -77px 0;
    display: block;
    float: left;
    height: 21px;
    margin-right: 8px;
    overflow: hidden;
    text-indent: -5000px;
    width: 90px;
}
.bar_btn .twitter a {
    background: transparent url("../img/movie_icon/bar_btn.gif") no-repeat scroll -244px 0;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -5000px;
    width: 62px;
}
.bar_btn .facebook a {
    background: transparent url("../img/movie_icon/bar_btn.gif") no-repeat scroll -181px 0;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -5000px;
    width: 67px;
	margin-right: 2px;
}
.cal_box td .thumb {
    background-color: white;
    display: block;
    height: 64px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 64px;
}
.cal_box td .fukidashi{
	   position: absolute;
	width: 59px;
	height: 41px;
	display: none;
	z-index: 50;
	margin: 0;
	padding: 0;
	background: url(../img/movie_icon/fukidashi.png) no-repeat 0 0;
	bottom: 0;
	right: -46px;
}
.cal_box td .fukidashi a.mov {
    display: block;
    height: 20px;
    margin: 0 0 1px;
    padding: 0;
    position: relative;
    width: 59px;
	background: transparent url(../img/movie_icon/fukidashi_icon.gif) 0 0;
	text-indent: -5000px;
	overflow: hidden;
}
.cal_box td .fukidashi a.pic {
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 59px;
	background: transparent url(../img/movie_icon/fukidashi_icon.gif) 0 -21px;
	text-indent: -5000px;
	overflow: hidden;
}
.cal_box td .fukidashi a:hover.mov,
.cal_box td .fukidashi a:hover.pic{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}