/*!
 * Views Slideshow Dynamic display block module template (Drupal 7): vsdsccp60p - Cascading Style Sheet
 * (c) Copyright Phelsa Information Technology, 2012. All rights reserved.
 * Version 1.0 (29-FEB-2012)
 * License: Single Usage
 */
/********************* container **********************/ 
div.views-slideshow-ddblock-cycle-vsdsccp60p div.container{
  background-color: #017BAB;
  padding: 15px;
  margin-top:-15px;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.container-inner{position:relative;z-index:0;}
/********************* slider **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slider{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slider-inner{
  overflow:hidden;
  position:relative;
  visibility:hidden;
}
/********************* slide **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide{
  display:none;
  height:100%;
  left:0;
  position:absolute;
  top:0;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-inner img{
  margin:0 !important;
  padding:0 !important;
}
/********************* slide text **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text{
  background:transparent url(images/transparent_bg_blue.png) repeat scroll 0 0!important;
  position:absolute;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-horizontal{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-vertical{/*bottom:0px;*/top:0px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-top{top:7px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-right{bottom:0;right:60px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-bottom{bottom:0px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-left{bottom:0;left:60px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-text-inner{padding:10px;}
/********************* slide text - title **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title-vertical{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title-horizontal{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title h2{margin:0;padding:0;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title h2 a{
  color:#ffffff!important;
  text-decoration:none;
  font-size: 16px;
  text-transform: uppercase;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-title-inner{}
/********************* slide text - body **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-vertical{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-horizontal{}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-inner{color:#ffffff;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-inner p{margin:0;padding:0;line-height:12px;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-inner li{float:left;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-body-inner a{color:#ffffff;}
/********************* slide text - read more **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-read-more{
  bottom:5px;                            /* To place button 55px from the bottom*/
  right:10px;                             /* To place button 10px form te right*/
                              /* with of the button image */
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-read-more a {
  /*background:transparent url(images/read-more.png) no-repeat scroll 0 0; /* normal state of button */
  color:#ffffff;
  display:block;
  font-size:13px;
  font-weight:bold;
  margin:0 auto;                           /* to place text centered */
  line-height:26px;                        /* to place text verticaly centered - same height as the button */
  padding-left:15px;                        /* to adjust text from center when needed for button with decoration*/
  /*text-align:center;                       /* to place text horizontaly centered */
  text-decoration:none;
  text-transform:uppercase;
  text-align: right;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-read-more a:hover{
  /*background:transparent url(images/read-more.png) no-repeat 0 0px; /* hover state of button */
  color:#ffffff;
  text-decoration:none;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.slide-read-more a:focus{outline:none;}
/********************* vsd-scrollable-pager **********************/
/* Root element for the scrollable. When scrolling occurs this element stays still. */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager {
  /* required settings */
  height:147px;
  overflow:hidden;
  position:relative;
  /* this makes it possible to add next button beside scrollable */
  float:left;
  /* custom decorations*/
	/*background-color:#ccc;*/
	padding:0;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager-inner{
}

/*root element for scrollable items. Must be absolutely positioned
    and it should have a super large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items {
  /*clear:both;*/
  position:absolute;
  /* this cannot be too large */
  width:20000em;
  /* decoration */
	margin-left:0px;
}

/*a single item. must be floated on horizontal scrolling
    typically this element is the one that *you* will style
    the most.
*/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div {
    float:left;
}

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

div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a{
  display:block;
  height:114px;
  text-decoration:none;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a span.pager-pointer{
  display:block;
  height:13px;
  width:172px;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a span.pager-text{
  background-color:#017BAB;
  color:#fff;
  display:block;
  font-family: 'DINRegular', Arial, "Arial Black", Verdana;  
  font-size:15px;
  font-weight:bold;
  height:18px;
  line-height:20px;
  margin: 0 auto;
  /*opacity:0.7;*/
  text-align:center;
  text-decoration:none!important;
  text-transform:uppercase;
  height: 20px;
  width: 170px;
  display: block;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a.activeSlide{color:#fff;opacity:1;text-decoration:none;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a.activeSlide span.pager-pointer{
 	background-image:url(arrow/pager-pointer.png);
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a:hover{color:#f00;opacity:1;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items div a:focus{outline:none;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.vsd-scrollable-pager div.items img{
border:none;height:114px;margin:0 !important;padding:0 !important;vertical-align:middle;}
/* prev, next, prevPage and nextPage buttons */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prevPage,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.nextPage {
	display:block;
	width:11px;
	height:114px;
	background:url(arrow/slide-left.png) no-repeat;
	float:left;
	margin:30px 0 0 0;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev:hover,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next:hover,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prevPage:hover,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.nextPage:hover {
	background-position:0px 0px;
}

/* disabled navigational button */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.disabled {
	/*visibility:hidden;*/
}

/* next button uses another background image */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.nextPage {
	background-image:url(arrow/slide-right.png);
  margin-left: 3px;
	clear:right;
}
/* enable navigational button */
/* disabled navigational button */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-1,
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next-1
 {
	visibility:visible;
}

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.navi {clear:both;height:20px;}
/* items inside navigator */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.navi a {width:8px;height:8px;float:left;margin:3px;background:url(arrow/navigator.png) 0 0 no-repeat;display:block;font-size:1px;
}
/* mouseover state */
div.views-slideshow-ddblock-cycle-vsdsccp60p div.navi a:hover {background-position:0 -8px;}

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

/********************* previous next pager on slide **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.pager-slide{
  height:50px;
  position: absolute;
  width:50px;
  z-index:50;
  display:none;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.pager-slide a{
  display:block!important;
  height:50px;
/*  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity:0.7;
*/
  width:50px;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next-container a.next{
  background: url(images/next.png) no-repeat;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-container a.prev{
  background: url(images/prev.png) no-repeat;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.next-container a.next:hover{
  background: url(images/next.png) no-repeat;
  opacity:1;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-container a.prev:hover{
  background: url(images/prev.png) no-repeat;
  opacity:1;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.pager-slide a:focus{
  outline:none;
}
/********************* prev/next pager **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager{
  background:#000;
  display:block;
  height:17px;
  left:0;
  position:relative;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager a{
  background:#000;
  border:none;
  color:#fff;
  display:block;
  float:left;
  font-size:.8em;
  font-weight:bold;
  height:13px;
  line-height:13px;
  margin:0 2px 0 0;
  text-align:center;
  text-decoration:none !important;
  width:90px;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager a{position:absolute;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager a.activeSlide{background:#000;}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager a:hover{
  background:#000 !important;
  outline:none;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.prev-next-pager a:focus{outline:none;}
/********************* spacers **********************/
div.views-slideshow-ddblock-cycle-vsdsccp60p div.spacer-vertical{
  background-color:#ccc;
  display:block;
  float:left;
}
div.views-slideshow-ddblock-cycle-vsdsccp60p div.spacer-horizontal{
  background-color: #017BAB;
  clear: both;
  height: 0px;
}