
/**
 * @package DDSlider Plugin for Joomla 3
 * @version 1.0.1: ddslider.php 2012-11-24
 * @author Hendrik Schuster
 * @copyright Copyright (C) 2012 DeviantDev.Com All rights reserved.
 * @license GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html; see LICENSE.txt
**/

/* Slide Container
----------------------------------*/
.slide-container{ 
}

.slide_head{
    display: block;
    cursor:pointer;  
    color: #444444;
    font-weight: bold;
    padding: 5px 5px 5px 25px;
}

.slide-image{ 
	width: inherit;
	height: inherit;
	background: url("../img/dArrow.png") no-repeat scroll 98% center transparent;
}

.slide_body{
    padding: 7px 7px 7px 15px;
}

/* Interaction states for Head
----------------------------------*/
.state-default, .state-active { 
	border: thin solid #dddddd;   
    background: #ebebeb;  
    background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 51%,#ff8800 100%);
    transition: all 0.3s linear 0s;
    background-size: 100% 200%;
}

.state-default:hover, .state-active:hover {         
	background-position: 0 -25px;
}	

/* Interaction states for Body
----------------------------------*/
.closed { display: none;}
.open { display: block;}

.state-closed, .state-open { border: 1px solid #DDDDDD; background: #FAFAFA;}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.corner-top, .corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -khtml-border-top-left-radius: 7px; border-top-left-radius: 3px; }
.corner-top, .corner-tr { -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 3px; -khtml-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.corner-btm, .corner-bl { -moz-border-radius-bottomleft: 7px; -webkit-border-bottom-left-radius: 3px; -khtml-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.corner-btm, .corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; -khtml-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
