/*************************************************************************
 * jquery.popeye.style.css 2.1
 *
 * Copyright (C) 2011 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.
 *
 *************************************************************************/

/* initialization */
.ppy { background-color:#FFFFFF; }
.ppy-imglist { width:100%; display:block;overflow:hidden; }
.ppy-imglist li { padding:10px; border: 1px solid #f0f0f0; border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; background:#FFFFFF; list-style:none; float:left; display:block; margin:0 10px 10px 0; }
.ppy-imglist li a img { display:block; border:0; }
#ppy1 .ppy-extcaption { width:240px; display:block; }
#ppy1 .ppy-imglist li { width:240px; height:270px; }
#ppy2 .ppy-imglist li, #ppy2 .ppy-imglist li a { width:160px; height:160px; overflow:hidden; display:block; }

/* slide container styling */
#ppy1.ppy-active { width:262px; float:left; margin:0 20px 10px 0; }
#ppy1 .ppy-outer { padding: 10px; border:2px solid #EDEAEA; border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; -webkit-border-radius:0 10px 10px 10px; background:#FFFFFF; }
#ppy1 .ppy-stage { width:400px; height:284px; border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; cursor:pointer; }
#ppy1 .ppy-outer:hover, #ppy1.ppy-expanded .ppy-outer { border:1px solid ##EDEAEA; box-shadow:0 0 7px #ccc; -moz-box-shadow:0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; }

/* caption styling */
#ppy1 .ppy-caption { margin:5px 0 0 0;height:80px; padding:10px; font-size:0.9em; line-height:1.3em; color:#726D6D; background:#d7ebf9; border: 1px solid #aed0ea; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:0 0 7px #ccc; -moz-box-shadow:0 0 7px #ccc; -webkit-box-shadow: 0 0 7px #ccc; }
#ppy1 .ppy-caption a { color: #726D6D; }
#ppy1 .ppy-caption a:hover { text-decoration:underline; }
#ppy1 .ppy-counter { border-bottom:1px solid #726D6D; color:#726D6D; padding:0 0 2px 0; margin:0 0 5px 0; font-size:0.9em; }

/* slide transition */
#ppy1 .ppy-stagewrap { background:#FFFFFF; border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px; }
#ppy1 .ppy-loading { background:#FFFFFF url(../../gfx/popeye/loading2.gif) no-repeat center !important; }

/* navbar styling */
#ppy1 .ppy-nav {background:#3BAAE3; background:-moz-linear-gradient(center bottom, #3BAAE3 20%, #AED0EA 100%); width:104px; height:32px; padding:5px; position:absolute; top:0; left:0; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; }
#ppy1 .ppy-nav a:hover { background-color:#EE1B24; cursor:pointer; }

/* navbar images*/
#ppy1 .ppy-nav a { display: block; overflow:hidden; text-indent:-900em; height:22px; float:left; padding:5px; border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; }
#ppy1 .ppy-prev { width:22px; background:url(/quickbooks/scripts/popeye/gfx/prev3.png) no-repeat center; }
#ppy1 .ppy-next { width:22px; background:url(/quickbooks/scripts/popeye/gfx/next3.png) no-repeat center; }
#ppy1 .ppy-switch-enlarge {width:30px; background:url(/quickbooks/scripts/popeye/gfx/enlarge3.png) no-repeat center; }
#ppy1 .ppy-switch-compact { width:30px; background:url(/quickbooks/scripts/popeye/gfx/compact3.png) no-repeat center; }