@charset "utf-8";
/* CSS Document */
img {behavior: url("pngbehavior.htc");}

#breadcrumb {
	font-size: 11px;
	color: #ffc55f;
	text-decoration: none;
	background-image: url(../expert_studio/images/bg_breadcrumb.gif);
	background-repeat: repeat-x;
	height: 27px;
	padding-left: 16px;
	padding-top: 12px;
	width: 947px;
}

#breadcrumb a{
	font-size: 11px;
	color: #ffc55f;
	text-decoration: underline;
	background-image: url(../expert_studio/images/arrow_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	padding-top: 0px;
}
#breadcrumb a:hover{
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
#content_tv {
	text-decoration: none;
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	background-color: #212121;
	background-image: url(../expert_studio/images/yuko_bg.jpg);
	width: 963px;
}
#content_activity {
	text-decoration: none;
	background-repeat: no-repeat;
	margin-left: 18px;
	margin-right: 18px;
	background-color: #212121;
	background-image: url(../images/activitybg.jpg);
	width: 963px;
}
/* gallery on individual page */
* html .stepcarouseindi{
 margin-left:85px;
 margin-top:15px;
}

.stepcarouseindi{
position: relative; /*leave this value alone*/float: left; margin-left:160px;  margin-top:15px;
overflow: scroll; /*leave this value alone*/
width: 688px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/ 
}

.stepcarouseindi .belt{ position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouseindi .panel{font-family:Arial, Helvetica, sans-serif, Verdana; font-size:11px; color:#0f64b3; text-align:center; float: right; /*leave this value alone*/
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 189px;
text-align:center;
padding-right:5px;
padding-left:28px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.ytext {
font-family:Tahoma, Verdana; font-size:11px; color:#fda100; font-weight:bold; text-align:center; padding-top:7px;
}
.ytext a{
color:#fda100;
text-decoration:none;
}
.ytext a:hover{
color:#fda100;
text-decoration:underline;
}
/* gallery on indiviusal page */

/* tv scoop */
.scoop {
background:url(../images/tvscoopbg.jpg) top no-repeat;
height:661px;
margin-top:0px;
}
.scoopvideo {
margin-left:305px;
margin-top:5px;
width:403px;
}
.scoopvideo p{
font-family:Tahoma, Verdana; font-size:11px; color:#fda100; font-weight:bold; text-align:center; padding-top:7px;
}
.activity_update {
font-family:Arial, Helvetica, sans-serif;
font-size:35px;
color:#FFFFFF;
padding-top:280px;
padding-bottom:218px;
padding-left:370px;
}