/* global */

.fproLbThumbs:hover {
background: #998!important;
opacity: 1!important;
}



/*
=================================== 
         ONPAGE GALLERY
=================================== 
*/

div.fproGalleryOP {
font-family: arial, sans-serif;
min-height: 6px;
}

div.fproGalleryOPmain {
font-family: arial, sans-serif;
}

.fproPrevNextButton {
border: 0;
margin: 0 6px -8px 6px;
}

.fproOPdescription {
padding: 6px 0 12px 0;
margin: 0;
}

span.fproOPcounter {
font-size: 16px;
font-weight: 700;
line-height: 30px;
}



/*
=================================== 
            BACKEND
=================================== 
*/

.fpro_loading {
float: left;
background: #fff url(../images/loading.gif) right 16px top 0 no-repeat;
color: #610;
font-size: 16px; 
text-align: left; 
border: 3px solid #ccc;
border-radius: 9px;
padding: 60px 96px 24px 24px; 
margin: 12px auto;
}

.fpro_submitButton {
background: url(../images/button.jpg) repeat-x;
border: 1px solid #999;
border-radius: 3px;
padding: 1px 6px 3px 6px;
}

.fpro_backtoGallery {
clear: left; 
font-size: 18px; 
margin: 24px 0 6px 0;
}


/* gallery */

#fproLbMain input.text {
background: #fff;
color: #222;
}

.fpro_admin_no_gallery_selected {
width: 100%;
float: left;
background: #900; 
color: #fff; 
text-align: center; 
padding: 8px 0;
margin: 12px 0 0 0;
}

.fpro_admin_selected_gallery {
width: 100%;
float: left;
background: #060; 
color: #fff; 
text-align: center; 
padding: 8px 0;
margin: 12px 0 0 0;
}

.fpro_admin_nav_intern {
clear: both;
width: 100%;
float: left;
background: #bcb;
color: #930;
text-align: center;
padding: 8px 0;
margin: 0 0 12px 0;
}

.fpro_admin_nav_intern a:link {color: #258; text-decoration: none;}
.fpro_admin_nav_intern a:visited {color: #258; text-decoration: none;}
.fpro_admin_nav_intern a:hover {color: #c60; text-decoration: underline;}
.fpro_admin_nav_intern a:active {color: #c60; text-decoration: underline;}
.fpro_admin_nav_intern a:focus {color: #c60; text-decoration: underline;}

.fpro_admin_nav_intern_anchor {
padding-top: 36px;
margin: 0;
}

#FotoProAdminLbGallery {
background: #ddd;
color: #000;
border: 1px solid #666;
padding: 6px 20px 20px 20px;
margin: 16px 0;
}

#FotoProAdminLbGallery a:link {color: #258; text-decoration: none;}
#FotoProAdminLbGallery a:visited {color: #258; text-decoration: none;}
#FotoProAdminLbGallery a:hover {color: #c60; text-decoration: underline;}
#FotoProAdminLbGallery a:active {color: #c60; text-decoration: underline;}
#FotoProAdminLbGallery a:focus {color: #c60; text-decoration: underline;}

#FotoProAdminLbGallery textarea {
width:96%; 
height: 120px; 
background: #fff; 
color: #222;
font-family: courier new, monospace; 
font-size: 15px; 
border: 1px solid #999; 
padding: 3px 6px; 
}

/* images data */

#FotoProAdminImages {
margin: 16px 0 0 0;
}

div.FotoProAdminImagesDatafield {
float: left; 
background: #ccc; 
color: #444;
font-size: 14px; 
line-height: 24px; 
border: 3px solid #999; 
padding: 4px 0 2px 12px; 
margin: 0 8px 24px 0; 
overflow: hidden;
}

div.FotoProAdminImagesDatafield img {
max-height: 120px; 
border: 1px solid #666; 
margin: 4px auto 0 auto;
}

#FotoProAdminImages textarea {
width: 90%; 
height: 60px; 
background: #fff; 
color: #222;
font-family: arial, sans-serif; 
font-size: 14px; 
border: 1px solid #999; 
padding: 4px; 
}



/*
=================================== 
         SHUTTER MOBILE
=================================== 
*/

div#shShutter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000;
padding: 0;
margin: 0;
z-index: 1000;
opacity: 0.9;
/* filter: alpha(opacity=90); */
}

div#shDisplay {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
background: transparent;
z-index: 1010;
}

div#shWrap {
width: 100%;
background: transparent;
visibility: hidden;
}

div#shNavBar {
font: normal 15px arial, sans-serif;
color: #ccc;
padding: 0;
margin: 0 auto;
text-align: center;
z-index: 1020;
}

#shNavBar img {
border: 0;
padding: 0;
margin: 0;
opacity: 0.8;
/* filter: alpha(opacity=80); */
}

#shNavBar img:hover {
background: transparent;
opacity: 1;
/* filter: alpha(opacity=100); */
}

#shNavBar a, #shNavBar span {
color: #f90;
text-decoration: none;
}

#shNavBar a:hover, #shNavBar span:hover {
color: #fff;
}

/* font properties of short description / Schrift Eigenschaften der Bildbeschreibung*/
div#shTitle {
background: transparent;
color: #999;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: 300;
text-align: center;
padding: 2px 0 12px 0;
margin: 0;
}

img#shTopImg {
margin: 0 auto;
border: 1px solid #999;
display: block;
z-index: 9999;
}

div#shWaitBar {
position: absolute;
width: 100px;
left: 50%;
margin-left: -50px;
margin-top: 120px;
}

#shWaitBar img {
border: 0;
}

#fullSize {
display: none;
}