/** Add css rules here for your application. */

.gwt-GlassPanel {

    /* Override glass panel color to be `green` */
    background-color: black !important;

    /* Override glass panel to 10% opacity (= 90% transparency) */
    filter: alpha(opacity = 80) !important; /* IE */
    opacity: 0.8 !important; /* non-IE */
z-index:12;
  }
 

.gwt-PopupPanel{
width:100;
text-align: center;
margin-left: auto ;
margin-right: auto ;
z-index:1000;

}


#gwtslideshow{
color:#FFFFFF;
width:572px;
height:450px;
background-color:#EEE8C5;
border:thin;  
text-align: center;
margin-left:-7px;
margin-top:-2px;
}


/****************            Controls          ********************************************/
.controls{
height:22px;
width:572px;
background-color:#65574f;
border: none;
display: block; 
position: absolute; 
top: 430px; 
text-indent: -7000px;
outline: none;
margin-left:-5px;
}
div.gwt-Hyperlink a:link, div.gwt-Hyperlink a:visited {
border: none;
width: 22px; 
top:0px;
height: 22px; 
display: block; 
position: absolute; 
text-indent: -7000px;
outline: none;
}
div.slideshowPrevious a{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/dwn_back.png');
background-repeat:no-repeat;
z-index:10000;
left:210px;
}
div.slideshowPrevious a:hover{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/hvr_back.png');
background-repeat:no-repeat;
z-index:10000;
left:210px;
}
div.slideshowNext a{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/dwn_next.png');
background-repeat:no-repeat;
left:300px;
}
div.slideshowNext a:hover{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/hvr_next.png');
background-repeat:no-repeat;
left:300px;
}

div.slideshowFullscreen a{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/dwn_full.png');
background-repeat:no-repeat;
left:330px;
}
div.slideshowFullscreen a:hover{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/hvr_full.png');
background-repeat:no-repeat;
left:330px;
}

div.slideshowPause a{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/dwn_pause.png');
background-repeat:no-repeat;
left:240px;
}
div.slideshowPause a:hover{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/hvr_pause.png');
background-repeat:no-repeat;
left:240px;
}

div.slideshowPlay a{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/dwn_play.png');
background-repeat:no-repeat;
left:270px;
}
div.slideshowPlay a:hover{
color:#FFFFFF;
height:22px;
width:22px;
background-image:url('/includes/flickr/hvr_play.png');
background-repeat:no-repeat;
left:270px;
}

/***********************       End of controls        *************************/

.slideshowImage{

height:320px;
padding-top:30px;
margin-left: auto ;
margin-right: auto ;
text-align: center;
}

.slideshowTitle{
width:90%;
text-align: center ; 
height:20px;
margin-left: 50px ;
margin-right: auto ;
color:#FFFFFF;
}

.slideshowComment{
color:#FFFFFF;
margin-top:10px;
color:#C76525;
height:53px;
width:88%;
margin-left: auto ;
margin-right: auto ;
z-index:100;
}

.slideshowFullComment{
color:#000;
font-size:16px;
margin-top:10px;
color:#C76525;
height:53px;
width:90%;
margin-left: auto ;
margin-right: auto ;
z-index:100;

}

.imageNumber{
color:#FFFFFF;
text-align:right;
margin-top:0px;
margin-right:40px;
color:#C76525;
}

.slideshowBacking{
color:#FFFFFF;
width:100%;
height:100%;
background-color:#EEE8C5;
border:thin;  
text-align: center;
margin-left: auto ;
margin-right: auto ;


}

.imagePanel{
margin-left: auto ;
margin-right: auto ;
height:290px;
margin-top:-53px;
text-align: center;
}

.slideshowBottom{
margin-top:-10px;
height:36px;
width:100%;
}

.slideshowheader{
width:100%;
text-align:center;
}