/********************************************************************
    File:
        accordion-slider.css
    Brief:
        Hold styles for Accordion Slider
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/

/********************************
    ACCORDION
*********************************/


/* general */

#accordionContainer .clearBoth { clear:both; }
#accordionContainer img { border:none; }
#accordionContainer a { text-decoration:none; color:#89a0b8; }
#accordionContainer a:hover { color:#56718d; }

#accordionContainer {
    width:960px;
    height:300px;
    overflow:hidden;
    background-color:#000;
    position:relative;
    border:0px solid #EEE;
}

.asyncImgLoadAccordion { clear: none; }

.accordionImgDiv
{
    width: 760px;
    height: 300px;
    position: absolute;
    border-left:1px solid #222;
    margin-left: 0px;
    background-color: black;
    cursor:pointer;
    overflow: hidden;
}

.accordionImgDiv .slideStrip
{
    position: absolute;
    width: 100px;
    height: 300px;
    left:0px;
    top:0px;
    overflow: hidden;
    background-image: url('../images/accordion-slider/loading6.gif');
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-color: transparent;
}

.accordionImgDiv .slideDesc
{
  margin: 0;
  position: absolute;
  left: 15px;
  bottom: 15px;
  font: normal 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #eee;
  line-height: 1.2em;
}

.accordionSlideImage
{
    border-left: 0px solid #AAA;
    width:760px;
    height:300px;
    display:block;

    background-image: url('../images/accordion-slider/loading10.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.accordionDescBack
{
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */
    background-color:#000;
    border-top:1px solid #111;
}

.accordionDesc
{
    font-weight:normal;
    font-family: verdana;
    font-size:10px;
    padding-top:0px;
    padding-left:10px;
    text-align:left;
    color:#DDD;
    bottom:-70px;
    margin-left:0px;
    margin-top:0px;
    position:absolute;
    left:0px;
    width:760px;
    height:70px;
    opacity:0.0;
    filter:alpha(opacity=0); /* IE */
    background:none;
    border:0px solid red;
}

.accordionDescHeader
{
    margin-top:5px;
    position:static;
    color:#FFF;
    font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
    padding-bottom:3px;
    margin-bottom:0px;
}

.accordionDesc p {
    margin: 0;
}


/******************************************
   ACCORDION CONTROL PANEL
*******************************************/

#accordionControlPanel
{
    text-align:right;
    width:250px;
    height:16px;
    display:inline;
    float:right;
    margin-bottom:5px;
    margin-top:5px;
}

#accorControlBtnDesc
{
    margin-right:0px;
    padding-top:0px;
    margin-top:0px;
    font:10px/16px Verdana;
    color:#666;
    vertical-align:top;
}

.accorControlButton
{
    cursor: pointer;
    vertical-align: top;
}