/*
Image/gallery styles + over-rides of main styles.
Author: Phil Hughes
Author URI: http://www.qualitywebs.co.uk
*/


/* New definitions. */

/*
div {
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
            transition: all .25s ease;
}
*/
#main-inner {
    height:200px;
    background-color:#ffefcb;
}

#lb-table {
  width: auto;   
}
#lb-table td,th {
    padding:10px;
    text-align:left;
}
.inactive {
    color:#888;
    border:none;
}

.lightbox-main {
    position:relative;
    float:left;    
   /* background-color:#ffefcb; */
    width:100%; /* 1000px; */
    font-size:12px;
   /* border:solid 1px #888; */
    padding:0px; /* 10px 10px 10px 10px; */
    margin:10px 0px 10px 0px;
}
.lightbox-main h1 {
    padding-left:10px;
}
.lightbox-main#buyer {
    background-color:#ccf;
}

.buyertop {
  /*  position:relative;
    float:right; */
    margin:0px 0px 10px 0px;
    padding:0px 1% 0px 0px;
   /* background-color:#f5f; */
   /* min-width:10%; */
   /* min-width:100px; */
   /* height:20px; */
    text-align:right;
    font-size:10px;
}
.buyertop a {
    text-decoration:none;
}
.buyertop img {
    width:25px;
    border:none;
   /* filter:hue-rotate(90deg); */
}
.topicon-box {
    position:relative;
    float:left;
    margin:0px 10px 0px 0px;
    padding:0px;
}

.buyersearch {
    position:relative;
    float:right;
    margin:10px 0px 10px 0px;
    padding:0px 0% 0px 0px;
   /* background-color:#f5f; */
    width:36%;
    height:20px;
    text-align:right;
    font-size:12px;       
}
.contribsearch {
    background-color:#ffe;
    width:100%;
    margin:10px 0px 10px 0px;
    padding:10px 0px 10px 0px;
    height:auto;
    border-top:solid 1px #999;
    border-bottom:solid 1px #999;
}
.contribsearch table {
    width:100%;
    font-size:12px;
}

.basketnums {
 /*   position:absolute; */
  /*  z-index:99; */
 /*   top:-2px; */
 /*   left:38px; */ /* 43px */
 /*   width:20px; */
    font-size:9px;
    font-weight:bold;
    color:#fff;
/*    text-align:center; */
    height:2px;
    overflow:visible;
    margin:0px 0px 0px 3px;
}

/*.lightbox-main img {
   width:100px;
}
*/
.dark-row {
    background-color:#eee;
    border-bottom:solid 1px #888;
}
.dark-row2 {
    background-color:#eee;
    border-bottom:solid 1px #888;
}
.light-row2 {
    background-color:#ccc;
    border-bottom:solid 1px #888;
}
.other-row {
    background-color:#ddd;
}
.total-row {
    background-color:#fff; /* #ffefcb; */
}
.lb-output {  
    margin:0px 0px 0px 0px;
    background-color:#fff;  
}

/* Folders */
.curr-page {
    color:#000;
    padding:2px;
    background-color: #f06221;
}
.folder-main {
    position:relative;
    float:left;    
    background-color:#fff;
    width:100%; /* 978px; */
    font-size:12px;
  /*  border: solid 1px #888; */
    padding:10px 0px 10px 0px;
    margin:0px 0px 10px 0px;
}
.folder-main i {
    vertical-align:middle;
}
.folder-main a {
    text-decoration:none;
    padding:5px 0.5% 5px 0.5%;
   /* background-color:#ccf;    */
    color:#666;
    font-weight:normal; /* bold; */
    vertical-align:middle;
}
.folder-main a:hover {
    color:#f00;
}
.folder-main table {
    background-color:#fff;
}

.downloads {
     
}
.downloads img {
    width:200px;
}
.downloads form {
    display:inline;
}
.downloads table {
    width:100%;
    font-size:12px;
}
.downloads td {
    width:auto;
}
.downloads button {
    background-color:transparent;
    border:none;
    padding:5px;
   /* height:10px; */
   font-size:14px;
   color:#777;
}
.downloads button:hover {
    background-color:#fcd088;    
}

.main-top-head {
    
}
.main-top-head a {
    text-decoration: none;
    color:#333;
    text-transform: uppercase;
 /*   background-color:#eee; */
    padding:5px 0px 5px 0px;
    font-size:13px;
}
.main-top-head a:hover {
    text-decoration: underline;
    color:#FF6600;
}
.row3 a {
    text-decoration: none;
    color:#333;
    text-transform: uppercase;
    padding:5px 0px 5px 0px;
    font-size:13px;
}
.row3 a:hover {
    text-decoration: underline;
    color:#FF6600;
}


.menu-strip {
    width:97.8%;
    background-color:#eee;
    padding:20px 1% 20px 1%;
}
.menu-strip a {
  /*  border:solid 1px #666;     */
}
.menu-strip a:hover {
        background-color:#ffefcb;
}
.protected {
    color:#f80;
}
.hi-button {
    position:relative;
    float:left;
    width:100%;
    margin:10px 0px 0px 0px;
    background-color:#f80;
    padding:10px 0px 10px 0px;
    text-align:center;
}
.hi-row {
    margin:20px 0px 0px 0px;
    background-color:#eee;
    padding:5px 0px 5px 0px;
    text-align:center;
}

.total {
   /* float:left; */
   display:inline;
   padding:0px 20px 0px 10px;
   color:#444;
   font-size:14px;
}
.folder-output {  
    background-color:#efe;  
}

.page-menu {
        position:relative;
        float:left;
        min-width:50%;
        padding:5px 0px 10px 0px;
        margin:5px 0px 5px 0px;
        background-color: #fff;
    }    
.folder-bulk-menu {
        position:relative;
        float:left;
        width:100%;
        height:20px;
        padding:5px 0px 5px 0px;
        margin:5px 0px 5px 0px;
   /*     background-color: #ffefcb; */
        display:none;
}
.folder-bulk-menu-empty {
        position:relative;
        float:left;
        width:100%;
        height:20px;
        padding:5px 0px 5px 0px;
        margin:5px 0px 5px 0px;
   /*     background-color: #ffefcb; */
}

.folder-bulk-menu table {
    width:auto;
   /* background-color:#fff; */
    border-spacing: 0px;
}
.folder-bulk-menu td {
    padding:0px;
}
.folder-bulk-menu input,select {
 /*   height:20px; */
    font-size:11px;
   /* background-color:#f1981b; */
    color:#111;
    border:none;
    vertical-align:middle;
}
.folder-bulk-menu img {
    width:15px;
    vertical-align:middle;
}
.dark {
    background-color:#eee;
}
.folder-gallery {
    position:relative;
    float:left;
    width:90%;
   /* height:350px; */
    overflow:hidden;
    padding:0px 0px 0px 0px; /* resp */    
    background-color:#fff;
   /* border-top:solid 1px #f06221; */
   /* border-top: solid 1px #f06221;
    border-left: solid 1px #f06221; */
}
.empty {
    /* border-bottom: solid 1px #f06221; */
    /*  border-right: solid 1px #f06221;    */
    height:auto!important;
}

#folder-slider {
    position:relative;
    /*width:10000%;*/ /* for now */
    left:0px;
    -webkit-transition: all 2.5s; /* Safari 3.1 to 6.0 */
    transition: all 2.5s;
    display:flex;
    -webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */ 
}

#folder-left-slider {
  /*  background-color: #00f; */
    position: relative;
    float: left;
    height: 110px;
    width: 3%; /* 20px; */
    margin:0px 1% 0px 0px;
    padding:90px 0.5% 0px 0.5%;
    color:#888;
}
#folder-left-slider:hover {
    background-color:#eee;
}
#folder-right-slider {
 /*   background-color: #f00; */
    position: relative;
    float: left;
    height: 110px;
    width: 3%; /* 20px; */
    margin:-12px 0px 0px 1%;
    padding:90px 0.5% 0px 0.5%;
    color:#888;
}
#folder-right-slider:hover {
    background-color:#eee;
}

.folder-image {
    position:relative;
    float:left;
    margin:0px 10px 0px 10px;
  /*  padding:2%; */
  /*  width:15%; */
 /*   border-right:solid 1px #f06221;
    border-bottom:solid 1px #f06221; */
/*   height:20%; */
    cursor:pointer;
}
.folder-image a {
    padding:0px;
    margin:0px;
}

.folder-image .cp {
    position:relative;
    float:left;
    width:100%;
    background-color: #eee;
    padding:5px 0px 5px 0px;
  /*  height:35px; */
    font-size:12px;
   /* border-top:dashed 1px #ccc; */
    margin: 10px 0px 0px 0px;
}
.folder-image .cp a {
    text-decoration:none;
    color:#777;
}
.folder-image .cp a:hover {
    color:#f00;
}
.folder-image .cp input,select {
 /*   height:20px; */
    font-size:12px;
   /* background-color:#f1981b; */
    color:#111;
    border:none;  
    vertical-align:top;
}
.imgwrap {
   /* background-color:#fff; */
   /* width:94%; */
   /* border:solid 1px #eee; */
  /*  padding: 7.5px 0% 7.5px 0%; */ /* 7.5px 3% 7.5px 3%; */
   /* margin:0px; */
   overflow:hidden;
}
.imgwrap-inner {
 /*   background-color:#eee; */
/*    padding:20px 0% 20px 0%; */
 /*   padding:0px 0% 0px 0%; */
  /*  width:100%; */
 /*   height:100%; */
}
.imgwrap-inner img {
 /* width:100%; */
  height:200px;
}

.cp img {
    width:20px;
    border:none;
}
.cp-form {
    margin-top:5px;
}
/*.cp-icon {
    font-size:12px;
}
*/
/*.cp input {
    height:18px;
    width:18px;
}
*/
.imageedit-box {
    position:relative;
    float:left;    
    background-color:#fff;
    width:96%;
    font-size:12px;
    border:solid 1px #888;
    padding:10px 1% 10px 1%;
    margin:0px 1% 0px 0px;
}
.advsearch-box {
    position:relative;
    float:left;    
    background-color:#fff;
    width:450px;
    font-size:12px;
    border:solid 1px #888;
    padding:10px 10px 10px 10px;
    margin:0px 10px 0px 0px;
}
.advsearchresbox {
    position:relative;
    float:left;    
    background-color:#eee;
    width:920px;
    font-size:12px;
    border:solid 1px #888;
    padding:10px 10px 10px 10px;
    margin:0px 10px 0px 0px;
}

#more-info-box {
    position:relative;
    float:left;
   /* position:absolute;
    z-index:100; 
    top:500px;*/
    background-color:#fee;
    width:95%;
    font-size:12px;
    border:solid 1px #888;
    padding:10px 2% 10px 2%;
    margin:10px 0px 10px 0.5%;    
}
/*.dark-row {
    background-color: #fff;
}
*/
.pricing-nav {
    position:relative;
    float:left;    
    padding:10px 0px 10px 0px;
    margin:0px 0px 10px 10px;   
    width:940px;
    font-size:13px;
    background-color:#fff;
}
#pricing-footer {
    position:relative;
    float:left; 
    width:960px;
    padding:10px;
    background-color:#fff;
    margin:20px 0px 10px 0px;
}
#pricing-box {
    position:relative;
    float:left;    
    padding:0px 10px 10px 0px;
    margin:0px 0px 10px 10px;   
    width:790px;
    font-size:13px;
}
.factor-table-footer {
    position:relative;
    float:left;    
    padding:10px 0px 10px 0px;
    margin:0px 0px 10px 10px;   
  /*  width:790px; */
    background-color:#fff;
}
.factor-table {
    position:relative;
    float:left;    
  /*  min-width:30%; */
    padding:0px;
    margin:10px 0px 10px 0px;    
}
.factor-table table {
    width:100%;
}
.factor-table input {
    font-size:12px;
    border:solid 1px #888;
}
.factor-table select {
    font-size:12px;
    border:solid 1px #888;
   /* max-width:60px; */
}
.factor-table .row-head {
    width:33%;
}
.images {
  /*   left:-2%; */
    background-color:#ffefcb;    
    width:98%; /* 102%; */
    padding:20px 1% 10px 1%;
/* padding:0px -1% 0px -1%; */
}
.timing {
  /*  left:-2%; */
    width:98%; /* 102%;  */
    padding:0px 1% 10px 1%;
}
.location {
 /*   left:-2%; */
    width:98%; /* 102%; */
    padding:0px 1% 10px 1%;
/*    background-color:#ffefcb;     */
 }
.ctrls {
   /* left:-2%; */
    width:98%; /* 102%; */
    padding:0px 1% 10px 1%;
    text-align:left;
}
.text-left {
    text-align:left;
}
/*.price-nav {
    position:relative;
    float:left;    
    width:100%;
    border-top:solid 1px #ddd;
    padding-top:10px;
}
.price-nav a {
    text-decoration:none;
    color:#888;
}
.price-nav a:hover {
    color:#f00;
}
*/

#price-cell {
    float:left;    
    font-size:12px;
    font-weight:bold;
    background-color:#ccc;
    text-align:center;  
    padding:5px ;
    margin:0px 10px 0px 0px;
    width:100px;
}
#image-disp {
    position:relative;
    float:left;    
    /*font-size:15px; */
    font-weight:bold;
    background-color:#ffe;
    text-align:right;
    font-size:13px;
    text-align:center;
}
#dlform {
    margin:10px 0px 0px 0px;
}
#dlform img {
    width:100%; /* 300px; */
}

#warn {
    position:relative;
    float:left;  
    width:100%;
    margin:10px 0px 10px 0px;
    padding:10px;
    background-color:#eee;
}
.floatbox {
    position:relative;
    float:left;
}
.system {
    font-size:15px;
    min-height: 0px;
    background-color:#fff;
    border:none;
    margin:3px 0px 3px 0.5%;
    width:99%;
}
.system h1 {
    -webkit-column-span: all; /* Chrome, Safari, Opera */    
    -moz-column-span: all; /* Firefox */
    column-span: all;
    padding:10px 0% 0px 0%;
    margin:40px 1% 0px 1%;
}
.col2box {
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 2%; /* Chrome, Safari, Opera */
    -moz-column-gap: 2%; /* Firefox */
    column-gap: 2%;
    margin:10px 0px 10px 0px;
    padding:10px 1% 10px 1%; 
    width:97.0%;
}
.textbox {
    padding:0px;
    margin:0px 1% 0px 1%;
    width:48%;
}
.textbox p {
    margin:10px 0px 10px 0px;
    padding:0px;
}

/* Next two also defined in style.gallery.css */

.imcapt {
    position:relative;
    float:left;
    width:100%;
    margin:10px 0px 0px 0px;
    color:#f06221;
    font-size:11px;
    text-align:left;
    color:#444;
    line-height: 17px;
    height:72px;
    overflow: hidden;
}
.imcapt span {
    float:right;
    text-align:right;
}

/* end dupl */

.infomsg {
    color:#888;
}

.footer {
  width:98%;
  border-top:solid 1px #ccc;
  border-left:none;
  border-right:none;
  margin:10px 0px 10px 0px;
  padding:10px 1% 10px 1%;
}
.footer a {
    text-decoration:none;
    color:#f06221;
}
.footer a:hover {
    color:#f00;
}
/*  end */