@charset "UTF-8";
/* CSS Document */

/*
 * 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;
}

.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 {
    padding:        5px;
    border:         1px solid #f0f0f0;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -khtml-border-radius:   5px;
    -webkit-border-radius:  5px;
	
    background:     #fff;
    list-style:     none;
    float:          left;
    display:        block;
    margin:         0 5px 5px 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;
}


/* popeye example 1 */
#ppy1.ppy-active {
    width:          505px;
    float:          left;
    margin:         0 20px 10px 0;
}

#ppy1 .ppy-outer {
    padding:        5px;
    border:         1px solid #666666;
	 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;
    background:     #f8f8f8;
}

#ppy1 .ppy-stage {
    width:          500px;
    height:         500px;
    border-radius:           5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:   5px;
	 background:     #f8f8f8;
}

#ppy1 .ppy-outer:hover,
#ppy1.ppy-expanded .ppy-outer {
    border:         1px solid #ffffcc;
    box-shadow:         0 0 7px #ccc;
    -moz-box-shadow:    0 0 7px #ccc;
    -webkit-box-shadow: 0 0 7px #ccc;
}

#ppy1 .ppy-caption {
     margin:         5px 0 0 0;
    padding:        2px;
	overflow: auto;
	font-size:      12px;
	text-align: center;
    line-height:    1.3em;
    color:          #333333;
    background:     #ffffff;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    visibility:         hidden; /* prevent flash of content before popeye loads */
}

#ppy1 .ppy-caption a {
    color:          #6666ff;
	text-decoration:none;
}
#ppy1 .ppy-caption a:hover {
      color:          #ff6600;
	  text-decoration:none;
}
#ppy1 .ppy-counter {
    background:     #999999;
    color:          #ffffff;
    padding:        0 5px;
    font-size:      0.7em;
    position:       absolute;
    bottom:         5px;
    left:           3px;
	float:           left;
    opacity:        0.8;
}

#ppy1 .ppy-stagewrap {
    background:     #000000;
    border-radius:          5px 5px 5px 5px;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px 5px 5px 5px;
}

#ppy1 .ppy-loading {
    background:     #999999 url(images/loading3.gif) no-repeat center !important;
}



#ppy1 .ppy-nav {
    background:     #cccccc;
    background:     rgba(204,204,204,0.7);
    background:     -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(204,204,204,1)),
        color-stop(0.4, rgba(204,204,204,0.7)),
        color-stop(0.6, rgba(204,204,204,0.7)),
        color-stop(1, rgba(204,204,204,1))
    );
    background:     -moz-linear-gradient(
        center bottom,
        rgba(204,204,204,1) 0%,
        rgba(204,204,204,0.7) 40%,
        rgba(204,204,204,0.7) 60%,
        rgba(204,204,204,1) 100%
    );
	border-radius:          5px 5px 5px 5px;
    -moz-border-radius:     5px 5px 5px 5px;
    -webkit-border-radius:  5px 5px 5px 5px; 
	 width:          104px;
    height:         32px;
    padding:        5px;
    position:       relative;
	text-align:     center;
	margin-right: auto;
	margin-left: auto;
     top: 38%; 
	   
}



#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(images/prev3.png) no-repeat center;
}

#ppy1 .ppy-next {
    width:          22px;
    background:     url(images/next3.png) no-repeat center;
}

#ppy1 .ppy-switch-enlarge {
    width:          30px;
    background:     url(images/enlarge3.png) no-repeat center;
}

#ppy1 .ppy-switch-compact {
    width:          30px;
    background:     url(images/compact3.png) no-repeat center;
}

#ppy1 .ppy-nav a:hover {
    background-color:   #ff6600;
    cursor:         pointer;
}

.exiftable 
{
	text-align: center;
	margin-bottom: 2px;
	border: 0px;
	padding: 0px;
	font-size: 11px;
	color: #000000;
	margin-right: auto;
	margin-left: auto;
}

.exifodd 
{
	background-color: #ddd;
}

.exifeven 
{
	background-color: #f4f4f4;
}

.exifcell 
{
	padding: 2px;
	width: 40%;
}

.exifclose img 
{
	border: 0px;
	width: 20px;
	height: 20px;
}

.exifclose 
{
	vertical-align: top;
	text-align: right;
}
caption {
	font-size: 13px;
	font-weight: bold;
}
/* ------------------------------------------



/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL BORDERS
---------------------------------------------- */

.border {
	/* general */
	padding:5px;
	
	/* curved corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; /* standard version at last */
	/* drop shadows. */
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
}
/* ----------------------------------------------
-- CUSTOM BORDER
---------------------------------------------- */

.border.custom {
	/* general */
	border-color: ;
	
	/* BACKGROUND COLOR */
	background-color: ; /* FOR IE */
	background-color: rgba(204,204,204,0.4);
	
}
/* ----------------------------------------------
-- SILVER BORDER
---------------------------------------------- */

.border.silver {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#dfdfdf 50%,
		#cecece
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #dfdfdf),
		to(#cecece)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');

}

/* ----------------------------------------------
-- CARBON BORDER
---------------------------------------------- */

.border.carbon {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#404040,
		#2d2d2d 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#404040),
		color-stop(0.5, #2d2d2d),
		to(#000)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME BORDER
---------------------------------------------- */

.border.chrome {
	/* general */
	border-color: #f6f9fa;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 50%,
		#b9d3db
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.5, #d9e9ed),
		to(#b9d3db)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD BORDER
---------------------------------------------- */

.border.gold {
	/* general */
	border-color: #fcf9f5;

	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 50%,
		#dbc7a7
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.5, #f1e7c6),
		to(#dbc7a7)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE BORDER
---------------------------------------------- */

.border.trans_white {
	/* general */
	border-color: #fff;
	
	/* BACKGROUND COLOR */
	background-color: rgba(255,255,255,0.4);
	/background-color: #fff; /* FOR IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK BORDER
---------------------------------------------- */

.border.trans_black {
	/* general */
	border-color: #000;
	
	/* BACKGROUND COLOR */
	background-color: rgba(0,0,0,0.45);
	/background-color: #000; /* FOR IE */
}


/* ----------------------------------------------
-- SILVER GLOSS BORDER
---------------------------------------------- */

.border.silver_gloss {
	/* general */
	border-color: #fff;

	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#e4e4e4 49.9%,
		#cdcdcd 50%,
		#c4c4c4
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.49, #e4e4e4),
		color-stop(0.5, #cdcdcd),
		to(#c4c4c4)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');
}

/* ----------------------------------------------
-- CARBON GLOSS BORDER
---------------------------------------------- */

.border.carbon_gloss {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#585858,
		#4d4d4d 49.9%,
		#2c2c2c 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#585858),
		color-stop(0.49, #4d4d4d),
		color-stop(0.5, #2c2c2c),
		to(#000)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME GLOSS BORDER
---------------------------------------------- */

.border.chrome_gloss {
	/* general */
	border-color: #f6f9fa;

	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 49.9%,
		#b9d3db 50%,
		#ccdce1
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.49, #d9e9ed),
		color-stop(0.5, #b9d3db),
		to(#ccdce1)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD GLOSS BORDER
---------------------------------------------- */

.border.gold_gloss {
	/* general */
	border-color: #fcf9f5;

	/* background color (for non css3 browsers) and gradient */
	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 49.9%,
		#dbc7a7 50%,
		#e8d5b8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.49, #f1e7c6),
		color-stop(0.5, #dbc7a7),
		to(#e8d5b8)
	);	
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE GLOSS BORDER
---------------------------------------------- */

.border.trans_white_gloss {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top,
		rgba(255,255,255,0.65),
		rgba(255,255,255,0.55) 49.9%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.65)),
		color-stop(0.49, rgba(255,255,255,0.5)),
		color-stop(0.5, rgba(255,255,255,0.3)),
		to(rgba(255,255,255,0.45))
	);
	/background-color: #fff; /* FOE IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK GLOSS BORDER
---------------------------------------------- */

.border.trans_black_gloss {
	/* general */
	border-color: #000;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top,
		rgba(0,0,0,0.75),
		rgba(0,0,0,0.6) 49.9%,
		rgba(0,0,0,0.35) 50%,
		rgba(0,0,0,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(0,0,0,0.75)),
		color-stop(0.49, rgba(0,0,0,0.6)),
		color-stop(0.5, rgba(0,0,0,0.35)),
		to(rgba(0,0,0,0.45))
	);
	/background-color: #000; /* FOE IE */
}