/*!
 * Dynamic display block module template: vsd-upright-60p - 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-upright-60p div.container{
	background-color:none;
	width:750px;
	padding-top: 0;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.container-inner{
	height:400px; /* height:358px; */
	position:relative;
	z-index:0;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p 	div.slider{
	float:left;
	width:750px;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slider-inner{
	background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;
	height:400px; /* height:303px; */
	overflow:hidden;
	position:relative;
	visibility:hidden;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide{
	display:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-inner img{
	height:400px; /* height:303px; */
	margin:0 !important;
	padding:0 !important;
	width:750px; /* height:475px; */
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text{
	/*background:transparent url(../images/transparent_bg.png) repeat scroll 0 0!important;
	*/
	background-color: #F0EDD4;
	width:225px;
	opacity: 0.80;
	/* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	position:absolute;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-horizontal{
	height:85px;
	left:0;
	width:750px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-vertical{
	height:auto; /* height:303px; */
	width:225px;
	
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-top{
	top:7px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-right{
	top:0;
	right:15px;
	
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-bottom{
	bottom:7px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-left{
	bottom:0;
	left:30px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-text-inner{
	padding:8px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-title{float:left;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-title-vertical{width:220px;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-title-horizontal{float:left;width:100px;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-title h2{
	margin:1px 0 5px 0;
	line-height:1.02em;
	padding:0;
	color:#3F3D32;
	font-size:1.5em;
	font-weight:lighter;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-vertical h5 {
font-size:13px;
padding:0 0 0 0;
line-height:17px;
margin:10px 0 0 0;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-vertical h4 {
padding:0 0 1px 0;
font-size:16px;
line-height:18px;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-title-inner{font-weight:bold;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-vertical{
	width:210px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-horizontal{
	float:left;
	width:355px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-inner{
	/* font-weight:bold; */
	font-size:0.95em;
	line-height:1.5em;
	
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-inner p{
	margin:0 0 0 0;
	padding:0;

}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-inner li{
	float:left;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-body-inner a{
	color:#ffffff;
}

/* Slide read more button */
div.views-slideshow-ddblock-cycle-vsd-upright-60p h6 {
	margin:10px 0 0 0;
	border-top: solid thin #c7c8af;
	padding:5px 0 0 0;
	width:210px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-read-more p{
	padding:0;
	margin:0;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p h6 a {
	/* background:url(../images/readmore.png) no-repeat; */
	
	/* bottom:5px; */
	color:#026576;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: lighter;
	/*
	font-size:14px;
	font-family:times New Roman;
	*/
	margin:0;
	/* padding:4px 0 4px 19px; */
	/* position:absolute;*/
	text-decoration:none !important;
	text-align:left;
	
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p h6 a:visited {
	color:#026576;
}

div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-read-more-horizontal a{
	right:-17px;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-read-more-vertical a{
	/* right:5px; */
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-read-more a:hover{
	/* background:url(../images/readmore-hover.png) no-repeat !important; 
	color:#fff!important;
	color: #D01F51;
	*/
	color:#D01F51!important;
	text-decoration:underline;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.slide-read-more-horizontal a:hover{
	/* right:-17px; */
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p 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-upright-60p div.vsd-scrollable-pager {
  /* required settings */
  height:48px;
  overflow:hidden;
  position:relative;
  width: 750px; /* height:400px; */
  /* this makes it possible to add next button beside scrollable */
  float:left;
  /* custom decorations*/
	/*background-color:#ccc;*/
	border:0 solid #999;
	padding:8px 0 0 0;
	margin:0 0 20px 0;
}
div.views-slideshow-ddblock-cycle-vsd-upright-60p 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-upright-60p div.vsd-scrollable-pager div.items {
  clear:both;
  position:absolute;
  /* this cannot be too large */
  width:20000em;
  /* decoration */
	margin-left:0;
}

/*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-upright-60p 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-upright-60p div.vsd-scrollable-pager div.items div.active {
}

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

/* prev, next, prevPage and nextPage buttons */
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev,
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.next,
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prevPage,
div.views-slideshow-ddblock-cycle-vsd-upright-60p 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-upright-60p div.prev:hover,
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.next:hover,
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prevPage:hover,
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.nextPage:hover {
	background-position:0px -18px;
}

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

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

/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
	margin-left:298px; /* margin-left:228px */
	width:200px;
	height:20px;
	display: none; 
}
/* 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-upright-60p div.prev-next-pager{background:#000;clear:both;display:block;height:17px;left:0;position:relative;width:475px;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a{background:#000;border:none;color:#fff!important;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-upright-60p div.prev-next-pager a.prev{left:0;position:absolute;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a.count{left:178px;position:absolute;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a.next{position:absolute;right:0;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a.activeSlide{background:#000;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a:hover{background:#000!important;color:#fff!important;outline:none;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-next-pager a:focus{outline:none;}

/*previous next pager on the slide*/
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.views-slideshow-ddblock-prev-next-slide {left:0;position: absolute;top:110px;width:475px;z-index: 50;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p 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-upright-60p div.views-slideshow-ddblock-prev-next-slide a:focus{outline:none;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.next-container{float: right;height: 50px;opacity: 0.7;position: relative;width: 50px;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.prev-container{float: left;height: 50px;opacity: 0.7;position: relative;width: 50px;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p 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-upright-60p 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-upright-60p div.spacer-vertical{display:block;float:left;height:50px;width:5px;background-color:#ccc;}
div.views-slideshow-ddblock-cycle-vsd-upright-60p div.spacer-horizontal{clear:both;height:5px;}