/*!
 * Dynamic display block module template: vsd-upright60 - Cascading Style Sheet
 * (c) Copyright Phelsa Information Technology, 2009 - 2010. All rights reserved.
 * Version 1.2 (21-JUN-2010)
 * Licenced under GPL license
 * http://www.gnu.org/licenses/gpl.html
 */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.container{background-color:#fff;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.container-inner{height:358px;position:relative;z-index:0;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slider{float:left;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slider-inner{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;height:303px;overflow:hidden;position:relative;visibility:hidden;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide{display:none;height:100%;left:0;position:absolute;top:0;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-inner img{height:303px;margin:0 !important;padding:0 !important;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text{background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;position:absolute;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-horizontal{height:85px;left:0;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-vertical{height:303px;width:140px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-top{top:7px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-right{bottom:0;right:30px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-bottom{bottom:7px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-left{bottom:0;left:30px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-text-inner{padding:10px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-title{float:left;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-title-vertical{width:130px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-title-horizontal{float:left;width:158px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-title h2{margin:-5px 0 0 0;padding:0;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-title-inner{color:white;font-weight:bold;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-body-vertical{width:132px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-body-horizontal{float:left;width:290px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-body-inner{color:white;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-body-inner p{margin:0 8px 0 0;padding:0;}

/* Slide read more button */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more{width:110px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more p{padding:0;margin:0;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more a{background:url(../images/readmore.png) no-repeat;border:none;bottom:5px;color:#fff;font-size:14px;font-family:times New Roman;margin:0;padding:4px 0 4px 19px;position:absolute;text-decoration:none !important;text-align:left;width:100px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more-horizontal a{right:-17px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more-vertical a{right:5px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more a:hover{background:url(../images/readmore-hover.png) no-repeat !important;text-decoration:underline;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more-horizontal a:hover{right:-17px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.slide-read-more-vertical a:hover{right:5px;}

/* scrollable pager */
/* Root element for the scrollable. When scrolling occurs this element stays still. */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager {
  /* required settings */
  height:40px;
  overflow:hidden;
  position:relative;
  width: 380px;
  /* this makes it possible to add next button beside scrollable */
  float:left;
  /* custom decorations*/
	/*background-color:#ccc;*/
	border:1px solid #999;
	padding:5px 0;
}
div.views-slideshow-ddblock-cycle-vsd-upright60 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-vsd-upright60 div.vsd-scrollable-pager div.items {
  clear:both;
  position:absolute;
  /* this cannot be too large */
  width:20000em;
  /* decoration */
	margin-left:7px;
}

/*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-vsd-upright60 div.vsd-scrollable-pager div.items div {
    float:left;
}

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

div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager div.items div a{
  background-color:#ccc;
	border:1px solid #999;
  color:#000;
  display:block;
	font-size:20px;
	font-family: 'bitstream vera sans';
  height:40px;
  line-height:36px;
  margin-right:10px;
  opacity:0.7;
  text-align:center;
  text-decoration:none !important;
  width:63px;
}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager div.items div a.activeSlide{border:1px solid #666;color:#fff;opacity:1;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager div.items div a:hover{border:1px solid #666;
color:#f00;opacity:1;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager div.items div a:focus{outline:none;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.vsd-scrollable-pager div.items img{border:none;height:38px;margin:0 !important;padding:0 !important;vertical-align:middle;width:61px;}

/* prev, next, prevPage and nextPage buttons */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev,
div.views-slideshow-ddblock-cycle-vsd-upright60 div.next,
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prevPage,
div.views-slideshow-ddblock-cycle-vsd-upright60 div.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(arrow/left.png) no-repeat;
	float:left;
	margin:20px 10px;
	cursor:pointer;
	font-size:1px;
}

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

/* disabled navigational button */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.next,
div.views-slideshow-ddblock-cycle-vsd-upright60 div.nextPage {
	background-image:url(arrow/right.png);
	clear:right;
}

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {margin-left:228px;width:200px;height:20px;}
/* items inside navigator */
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.navi a:hover {background-position:0 -8px;}

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

/*previous next pager */
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager{background:#000;clear:both;display:block;height:17px;left:0;position:relative;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a{background:#000;border:none;color:#fff;display:block;float:left;font-family:Tahoma,Arial,sans-serif;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-vsd-upright60 div.prev-next-pager a.prev{left:0;position:absolute;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a.count{left:178px;position:absolute;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a.next{position:absolute;right:0;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a.activeSlide{background:#000;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a:hover{background:#000 !important;outline:none;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-next-pager a:focus{outline:none;}

/*previous next pager on the slide*/
div.views-slideshow-ddblock-cycle-vsd-upright60 div.views-slideshow-ddblock-prev-next-slide {left:0;position: absolute;top:110px;width:475px;z-index: 50;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.views-slideshow-ddblock-prev-next-slide a {color:#fff;display:block;height:50px;margin:0;padding:0;width:50px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.views-slideshow-ddblock-prev-next-slide a:focus{outline:none;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.next-container{float: right;height: 50px;opacity: 0.7;position: relative;width: 50px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.prev-container{float: left;height: 50px;opacity: 0.7;position: relative;width: 50px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.views-slideshow-ddblock-prev-next-slide a.next{background: url(../images/next.png) no-repeat;margin-left:-10px;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.views-slideshow-ddblock-prev-next-slide a.prev{background: url(../images/prev.png) no-repeat;margin-left:10px;}

div.views-slideshow-ddblock-cycle-vsd-upright60 div.spacer-vertical{display:block;float:left;height:50px;width:5px;background-color:#ccc;}
div.views-slideshow-ddblock-cycle-vsd-upright60 div.spacer-horizontal{clear:both;height:5px;}