/**

 * Copyright (c) 2012 Anders Ekdahl (http://coffeescripter.com/)

 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.

 *

 * Version: 1.2.7

 *

 * Demo and documentation: http://coffeescripter.com/code/ad-gallery/

 */

.ad-gallery {

	width: 630px;

	margin-left: 15px;

	float: left;

}

.ad-gallery, .ad-gallery * {

	padding: 0;

}

  .ad-gallery .ad-image-wrapper {

    width: 100%;

    height: 250px;

    margin-bottom: 10px;

    position: relative;

    overflow: hidden;

  }

    .ad-gallery .ad-image-wrapper .ad-loader {

      position: absolute;

      z-index: 10;

      top: 48%;

      left: 48%;

      border: 1px solid #CCC;

    }

    .ad-gallery .ad-image-wrapper .ad-next {

      position: absolute;

      right: 0;

      top: 0;

      width: 25%;

      height: 100%;

      cursor: pointer;

      display: block;

      z-index: 200;

    }

    .ad-gallery .ad-image-wrapper .ad-prev {

      position: absolute;

      left: 0;

      top: 0;

      width: 25%;

      height: 100%;

      cursor: pointer;

      display: block;

      z-index: 200;

    }

    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {

      /* Or else IE will hide it */

      background: url(../images/trans.gif);

    }

      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

        background: url(../images/ad_prev.png);

        width: 30px;

        height: 30px;

        display: none;

        position: absolute;

        top: 47%;

        left: 15px;

        z-index: 101;

      }

      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

        background: url(../images/ad_next.png);

        width: 30px;

        height: 30px;

        right: 15px;

        left: auto;

      }

    .ad-gallery .ad-image-wrapper .ad-image {

      position: absolute;

      overflow: hidden;

      top: 0;

      left: 0;

      z-index: 9;

    }

      .ad-gallery .ad-image-wrapper .ad-image a img {

        border: 0;

      }

      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {

        position: absolute;

        bottom: 0px;

        left: 0px;

        padding: 7px;

        text-align: left;

        width: 100%;

        z-index: 2;

        background: url(../images/opa75.png);

        color: #000;

      }

      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {

        background: none;

        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');

      }

        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {

          display: block;

        }

  .ad-gallery .ad-controls {

    height: 20px;
	color:#FFF;

  }

    .ad-gallery .ad-info {

      float: left;

	  margin: 0px;

    }

    .ad-gallery .ad-slideshow-controls {

      float: right;

    }

      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {

        padding-left: 5px;

        cursor: pointer;

      }

      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {

        padding-left: 5px;

        font-size: 0.9em;

      }

    .ad-gallery .ad-slideshow-running .ad-slideshow-start {

      cursor: default;

      font-style: italic;

    }

  .ad-gallery .ad-nav {

    width: 100%;

    position: relative;

  }

    .ad-gallery .ad-forward, .ad-gallery .ad-back {

      position: absolute;

      top: 0;

      height: 100%;

      z-index: 10;

    }

    /* IE 6 doesn't like height: 100% */

    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {

      height: 100px;

    }

    .ad-gallery .ad-back {

      cursor: pointer;

      left: -30px;

      width: 13px;

      display: block;

      background: url(../images/ad_scroll_back.png) 0px 36px no-repeat;

    }

    .ad-gallery .ad-forward {

      cursor: pointer;

      display: block;

      right: -33px;

      width: 13px;

      background: url(../images/ad_scroll_forward.png) 0px 36px no-repeat;

    }

    .ad-gallery .ad-nav .ad-thumbs {

      overflow: hidden;

      width: 100%;

    }

      .ad-gallery .ad-thumbs .ad-thumb-list {

        float: left;

        width: 16000px;

        list-style: none;

      }

        .ad-gallery .ad-thumbs li {

          float: left;

          padding-right: 5px;

        }

          .ad-gallery .ad-thumbs li a {

            display: block;

          }

            .ad-gallery .ad-thumbs li a img {

              border: 3px solid #CCC;

              display: block;

            }

            .ad-gallery .ad-thumbs li a.ad-active img {

              border: 3px solid #616161;

            }

/* Can't do display none, since Opera won't load the images then */

.ad-preloads {

  position: absolute;

  left: -9000px;

  top: -9000px;

}