/* 
    Document   : scroll
    Created on : 26-nov-2009, 12:23:03
    Author     : HP_Propietario
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  width: 10px; height: 12px;
  background-image:url(http://backoffice.europeinyourlife.com/imgfiles/lloretdemar/webtv/imagenes/BtnUpScroll.gif);
  cursor:pointer;
}
.Scrollbar-Track {
  width: 10px; height: 401px;
  position: relative;
  
  background-color:#FAFAFA;
}
.Scrollbar-Handle {
  position: absolute;
  width: 11px; height: 27px;
  background-color: #CCC;
  background-image:url(http://backoffice.europeinyourlife.com/imgfiles/lloretdemar/webtv/imagenes/BtnSliderScroll.gif);
  cursor:pointer;
}
.Scrollbar-Down {
  position: relative;
  width: 10px; height: 12px;
  background-color: #CCC;
  background-image:url(http://backoffice.europeinyourlife.com/imgfiles/lloretdemar/webtv/imagenes/BtnDownScroll.gif);
  cursor:pointer;
}
#Scrollbar-Container {
  position: relative;
  margin-left: 345px;
}

#Container {
  position: absolute;
  /*top: 50px; left: 50px;*/
  width: 400px;
  /*height: 200px;*/
  background-color: #EEE;
}
#listadoCategorias, #listadoVideos, #listadoMisVideos {
  border:1px solid #C9C9C9;
  background-color:#EEEEEE;
  position: absolute;
  overflow: hidden;
  width: 354px;
  height: 423px;
  display: none;


}
#listadoCategorias {display: block;}
/*p {
  margin: 0; padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #777;
}*/
#Navigation {
  /*position: absolute;
  top: 30px;
  left: 75px;*/
}
#Navigation a {
  /*margin: 5px 2px 0 0;*/
  cursor: pointer;
  padding: 0 5px;
  height: 20px;
 /* background-color: #E4E4E4;*/
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  font-weight:normal;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  float: left;
  /*letter-spacing: 1px;*/
}
#Navigation a:hover {
  margin-top: 0px;
  height: 25px;
}
#Navigation a.current {
  /*margin-top: 0px;
  height: 25px;
  background-color: #EEE;
  color: #777;*/
}