@charset "utf-8";
/* CSS Document */

#wrapper{ 
width: 900px; 
border: 1px solid #cccccc; 
margin-bottom: 8px; 
} 
 
#slider { 
margin: 0 auto; 
position: relative; 
} 
 
.scroll { 
width: 490px; 
height: 210px;
overflow: auto; 
overflow-x: hidden; 
position: relative; 
background: #cccccc url(); 
} 
 
.scrollContainer div.panel { 
  padding: 10px; 
  width: 900px; 
  /* for IE */
  filter: alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
  /* CSS3 standard */
  opacity: 0.8;
  background-image:url(http://www.thelearningpath.co.uk/wwwroot/wp-content/themes/default/header_top.jpg);
}

.transcontent {
  background: #333333;
  float: left;
  margin: 5px;
  padding: 10px;
  font-weight : bold;
  color: #ffffff;
  height: 160px;
  width: 900px;
  overflow: hidden; 
  position: relative;
  display: inline;
}

.transcontent span {
  display: block;
  padding: 0px;
  height: 160px;
  margin: 0 -1px 0 -1px;
  background : #333333;
  position: relative;
}

.transcontent p {
position: relative;
}

.featured_media {
  width: 190px;
  height: 160px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  float: left;
}
.featured_text {
  width: 235px;
  height: 160px;
  padding: 0px;
  padding-left: 15px;
  margin: 0px;
  float: right;
  position: relative;
  white-space: normal;
}

.featured_text p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #cccccc;
  line-height: 13px;
  font-weight: normal;
}

.featured_text a:link {
  color: #ffffff;
}

.featured_text a:visited {
  color: #ffffff;
}

.featured_text a:hover {
  color: #cccccc;
}

.title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 18px;
  font-weight: bold;
}

.title a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #ffffff;
  line-height: 18px;
  font-weight: bold;
  white-space: normal;
}

.title a:hover {
  color: #cccccc;
}
 
 
#shade { 
background:#ffffff;
height: 79px; 

padding: 4px;
padding-left: 6px;
padding-right: 6px;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

} 
 
#shade.tall-shade { 
background: #000; 
height: 120px; 
border-top: 1px solid #333; 
} 
 
ul.navigation { 
list-style: none; 
margin: 0; 
padding: 0; 
} 
 
ul.navigation li { 
display: inline; 
margin-right: 6px; 
} 
 
ul.navigation a { 
padding: 2px; 
color: #000; 
text-decoration: none; 
float: left; 
font-size: 10px; 
margin-left: 3px;
margin-right: 3px;
} 
 
ul.navigation a:hover { 
background: url(images/arrow_down.png) no-repeat 50% 0%; 
 
} 
 
ul.navigation a.selected { 
background: url(images/arrow_down.png) no-repeat 50% 0%; 
} 
 
ul.navigation a:focus { 
outline: none; 
} 
 
.scrollButtons { 
position: absolute; 
top: 130px; 
cursor: pointer; 
} 
 
.scrollButtons.left { 
left: -13px; 
z-index: 100; 
display: none; 
visibility: hidden; 
} 
 
.scrollButtons.right { 
right: -13px; 
z-index: 101; 
display: none; 
visibility: hidden; 
} 
 
.hide { 
display: none; 
} 
 
span.thumbtitle{ 
display: block; 
font-size: 10px; 
text-align: center; 
display:none; 
} 
 
img.scroller-thumb{ 
padding: 0px; 
border: 2px solid #ccc; 
width: 145px;
height: 71px;
} 
 
img.scroller-thumb-big{ 
padding: 5px; 
border: 1px solid #2b2b2b; 
} 
 
a.selected img.scroller-thumb{ 
border: 2px solid #333;
} 

.frame {
  border: none;
  height: 160px;
  width: 190px;
}