@media (min-width: 621px)
{
  /* -------- Photo page: -------- */
  
  .photo_BreadcrumbWrap {
    display: block;
    padding: 16px;
    background-color: #000000;
    color: #DDDDDD;
  }

  .photo_Breadcrumb {
    float: left;
    text-align: left;
    font: 14pt Century Gothic,Arial,sans;
  }
  .photo_Breadcrumb a { color: #DDDDDD; }
  
  .photo_EditButtonWrap {
    margin: 6px 0px 0px 36px;
    float: right;
    text-align: right;
  }
  
  .photo_HeaderBox {
    clear: both;
    width: 100%;
    padding: 4px 0px 8px 0px;
    background-color: #000000;
    text-align: center;
    overflow: hidden;
  }

  .photo_HeaderTitle {
    margin: 0px 0px 0px 12px;
    font: 18pt Century Gothic,Arial,sans;
    color: #DDDDDD;
  }

  .photo_HeaderSubtitle {
    display: block;
    width: 100%;
    margin: 0px 0px 0px 12px;
    font: 14pt Century Gothic,Arial,sans;
    color: #DDDDDD;
  }

  .photo_Pane {
    display: block;
    width: 100%;
    padding: 12px 0px 24px 0px;
    background-color: #000000;
  }

  .photo_Image {
    display: block;
    max-width: 96%;
    margin: 0px auto 0px auto;
    border: 1px solid #555555;
  }
  
  .photo_Copyright {
    display: block;
    max-width: 600px;
    margin: 12px auto 0px auto;
    color: #DDDDDD;
    font-size: 0.8em;
    text-align: justify;
  }

  .photo_Details {
    display: table;
    width: 100%;
    margin: 24px 0px 0px 0px;
  }

  .photo_DetailsBlock {
    display: table-cell;
    width: 50%;
    vertical-align: top;
  }

  .photo_Metadata {
    margin: 0px 24px 24px 24px;
    font: 11pt Verdana,Arial,sans;
  }

  .photo_Map {
    display: block;
    height: 400px;
    margin: 0px 24px 24px 24px;
    border: 1px solid #666666;
    background-color: #BCD4D4;
  }

  .photo_MapNotAvailable {
    display: block;
    width: 100%;
    margin-top: 185px;
    text-align: center;
    font-size: 12pt;
    color: #666666;
  }

  .photo_EditBar {
    display: block;
    margin: 24px 0px 24px 0px;
    overflow: hidden;
  }

  .photo_ContentHeader {
    margin: 0px 0px 12px 0px;
    font: 14pt Century Gothic,Arial,sans;
    font-weight: bold;
  }

  .photo_ContentSubheader {
    font: 11pt Century Gothic,Arial,sans;
    font-weight: bold;
  }
  
  /* -------- Photo search results page: -------- */
  
  .photo_ResultsInfo {
    display: table;
    width: 100%;
  }

  .photo_ResultsQueryBox {
    display: table-cell;
    width: 100%;
    vertical-align: top;
  }
  
  .photo_ResultsQuery {
    
  }

  .photo_ResultsGroupByBox {
    display: table-cell;
    vertical-align: top;
    max-width: 200px;
  }

  .photo_ResultsGroupByLabel {
    display: block;
    height: 26px;
    padding: 0px 6px 0px 0px;
    line-height: 26px;
    white-space: nowrap;
  }
}

@media (max-width: 620px)
{

  /* -------- Photo page: -------- */

  .photo_BreadcrumbWrap {
    display: block;
    padding: 16px;
    background-color: #000000;
    color: #DDDDDD;
  }

  .photo_Breadcrumb {
    float: left;
    text-align: left;
    font: 14pt Century Gothic,Arial,sans;
  }
  .photo_Breadcrumb a { color: #DDDDDD; }
  
  .photo_EditButtonWrap {
    margin: 6px 0px 0px 36px;
    float: right;
    text-align: right;
  }
  
  .photo_HeaderBox {
    clear: both;
    width: 100%;
    padding: 4px 0px 8px 0px;
    background-color: #000000;
    text-align: center;
    overflow: hidden;
  }

  .photo_HeaderTitle {
    margin: 0px 0px 0px 12px;
    font: 18pt Century Gothic,Arial,sans;
    color: #DDDDDD;
  }

  .photo_HeaderSubtitle {
    display: block;
    width: 100%;
    margin: 0px 0px 0px 12px;
    font: 14pt Century Gothic,Arial,sans;
    color: #DDDDDD;
  }

  .photo_Pane {
    display: block;
    width: 100%;
    padding: 12px 0px 24px 0px;
    background-color: #000000;
    border-bottom: 1px solid #999999;
  }

  .photo_Image {
    display: block;
    width: 96%;
    margin: 0px auto 0px auto;
    border: 1px solid #555555;
  }
  
  .photo_Copyright {
    display: block;
    margin: 12px 6px 0px 6px;
    color: #DDDDDD;
    font-size: 0.8em;
  }

  .photo_Details {
    display: block;
    width: 100%;
    margin: 24px 0px 0px 0px;
  }

  .photo_DetailsBlock {
    display: block;
    width: 100%;
  }

  .photo_Metadata {
    margin: 0px 24px 24px 24px;
    font: 11pt Verdana,Arial,sans;
  }

  .photo_Map {
    position: relative;
    display: block;
    height: 400px;
    margin: 0px 24px 24px 24px;
    border: 1px solid #CCCCCC;
    background-color: #BCD4D4;
  }

  .photo_MapNotAvailable {
    display: block;
    width: 100%;
    margin-top: 185px;
    text-align: center;
    font-size: 12pt;
    color: #666666;
  }

  .photo_EditBar {
    display: block;
    margin: 24px 0px 48px 0px;
    overflow: hidden;
  }

  .photo_ContentHeader {
    margin: 0px 0px 12px 0px;
    font: 14pt Century Gothic,Arial,sans;
    font-weight: bold;
  }

  .photo_ContentSubheader {
    font: 11pt Century Gothic,Arial,sans;
    font-weight: bold;
  }
}

@media (min-width: 461px)
{
  /* -------- Thumbnail images: -------- */

  .photo_ThumbnailHeader {
    clear: both;
    display: table;
    width: 100%;
    padding: 12px 0px 10px 0px;
    background-color: #222222;
    border-bottom: 1px solid #333333;
    overflow: hidden;
  }

  .photo_ThumbnailTitle {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    color: #EEEEEE;
  }

  .photo_ThumbnailControls {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    color: #EEEEEE;
  }

  .photo_ThumbnailControlsWrap {
    display: table;
    margin-right: 12px;
  }

  .photo_ThumbnailGroupByLabel {
    display: table-cell;
    vertical-align: top;
    height: 26px;
    padding: 0px 6px 0px 0px;
    text-align: right;
    line-height: 26px;
    white-space: nowrap;
  }

  .photo_ThumbnailGroupByWrap {
    display: table-cell;
    vertical-align: top;
    height: 26px;
  }

  .photo_Thumbnails {
    clear: both;
    display: block;
    padding: 12px 0px 24px 0px;
    background-color: #000000;
  }

  .photo_ThumbnailGroupHeader {
    clear: both;
    display: block;
    margin: 12px 0px 12px 24px;
    font: 14pt Century Gothic,Arial,sans;
    font-weight: bold;
  }

  .photo_ThumbnailBlock {
    display: block;
  }

  .photo_ThumbnailBox {
    display: block;
    position: relative;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
  }
  
  .photo_ThumbnailBoxOdd {
    float: left;
    width: 216px;
    height: 286px;
  }
  
  .photo_ThumbnailBoxEven {
    float: left;
    width: 216px;
    height: 286px;
  }

  .photo_ThumbnailBoxDark {}

  .photo_ThumbnailBoxDark:hover {
    background-color: #1F1C1A;
  }

  .photo_ThumbnailBoxLight {}

  .photo_ThumbnailBoxLight:hover {
    background-color: #EEEEEE;
  }

  .photo_ThumbnailOuter {
    display: table;
    width: 210px;
    height: 206px;
    margin: 12px auto 0px auto;
    overflow: hidden;
  }

  .photo_ThumbnailInner {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    padding: 0px 4px 0px 4px;
  }

  .photo_ThumbnailImage {
    max-width: 200px;
    max-height: 200px;
    border: 1px solid #555555;
  }

  .photo_ThumbnailImageLight {
    border: 1px solid #CCCCCC;
  }

  .photo_ThumbnailCaption {
    margin: 0px 4px 0px 4px;
    font-size: 10pt;
    text-align: center;
  }
}

@media (max-width: 460px)
{
  /* -------- Thumbnail images: -------- */

  .photo_ThumbnailHeader {
    display: block;
    width: 100%;
    padding: 12px 0px 10px 0px;
    background-color: #222222;
    border-bottom: 1px solid #333333;
    overflow: hidden;
  }

  .photo_ThumbnailTitle {
    display: block;
    width: 100%;
    vertical-align: top;
    color: #EEEEEE;
  }

  .photo_ThumbnailControls {
    display: block;
    vertical-align: top;
    text-align: right;
    color: #EEEEEE;
  }

  .photo_ThumbnailControlsWrap {
    display: block;
    width: 100%;
    margin-top: 16px;
  }

  .photo_ThumbnailGroupByLabel {
    float: left;
    height: 26px;
    padding: 0px 6px 0px 12px;
    text-align: left;
    white-space: nowrap;
  }

  .photo_ThumbnailGroupByWrap {
    float: left;
    height: 26px;
  }

  .photo_Thumbnails {
    clear: both;
    display: block;
    padding: 12px 0px 24px 0px;
    background-color: #000000;
  }

  .photo_ThumbnailGroupHeader {
    clear: both;
    display: block;
    margin: 12px 0px 12px 24px;
    font: 14pt Century Gothic,Arial,sans;
    font-weight: bold;
  }

  .photo_ThumbnailBlock {
    display: block;
  }

  .photo_ThumbnailBox {
    float: left;
    display: block;
    position: relative;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
  }
  
  .photo_ThumbnailBoxOdd {
    clear: left;
    width: 49%;
    height: 286px;
  }
  
  .photo_ThumbnailBoxEven {
    width: 49%;
    height: 286px;
  }

  .photo_ThumbnailBoxDark {}

  .photo_ThumbnailBoxDark:hover {
    background-color: #1F1C1A;
  }

  .photo_ThumbnailBoxLight {}

  .photo_ThumbnailBoxLight:hover {
    background-color: #EEEEEE;
  }

  .photo_ThumbnailOuter {
    display: table;
    width: 98%;
    height: 206px;
    margin: 12px auto 0px auto;
  }

  .photo_ThumbnailInner {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
  }

  .photo_ThumbnailImage {
    max-width: 98%;
    max-height: 98%;
    border: 1px solid #555555;
  }

  .photo_ThumbnailImageLight {
    max-width: 98%;
    max-height: 98%;
    border: 1px solid #CCCCCC;
  }

  .photo_ThumbnailCaption {
    margin: 0px 4px 0px 4px;
    font-size: 10pt;
    text-align: center;
  }
}