﻿#pic-gallery
 {
    display:block;
     margin-left: 50px;
 }
 div#rotator
 {
      position: relative;
}
 div#rotator ul li
 {
     position: absolute;
     list-style: none;
 }
 div#rotator ul li img
 {
     width: 120px;
     height: 120px;
     margin-left: 15px;
     border: 1px solid #666666;
     padding: 2px;
     background: Orange;
 }
 div#rotator ul li.show
 {
     z-index: 500;
 }
 div#gallery-top
 {
     height: 20px;
     width: 160px;
     background: transparent url(../Images/gallery_top.png) no-repeat;
     text-align: center;
}
 div#gallery-top span
 {
     color: #B7A592;
 }
 div#gallery-content
 {
     padding-top:10px;
     height: 150px;
     width: 160px;
     background-color: #242424;
 }
 div#gallery-bottom
 {
     height: 20px;
     width: 160px;
     background: transparent url(../Images/gallery_bottom.png) no-repeat;
 }
 div#gallery-controls
 {
     position: absolute;
     left: 47px;
     top: 137px;
 }
 
 .reveal
 {
     position: fixed;
     display: block;
     border: solid 2ps Gray;
     padding-bottom: 24px;
     background-color: #242424;
     padding: 6px;
     z-index: 1000;
 }
 
 .hide
 {
     display: none;
 }
 div#gal1 img#close
 {
     position: absolute;
     right: 25px;
     bottom: 0;
 }
 
 .calStyle
 {
     background-color: #333;
 }
 
/*
    Gallery Admin
*/
#gallery { border: solid 1px Gray; float: left; width: 66%; min-height: 12em; } * html #gallery { height: 12em; } /* IE6 */
.gallery.custom-state-active { background: #eee; }
.gallery li { float: left; width: 96px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
.gallery li h5 { margin: 0 0 0.4em; cursor: move; }
.gallery li a { float: left; }
.gallery li a.ui-icon-pencil { float: left; background-image: url(images/ui-icons_fbdb93_256x240.png); height: 16px; width: 16px; }
.gallery li a.ui-icon-cart { float: left; background-image: url(images/ui-icons_fbdb93_256x240.png); height: 16px; width: 16px; }
.gallery li a.ui-icon-refresh { float: left; background-image: url(images/ui-icons_fbdb93_256x240.png); height: 16px; width: 16px; }
.gallery li a.ui-icon-trash { float: right; background-image: url(images/ui-icons_fbdb93_256x240.png); height: 16px; width: 16px; }
.ui-dialog-titlebar-close .ui-icon { background-image: url(images/ui-icons_fbdb93_256x240.png) !important; height: 16px; width: 16px; }
.gallery li img { width: 100%; cursor: move; }
.ui-dialog { width: auto !important }

#trash { border: solid 1px Gray; position: relative; float: right; width: 30%; min-height: 18em; padding: 1%;} * html #trash { height: 18em; } /* IE6 */
#trash h4 { line-height: 16px; margin: 0 0 0.4em;  text-align: center; }
#trash h4 .ui-icon { float: left; }
#trash li { float: left; width: 58px; padding: 0.4em; margin: 0 0.4em 0.4em 0; text-align: center; }
#trash ul { width: 100%; }
.submit-button { margin-top: 20px; }

 .indicator { position: absolute; top: -30px; right: 10px; }
 .tabs  { margin: 20px auto; position: relative; }
 
.gallery-pic { position: absolute; top: 52px; left: 41px; border: solid 2px Gray !important; }
.caption-text { font-size: large; color: #FFFF99; }

#gallery-header { margin: 20px 0; }
.gallery-album-area { margin-bottom: 20px; position: relative; clear:both; height: 250px; }
.gallery-admin-area-element { width: 220px; height: 200px; padding: 10px; float: left; position: relative; text-align: center; }
.gallery-admin-pic { position: absolute; top: 47px; left: 60px; border: solid 2px Gray !important; }
.hidden { display: none; }
.show { display: block; }