/* Style the thumbnails */
.pika-thumbs{
padding:0px;
height:83px;
display:none;
}

.pika-thumbs li{ 
width:225px;
height:83px;
margin:0 4px 0 5px;
overflow:hidden;
float:left;
list-style-type:none;
padding:3px;
background:#fafafa;
border:1px solid #e5e5e5;
cursor:pointer;
}

.pika-thumbs li:last {
margin:-10px;
}

.pika-thumbs li .clip {
position:relative;
height:100%;
text-align:center;
vertical-align:center;
overflow:hidden;
}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {
width:750px;
margin:0 auto;
z-index:1;
}

.pika-stage {
position:relative;
padding:0px;
text-align:center;
height:333px;
}

.pika-stage img{
width:750px;
height:333px;
}

.pika-stage .caption {
position: absolute;
background:#000;
background:rgba(0,0,0,0.7);
color:#fff;
padding:1px 0 0 10px;
-moz-border-radius: 5px;
border-radius:5px;
text-align:left;
width:370px;
left:50%;
margin:-55px 0 0 -460px;
font-family: 'Waiting for the Sunrise', cursive;
font-size:15pt;
}
	
.pika-stage .caption p {
padding: 0;
margin: 0;
line-height:14px;
}

/* The play, pause, prev and next buttons */
.pika-imgnav a {
position: absolute;
text-indent:-5000px;
display: block;
z-index:2;
visibility:hidden;
}

.pika-imgnav a.previous {
background:url(prev.html) no-repeat left 45%;
height:100%;
width:50px;
top:10px;
left:0;
cursor:pointer;
}

.pika-imgnav a.next {
background:url(next.html) no-repeat right 45%;
height:100%;
width:50px;
top:10px;
right:0px;
cursor:pointer;
}

.pika-imgnav a.play {
background:url(play.html) no-repeat 0% 50%;
height:100px;
width:44px;
top:0;
left:50%;
display:none;
cursor:pointer;
}

.pika-imgnav a.pause {
background:url(pause.html) no-repeat 0% 50%;
height:100px;
width:44px;
top:0;
left:50%;
display:none;
cursor:pointer;
}

/* The previous and next textual buttons */
.pika-textnav {
overflow:hidden;
margin:10px 0 0 0;
bottom:10px;
position:absolute;
visibility:hidden;
}

.pika-textnav a {
font-size:12px;
text-decoration:none;
color:#333;
padding:4px;
}

.pika-textnav a.previous {
float:left;
width:auto;
display:block;
}

.pika-textnav a.next {
float:right;
width:auto;
display:block;
}

/*for the tool tips*/
.pika-tooltip{
font-size:12px;
position:absolute;
color:white;
padding:3px;
background-color: rgba(0,0,0,0.7);
border:3px solid black;
visibility:hidden;
}

.pika-counter{
position:absolute;
color:white;
background:rgba(0,0,0,0.7);
font-size:11px;
padding:1px 7px;
-moz-border-radius: 5px;
border-radius:5px;
visibility:show;
z-index:2;
font-family: 'Waiting for the Sunrise', cursive;
font-size:15pt;
left:50%;
margin:-55px 0 0 320px;
}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{
background:url(loading.html) 3px 3px no-repeat #000;
background-color:rgba(0,0,0,0.9);
color:white;
width:60px;
font-size:11px;
padding:5px 3px;
text-align:right;
position:absolute;
top:15px;
right:15px;
}