/*
 * jquery.popeye.style.css 1.0
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2009 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.
 *
 */
.popeye-stagewrap {
    background-color:#333;
}
.popeye-stage {
	background: #eaf8fe;
	border: 1px solid #cdecfd;
    cursor:         pointer;
	width: 250px!important;
}
.popeye-tools-wrap {
	background: #eaf8fe;
	border: solid #cdecfd;
	border-width: 1px 1px 0 1px;
    font-size:      11px;
    color:          #767676;
}
.popeye-cap {
    padding:         10px 0 4px 0;
    clear:          both;
	height: 40px;
    line-height:    1.1em;
	border-top: 1px solid #ebf8fe;
		display: none;
}
.popeye-hasjs {
    padding:        10px !important;
}
.popeye-isloading {
    background:     #333 url("/includes/jquery.popeye.1.0/gfx/loading.gif") no-repeat center;
}
.popeye-haspopped {
    border:         1px solid #333 !important;
    background:     #000 !important;
	width: 500px!important
}
.popeye-haspopped .popeye-stage {
    border:         1px solid #333;
    background:     #333;
	width: 500px!important
}

/* style 1 */
#popeye1 {
    float:          left;
    padding-right:  20px;               /* allow for fallback scrollbars */
    margin:         0 20px 20px 0;
	background: #DFF3FE;
	border: 1px solid #7fb4d1;
}
#popeye1 .popeye-tools {
	height: 16px;
    padding:        10px 4px;
    border-bottom:  1px solid #c6edfe;
}
#popeye1 .popeye-tools span{
    float:          left;
    line-height:    18px;
}
#popeye1 .popeye-tools a {
    display:        block;
    float:          left;
    height:         20px;
    line-height:    18px;
    color:          #266e80;
    text-decoration:none;
    text-align:     center;
}
#popeye1 .popeye-tools a:hover {
    color:          #8f8f8f;
}
#popeye1 .popeye-prev {
    background:     url(/includes/jquery.popeye.1.0/gfx/prev-1.png) no-repeat;
    width:          44px;
    padding:        0 4px 0 12px;
}
#popeye1 .popeye-next {
    float:          right !important;
    text-align:     ri ght; 
    background:     url(/includes/jquery.popeye.1.0/gfx/next-1.png) no-repeat;
    width:          44px;
    padding:        0 12px 0 4px;
}
#popeye1 .popeye-enlarge {
    background:     url(/includes/jquery.popeye.1.0/gfx/enlarge-1.png) no-repeat;
    margin:         0 0 0 10px;
    width:          46px;
    padding:        0 4px 0 16px;

}
#popeye1 .popeye-count {
    margin:         0 0 0 10px;
}

/* style 2 */
#popeye2 {
    float:          right;
    padding-right:  20px;               /* allow for fallback scrollbars */
    margin:         0 0 20px 20px;
	background: #DFF3FE;
	border: 1px solid #7fb4d1;
}
#popeye2 .popeye-tools {
	height: 16px;
    padding:        10px 4px;
    border-bottom:  1px solid #c6edfe;
	width: 242px!important;
}
#popeye2 .popeye-tools span{
    float:          left;
    line-height:    18px;
}
#popeye2 .popeye-tools a {
    display:        block;
    float:          left;
    height:         20px;
    line-height:    18px;
    color:          #266e80;
    text-decoration:none;
    text-align:     center;
}
#popeye2 .popeye-tools a:hover {
    color:          #8f8f8f;
}
#popeye2 .popeye-prev {
    background:     url(/includes/jquery.popeye.1.0/gfx/prev-1.png) no-repeat;
    width:          44px;
    padding:        0 4px 0 12px;
}
#popeye2 .popeye-next {
    float:          right !important;
    text-align:     ri ght; 
    background:     url(/includes/jquery.popeye.1.0/gfx/next-1.png) no-repeat;
    width:          44px;
    padding:        0 12px 0 4px;
}
#popeye2 .popeye-enlarge {
    background:     url(/includes/jquery.popeye.1.0/gfx/enlarge-1.png) no-repeat;
    margin:         0 0 0 10px;
    width:          46px;
    padding:        0 4px 0 16px;

}
#popeye2 .popeye-count {
    margin:         0 0 0 10px;
}