.cycle-prev, .cycle-next  { position:absolute; top: 0; width: 10%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer;  }
.cycle-prev 		{left:0; background:url(../resources/left.png) 20% 50% no-repeat; transition:}
.cycle-next			{right:0; background:url(../resources/right.png) 80% 50% no-repeat; }
.cycle-prev:hover, .cycle-next:hover {opacity:.8; filter:alpha(opacity=80); background-color:rgba(0,0,0,0.1);}
.disabled 			{opacity:.5; filter:alpha(opacity=50) }

.WebYepLoopAddButton, .WebYepLoopRemoveButton, .WebYepLoopUpButton, .WebYepLoopDownButton, .WebYepLoopEnabledButton, .WebYepShortTextEditButton, .WebYepImageEditButton, 
.WebYepLongTextEditButton, .ttDate   {position:relative; z-index:9000 !important;}


#adv-custom-pager img {margin:0 5px }
#alt-caption 		{background-color:rgba(94,84,77,0.4); /* FF3+, Saf3+, Opera 10.10+, Chrome */; padding:8px }

.cycle-pager { text-align: center; width: 100%; z-index:1000; position: absolute; bottom:-10px; overflow: hidden;text-shadow: 0 0 5px rgba(0,0,0,0.3);}
.cycle-pager span { font-family: arial; font-size: 70px; width: 20px; height: 20px; margin: 5px 5px; display: inline-block; color: rgba(255,255,255,0.5); }
.cycle-pager span.cycle-pager-active { color: rgba(255,255,255,1); }
.cycle-pager span:hover {color: rgba(255,255,255,0.8); }
.cycle-pager span.cycle-pager-active:hover { background-color:transparent;}
.cycle-pager > * { cursor: pointer;}


.caption 			{position:absolute; right:20px; height:auto; width:auto; bottom:15px; z-index:1; padding:0px 5px; margin:0 0 0 80px; background:rgba(255,255,255,0.7); 
					color:#666; font-family:'Open Sans', sans-serif; font-size:0.8rem; line-height:1.4rem; overflow:hidden;} 
.mydiv 				{ width: 100%; }

/* XXXXXXXXXX TABLET PORTRAIT XXXXXXXXXX */
@media screen and (max-width: 1024px) and (orientation: portrait){
.cycle-pager span 	{height: 44px;}
.caption 			{bottom:8px; right:15px; margin:0 0 0 50px;} 
}