/*--------------------------------------
    PFS system
--------------------------------------*/
#gallery li
{
    display: inline-block;
    text-align: center;
    margin:4px;
    padding: 4px;
    box-shadow: 0 0 6px #ddd;
    border-radius:4px;
    background-color: #fff;
    border: 1px solid #bbb;
    width: 240px;
    overflow:hidden;
    vertical-align: top;
    position: relative;
}
#gallery li.edit    { width: 100%; }
#gallery li.edit img    { max-width: 100%; }
#gallery h1, #gallery h1    { overflow:hidden; vertical-align: center; }
#gallery h1 { font-size: 16px; margin: 4px 0; height: 16px; }
#gallery h2 { font-size: 13px; margin: 4px 0; height: 16px; }
#gallery #icon  { width: 240px; height: 180px; display:table-cell; vertical-align: middle; text-align: center; }
#gallery li h3 { position:absolute; margin: 0; padding: 0; text-align:right; top:6px; right:10px; height:15%; }
table.gallery { width: 100%; vertical-align: top; margin-bottom: 32px; }
table.gallery td { border-right: 4px solid #bbb; padding-right: 16px; }
table.gallery td:last-child { border-right: none; padding-left: 16px; }
 
.paging         { font-size: 14px; margin:16px auto; text-align:center; }
.paging a       { font-weight:bold; color:#fff!important; }
.paging span        { padding:6px 8px; margin:4px; }
.pagenav_prev, .pagenav_next, .pagenav_first, .pagenav_last, .pagenav_pages, .pagenav_current { background-color:#48c; border-radius:6px; }
.pagenav_current    { background:none!important; border:none!important; }
.pagenav_small      { text-align:right; font-size:.9em; }
.pagenav_current a  { color:#000!important; }

a.thumb img { border: 8px solid #111; margin: 4px; border-bottom: 24px solid #111; }
  
.alert { padding: 8px 35px 8px 14px; margin-bottom: 18px; color: #c95; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #ffe; border: 1px solid #fed; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover    { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); }
.alert-info { color: #38a; background-color: #def; border-color: #bef; }
.alert-info > ul{ margin-bottom: 0; list-style: none; }

.bar_front {
    background: #8C1;
    background: -moz-linear-gradient(#8C1,#6B1);
    background: -webkit-linear-gradient(#8C1,#6B1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C1',endColorstr='#6B1')";
    height: 18px;
    border-radius: 4px;
}
.bar_back {
    background: #ddd;
    background: -moz-linear-gradient(#ddd,#ccc);
    background: -webkit-linear-gradient(#ddd,#ccc);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddd',endColorstr='#ccc')";
    height: 18px;
    border-radius: 5px;
}

