/*
  ToDO:

  move arrow images to global floder or sprite map
*/


/*GENERAL*/

.scroll-button{
  position: absolute;
 
  height: 83px;
  top: 40%;
  z-index: 901; 
  background: rgb(10,99,176);
  background: rgba(10,99,176,0.2);
  /*background: #0a63b0;*/

  /*background: -moz-linear-gradient(top,  rgba(93,49,89,0.6) 0%, rgba(78,40,75,0.6) 51%, rgba(37,18,36,0.6) 100%);*/ /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,49,89,0.6)), color-stop(51%,rgba(78,40,75,0.6)), color-stop(100%,rgba(37,18,36,0.6)));*/ /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  rgba(93,49,89,0.6) 0%,rgba(78,40,75,0.6) 51%,rgba(37,18,36,0.6) 100%);*/ /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  rgba(93,49,89,0.6) 0%,rgba(78,40,75,0.6) 51%,rgba(37,18,36,0.6) 100%);*/ /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  rgba(93,49,89,0.6) 0%,rgba(78,40,75,0.6) 51%,rgba(37,18,36,0.6) 100%);*/ /* IE10+ */
  /*background: linear-gradient(to bottom,  rgba(93,49,89,0.6) 0%,rgba(78,40,75,0.6) 51%,rgba(37,18,36,0.6) 100%);*/ /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#995d3159', endColorstr='#99251224',GradientType=0 );*/ /* IE6-9 */
}


.scroll-button:hover{
  position: absolute;
 
  height: 83px;
  top: 40%;
  z-index: 901; 
  background: rgb(10,99,176);
  background: rgba(10,99,176,0.9);
  

  /*background: #5d3159;*/ /* Old browsers */
  /*background: -moz-linear-gradient(top,  #5d3159 0%, #4e284b 51%, #30182d 100%, #361b34 100%, #251224 100%);*/ /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d3159), color-stop(51%,#4e284b), color-stop(100%,#30182d), color-stop(100%,#361b34), color-stop(100%,#251224));*/ /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* IE10+ */
  /*background: linear-gradient(to bottom,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d3159', endColorstr='#251224',GradientType=0 );*/ /* IE6-9 */

}

.scroll-button.under {
  z-index: -1;
}

.scroll-button.left{
  left: 0px;
}

.scroll-button.left.offset{
  left: 112px;
}

.scroll-button.right{
  right: 0px;
}

.scroll-button.right.offset{
  right: 52px;
}



.scroll-button .scroll-arrow {
  width: 52px;
  height: 100%;
  background-image: url("/profiles/aetv/modules/custom/aetv_episode/images/arrow-left.png");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.scroll-button .scroll-arrow a{
	display: inline-block;
    height: 100%;
    width: 100%;
}

.scroll-button.left .scroll-arrow{
  float: left;
   background-image: url("/profiles/aetv/modules/custom/aetv_episode/images/arrow-left.png");
}

.scroll-button.right .scroll-arrow{
  float: right;
  background-image: url("/profiles/aetv/modules/custom/aetv_episode/images/arrow-right.png");
}

.scroll-button .button-tip{
 /* width: 300px;*/
  height: 100%;
  /*background: #5d3159;*/ /* Old browsers */
  /*background: -moz-linear-gradient(top,  #5d3159 0%, #4e284b 51%, #30182d 100%, #361b34 100%, #251224 100%);*/ /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d3159), color-stop(51%,#4e284b), color-stop(100%,#30182d), color-stop(100%,#361b34), color-stop(100%,#251224));*/ /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* IE10+ */
  /*background: linear-gradient(to bottom,  #5d3159 0%,#4e284b 51%,#30182d 100%,#361b34 100%,#251224 100%);*/ /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d3159', endColorstr='#251224',GradientType=0 );*/ /* IE6-9 */
background: #1f323d;
}


.scroll-button.left .button-tip{
  float: left;
}

.scroll-button.left .button-tip .img{
  width: 69px;
  height: 61px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  float: left;
  border: 2px solid gray;
  overflow: hidden;

}

.scroll-button.left .button-tip .separator{
  width: 1px;
  height: 60px;
  background-color: white;
  float: left;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 10px;
  float: left;
}

.scroll-button.left .button-tip .description{
  float: left;
  color: white;
  margin-left: 16px;
  margin-top: 33px;
  margin-right: 16px;
  font-size: 14px;
  text-align: center;
  
}

.scroll-button .description{
  text-align: center;
  font-family: 'Amperscript';
}

.scroll-button .button-tip .description a{
  color: white;
  text-decoration: none;
}


.scroll-button.right .button-tip{
  float: right;
  
}


.scroll-button.right .button-tip .img{
  width: 69px;
  height: 61px;
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
  float: right;
  border: 2px solid gray;
  overflow: hidden;

}

.scroll-button.right .button-tip .separator{
  width: 1px;
  height: 60px;
  background-color: white;
  float: right;
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 10px;
}

.scroll-button.right .button-tip .description{
  float: right;
  color: white;
  margin-left: 16px;
  margin-top: 33px;
  margin-right: 16px;
  font-size: 14px;
  text-align: center;
}

.no-touch .scroll-button .img img {
  max-width: 100%;
  max-height: 100%;
}

.fs-disabled {
	opacity: .60;
}