/*!
 * Dynamic display block module template: horizon60lS4 - Cascading Style Sheet
 * (c) Copyright Phelsa Information Technology, 2011. All rights reserved.
 * Version 1.2 (11-DEC-2011)
 * Licence: single usage
 */
/********************* container **********************/ 
div.ddblock-cycle-horizon60lS4 div.container{
  background-color:#fff;
}
div.ddblock-cycle-horizon60lS4 div.container-inner{
  position:relative;
}
/********************* slider **********************/
div.ddblock-cycle-horizon60lS4 div.slider{
  float:left;
}
div.ddblock-cycle-horizon60lS4 div.slider-inner{
  overflow:hidden;
  position:relative;
  visibility:hidden;
  z-index:0;
}
/********************* slide **********************/
div.ddblock-cycle-horizon60lS4 div.slide{
  display:none;
  height:100%;
  left:0;
  position:relative;
  top:0;
}
div.ddblock-cycle-horizon60lS4 div.slide-inner img{
  margin:0 !important;
  padding:0 !important;
}
/********************* slide text **********************/
div.ddblock-cycle-horizon60lS4 div.slide-text{
  background:transparent url(images/transparent_bg.png) repeat scroll 0 0!important;
  position:absolute;
}
div.ddblock-cycle-horizon60lS4 div.slide-text-inner{
/* layout other*/
  padding:10px;      /* position slide text inner 10px inside slidetext */
  position:relative; /* to position readmore relative to this */
}

div.ddblock-cycle-horizon60lS4 div.slide-text-horizontal{left:0;}
div.ddblock-cycle-horizon60lS4 div.slide-text-vertical{top:0;}
div.ddblock-cycle-horizon60lS4 div.slide-text-top{top:7px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-right{bottom:0;right:55px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-bottom{bottom:7px;}
div.ddblock-cycle-horizon60lS4 div.slide-text-left{bottom:0;left:55px;}
/********************* slide text - title **********************/
div.ddblock-cycle-horizon60lS4 div.slide-title{float:left;}
div.ddblock-cycle-horizon60lS4 div.slide-title-vertical{}
div.ddblock-cycle-horizon60lS4 div.slide-title-horizontal{}
div.ddblock-cycle-horizon60lS4 div.slide-title-inner{
  color:#ffffff;
  font-weight:bold;
}
div.ddblock-cycle-horizon60lS4 div.slide-title h2{
  font-weight:bold;
  line-height:20px;
  margin:0px!important;
  padding:0!important;
}
div.ddblock-cycle-horizon60lS4 div.slide-title h2 a{
  color:#ffffff!important;
}
/********************* slide text - body **********************/
div.ddblock-cycle-horizon60lS4 div.slide-body-vertical{}
div.ddblock-cycle-horizon60lS4 div.slide-body-horizontal{}
div.ddblock-cycle-horizon60lS4 div.slide-body-inner{color:#ffffff;}
div.ddblock-cycle-horizon60lS4 div.slide-body-inner p{
  margin:0 8px 0 0;
  padding:0;
}
/********************* slide text - read more **********************/
div.ddblock-cycle-horizon60lS4 div.slide-read-more{
  /* layout other: positioned always in the right bottom corner */
  bottom:5px;
  position:absolute;
  right:5px;
  z-index:50;
}

div.ddblock-cycle-horizon60lS4 div.slide-read-more a {
  /* layout other*/
  display:block;
  height:24px;
  margin:0;
  padding:3px 0 3px 25px;
  width:105px;
  z-index:50;
  /*styling*/
  background:transparent url(images/readmorebutton.png) no-repeat scroll 0 0;
  color:#000000;
  font-size:13px;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
  line-height:22px;
  text-align:center;
}
div.ddblock-cycle-horizon60lS4 div.slide-read-more a:hover{
  /*styling*/
  background:transparent url(images/readmorebutton.png) no-repeat scroll 0 -30px;
  color:#ffffff;
  text-decoration:none;
}
div.ddblock-cycle-horizon60lS4 div.slide-read-more a:focus{
  /*styling*/
  outline:none;
}
/********************* scrollable pager **********************/
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-vertical{
  /*styling*/
	background-color:#FFF;
	/*border:1px solid #999;*/
  margin:0;
	padding:0;
  display:block;
  position:relative;
}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-left{
  float:left;
}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-right{
  float:right;
}
/* scrollable pager */
/* Root element for the scrollable. When scrolling occurs this element stays still. */
div.ddblock-cycle-horizon60lS4 div.scrollable-pager {
  /* required settings */
  overflow:hidden;
  position:relative;
  display:block;
}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-inner{
/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a super large height to accomodate scrollable items.
  it's enough that you set width and height for the root element and
  not for this element.
*/
  clear:both;
  position:absolute; /* must be absolute */
  height:20000em;   /* this cannot be too large */
	margin:0px 0 0 0px;   /* decoration */
}  
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div {
/*
  a single item. must be floated on horizontal scrolling
  typically this element is the one that *you* will style
  the most.
*/
  margin:0px 0 0px 0;
  /*float:left;*/
}

/* you may want to setup some decorations to active item */
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div.active {
}

div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div a{
  background-color:#fff;
	border:1px solid #999;
  color:#000;
  display:block;
	font-size:20px;
	font-family: 'bitstream vera sans';
  line-height:36px;
  margin:0 4px;
  opacity:0.7;
  text-align:center;
  text-decoration:none !important;
}

div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div a.activeSlide{
  border:1px solid #666;
  color:#fff;
  font-size:20px;
  opacity:1;
}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div a:hover{
  border:1px solid #666;
  color:#fff;
  opacity:1;
}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items div a:focus{outline:none;}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager div.items img{
  border:none;  
  margin:0px!important;
  padding:0px!important;
  vertical-align:middle;
}
/* page navigation */
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-vertical .scrollable-pagenav-top {}
div.ddblock-cycle-horizon60lS4 div.scrollable-pager-wrapper-vertical .scrollable-pagenav-bottom{}

/* prev, next, prevPage and nextPage buttons */
div.ddblock-cycle-horizon60lS4 div.prev-slide,
div.ddblock-cycle-horizon60lS4 div.next-slide{
  float:left;
}
div.ddblock-cycle-horizon60lS4 div.prev-slide a,
div.ddblock-cycle-horizon60lS4 div.next-slide a{
	display:block;
	height:18px;
	margin:0 0 0 4px;
  padding:0;
	font-size:1px;
  outline:none;
}
div.ddblock-cycle-horizon60lS4 div.prev-slide a{
	background-position:165x -18px;
}

/* mouseover state */
div.ddblock-cycle-horizon60lS4 div.prev-slide a:hover{
	background-position:165px 0;
}
/* disabled navigational button */
div.ddblock-cycle-horizon60lS4 div.prev-slide a.disabled {
	background-position:165px -36px;
}
/* disabled navigational button */
div.ddblock-cycle-horizon60lS4 div.disabled {
	/*visibility:hidden !important;*/
}

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
	padding-left:7px;
  height: 20px;
  width: 143px; /* width is normally 150px but need to substract the padding here for IE6: 150 - 7 = 143px*/
}
/* items inside navigator */
div.navi a {
  /*layout*/
  display:block;
  float:left;
  height:8px;
  margin:3px;
  width:8px;
  /* decoration */
  background:url(images/navigator.png) 0 0 no-repeat;
  font-size:1px;
}
/* mouseover state */
div.navi a:hover {
  background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
}

/********************* previous next pager on slide **********************/
div.ddblock-cycle-horizon60lS4 div.pager-slide-container{
  /*display:none; */ /* enable when previous next pager on slide should not be shown */
  height: 50px;
  opacity: 0.7;
  position: absolute;
  top:155px;
  width:50px;
  z-index:50;
}
div.ddblock-cycle-horizon60lS4 div.pager-slide-container a{
  display:block!important;
  height:50px;
  width:50px;
}
div.ddblock-cycle-horizon60lS4 div.next-container a.next{
  background: url(images/next.png) no-repeat;
}
div.ddblock-cycle-horizon60lS4 div.prev-container a.prev{
  background: url(images/prev.png) no-repeat;
}
div.ddblock-cycle-horizon60lS4 div.next-container a.next:hover{
  background: url(images/next.png) no-repeat;
}
div.ddblock-cycle-horizon60lS4 div.prev-container a.prev:hover{
  background: url(images/prev.png) no-repeat;
}
div.ddblock-cycle-horizon60lS4 div.pager-slide-container a:focus{
  outline:none;
} 

/* spacers */
div.ddblock-cycle-horizon60lS4 div.spacer-vertical{
  display:block;
  float:left;
  height:50px;
  width:5px;
  background-color:#ccc;
}
div.ddblock-cycle-horizon60lS4 div.spacer-horizontal{
  clear:both;
  height:3px;
}