@charset "utf-8";
/* CSS Document */
.lof-slider_4 .lof-wrapper {position:relative;}
.lof-slider_4 .preload {background:#FFF; position:absolute; z-index:5; top:0; left:0;}
.lof-slider_4 .preload div {background:transparent url('../images/load-indicator.gif') no-repeat scroll 50% 50%;}
.lof-slider_4 .lof-main-outer {position:relative; overflow:hidden;}

/* main flash */
.lof-slider_4 .lof-main-wapper {
	padding:0;
	margin:0;
	position:absolute;
}
.lof-slider_4 .lof-main-wapper .lof-item {
	padding:0;
	margin:0;
	float:left;
	position:relative;
	overflow:hidden;  
}
.lof-slider_4 .lof-opacity  .lof-item {
	top:0;
	left:0;
	float:inherit;
	position:absolute;
}
.lof-slider_4 .lof-main-wapper .lof-item img {
	padding:0;
  margin:0;
  border:none;	
}

/* description */
.lof-slider_4 .lof-description {position:absolute; padding:10px;}
.lof-slider_4 .lof-description p {margin:0;	padding:0}
.lof-slider_4 .lof-description_black {background: #e77817 url('../images/bg_trans1.html');}
.lof-slider_4 .lof-description_white {background:url('../images/transparent_bg_white.png');}
.lof-slider_4 .lof-description_nobg {background:none;}
.lof-slider_4 .lof-description_black, .lof-slider_4 .lof-description_black a, .lof-slider_4 .lof-description_black a:visited {color:#FFF; text-decoration:none;}
.lof-slider_4 .lof-description_white, .lof-slider_4 .lof-description_white a, .lof-slider_4 .lof-description_white a:visited {color:#000; text-decoration:none;}
.lof-slider_4 .lof-description_nobg, .lof-slider_4 .lof-description_nobg a, .lof-slider_4 .lof-description_nobg a:visited {color:#000; text-decoration:none;}
.lof-slider_4 .lof-description_black a:hover, .lof-slider_4 .lof-description_white a:hover, .lof-slider_4 .lof-description_nobg a:hover {color:white; text-decoration:none;}
.lof-slider_4 .lof-description_black h3, .lof-slider_4 .lof-description_white h3, .lof-slider_4 .lof-description_nobg h3 {margin:0px;padding:1px 0 5px 0; }
.lof-slider_4 .lof-description_black h3, .lof-slider_4 .lof-description_black h3 a, .lof-slider_4 .lof-description_black h3 a:visited {color:#ffffff; text-decoration:none;}
.lof-slider_4 .lof-description_white h3, .lof-slider_4 .lof-description_white h3 a, .lof-slider_4 .lof-description_white h3 a:visited {color:#444; text-decoration:none;}
.lof-slider_4 .lof-description_nobg h3, .lof-slider_4 .lof-description_nobg h3 a, .lof-slider_4 .lof-description_nobg h3 a:visited {color:#444; text-decoration:none;}
.lof-slider_4 .lof-description_black h3 a:hover, .lof-slider_4 .lof-description_white h3 a:hover, .lof-slider_4 .lof-description_nobg h3 a:hover {color:black; text-decoration:none;}

/* CSS3 Style */
.lof-slider_4 .lof-css3 {	

}
.lof-slider_4 .lof-css3 .lof-navigator-wapper {
	-moz-box-shadow:0 0 8px #CCC;
	-webkit-box-shadow:0 0 8px #CCC;
  box-shadow: 0 0 8px #333;
}
.lof-slider_4 .lof-css3 .lof-description, .lof-slider_4 .lof-css3 .lof-description_black, .lof-slider_4 .lof-css3 .lof-description_white {
	-moz-box-shadow:0 0 3px #333;
	-webkit-box-shadow:0 0 3px #333;
  box-shadow: 0 0 3px #333;
}
.lof-slider_4 .lof-css3 .lof-navigator-wapper {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
}

/* ICONS etc. */
.lof-slider_4 .author_icon {
  background: url('../icons/icon_author.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_4 .date_icon {
  background: url('../icons/icon_calendar.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_4 .category_icon {
  background: url('../icons/icon_category.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 22px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_4 .author, .lof-slider_4 .category, .lof-slider_4 .date {margin:0 7px 0 0;  font-size: 80%;}

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

/* item navigator */
.lof-slider_4 .lof-navigator-wapper {
	position:absolute;
	top:10px;
	right:10px;
	background:#000;
	padding:5px 15px;
	color:#FFF;
	z-index:4;
}
.lof-slider_4 .lof-navigator-outer {
	position:relative;
	overflow:hidden;
	float:left;
}
.lof-slider_4 .lof-navigator {
	padding:0;
	margin:0;
	position:absolute;
}
.lof-slider_4 .lof-navigator li {
	cursor:pointer;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
	line-height:15px;
}
.lof-slider_4 .lof-navigator li.active , ul.lof-navigator li span:hover  {
	background:#FFF;
	color:#000;
}


/* navigation control */
.lof-slider_4 .navigationControl {
margin:10px 0 0 0;
overflow: hidden;
}
.lof-slider_4 .pagSelector {
  cursor: pointer;
  background: url('../images/dots.png') no-repeat scroll 0 0 transparent;
  border: 0 none;
  display: block;
  height: 12px;
  margin-right: 6px;
  float: left;
  text-indent: -9999px;   
  width: 12px;
}
.lof-slider_4 .pagSelector.active {
  background-position: -12px 0;
}


.lof-slider_4 .button-control {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    z-index:10;
}

.lof-slider_4 .button-control span {
    display: block;
    height: 100%;
    width: 100%;
}
.lof-slider_4 .action-start span {
  background: transparent url('../images/play.png') scroll no-repeat center center;      
} 
.lof-slider_4 .action-stop span {
 background: transparent url('../images/pause.png') scroll no-repeat center center;    
}

.lof-slider_4 .progressbar {
  background: red;
  height: 2px;
  width: 0%;
}

.lof-slider_4 .video-overlay{
  position: absolute;
    top:0;
    left:0;
    background: url('../images/play_video.png') center center no-repeat;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.lof-slider_4 .video-overlay:hover{
  background: url('../images/play_video_on.png') center center no-repeat;
}


.lof-slider_4 .pagSelectorTitle {
border-bottom: 1px solid silver;
padding-left:10px;
}
.lof-slider_4 .pagSelectorTitle.active {
background-color: silver;
}