/*=========================================================================
|
|   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
|
================================================================================*/

.left-column {
	width:210px;
}

.popeye ul {
	list-style-type:none !important;
	margin-left:0px !important;
}

.popeye ul li {
	margin-left: -10px !important;
	margin-bottom:10px;
	text-indent: 0px !important;
}

.popeye h3 {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	font-weight:bold !important;
	margin-top:-1px !important;
	margin-bottom:3px !important;
	color: #444 !important;
	border:0 !important;
	background: transparent !important;
	margin:0 0 5px 0 !important;
	padding:0 !important;
}

.popeye h4 {
	display:none;
}

.popeye-haspopped {
	position:relative;
}

.popeye-haspopped h4 {
	display:block;
	position:absolute;
	color: #666;
	right: 10px;
	top:8px;
}

.popeye-credit {
	text-align:right;
	font-size:11px;
	color: #999;
	margin-top:0px;
	font-style:italic;
}

.popeye-haspopped .popeye-credit {
	color: #333;
}

.popeye-haspopped .popeye-cap {
	color: #999;
}

a:focus, a:active {
  outline: none;
}

.popeye-stagewrap {
    background-color:#333;
}
.popeye-stage {
    border:         1px solid #d2d2d2;
    border-bottom:  1px solid #ffffff;
    border-right:   1px solid #ffffff;
    cursor:         pointer;
    /* min-height:112px; */
    margin-right:	0px !important;
}

.popeye-stage img {
	margin: 0 !important;
	padding:0 !important;
}

.popeye-tools-wrap {
    font-size:      13px;
    color:          #767676;
}
.popeye-cap {
    margin:         10px 0 0 0;
    text-align:		left;
    padding-bottom:		1px;
    clear:          both;
    line-height:    1.1em;
    overflow:hidden;
}
.popeye-hasjs {
    padding:        8px !important;
}
.popeye-isloading {
    background:     #333 url(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 {
    float:          left;
    padding-right:  20px;               /* allow for fallback scrollbars */
    margin:         20px 30px 20px 0;
    background:     #f0f0f0;
    border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8;
}
#popeye1 .popeye-tools {
    padding:        10px 0;
    height:20px;
    border-bottom:   1px solid#d8d8d8;
}
#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(prev-1.png) no-repeat;
    width:          44px;
    padding:        0 4px 0 12px;
}
#popeye1 .popeye-next {
    float:          right !important;
    text-align:     ri ght; 
    background:     url(next-1.png) no-repeat;
    width:          44px;
    padding:        0 12px 0 4px;
}
#popeye1 .popeye-enlarge {
    background:     url(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:          left;
    padding:  		0px;               /* allow for fallback scrollbars */
    margin:         5px 10px 10px 0px;
    background:     #eee;
    border:         1px solid #ccc;
    width:300px;
}
#popeye2 .popeye-tools {
    margin:         10px 0 0 0;
    padding:        0px;
    
    width: 			auto !important;
    
    height:			23px;
    
    /* 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; */
    opacity: 0.8;
    /* border:         1px solid #bababa;
    border-bottom:  1px solid #d8d8d8;
    border-right:   1px solid #d8d8d8; */
}
#popeye2 .popeye-prev {
    background:     url(prev-2.png) no-repeat center;
}
#popeye2 .popeye-next {
    float:          right !important;
    background:     url(next-2.png) no-repeat center;
}
#popeye2 .popeye-enlarge {
    background:     url(enlarge-2.png) no-repeat center center;
    margin:         0 0 0 10px;
}
#popeye2 .popeye-count {
    /* background:     url(count-2.png) no-repeat 10px; center;
    padding:        0 0 0 40px; */
}
#popeye2 .popeye-count {
    margin:         0 0 0 10px;
}