/* ---------------------------------------------------------------------------
 layout --> moved to style.css 
-----------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
 This you can edit.
------------------------------------------------------------------------- */
 /* ----------------------------------
  Dark Rounded Theme
 ----------------------------------- */
 
 div.dark_rounded .pp_top .pp_left { background: url(sprite.png) -88px -53px no-repeat; } /* Top left corner */
 div.dark_rounded .pp_top .pp_middle { background: url(contentPattern.png) top left repeat; } /* Top pattern/color */
 div.dark_rounded .pp_top .pp_right { background: url(sprite.png) -110px -53px no-repeat; } /* Top right corner */
 
 div.dark_rounded .pp_content { background: url(contentPattern.png) top left repeat; } /* Content background */
 div.dark_rounded .pp_next:hover { background: url(btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
 div.dark_rounded .pp_previous:hover { background: url(btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
 div.dark_rounded .pp_expand { background: url(sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
 div.dark_rounded .pp_expand:hover { background: url(sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
 div.dark_rounded .pp_contract { background: url(sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
 div.dark_rounded .pp_contract:hover { background: url(sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
 div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
 div.dark_rounded .currentTextHolder { color: #c4c4c4; }
 div.dark_rounded .pp_description { color:red; }

 div.dark_rounded .pp_arrow_previous { background: url(sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
  div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
 div.dark_rounded .pp_arrow_next { background: url(sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
  div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }

 div.dark_rounded .pp_bottom .pp_left { background: url(sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
 div.dark_rounded .pp_bottom .pp_middle { background: url(contentPattern.png) top left repeat; } /* Bottom pattern/color */
 div.dark_rounded .pp_bottom .pp_right { background: url(sprite.png) -110px -80px no-repeat; } /* Bottom right corner */

 div.dark_rounded .pp_loaderIcon { background: url(loader.gif) center center no-repeat; } /* Loader icon */


/* ------------------------------------------------------------------------
 DO NOT CHANGE
------------------------------------------------------------------------- */

 div.pp_pic_holder a:focus { outline:none; }

 div.pp_overlay {
  background: #000;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
 }
 
 div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
 }
  
  .pp_top {
   height: 20px;
   position: relative;
  }
   * html .pp_top { padding: 0 20px; }
  
   .pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
   }
   .pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
   }
    * html .pp_top .pp_middle {
     left: 0;
     position: static;
    }
   
   .pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
   }
  
  .pp_content {
   height: 40px;
   position: relative;
   text-align: left;
   width: 100%;
  }
  
   .pp_content .pp_details {
    display: none;
    margin: 10px 15px 2px 20px;
   }
    .pp_description {
     display: none;
     float: left;
     margin: 0;
    }
    
    .pp_nav {
     clear: left;
     float: left;
     margin: 3px 0 0 0;
    }
    
     .pp_nav p {
      float: left;
      margin: 2px 4px;
     }
    
     .pp_nav a.pp_arrow_previous,
     .pp_nav a.pp_arrow_next {
      display: block;
      float: left;
      height: 15px;
      margin-top: 3px;
      overflow: hidden;
      text-indent: -10000px;
      width: 14px;
     }
  
  .pp_hoverContainer {
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 2000;
  }
  
  a.pp_next {
   background: url(btnNext.png) 10000px 10000px no-repeat;
   display: block;
   float: right;
   height: 100%;
   text-indent: -10000px;
   width: 49%;
  }
   
  a.pp_previous {
   background: url(btnNext.png) 10000px 10000px no-repeat;
   display: block;
   float: left;
   height: 100%;
   text-indent: -10000px;
   width: 49%;
  }
  
  a.pp_expand,
  a.pp_contract {
   cursor: pointer;
   display: none;
   height: 20px; 
   position: absolute;
   right: 30px;
   text-indent: -10000px;
   top: 10px;
   width: 20px;
   z-index: 20000;
  }
   
  a.pp_close {
   display: block;
   float: right;
   text-indent: -10000px;
  }
  
  .pp_bottom {
   height: 20px;
   position: relative;
  }
   * html .pp_bottom { padding: 0 20px; }
   
   .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
   }
   .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
   }
    * html .pp_bottom .pp_middle {
     left: 0;
     position: static;
    }
    
   .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
   }
  
  .pp_loaderIcon {
   display: none;
   height: 24px;
   left: 50%;
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;
   width: 24px;
  }
  
  #pp_full_res {
   display: none;
   line-height: 1 !important;
   margin: 0 auto;
   text-align: center;
   width: 100%;
  }
 
  div.ppt {
   color: #fff;
   display: none;
   font-size: 17px;
   left: 0;
   position: absolute;
   top: 0;
   z-index: 9999;
  }

/* ------------------------------------------------------------------------
 Miscellaneous
------------------------------------------------------------------------- */

 .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
 }

 .clearfix {display: inline-block;}

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
 /* End hide from IE-mac */