/*
 * jquery.popeye.css 2.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */
.ppy-outer {display:none;}
.ppy-active .ppy-outer {display:block;}
.ppy-stage {background-repeat:no-repeat !important;background-position:    center center !important;position:relative;}
.ppy-placeholder { position:relative;float:left;width:100%;position:relative}
.ppy-caption, .ppy-captionwrap {overflow:hidden;}
.ppy-hidden {display:none !important;}



/* fallback styles for image list */
.ppy-imglist {width:100%;display: block; overflow: hidden;}
.ppy-imglist li {}
.ppy-imglist li a img {display:block;border: 0;}


/* popeye example 2 */
#ppy2 {float:left;width:100%;position:relative}
#ppy2 .ppy-imglist li a {overflow:hidden;display: block;}
#ppy2 .ppy-outer {padding: 0;margin:0;background-color:#D48B43;}
#ppy2 .ppy-stagewrap {z-index:50}
#ppy2 .ppy-stage {width:200px;height:200px;background-color:#FFF;}
#ppy2 .ppy-counter {background: #fff;color:#333;padding:0 5px; font-size:0.8em;position:absolute;bottom:0;right:0;opacity:0.7;}
#ppy2 .ppy-loading {background-image:url(/ajax-loader.gif);background-repeat:  no-repeat;background-position:center;}

#ppy2 .ppy-nav {width:200px;position:absolute; top:0;right:0;z-index:100}
#ppy2 .nav-wrap {padding:0;}

#ppy2 .ppy-nav a {display:block;width:27px;height:27px;position:absolute;overflow:hidden;text-indent:-900em;}
#ppy2 .ppy-prev {background: url(/www/_img/common/img-left.gif) no-repeat center;right:0;top:27px}
#ppy2 .ppy-next {background: url(/www/_img/common/img-right.gif) no-repeat center;right:0;top:0}
#ppy2 .ppy-switch-enlarge {background:url(/www/_img/common/img-enlarge.gif) no-repeat center;right:0;top:54px}
#ppy2 .ppy-switch-compact {background:url(/www/_img/common/img-compact.gif) no-repeat center;right:0;top:54px}
#ppy2 .ppy-nav a:hover {cursor:pointer;opacity:0.8;}