/**********related.videos.vScroll.3.4**************/

.style1 {
                font-family: "Arial";
            }
        .template {
                color: #000000;
                font-family: "Arial";
                font-size: 14px;
            /*    margin:0px;
                padding:0px;*/
            }

            div.sc_menu_wrapper {
  position: relative;
  height: 405px;
  /* Make bigger than a photo, because we need a place for a scroll-bar. */
  width: 260px;

  overflow: auto;
}
div.sc_menu {
}
.sc_menu a {
  display: block;
  margin-bottom: 3px;
  width: 260px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  /* When image support is turned off */
}
.sc_menu a:hover {
}
.sc_menu img {
  display: block;
  border: none;
}


.sc_menu_wrapper .loading {
  position: absolute;
  top: 50px;
  left: 10px;

  margin: 0 auto;
  padding: 10px;

  width: 230px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;

  text-align: center;
}


/*
    Document   : horizontalScroll
    Created on : Oct 8, 2009, 6:37:53 PM
    Author     : Nanditha
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
div.hsc_menu {
/* Set it so we could calculate the offsetLeft */
position: relative;
/*height: 250px;*/
/*width: 170px;*/
/* Add scroll-bars */
overflow: auto;
}
ul.hsc_menu {
    display: block;
   /* height: 130px; */
    /* Max width here, for users without Javascript */
    width: 10000000px;
    /* Remove default margin */
    margin: 0;
    background: url('navigation.png');
    list-style: none;
}
.hsc_menu li {
    display: block;
    float: left;
}
.hsc_menu a {
    display: block;
    text-decoration: none;
}
.hsc_menu span {
    /* We want a caption to display on the next line */
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.hsc_menu span {
    display: none;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.hsc_menu a:hover span {
    display: block;
}
.hsc_menu img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.hsc_menu a:hover img {
    filter:alpha(opacity=50);
    opacity: 0.5;
}
.ptubeLi {
    line-height:1em;
    list-style-image:none;
    list-style-type: none;
    border-bottom:0px;
    background:none;
    background-image:none;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "";
}

.sidebar ul li
{
    border-bottom:0px;
    background:none;
}

.hsc_menu
{
    list-style-image:none;
    list-style-type: none;
}

.ptubeDiv{
    padding:0px;
    margin:0px;
}

#ptContent
{
    text-align:center;
}

a img { text-decoration:none; border:0px;}
a { text-decoration:none;}
.backgroundON{
background-color: #DBE4ED;
filter:alpha(opacity=100);
opacity:1;}
.backgroundOFF{
background-color: #ffffff;
filter:alpha(opacity=100);
opacity:1;}


.ptClassicAbsFrames
{
  z-index:10;position:absolute;
}

.ptClassicAbsArrows
{
  z-index:11;position:absolute;
}