/*----------------------------------------
 PAGES.CSS 

 Copyright(c)2000-2008 - photopost
 todos os direitos reservados 
 www.photopost.com.br 
 Diogenes de Oliveira

----------------------------------------*/

.PanelHeader {
   clear: both;
   margin: 0px;
}

.PanelContent {
}


/* CONTROLS BARS ------------------------*/

.controls_bars {
   clear: both;
   padding: 8px 0px 8px 0px;
   border-spacing: 0px;
   border-collapse: collapse;
   empty-cells: hide;
}

   .controls_bars .right {
      float: right;
      display: table;
      border-spacing: 0px;
      border-collapse: collapse;
      empty-cells: hide;
      table-layout: fixed;
   }

      .controls_bars .right .row {
         display: table-row;
      }

         .controls_bars .right .row div {
            float: left;
            display: inline;
            padding-left: 3px;
            padding-right: 3px;
         }

   .controls_bars .left {
      float: left;
      display: table;
      border-spacing: 0px;
      border-collapse: collapse;
      empty-cells: hide;
      table-layout: fixed;
   }

      .controls_bars .left .row {
         display: table-row;
      }

         .controls_bars .left .row div {
            padding-left: 3px;
            padding-right: 3px;
            display: inline;
         }


/* FINAL: CONTROLS BARS -----------------*/


/* GRID --------------------------------- */
.xGrid {
   width: 100%;
   height: auto;
   margin: 0px 0px 0px 0px;
   padding: 0px;
}

/* GRID EVENTS ---------------------------*/
.xGridItemEvents {
   border: 1px solid #E6E6E6;
   width: 240px;
   height: 380px;
   margin: 4px;
   padding: 8px 2px 2px 2px;
   position: relative;
   background-color: #ffffff;
   text-align: center;
   vertical-align: top;
   float: left;
}

   .xGridItemEvents:hover {
      background-color: #F0F0F0;
   }

   .xGridItemEvents img {
      border: 0px solid #000000;
   }

   .xGridItemEvents #BlockImage {
   }

      .xGridItemEvents #BlockImage img {
      }

   .xGridItemEvents #BlockText {
      height: 90px;
   }

   .xGridItemEvents #BlockByline {
      height: 30px;
      vertical-align: middle;
      text-align: center;
   }

   .xGridItemEvents #BlockControls {
      height: 60px;
      vertical-align: middle;
      text-align: center;
      padding: 0 5px 0 5px;
   }

   .xGridItemEvents #Titulo {
      font-size: 11px;
      color: #000000;
      font-weight: bold;
   }

   .xGridItemEvents #Notas1 {
      font-size: 11px;
      color: #CF615A;
      font-weight: normal;
   }

   .xGridItemEvents #DataEvento, #Local {
      font-size: 9px;
      color: #484848;
      font-weight: normal;
   }

   .xGridItemEvents a, .xGridItemEvents a:active, .xGridItemEvents a:visited, .xGridItemEvents a:link {
      color: #333333;
      text-decoration: none;
      font-weight: bold;
   }

      .xGridItemEvents a:hover {
         text-decoration: none;
         color: #0085CF;
         font-weight: bold;
      }


/* GRID GALLERY --------------------------------------- */

.xGridItemGallery {
   border: 1px solid #E6E6E6;
   width: 200px;
   height: 350px;
   margin: 6px;
   position: relative;
   background-color: #ffffff;
   text-align: center;
   vertical-align: top;
   float: left;
}


   .xGridItemGallery #PhotoNumber {
      color: #999999;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 9px;
   }

   .xGridItemGallery #BlockImage, .xGridItemGallery .BlockImage {
      height: 190px;
   }

   .xGridItemGallery img {
      border: 0px solid #000000;
      padding-top: 2px;
      max-height: 190px;
      max-width: 190px;
   }


   .xGridItemGallery #BlockText, .xGridItemGallery .BlockText {
      height: 100px;
      padding-right: 2px;
      padding-left: 2px;
      color: #000000;
   }

   .xGridItemGallery #BlockByline, .xGridItemGallery .BlockByline {
      height: 29px;
      vertical-align: middle;
      text-align: center;
      padding: 0px;
   }

   .xGridItemGallery #BlockControls, .xGridItemGallery .BlockControls {
      border-top: 1px solid #E6E6E6;
      height: 28px;
      line-height: 26px;
      vertical-align: middle;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
   }

      .xGridItemGallery #BlockControls div, .xGridItemGallery .BlockControls div {
         font-size: 9px;
         float: left;
         vertical-align: middle;
         padding: 4px 2px 0px 0px;
      }

   .xGridItemGallery #ObjectName, .xGridItemGallery #Titulo {
      font-size: 11px;
      color: #000000;
      font-weight: bold;
   }

   .xGridItemGallery #DateCreated, .xGridItemGallery #DataEvento {
      font-size: 9px;
      color: #787878;
      font-weight: bold;
   }

   .xGridItemGallery #SpecialInstruction, .xGridItemGallery #Notas1 {
      color: #CF615A;
   }

   .xGridItemGallery #Venue, .xGridItemGallery #Local {
      font-size: 9px;
      color: #787878;
   }

   .xGridItemGallery #ByLine, .xGridItemGallery #Fotografos {
      font-size: 9px;
      color: #333333;
   }

   .xGridItemGallery a, .xGridItemGallery a:active, .xGridItemGallery a:visited, .xGridItemGallery a:link {
      color: #333333;
      text-decoration: none;
   }

      .xGridItemGallery a:hover {
         text-decoration: none;
         color: #0085CF;
      }

/* GRID GRIDVIEW --------------------------------------- */

.xGridItemGridview {
   border-style: dotted;
   border-width: 1px 1px 1px 1px;
   border-color: #C0C0C0;
   width: 210px;
   height: 220px;
   margin: 4px;
   padding: 1px;
   position: relative;
   background-color: #FFFFFF;
   line-height: 12px;
   text-align: center;
   vertical-align: top;
   float: left;
}

   .xGridItemGridview img {
      border: 0px solid #000000;
   }

   .xGridItemGridview #PhotoNumber {
      color: #666666;
   }

   .xGridItemGridview #BlockImage {
      height: 200px;
   }

      .xGridItemGridview #BlockImage img {
         max-height: 200px;
         max-width: 200px;
      }


   .xGridItemGridview #BlockText {
      height: 77px;
   }

   .xGridItemGridview #BlockByline {
      height: 29px;
      vertical-align: middle;
      text-align: center;
      padding: 0px;
   }

   .xGridItemGridview #BlockControls {
      height: 15px;
      vertical-align: middle;
      text-align: center;
      padding: 0px;
   }

      .xGridItemGridview #BlockControls div {
         font-size: 9px;
         float: left;
         vertical-align: middle;
         padding: 0px;
      }

   .xGridItemGridview #ObjectName, .xGridItemGridview #Titulo {
      font-size: 10px;
      font-weight: normal;
      color: #000000;
   }

   .xGridItemGridview #DateCreated, .xGridItemGridview #DataEvento {
      font-size: 9px;
      color: #787878;
   }

   .xGridItemGridview #SpecialInstruction, .xGridItemGridview #Notas1 {
      color: #990000;
   }

   .xGridItemGridview #Venue, .xGridItemGridview #Local {
      font-size: 9px;
      color: #787878;
   }

   .xGridItemGridview #ByLine, .xGridItemGridview #Fotografos {
      font-size: 9px;
      color: #787878;
      letter-spacing: 0px;
   }

   .xGridItemGridview a, .xGridItemGridview a:active, .xGridItemGridview a:visited, .xGridItemGridview a:link {
      color: #333333;
      text-decoration: none;
   }

      .xGridItemGridview a:hover {
         text-decoration: none;
         color: #0085CF;
      }

/* GRID ZOOM ----------------------------*/
.xGridItemZoom {
   width: 150px;
   height: 150px;
   border: 1px dotted #C9C9C9;
   margin: 0px;
   padding: 1px;
   position: relative;
   background-color: #F7F7F7;
}

   .xGridItemZoom table {
      border-collapse: collapse;
      width: 100%;
      height: 100%;
      text-align: center;
   }

   .xGridItemZoom img {
      border: 1px solid #000000;
   }

   .xGridItemZoom table td.tdToolBars {
      vertical-align: middle;
      padding: 0 5px 0 5px;
      height: 25px;
      text-align: left;
      background-color: #DBDBDB;
   }
/* GRID ZOOM ----------------------------*/

