/* QOC elements V2.2.7 on client content pages*/

/* image number layers on image index pages (small thumbnails) */
#n1a,
#n1b,
#n2a,
#n2b,
#n3a,
#n3b,
#n4a,
#n4b,
#n5a,
#n5b,
#n6a,
#n6b,
#n7a,
#n7b,
#n8a,
#n8b,
#n9a,
#n9b    { position: absolute; visibility: hidden; width: 30px; height: 15px;
          color: #000000; font-size: 14px; font-weight: bold; background-color: #FFFFFF; }

#imgnum { color: #000000; font-size: 14px; font-weight: bold; background-color: #FFFFFF; }

#n1a {  left: 9px;   top: 78px;   z-index: 99; }
#n1b {  left: 87px;  top: 78px;   z-index: 97; }
#n2a {  left: 165px; top: 78px;   z-index: 95; }
#n2b {  left: 243px; top: 78px;   z-index: 93; }
#n3a {  left: 321px; top: 78px;   z-index: 91; }
#n3b {  left: 399px; top: 78px;   z-index: 89; }
#n4a {  left: 9px;   top: 184px;  z-index: 87; }
#n4b {  left: 87px;  top: 184px;  z-index: 85; }
#n5a {  left: 165px; top: 184px;  z-index: 83; }
#n5b {  left: 243px; top: 184px;  z-index: 81; }
#n6a {  left: 321px; top: 184px;  z-index: 79; }
#n6b {  left: 399px; top: 184px;  z-index: 77; }
#n7a {  left: 9px;   top: 290px;  z-index: 75; }
#n7b {  left: 87px;  top: 290px;  z-index: 73; }
#n8a {  left: 165px; top: 290px;  z-index: 71; }
#n8b {  left: 243px; top: 290px;  z-index: 69; }
#n9a {  left: 321px; top: 290px;  z-index: 67; }
#n9b {  left: 399px; top: 290px;  z-index: 65; }



/* image number layers on project pages and index pages (large thumbnails) */
#n1,
#n2,
#n3,
#n4,
#n5,
#n6,
#n7,
#n8  { position: absolute; visibility: hidden; width: 30px; height: 15px;
       color: #000000; font-size: 14px; font-weight: bold; background-color: #FFFFFF; }
          
#n1 {  left: 9px;   top: 0px;   z-index: 99; }
#n2 {  left: 127px; top: 0px;   z-index: 97; }
#n3 {  left: 245px; top: 0px;   z-index: 95; }
#n4 {  left: 363px; top: 0px;   z-index: 93; }
#n5 {  left: 9px;   top: 162px; z-index: 91; }
#n6 {  left: 127px; top: 162px; z-index: 89; }
#n7 {  left: 245px; top: 162px; z-index: 87; }
#n8 {  left: 363px; top: 162px; z-index: 85; }