﻿
#images {
	display:none;
}

.panel {
	margin:30px 0 2px 0;
}

ul.exposureThumbs {
	background:#eee;
	border:2px solid #eee;
	border-right:none;
	padding:0;
	margin:0;
	list-style-type:none;
	height:81px;
}

ul.exposureThumbs li {
	background:#111;
	margin:0 2px 0 0;
	padding:0;
	text-align:center;
	display:none;
	float:left;
}

    ul.exposureThumbs li img {
        cursor: pointer;
        width: 145px;
        height: 79px;
    }

ul.exposureThumbs li.last {
	margin:0;
}

.exposureTarget {
    background-color: #111;
    background-image: url(../images/exposure/res/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    padding: 0;
    margin: 0;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.exposureWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .exposureWrapper img {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

.exposureLoaded {
	background-image:none;	
}

.exposureData {
	position:absolute;
 	left:0;
 	right:0;
 	bottom:-2000px;
	height:40px;
	padding:5px;
	background-image:url(../images/exposure/res/veil.png);
	color:#fff;
	font-size:14px;
	display:none;
}
.exposureData a{color:#fff;}
.exposureData a:hover{color: #f91c05;text-decoration: none;}

/* In this demo we are using thumbs with fixed size */
ul.exposureThumbs li {
	width:145px;
	height:79px;
}

.exposureSlideshowControls a,
.exposureControls span,
.exposureControls a {
	padding:4px 15px;
	background-color:#999;
	background:url(../images/navbg.gif) repeat-x 0 0 #000;
	display:block;
	float:left;
}

.exposureSlideshowControls a {
	float:right;	
}

.exposureSlideshowControls a,
.exposureControls a {
	color:#333;
	text-decoration:none;
	outline:none;
}

.exposureSlideshowControls a:active,
.exposureSlideshowControls a:hover,
.exposureControls a:active,
.exposureControls a:hover {
	background-color:#ddd;
	color:#444;
}

.exposurePaging .active {
	color:#fff;
	background-color:#fff;
	background:url(../images/agriculbg.gif) repeat-x 0 0 #fff;
}

.clear {
	clear:both;	
}

p.info {
	margin:40px auto;
	text-align:center;	
	width:600px;
}

p.info a {
	color:#006fc0;	
}

p.info a:hover, p.info a:active {
	color:#0084e7;	
}
