﻿/* Styles for Example #2 */








.slideb{
padding-left: 10px;
float: left;
height:420px;


}

#example2{
margin-bottom:-4px;
padding:0;
width:300px;
list-style-type:none;
background-color:#FFFFFF;
color:#000000;
line-height:120%;


}
#example2 a{
display:block;
font-weight:normal;
text-decoration:none;

}
#example2 ul{
overflow: hidden;
margin:0px;

height: 300px;
}
#example2 li{
list-style-type:none;

}

#example2 li a.closed{
color:#000000 !important;
font-weight:bold;
background-image:url(slide/ha-header.jpg) !important;
height:25px;
padding:5px 0 0 15px;}
#example2 li.firstitem a.closed{
color:#000000 !important;
font-weight:bold;
background-image:url(slide/ha-header-first.jpg) !important;
height:25px;
padding:5px 0 0 15px;}
#example2 li.lastitem a.closed{
color:#000000 !important;
font-weight:bold;
background-image:url(slide/ha-header-last.jpg) !important;
;
height:25px;
padding:5px 0 0 15px;}
#example2 li li{

padding:0 15px 0 15px;
height:auto;


}
#example2 li a.opened{
background-image:url(slide/ha-header-active.jpg);
color:#FFFFFF;font-weight:bold;
height:25px;
padding:5px 0 0 15px;}
#example2 li.firstitem a.opened{
background-image:url(slide/ha-header-first-active.jpg);
color:#FFFFFF; font-weight:bold;
height:25px;
padding:5px 0 0 15px;}
#example2 li.lastitem li{
margin-bottom:0px;

}
#example2 li.lastitem ul{
background-image:url(slide/ha-footer.jpg);
background-repeat:no-repeat;
background-position:bottom;


}
#video-list {
	height: 250px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	overflow: auto;
	margin-top:10px;

}

#video-list2 {
	height: 230px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	overflow: auto;
	margin-top:10px;

}

#video-list2  .video-entry a{

color:#0066CC
}

#video-list2 .video-entry a:hover{
color:#33CC33

}
#video-list  .video-entry a{

color:#0066CC
}


#video-list .video-entry a:hover{
color:#33CC33

}
/*video*/
.video-entry {
	clear: both;
	height: 80px;
	width:240px;

	padding-bottom: 5px;
	
	

}


.video-entry p {
	margin-bottom: 0;
}


#video-entry-image {
	float: left;
	width: 110px;
	height: 80px;
	
}
#video-entry-image img {
	width: 100px;
	height:80px;
	
}
.view-count, .view-date {
	padding-top:4px;
	
	color: #666666;
	font-size: 12px;
}
