/*MASTER*/
/*
* {
margin : 0;
padding : 0;
}
*/
body {
margin : 1em 0 1em 0;
/* rendering-intent: saturation; */
font-size: 16px;
}
img {
border : 0;
}
body, h1, h2, h3, h4, h5, h6, p, a {
background-color : inherit;
color : #000;
font-size : 1em;
font-family : helvetica, arial, tahoma, verdana, sans-serif;
}
a, a:link, a:hover {
text-decoration : underline;
color : inherit;
cursor : pointer;
}
a:link a:visited a:hover, a:active {
color : inherit;
text-decoration : none;
}
.clear {
clear : both;
}
#wrapper_large, #wrapper_thumb {
text-align : left;
margin : 0 auto;
padding-left : 0.5em;
padding-right : 0.5em;
}
#idplate {
margin-bottom : 0;
margin-top : 0;
}
.logo {
float : none;
margin : 0;
}
#sitetitle {
margin-bottom : 10px;
}
#sitetitle h1 {
background-color : inherit;
font-size : 1.1em;
}
#collectionHeader {
margin : 0 1em 1em 0;
padding-bottom : 0;
}
#collectionHeader p {
line-height : 1.2em;
margin-top : 0.5%;
}
#collectionHeader .HeaderThumb {
margin-top : 5px;
border : #000 solid 1px;
box-shadow : 6px 8px 15px #444;
}
#styleswitcher {
float : left;
margin-bottom : 10px;
border-right : 1px solid #787878;
}
#styleswitcher img {
float : left;
border-left : 1px solid #787878;
border-bottom : 1px solid #787878;
}
.pagination {
float : right;
margin : 0 0 0 0;
}
ul .pagination {
list-style-type : none;
font-size : 1em;
}
.pagination li {
float : left;
list-style-type : none;
padding : 0 0.7em 0 0.7em;
}
.pagination .main {
padding-left : 0;
}
.pagination .previous {
font-weight : 600;
margin-left : 1.5em;
padding-left : 0;
}
.pagination .next {
font-weight : 600;
padding-right : 0;
}
.pagination .readout {
font-weight : 600;
}
.pagination .current {
border : #7f7f7f solid 1px;
}
#quickjump {
float : right;
margin-bottom : 10px;
padding : 0;
}
#stage, #stage2 {
padding : 1em 0 1em 0;
border-top : 1px dotted #000;
margin : 0.5em 1em 1em 0;
}
#previewFull .padding {
padding-top : 15px;
}
#previewSmall .previewSmallNav {
position : absolute;
bottom : 0;
font-weight : bold;
padding-bottom : 15px;
}
.previewFullNav ul {
margin : 0;
padding : 5px;
}
.previewFullNav li {
display : inline;
padding : 10px;
}
.thumbnail {
float : left;
position : relative;
color : inherit;
}
.selectedThumbnail, .thumbnail:hover {
color : inherit;
background-color : #a1a1a1;
}
.emptyThumbnail {
float : left;
position : relative;
color : inherit;
background-color : #949494;
overflow : hidden;
}
.selected {
color : inherit;
background-color : #a1a1a1;
}
.selected:hover {
color : inherit;
background-color : #a1a1a1;
}
.selected .alignmentInner img {
border : white solid 3px;
padding : 0;
margin : 0;
}
.itemNumber {
z-index : 10;
position : absolute;
top : 0.3em;
left : 0.3em;
border : #000 solid 1px;
padding : 0 0.3em;
background-color : #aaa;
opacity : 0.7;
font-weight : bold;
display : none;
}
.fullSize {
position : absolute;
left : 0;
bottom : 0;
}
.sendMail {
position : absolute;
right : 0;
bottom : 0;
}
.row {
position : relative;
color : inherit;
background-color : #a1a1a1;
}
.cellThumbnail {
float : left;
position : relative;
color : inherit;
background-color : #949494;
height : 100%;
overflow : hidden;
}
.cellThumbnail:hover {
color : inherit;
background-color : #949494;
}
.cellDescription {
float : left;
position : relative;
overflow : hidden;
}
.cellDescription .padding {
padding : 10px;
}
.cellDescription h1 {
background-color : inherit;
color : #E5E5E5;
font-size : 14px;
}
.cellDescription p {
background-color : inherit;
color : #E5E5E5;
line-height : 16px;
margin-top : 5px;
}
.cellMetaData {
float : left;
position : relative;
color : inherit;
background-color : #9D9D9D;
overflow : hidden;
}
.cellMetaDataLabel {
float : left;
}
.cellMetaDataLabel p {
background-color : inherit;
color : #e5e5e5;
font-size : 10px;
line-height : 12px;
padding-right : 3px;
}
.cellMetaDataData {
float : left;
text-align : left;
}
.cellMetaDataData p, .cellMetaDataData a {
background-color : inherit;
color : #E5E5E5;
font-size : 10px;
line-height : 12px;
font-weight : bold;
padding-left : 3px;
}
.alignmentOuterGrid {
z-index : 1;
position : static;
display : table;
top : 0;
left : 0;
overflow : hidden;
}
.alignmentOuter {
top : 0;
left : 0;
overflow : hidden;
}
.alignmentOuter {
position : static;
display : table;
}
.alignmentMiddle {
position : static;
display : table-cell;
vertical-align : middle;
}
.alignmentInner {
position : static;
}
.AdjustZIndex {
position : relative;
}
.previewFullMetadata hr {
border : 0;
height : 0;
margin-left : 10px;
margin-right : 10px;
}
#detailNav {
display: table;   /* Allow the centering to work */
margin:0 auto;
}
#detailNav ul {
margin:0;
padding:0;
}
#detailNav ul li {
display : inline;
list-style : none;
position : relative;
}
#detailNav .previous, #detailNav .next{
padding:0em 0em 0em 0em;
}
#detailNav .index {
padding:0em 2em 0em 2em;
}
#detailTitle p, #detailTitle h1 {
text-align : center;
/*font-size : 1.2em;*/
/*font-weight : bold;*/
position : relative;
margin : 0.5em 0 0em 0;
}
#detailCaption {
margin : 0.0em 0 0.5em 0;
text-align : center;
font-weight : bold;
position: relative;
/*to prevent shadow cast use (position: relative;) on other elements*/
}
.detailText p {
font-size : 1em;
}
.previewMetadataRow {
display : block;
font-size : 11px;
clear : both;
}
.previewMetadataLabel {
margin-right : 3px;
display : inline;
font-size : 11px;
text-align : right;
clear : both;
}
.previewMetadataData {
display : inline;
font-size : 11px;
font-weight : bold;
}
.preview {
border : #000 solid 1px;
}
.thumb {
border : #000 solid 1px;
position : relative;
}
#FotomotoToolbar {
border-top : 1px dotted #111;
padding-top : 0.1em;
}
#licenses {
margin-top : 0;
font-size : 0.8em;
}
#cc-general {
margin : 0 0 0 0;
font-size : 0.9em;
width : 50%;
float : left;
}
#cc-general img, #cc-detail img, #cc-commercial img {
float : left;
border-width : 0;
padding-right : 0.5em;
}
#cc-detail, #cc-commercial {
width : 49%;
}
#cc-detail {
float : left;
}
#cc-commercial {
float : right;
}
#contact {
padding : 0.5em 0;
}
#contact-grid {
float : right;
text-align : right;
}
#preload {
opacity : 0;
}
#detailsImg {
padding-top : 1em;
margin-left : auto;
margin-right : auto;
}
#detailsImg img {
box-shadow : 1px 35px 100px #222;
/*to prevent shadow cast use (position: relative;) on other elements*/
/*rendering-intent: perceptual;*/
}
.detailsImgLicenseIMG img {
box-shadow : none;
border : 0;
padding-top : 0.3em;
margin-right : 0;
float : right;
position : relative;
}
a.detailsImgLicenseIMG {
font-size : 0.7em;
text-decoration:none;
  color:#ccc;
}
.MetaBTN {
float : right;
position : relative;
border : 1px solid;
background-color : #ccc;
}
#MetaDIV {
background-color : #ccc;
color : inherit;
text-align : left;
border : solid 1px;
padding : 10px;
font-size : 0.8em;
}
#MetaDIV p {
padding : 0 0 1em 0;
}
#MetaDIV dl, #MetaDIV ul {
border : dotted 1px;
}
#MetaDIV ul {
list-style-type : none;
}
#MetaDIV dd, #MetaDIV dt, #MetaDIV ul, #MetaDIV li {
padding : 0.2em 0 0.2em 0;
}
#MetaDIV dt {
clear : both;
float : left;
margin-left : 10px;
font-style : italic;
}
#MetaDIV dd {
margin-left : 30%;
}
#metadata_license {
margin : 2em 0 2em 0;
}
#MetaDIV li {
margin-left : 10px;
}
.thumbnailLand {
height : 166px;
float : left;
position : relative;
}
.thumbnailPort {
height : 250px;
float : left;
position : relative;
}
.thumbnailLand, .thumbnailPort {
box-shadow : 6px 8px 15px #444;
}
.borderTopLeft {
margin-right : 1.7%;
margin-bottom : 1.7%;
}
.borderRight {
margin-right : 0;
}
.thumbnailLand:hover .itemNumber, .thumbnailPort:hover .itemNumber {
display : block;
}
.thumbnailLand:hover img, .thumbnailPort:hover img {
box-shadow : 6px 8px 35px #444 !important ;
}
.pImg {
background-color : #fff;
font-size : 0.6em;
padding : 0.5em;
width : 50%;
text-align : right;
}
#stage ul li, #index ul li {
display : inline;
list-style-type : none;
}
#footer {
border-top : 1px dotted #333333;
margin : 0.5em 0 1em 0;
padding-top : 0.7em;
}
#footer ul li {
display : inline;
}
#footer ul li ul {
display : inline;
}
#footer ul li li {
float : right;
background-color : green;
}

.noDisplay, .IndexLicenseIMG {
border : 0;
clip : rect(0, 0, 0, 0);
width : 1px;
height : 1px;
margin : -1px;
overflow : hidden;
padding : 0;
position : absolute;
}

.noDisplay {
visibility: hidden;
}
.will-not-be-read-by-screen-reader {
display: none !important;
}
/*Begin: media adaptations*/
@media screen and (max-width:1024px) {
#left {
width : 49%;
margin-right : 0.0%;
}
#center {
width : 49%;
margin-right : 0.0%;
}
#right {
width : 49%;
}
#footer ul li {
display : block;
}
#collectionHeader, #footer {
margin-right : 0;
}
#stage {
margin-right : 0;
}
}
@media screen and (max-width:892px) {
.pagination li {
padding : 0 0.4em 0 0;
}
.pagination .previous {
margin-left : 0.5em;
}
}
@media screen and (max-width:627px) {
.logo {
margin : 0 !important ;
float : left !important ;
}
#collectionHeader h1, #collectionHeader p {
float : left;
}
#collectionHeader h1 {
margin : 0 0 0 0 !important ;
padding-right : 5em;
}
#collectionHeader p {
padding-bottom : 1em;
}
#cc-general {
width : 100%;
margin-top : 0.5em;
}
.pagination {
float : left;
margin-right : 0.5em;
}
}
@media screen and (max-width:600px) {
#collectionHeader h1 {
padding-right : 0;
}
}
@media screen and (max-width:525px) {
#collectionHeader p, #collectionHeader img, #detailTitle, .detailsImgLicenseIMG, #viewMetaBTN, #detailCaption, #MetaDIV, #licenses, #contact {
display : none;
}
#wrapper_large, #stage2 {
margin : 0;
padding : 0;
}
#stage2 {
border-top : none;
}
#detailsImg img {
box-shadow : none;
}
#collectionHeader h1 {
float : none !important ;
text-align : center;
}
}
@media screen and (max-width:350px) {
body {
font-size : 100%;
}
#left.column, #center.column, #right.column {
width : 100%;
}
.pagination {
font-size : 0.9em;
}
* {
text-shadow: none;
box-shadow: none;
}
}
/*End: media adaptations*/