/*=========================================================================
|
|   file:    styling.css
|   descr:   Individual Styling of jQuery.popeye-Boxes
|   version: 1.1.1 - 2008/11/11 11:11
|
|   ------------------------------------------------------------------------
|
|   author:   Christoph Schuessler
|   aut. url: http://herr-schuessler.de
|
================================================================================*/

h2 {
    font:           normal 2.8em/1em Georgia, 'Times New Roman', serif;
    color:          #d7df9b;
}
a:focus, a:active {
  outline: none;
}
em {
    font-style:     normal;
    font-weight:    bold;
}
.popeye-stagewrap {
    background-color:#333;
}
.popeye-stage {
   /* border:         1px solid #d2d2d2;
    border-bottom:  1px solid #ffffff;
    border-right:   1px solid #ffffff;*/
    cursor:pointer;
}
.popeye-tools-wrap {
    font-size:      11px;
    color:          #767676;
}
.popeye-cap {
    height:         50px;
    margin:         10px 0 0 0;
    /*clear:          both;*/
    line-height:    1.1em;
    display:none;
    /*visibility:hidden;*/
    font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:0.8em;
	font-style:oblique;
	color:#0098ca;
}
.popeye-hasjs {
   /*padding:10px ;*/
}
.popeye-isloading {
    background:     #333 url(../gfx/loading.gif) no-repeat center;
}
.popeye-haspopped {
    border:         1px solid #333 !important;
    background:     #000 !important;
}
.popeye-haspopped .popeye-stage {
    border:         1px solid #333;
    background:     #333;
}

/* style 1 */
#popeye1 {
 
 /*   padding-right:  20px;               /* allow for fallback scrollbars */
    /*margin:         10px 0px 20px 5px;*/
    float:left;
margin:10px 0 10px 10px;
/*padding-top:10px;*/
   /* background:     #e9e9e9;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;*/
}
#popeye1 .popeye-tools {
    /*padding:        10px 0;*/
   /* border-bottom:   1px solid#d8d8d8;*/
}
#popeye1 .popeye-tools span{
    float:          left;
    line-height:    18px;
}
#popeye1 .popeye-tools a {
    display:block;
    float:left;
    height:18px;
    line-height:18px;
    color:#266e80;
    text-decoration:none;
    text-align:center;
}
#popeye1 .popeye-tools a:hover {
    color:          #8f8f8f;
}
#popeye1 .popeye-prev {
    background:     url(../gfx/prev-1.png) no-repeat;
    width:          40px;
    padding:        0 4px 0 12px;
}
#popeye1 .popeye-next {
    float:          right !important;
    text-align:     left; 
    background:     url(../gfx/next-1.png) no-repeat;
    width:          40px;
    padding:        0 12px 0 4px;
}
#popeye1 .popeye-enlarge {

    margin:         0 0 0 10px;
 /*   width:          46px;*/
    display:	none;
    padding:        0 4px 0 16px;

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

/* style 2 */
#popeye2 {
    float:          right;
    padding-right:  20px;               /* allow for fallback scrollbars */
    margin:         20px 0 10px 30px;
    background:     #f0f0f0;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;
}
#popeye2 .popeye-tools {
    margin:         10px 0 0 0;
    padding:        6px;
    background:     #e9e9e9;
    border:         1px solid #FFF;
    border-bottom:  1px solid #bababa;
    border-right:   1px solid #bababa;
}
#popeye2 .popeye-tools span,
#popeye2 .popeye-tools a {
    display:        block;
    float:          left;
    height:         22px;
    line-height:    22px;
}
#popeye2 .popeye-tools a {
    height:         0px !important;
    padding-top:    22px;
    width:          22px;
    border:         1px solid #e9e9e9;
    overflow:       hidden;
}
#popeye2 .popeye-tools a:hover {
    background-color:#f0f0f0;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;
}
#popeye2 .popeye-prev {
    background:     url(../gfx/prev-2.png) no-repeat center;
}
#popeye2 .popeye-next {
    float:          right !important;
    background:     url(../gfx/next-2.png) no-repeat center;
}
#popeye2 .popeye-enlarge {
    background:     url(../gfx/enlarge-2.png) no-repeat center center;
    margin:         0 0 0 10px;
    display:none;
}
#popeye2 .popeye-count {
    background:     url(../gfx/count-2.png) no-repeat left center;
    padding:        0 0 0 20px;
}
#popeye2 .popeye-count {
    margin:         0 0 0 10px;
}