/* Styles for Slider 1.5
     Majunke Michael

   An Example for Suffix _test in included
*/

/**
 Active Default Style
*/

.slideBarActive {

    background-color: rgb(120,120,120);
    background-image: url(slideBarOpen.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid gray;

    color:black;
    text-decoration:none;
}

.slideBarActive:link {
    color:blue;
    text-decoration:none;
}
.slideBarActive:visited {
    color:blue;
    text-decoration:none;
}
.slideBarActive:focus {
    color:blue;
    text-decoration:none;
}
.slideBarActive:hover {
    color:blue;
    text-decoration:none;
}
.slideBarActive:active {
    color:black;
    text-decoration:none;
}

/* here we hide the Description in Active Sliders */
.slideDescActive {
    display: none;
}

.slideTextActive {
   margin-bottom: 5px;
}

/* Show an additional Close Button at end of Active slider */
.slideBarEndActive {

    background-color: rgb(120,120,120);
    background-image: url(slideBarEnd.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid gray;

    color:black;
    text-decoration:none;

    margin-bottom: 5px;
}




/**
 Closed Default Style
*/

.slideBar {

    background-color: rgb(174,174,174);
    background-image: url(slideBar.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid gray;

    color:black;
    text-decoration:none;
}

.slideBar:link {
    color:blue;
    text-decoration:none;
}
.slideBar:visited {
    color:blue;
    text-decoration:none;
}
.slideBar:focus {
    color:blue;
    text-decoration:none;
}
.slideBar:hover {
    color:blue;
    text-decoration:none;
}
.slideBar:active {
    color:black;
    text-decoration:none;
}

/* show desc in closed Sliders */
.slideDesc {

    background-color: rgb(174,174,174);

    margin-top: 5px;
  	padding: 1px;
  	padding-left: 23px;
    border: 1px solid gray;

    color:black;
    text-decoration:none;
    font-size:small;

    margin-top: 5px;
    margin-bottom: 5px;
}

.slideText{
  margin-bottom: 5px;
}

/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd{
	display: none;
}





/**
 * Simple Example with Suffix _test
 *
 * you can see it in live Demo Slider3
 */

.slideBarActive_test {

    background-color: rgb(80,80,80);
    background-image: url(slideBarOpen.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid gray;

    color:red;
    text-decoration:none;
}

/* we show the Description also in Active Sliders */
.slideDescActive_test {

    background-color: rgb(80,80,80);

  	padding: 1px;
  	padding-left: 23px;
    border: 1px solid gray;

    color:green;
    text-decoration:none;
    font-size:small;

    margin-top: 5px;
    margin-bottom: 5px;
}

.slideBar_test {

    background-color: rgb(180,180,180);
    background-image: url(slideBar.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid magenta;

    color:red;
    text-decoration:none;
}

.slideDesc_test {

    background-color: rgb(180,180,180);

  	padding: 1px;
  	padding-left: 23px;
    border: 1px solid gray;

    color:black;
    text-decoration:none;
    font-size:small;

    margin-top: 5px;
    margin-bottom: 5px;

}

/** Show an additional Close Button at end of Active slider */
.slideBarEndActive_test {

    background-color: rgb(80,80,80);
    background-image: url(slideBarEnd.gif);
    background-repeat:no-repeat;
    background-position: left center;

  	padding: 3px;
  	padding-left: 23px;
	border: 1px solid gray;

    color:red;
    text-decoration:none;

    margin-bottom: 5px;

}

/* here we hide the End-Button in Closed/Inactive Sliders */
.slideBarEnd_test {
	display: none;
}

.slideText_test {
  margin-bottom: 5px;
}